@charset 'utf-8';

#header { height:0; padding:0 0 19% 0; background:url('../img/common/header_bg.jpg') 0 0 repeat; background-size:100% auto; position:fixed; left:0; top:0; width:100%; z-index:10; }
#header h1 { height:37%; left:8%; position:absolute; top:32%; width:44%; }
#header h1 a { display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }

#header div.inner_header { width:100%; margin:0 auto; position:relative; padding:0 0 19% 0; height:0; }
#header ul.utilmenu { position:absolute; right:28px; top:29px; }
#header ul.utilmenu li { float:left; margin:0 12px; }

.inner_header p { height:37%; position:absolute; top:32%; width:7%; }
.inner_header p.btn_sch { left:66.5%; }
.inner_header p.btn_national { height:auto; left:61.5%; top:25%; width:16%; }
.inner_header p.btn_national img { width:50%; margin:1% 25% 2%; display:block; }
.inner_header p.btn_national a { display:block; color:#fff; font-size:18px; vertical-align:middle; line-height:32px; text-align:center; }
.inner_header p.btn_national span { display:block; text-align:center; }
.inner_header p.btn_menu { left:86.5%; }

#container { margin-top:19%; }

#footer .fs_slider_wrap { padding:5% 0; background:#f1f1f1; border-top:1px solid #e4e4e4; }
#footer .fs_slider_area { width:300px; margin:0 auto; }
#footer .fs_slider_area .bx-wrapper .bx-prev { left:-30px; background:url('../img/contents/btn_prev.png') no-repeat; background-size:50%; }
#footer .fs_slider_area .bx-wrapper .bx-next { right:-40px; background:url('../img/contents/btn_next.png') no-repeat; background-size:50%; }


#footer div.fs_slider_wrap { max-width:1000px; margin:0 auto; }
#footer div.fs_slider_wrap .fs_slider li p.fs_img_box { width:60px;float:left; }
#footer div.fs_slider_wrap .fs_slider li img{ width:100%;  }
#footer div.fs_slider_wrap .fs_slider li p.fs_text_box { font-size:16px; float:left; font-weight:bold; line-height:21px; margin-left:5px; width:170px;  }
#footer div.fs_slider_wrap .fs_slider li p span { font-size:17px; display:block;  font-weight:normal; }


#footer .fs_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a { width:9px; height:9px; background:url('../img/common/fs_pager_off.png') 0 0 no-repeat; }
#footer .fs_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#footer .fs_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background:url('../img/common/fs_pager_on.png') 0 0 no-repeat; }
#footer .fs_slider_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { position:absolute; left:50%; margin-left:-40%; text-align:center !important; top:70px; }

#footer .fs_slider_wrap .bx-wrapper { margin:0 auto; }
#footer .fs_slider_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { position:absolute; left:80px; top:90px; }
#footer .fs_slider_wrap .bx-wrapper .bx-controls-auto .bx-stop { width:6px; height:9px; background:url('../img/common/fs_btn_stop.jpg') 0 0 no-repeat; }
#footer .fs_slider_wrap .bx-wrapper .bx-controls-auto .bx-start { width:6px; height:9px; background:url('../img/common/fs_btn_play.png') 0 0 no-repeat; }
#footer .fs_slider_wrap .bx-wrapper .bx-controls-auto .bx-stop:hover, .fs_slider_wrap .bx-wrapper .bx-controls-auto .bx-stop.active { background-position:0 0; }
#footer .fs_slider_wrap .bx-wrapper .bx-controls-auto .bx-start:hover, .fs_slider_wrap .bx-wrapper .bx-controls-auto .bx-start.active { background-position:0 0; }

#footer .copyright_wrap { padding:25px 12px 45px 12px; background:#fff; }

#footer .copyright_wrap p { max-width:580px; margin:0 auto; font-size:18px; color:#999; line-height:1.4; }
#footer .copyright_wrap p span { display:inline-block; margin:0 5px; }
#footer .copyright_wrap p.copy { padding-top:20px; }
#footer .copyright_wrap p a { color:#999; }
#footer .copyright_wrap p .customer { border:2px solid #999; border-radius:3px; padding:1px 5px; margin-top:2%;}

.dimm { width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); position:fixed; left:0; top:0; z-index:11; display:none; }

nav#gnb { position:fixed; right:-100%; top:0; z-index:12; width:100%; height:100%; overflow:auto; }
.gnb_inner { position:relative; height:100%; overflow:auto; background:rgba(0, 0, 0, 0.8); width:70%; right:-32%; }

nav#gnb p.close { position:absolute; left:45px; top:35px; }
nav#gnb p.close a { display:block; width:36px; height:36px; transition:transform 1s; }
nav#gnb p.close a:hover { transform:rotate(180deg); }

