@CHARSET "UTF-8";

/* COMMON **********************************************************/
#container.customer h3 { top: 50px; }
#container.customer h4 { margin: 0 0 18px 0; line-height: 1; font-size: 18px; font-weight: 500; color: #3a3a3a; }
#container.customer .content .content_wrap { padding: 10% 0; }
#container.customer .header .header_wrap { width: 1200px; margin:0 auto; padding: 55px 0 0 30px;}
#container.customer .header .header_wrap .desc { margin: 0 0 33px 0; }

#container.customer .tbl_notice .idx { width: 10%; }
#container.customer .tbl_notice .writer { width: 10%; }
#container.customer .tbl_notice .date { width: 15%; }

/* HEADER **********************************************************/
.customer .header {background: url(../images/customer/bg_header_notice.jpg) no-repeat top center; background-size: cover;}
.customer .top { width: 1140px; margin: 0 auto 10px auto; padding: 30px 0; border-top: 2px solid #414141; border-bottom: 1px solid #e1e1e1; }
.customer .top>p { position: relative; margin: 0 0 7px 0; line-height: normal; font-size: 16px; font-weight: 300; color: #3a3a3a; }
.customer .top>p.title { margin: 0 0 10px 0; line-height: normal; font-size: 30px; font-weight: 300; color: #2e2e2e; }
.customer .bottom { width: 1140px; margin: 0 auto 50px auto; padding: 30px 0; border-bottom: 1px solid #e1e1e1; }
.customer .bottom>p { position: relative; margin: 0 0 7px 0; line-height: normal; font-size: 16px; font-weight: 300; color: #3a3a3a; }
.customer .bottom>p.title { margin: 0 0 10px 0; line-height: normal; font-size: 30px; font-weight: 300; color: #2e2e2e; }
/*.customer .bottom {width: 1140px; margin: 0 auto; overflow: hidden;}*/

/* CONTENT **********************************************************/
.customer_notice_view .header {background: url(../images/customer/bg_header_notice.jpg) no-repeat top center; background-size: cover;}
.customer_notice_view .btns { width: 1140px; margin: 0 auto; overflow:hidden; }
.customer_notice_view .btns button { float: right; }

.customer_01 .items { width: 100%; overflow: hidden;}
.customer_01 .item { float: left; width: 270px; margin: 0 0 0 20px; }
.customer_01 .item:FIRST-CHILD { margin: 0 }
.customer_01 .item .item_txt { padding: 27px 19px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 4px solid #0089d0; }
.customer_01 .item .item_txt>p { line-height: 1; font-size: 14px; font-weight: 300; color: #969696; }
.customer_01 .item .item_txt>p.title { margin: 0 0 13px 0; font-size: 26px; font-weight: 500; color: #0089d0; }
.customer_01 .item .item_img { border: 1px solid #ebebeb; border-top: none; }
.customer_01 .item .item_img img { display: block; width: 100%; height: auto; }

.customer_02 .receive_01 { margin: 0 0 50px 0 }
.customer_02 .privacy { height: 130px; margin: 0 0 10px 0; padding: 20px 20px; font-size: 13px; font-weight: normal; color: #969696; border: 1px solid #ddd; overflow: hidden; overflow-y: scroll; }
.customer_02 .box_agree { text-align: right }
.customer_02 .box_agree label { margin: 0 0 0 37px; font-size: 16px; }
.customer_02 .box_agree label:FIRST-CHILD { margin: 0 }
.customer_02 .box_agree input { width: 16px; height: 16px; margin: 2px 7px 0 0; vertical-align: top; }
.customer_02 .receive_02 { margin: 0 0 12px 0; overflow: hidden;}
.customer_02 .box_100 { float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 0 25px; }
.customer_02 .box_50 { float: left; width: 49.5%; margin: 0 0 10px 1%; padding: 0 0 0 25px; }
.customer_02 .box_50_first { margin: 0 0 10px 0; }
.customer_02 .box_inp { height: 50px; line-height: 50px; font-size: 16px; font-weight: 300; border: 1px solid #d0d0d0; }
.customer_02 .select_box { padding: 0; background-position: 96% center; }
.customer_02 .select_box>label { top: 14px; left: 23px; font-size: 16px; font-weight: 300; }
.customer_02 .select_box>select { padding: 0 18px; font-size: 16px; font-weight: 300; }
.customer_02 .box_textarea { height: 110px; padding: 20px 25px; line-height: 1; font-size: 16px; font-weight: 300; border: 1px solid #d0d0d0; resize: none; }
.customer_02 .btns { float: right; overflow: hidden; }
.customer_02 .btns button { float: left; margin: 0 0 0 7px; }
    
.customer_03 .receive_01 { margin: 0 0 50px 0; overflow: hidden; }
.customer_03 .receive_01 .inp_name { float: left; width: 30%; height: 50px; padding: 0 0 0 25px; line-height: 50px; font-size: 16px; font-weight: 300; border: 1px solid #d0d0d0; }
.customer_03 .receive_01 .inp_tel { float: left; width: 52%; height: 50px; margin: 0 0 0 1%; padding: 0 0 0 25px; line-height: 50px; font-size: 16px; font-weight: 300; border: 1px solid #d0d0d0; }
.customer_03 .receive_01 .btn_m2 { float: left; width: 16%; min-width: 0px; height: 50px; margin: 0 0 0 1%; padding: 0; line-height: 50px; font-size: 16px; font-weight: 300; text-align: center; }

.customer_04 .btns button { float: right; }
 
.customer_qna .accordion {margin: 0 0 50px 0}
.customer_qna .accordion dt {padding: 0 30px 0 70px; background: url(../images/customer/ico_qna_q.png) no-repeat 26px 14px;}
.customer_qna .accordion dd {padding: 12px 30px 12px 70px; background: #f5f5f5 url(../images/customer/ico_qna_a.png) no-repeat 26px 14px;}

.customer.customer_operate .top>p.desc {padding: 0 0 0 200px;}/*1128 padding: 0 0 0 200px¼öÁ¤*/
.customer.customer_operate .top>p.desc:AFTER {content: ""; position: absolute; top: 8px; left: 86px; width: 1px; height: 12px; border-left: 1px solid #e1e1e1; }
.customer.customer_operate .top>p.point {line-height: 27px; font-size: 27px; font-weight: 700; color: #0089d0;}
.customer.customer_operate .top>p>span { position: absolute; top: 0px; left: 0px; font-size: 16px; font-weight: 300; color: #3a3a3a;position: absolute;z-index:9001;}/*1128¼öÁ¤ position: absolute;z-index:9001;Ãß°¡*/
.customer.customer_operate .top>p.point>span {line-height: 27px; font-size: 16px; font-weight: 300; color: #3a3a3a;}
.customer_operate .sptes { margin: 0 0 50px 0; }
.customer_operate .sptes img {display: block; width: 100%; margin: 0 auto;}
.customer_operate .sptes img.img_view_pc {display: block; max-width: 1140px; }
.customer_operate .sptes img.img_view_mobile {display: none; max-width: 600px; }
.customer_operate .btns button { margin: 0 auto; padding: 16px 90px 15px 25px; font-size: 18px; font-weight: 500; background: #323232 url(../images/customer/ico_harf_cross.png) no-repeat 200px center; }



*{margin: 0 auto; padding: 0;}

@media screen and (max-width:1200px) {
    /*#container.customer .header .header_wrap { width: 98%; padding: 0 1%; }*/
    #container.customer .header .header_wrap { width: calc(98% - 30px); }
	.tbl_notice { width: 100%; }
	
	.customer .top, .customer .bottom { width: 100%; }
	
	.customer_notice_view .btns { width: 100%; }
	
	.customer_01 .item { width: 24%; margin: 0 0 0 1.33%; }
	.customer_01 .item .item_txt { padding: 27px 5%; }
}

@media screen and (max-width:1024px) {
	.customer_01 .item .item_txt>p {font-size: 12px;}
	.customer_01 .item .item_txt>p.title {font-size: 23px;}
}

@media screen and (max-width:768px) {
	#container.customer .tbl_notice .idx { width: 10%; }
	#container.customer .tbl_notice .writer { width: 15%; }
	#container.customer .tbl_notice .date { width: 20%; }
	
	.customer_01 .item { width: 49%; margin: 0 0 20px 2%; }
	.customer_01 .item.line_down {margin: 0 0 20px 0;}
	.customer_01 .item .item_txt>p {font-size: 20px;}
	.customer_01 .item .item_txt>p.title {font-size: 30px;}

}

@media screen and (max-width:640px) {
	#container.customer .tbl_notice .idx { width: 15%; }
	#container.customer .tbl_notice .writer { width: 20%; }
	#container.customer .tbl_notice .date { width: 25%; }
	
	.customer_01 .item .item_txt>p {font-size: 10px;}
	.customer_01 .item .item_txt>p.title {font-size: 18px;}
	
	.customer_02 .box_50 { width: 100%; margin: 0 0 10px 0; }
	.customer_02 .box_textarea { height: 190px; }
	
	.customer_operate .sptes img.img_view_pc {display: none}
.customer_operate .sptes img.img_view_mobile {display: block}
}