nav#gnb div.sch_wrap { padding:30px; background:#a00616; }
nav#gnb div.sch_wrap div.sch_form { width:100%; }
nav#gnb div.sch_wrap div.sch_form:after { content:""; display:block; clear:both; }
nav#gnb div.sch_wrap p.sch_bar { width:65%; float:left; }
nav#gnb div.sch_wrap p.sch_bar input { width:100%; height:46px; line-height:46px; border-radius:3px; border:0; text-indent:10px; box-shadow:inset 1px 1px 3px #666; }
nav#gnb div.sch_wrap p.sch_btn { width:30%; float:right; }
nav#gnb div.sch_wrap p.sch_btn a { display:block; width:100%; height:46px; line-height:46px; font-size:20px; color:#fff; text-align:center; background:#666; border-radius:3px; box-shadow:2px 2px 3px #333; }

nav#gnb ul.gnb_wrap > li { position:relative; padding-right:10px; }
nav#gnb ul.gnb_wrap > li > a { display:block; height:auto !important; padding:20px 0; padding-left:30px; line-height:1.2;  font-size:24px; color:#fff; padding-right:26px; }

nav#gnb ul.gnb_wrap li p.gnb_arrow { position:absolute; right:20px; top:30px; }
nav#gnb ul.gnb_wrap li p.gnb_arrow a { display:block; width:24px; height:16px; background:url('../img/common/gnb_arrow_down.png') 0 0 no-repeat; text-indent:-20000px; }
nav#gnb ul.gnb_wrap li.on p.gnb_arrow a { display:block; width:24px; height:16px; background:url('../img/common/gnb_arrow_up.png') 0 0 no-repeat; }

nav#gnb ul.gnb_wrap ul {  border-top:3px solid #333; display:none; }
nav#gnb ul.gnb_wrap ul li { border-bottom:1px solid #050505; }
nav#gnb ul.gnb_wrap ul li a { display:block; height:auto !important; padding:20px 0; border-bottom:1px solid #050505; background:#222; color:#aaa; font-size:20px; padding-left:50px; }

	.to_pc { max-width:580px; margin:40px auto 0; position:relative; width:100%; } /*  151103 푸터 sns 추가 */
	/*.to_pc a { display:block; height:100%; width:100%; }*/

.hide { font-size:0; height:0; line-height:0; overflow:hidden; text-indent:-20000px; width:0; }

/* ����¡ */
.paging_wrap{ text-align:center; *padding-left:280px; padding:10% 0 10% 0; }
.paging_wrap a { display:inline-block; width:38px; height:38px; line-height:38px; text-align:center; background:#fff; font-size:16px;color:#091038;*display:block;*float:left;*width:14px;zoom:1; margin-right:10px; border:1px solid #dddddd; }
.paging_wrap .on { color:#fff; font-weight:normal; border:1px solid #df3243; background:#df3243; }

.paging_wrap .btn_page { margin-right:2px; border:0; text-indent:-20000px; }
.paging_wrap .btn_page img { vertical-align:middle; }
.paging_wrap .btn_page.prev { background:url("../img/common/btn_page_prev.png") 0 0 no-repeat; }
.paging_wrap .btn_page.next { background:url("../img/common/btn_page_next.png") 0 0 no-repeat; }


/* 151103 푸터 sns 추가 */
.to_pc .to_pc_01 { display:inline-block; width:31%; margin:0 15% 0 2%; }
.to_pc .to_pc_02,
.to_pc .to_pc_03,
.to_pc .to_pc_04,
.to_pc .to_pc_05 { display:inline-block; width:9%; margin-left:2%; }

/*타이틀 텍스트*/
.sub_tit_inner{ width:100%;}
.sub_tit_inner h2 {font-size:51px;  font-weight: 500; color:#222; line-height:45px; padding:7% 8% 5% 7.5%; }
.sub_tit_inner .sub_stext { color:#666; font-size:26px;  padding:0 10% 6% 7.5%;  text-align:left; line-height:38px; }

/*국가선택 팝업*/
.pop_dimm { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); z-index:10; display:none;  }
.pop_nation_obj { position: absolute; overflow:hidden; z-index: 11; margin:5%; display:none;}
.pop_nation { width:90%; height:390px; background:#df3243;}

.pop_nation_obj p.close { position:absolute; right:5px; top:10px; }
.pop_nation_obj p.pop_nation_tit { background:#df3243; color:#fff; font-size:14px; font-weight:bold; padding:10px 0; }
.pop_nation_obj p.pop_lang_tit { background:#df3243; color:#fff; font-size:14px; font-weight:bold; padding:10px 0; }

.pop_nation_select{ background:#fff; float:left; overflow:hidden; margin:0 2% 0 3% ; height:375px; width:45%; }
.pop_nation_select ul { height:330px;  padding:2% 7% 7% 7%; overflow-y:scroll;  }
.pop_nation_select ul li { margin-top:5%; }
.pop_nation_select ul li a { line-height:100%; }
.pop_nation_select dl {  width:100%; }
.pop_nation_select dl:after { content:''; clear:both; display:block; }
.pop_nation_select dl dt{ float:left; width:20%; border:1px solid #dedede; }
.pop_nation_select dl dt img{ width:100%; }
.pop_nation_select dl dd{ float:left; width:69%; padding-left:5%; line-height:100%; color:#666; }

.pop_lang_select{ background:#fff; float:left; overflow:hidden; margin:0 3% 0 2%; height:375px; width:45%; }
.pop_lang_select ul { height:330px;  padding:2% 7% 7% 7%; overflow-y:scroll;  }
.pop_lang_select ul li { margin-top:5%; }
.pop_lang_select ul li a { line-height:100%; font-size:13px; }
.pop_lang_select dl {  width:100%; }
.pop_lang_select dl:after { content:''; clear:both; display:block; }
.pop_lang_select dl dt{ float:left; width:20%; border:1px solid #dedede; }
.pop_lang_select dl dt img{ width:100%; }
.pop_lang_select dl dd{ float:left; width:69%; padding-left:5%; line-height:100%; color:#666; }


.pop_nation_select li a.on dd { color:#df3243; }
@media screen and (max-width:630px) {
	/*#header div.inner_header { width:100%; }*/
	.sub_tit_inner h2 { font-size:45px; }
	.sub_tit_inner .sub_stext { font-size:22px; }

	.inner_header p.btn_national a { font-size:16px; line-height:30px; }
	.pop_nation_select li a { font-size:16px; }
}

@media screen and (max-width:520px) {
	nav#gnb div.sch_wrap { padding:15px 20px 15px 15px; }
	nav#gnb div.sch_wrap p.sch_btn a { font-size:14px; }
	nav#gnb div.sch_wrap p.sch_bar { width:60%; }
	nav#gnb div.sch_wrap p.sch_btn { width:35%; }

	nav#gnb ul.gnb_wrap li p.gnb_arrow { top:22px; right:15px; }
	nav#gnb ul.gnb_wrap > li > a { padding-left:15px; font-size:16px; height:60px; }
	nav#gnb ul.gnb_wrap ul li a { padding-left:20px; font-size:14px; height:60px; }
	
	.sub_tit_inner h2 { font-size:38px; line-height: 40px; }
	.sub_tit_inner .sub_stext { font-size:19px; line-height: 25px; }

	.inner_header p.btn_national a { font-size:14px; line-height:30px; }
	.pop_nation_select li a { font-size:15px; }
}

@media screen and (max-width:480px) {
	/*#header { height:70px; background-size:auto 70px; }

	#header h1 { width:160px; padding:22px 0 0 28px; }
	#header ul.utilmenu { right:12px; top:23px; }
	#header ul.utilmenu li { width:25px; margin:0 8px; }*/

	#container { margin-top:19%; }

	#footer .fs_slider_area { width:260px; }
	#footer .fs_slider_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { top:60px; }
	#footer .fs_slider_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { left:58px; top:80px; }

	#footer .copyright_wrap  { padding:20px 6px; }
	#footer .copyright_wrap p { font-size:14px; }
	#footer .copyright_wrap p span { margin:0 6px; }

	.paging_wrap .btn_page { margin:0 -4px; }
	.paging_wrap a { margin:0 2px; }
	
	.sub_tit_inner h2 { font-size:34px;}
	.sub_tit_inner .sub_stext { font-size:16px; }
	/*.sub_tit_inner h2{ font-size:29px;}*/
	
	.inner_header p.btn_national a { font-size:12px; line-height:15px; }
	.pop_nation_select li a { font-size:13px; }
}
@media screen and (max-width:400px) {
	nav#gnb ul.gnb_wrap > li > a { padding-left:15px; font-size:14px; height:60px;  }
	.sub_tit_inner h2 { font-size:28px; line-height: 30px; letter-spacing: 0px;}
	.sub_tit_inner .sub_stext { font-size:14px; line-height: 24px; }
	.pop_nation_obj div.pop_nation_head p.pop_tit { font-size:15px; }
	.inner_header p.btn_national a { font-size:10px; line-height:11px; }
	
}
@media screen and (max-width:320px) {
	.pop_nation_obj div.pop_nation_head p.pop_tit { font-size:12px; }
	.sub_tit_inner h2 { font-size:25px; line-height: 30px; }
	.sub_tit_inner .sub_stext { font-size:12px; line-height: 20px; }


}