@charset "UTF-8";
/* =========================
	SKIP NAV
========================= */
#skipNav{ position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; }
#skipNav a{ background: #303030; color: #fff; font-weight: bold; height: 50px; line-height: 50px; display: block; text-align: center; position: absolute; width: 100%; left: 0; transition: 0.8s; -webkit-transition: 0.8s; top: -60px; }
#skipNav a:focus, #skipNav a:active, #skipNav a:hover{top: 0;}

/* =========================
	팝업
========================= */
.hd_pop_wrap h2{ position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden;  z-index:1000; }
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff; width: 90%; max-width: 476px; z-index:1000;}
.hd_pops_con{width: 100%;}
.hd_pops img{display:block;height:auto;width: 100%;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff;}

/* =========================
	팝업레이어
========================= */
.layerpop{ z-index:999999; position:fixed; margin:0 auto; position:absolute; top:50px; right:5%; width:90%; max-width:400px; overflow:hidden; }
.layerpop img{width:100%; max-width:100%;height:auto}
.layerpop .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.layerpop .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
@media (min-width: 460px){
	
}
@media (min-width: 1170px){
	.layerpop{ right:13%; top:134px }
}

/* =========================
	개인정보취급방침
========================= */
.poplayout{ position:fixed; background:rgba(0,0,0,0.7); left:0; top:0; width:100%; height:100%; z-index: 999999; display:none; }
.poplayout .pop-con{ position: absolute; top: 50%; left: 0; width: 100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 10; }
.poplayout .pop-con .bgfff{ background:#fff; width:95%; margin:0 auto; max-width:800px; position: relative; height:80%; }
.poplayout .pop-con .pop-txt{ padding:50px 1rem 100px; max-height:500px; overflow-y:scroll; box-sizing: border-box; -webkit-box-sizing: border-box; }
.poplayout .pop-con .pop-txt .h4{ font-size: 22px; font-weight: 500; color:#424242; margin-bottom: 20px; line-height: 1.3; word-break: keep-all; padding-left: 50px; background: url(../images/common/icon_tit.png) no-repeat 0 2px; }
.poplayout .pop-con .pop-txt .h4 .under{ display: inline-block; border-bottom: 2px solid #277ea4; padding: 5px 0; }
.poplayout .pop-con .pop-txt dd{ padding-left: 50px; }
.poplayout-ft{ position: absolute; bottom: 0; left: 0; width: 100%; padding:10px 0;background:#000;color:#fff;text-align:right;}
.poplayout-ft button{ margin-right:5px; padding:5px 10px; border:0; background:#393939; color:#fff; }

/* =========================
	HEADER
========================= */
#header{ position: fixed; z-index: 99999; width: 100%; background: #fff; }

#header .twodiv .tdiv{ display: table; width: 100%; }

/* logo */
#header .logo_hd{ display: table-cell; vertical-align: middle; }
#header .logo_hd a{ display: block; max-width: 230px; }
#header .logo_hd a img{ display: block; width: 100%; }

/* 검색 DIV */
#search_btn a{ display: block; width: 20px; margin: 0 auto; }
#search_btn img{ display: block; width: 100%; }
.search_wrap{ display:none; position: fixed; left: 0; width: 100%; }
.search_wrap .search_form{ float: right; width: 100%; max-width: 550px; padding: 20px; background: #fff; }
.search_form fieldset{ width: 100%; }
.search_form input[type="text"], .search_form input[type="search"]{ -webkit-appearance: none; border-radius: 0; width:100%; background-color:#fafafa; box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_form input[type="submit"]{ position: absolute; z-index: 100; top: 50%; right: 7px; border: none; color: #fff; font-size: 0; line-height: 0; overflow: hidden; transform: translateY(-50%); -webkit-transform:translateY(-50%); }
@media all and (max-width:1355px){
	.hd_h{height:50px;}
	#header{ padding: 5px 0; }
	/* logo */
	#header .logo_hd{ width: 50%; }
	
	/* GNBM */
	#gnb-pc{ display: none; }
	#gnbm{ display: block; position: fixed; right: -100%; top: 0;  height: 100%; transition: 0.8s; -webkit-transition: 0.8s; z-index: 99999; width:100%; }
	#gnbm .gnbm_con{ background: #fff; width: 80%; height: 100%; z-index: 10; overflow-y: scroll; -webkit-overflow-scrolling:touch; float: right; max-width: 440px; }
	/* GNB 상단탭 */
	.gnbm_div01{ background: #696a70; color: #fff; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
	.gnbm_div01 li{ float: left; }
	.gnbm_div01 a{ color: #fff; padding: 20px 6px; font-size: 13px; display: block; }
	.gnbm_div01 .btn_close{ float: right; }
	#gnbm_close{ display: block; text-align: center; width: 55px; height: 55px; line-height: 55px; padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; }
	#gnbm_close img{ display: block; width: 100%; }
	/* 검색창 */
	.search_form{ background: #277EA4; padding: 10px 20px 16px 20px; }	
	.search_form fieldset{ border-bottom: 2px solid #fff; }	
	.search_form input[type="text"], .search_form input[type="search"]{ border: none;
    background: none; color: #fff; padding-right:40px; height:39px; line-height:39px; }
	.search_form input[type="text"]::placeholder, .search_form input[type="search"]::placeholder{ color: #fff; }
	.search_form input[type="submit"]{ width: 35px; height: 35px; background: url(../images/common/icon_searchm.png) no-repeat 50% 50%; background-size:25px; right: 0; }
	/* GNB LIST */
	#gnbm{ text-align: left; letter-spacing: -1px; }
	#gnbm #gnb{ margin-top: 1rem; }
	#gnbm .depth01{ background-color:#eef2f2; position: relative; min-height: 100%; }
	#gnbm .depth01 > li:after{ display: block; content: ""; clear: both; }
	#gnbm .depth01 > li > a{ display: block; padding: 15px 5px; font-size: 18px; line-height: 1; text-align: center; float: left; width: 40%; box-sizing: border-box; -webkit-box-sizing: border-box; }
	#gnbm .depth01 > li > a.arrow{ background: url(../images/common/icon-gnbm-tabup.png) no-repeat 90% 50%; }
	#gnbm .depth02{ background: #fff; box-sizing: border-box;-webkit-box-sizing: border-box; position: absolute; right: 0; top: 0; width: 60%; height: 100%; padding-left: 10px; }
	#gnbm .depth02 > li{ border-bottom: 1px solid #f1f1f1; }
	#gnbm .depth02 > li > a{ display: block; padding: 15px 10px; }
	#gnbm .depth02 .depth03_wrap > a{ background: url(../images/common/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 95% 50%; background-size:25px; }
	#gnbm .depth02 .depth03_wrap.open > a{ background: url(../images/common/baseline_keyboard_arrow_up_black_18dp.png) no-repeat 95% 50%; background-size:25px; }
	#gnbm .depth03{ background-color: #eef2f2; padding-left: 30px; display: none; }
	#gnbm .depth03 > li{border-bottom: 1px solid #e5e5e5;list-style: disc;}
	#gnbm .depth03 > li > a{display: block;padding: 10px 0;}
	/*	탭클릭시 */
	#gnbm .depth01 > li.arrow > a{ background: #fff; color: #215079; }
	#gnbm .depth01 > li.arrow > a{ background: #fff; color: #215079; }
	
	/*gnb-m-bg*/
	#gnbm .gnbm_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(60,61,62,0.7); z-index:-1; display: none; }
	
	#btn_navm{ display: block; float: right; background: #fff; padding: 8px 0; height:40px; width:25px; box-sizing:border-box; -webkit-box-sizing:border-box; }
	#btn_navm img{ display: block; width:100%;}
	
	/* 검색DIV	*/
	#search_btn{ display: none; }
	.search_wrap{ display: none; top:50px; }
}
@media all and (min-width:1355px){
	.hd_h{height:66px;}
	#header{ background: #fff; }
	#header .overflow{ overflow: hidden; }
	
	/* header twodiv */
	#header .twodiv{ border-bottom: 1px solid #e5e5e5; } 
	#header .twodiv .tdiv{ height: 65px; }
	#header .twodiv .tdiv .logo_hd{ width: 20%; }
	/* nav */
	#gnbm{ display: none; }
	#gnb-pc{ display: table-cell; width:70%; vertical-align: middle; }
	#gnb-pc .depth01{ display: table; float: right; }
	#gnb-pc .depth01 > li{ display: table-cell; position: relative; min-width: 110px; }
	#gnb-pc .depth01 > li .depth02{ border-top: 3px solid rgba(53,130,163,0); }
	#gnb-pc .depth01 > li:hover .depth02{ border-top: 3px solid rgba(53,130,163,1); background: #f1f6f9; }
	#gnb-pc .depth01 > li:hover > a{ background: url(../images/common/icon-gnbm-tabdown.png) no-repeat 100% 50%; background-size: 20px; }
	#gnb-pc .depth01 > li > a{ display: block; letter-spacing: -1px; font-size:18.5px; box-sizing: border-box; -webkit-box-sizing: border-box; font-weight: 500; padding: 0 0px; line-height: 65px; min-width:155px; text-align: center; }
	#gnb-pc .depth01 > li:first-child .depth02{border-left:none;} 
	#gnb-pc .depth02{ position: absolute; top: 65px; left:10px; width: 100%; padding: 10px 0; border-left: 1px solid #e5e5e5; height: 320px; box-sizing: border-box; -webkit-box-sizing: border-box; }
	#gnb-pc .depth02 a{ display: block; font-size: 14px; letter-spacing: -1px; padding: 7px 10px; }
	#gnb-pc .depth02 a:hover,
	#gnb-pc .depth02 a:focus, 
	#gnb-pc .depth02 a:active{ color:rgba(53,130,163,1); }
	#gnb-pc .depth03{ display: none; }
	
	/* 검색DIV	*/
	#search_btn{ display: table-cell; vertical-align: middle; width: 50px; text-align: center; }
	.search_wrap{ top: 66px; }
	.search_form input[type="text"], .search_form input[type="search"]{ border:1px solid #215079; color: #215079; font-size: 21px; padding:0 60px 0 15px; height: 54px; }
	.search_form input[type="text"]::placeholder, .search_form input[type="search"]::placeholder{ font-size: 21px; color: #215079; }
	.search_form input[type="submit"]{ width: 52px; height: 52px; background: url(../images/common/icon_search.png) no-repeat 50% 50%; }
	#btn_navm{ display: none; vertical-align: middle; }
	
	#header .gnbpc_bg{ display: none; content: ""; height: 320px; width: 100%; background: #fff; border-bottom: 1px solid rgba(53,130,163,1); }
	
}


/* =========================
	푸터
========================= */
#footer{ background:#606060; color: #fff; }

#footer .fdiv01{ border-bottom: 1px solid #707070; }
#footer .fdiv01 a{ color: #fff; }
#footer .fdiv01 .ullist li{ display: inline-block; vertical-align: middle; }
#footer .fdiv01 .ullist li a{ display: inline-block; vertical-align: middle; line-height: 20px; }
#footer .fdiv01 .ullist li:after{ display: inline-block; content: ""; height: 12px; background: #fff; vertical-align: middle; }
#footer .fdiv01 .ullist li:last-child:after{ display: none; }
#footer .fdiv01 .ullist li:first-child  a{ color: #D9CA72;} 

#footer .fdiv02 .mark{ display: block; width: 46%; max-width: 80px; }
#footer .fdiv02 .mark img{ display: block; width: 100%;}
#footer .footer_logo{ width: 46%; max-width: 234px; }
#footer .footer_logo img{ display: block; width: 100%; }

#footer .fdiv02 .ftt{ margin: 0 auto 12px; font-weight: 700
; font-size: 1.1rem; }
#footer .fdiv02 .ullist li{ display: inline; vertical-align: middle; }
#footer .fdiv02 .ullist li p{ display: inline-block; vertical-align: middle; }
#footer .fdiv02 .ullist li:after{ display: inline-block; content: ""; height: 12px; vertical-align: middle; }
#footer .fdiv02 .ullist li.nonebar:after,
#footer .fdiv02 .ullist li:last-child:after{ display: none; }
.select_url{ position: absolute; top: 10px; right: 0; z-index: 100; }
.select_url select{ background: none; border: 1px solid #eeeeee; color: #fff; font-size: 13px; width: 152px; height: 32px; padding: 0 10px; line-height:32px; /* 네이티브 외형 감추기 */ -webkit-appearance:none; -moz-appearance: none; -o-appearance: none; appearance: none; background: url(../images/common/ft-tabdown.png) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */ }
/* IE 10, 11의 네이티브 화살표 숨기기 */
.select_url select::-ms-expand { display: none; }
.select_url select option{ color: #000; }
@media all and (max-width:1169px){
	#footer .fdiv01{ padding: 8px 0; text-align: center; }
	#footer .fdiv01 a{ font-size: 0.8rem; }
	#footer .fdiv01 .ullist{ display: inline-block; vertical-align: middle; }
	#footer .fdiv01 .ullist li:after{ width: 1px; margin: 0 6px; }
	
	#footer .fdiv02 .mark{ margin: 0 auto 20px; }
	#footer .footer_logo{ margin: 0 auto 23px; }
	
	#footer .fdiv02{ padding: 25px 0; color: #fffefe; font-size: 0.9rem; text-align: center; }
	#footer .fdiv02 .ftinfo{ max-width: 640px; margin: 0 auto; }
	#footer .fdiv02 .list{ line-height: 1.5; }
	#footer .fdiv02 .copyright{ margin-top: 15px; }
	#footer .fdiv02 .ullist li:after{ width: 1px; margin: 0 6px; background: #fffefe;}
}
@media all and (min-width:1170px){
	#footer .fdiv01{ padding: 16px 0; font-size: 15px; }
	#footer .fdiv01 a{ font-size: 15px; }
	#footer .fdiv01 .ullist li:after{ width: 2px; margin: 0 12px; }
	
	#footer .fdiv02 .mark{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform:translateY(-50%); }
	#footer .footer_logo{ margin-bottom: 15px; }
	
	#footer .fdiv02{ padding: 20px 0; font-size: 13px; color: #DCDCDC; }
	#footer .fdiv02 .ftinfo{ display: table; width: 100%; }
	#footer .fdiv02 .ftinfo address{ display: table-cell; vertical-align: bottom; }
	#footer .fdiv02 .ftinfo .copyright{ display: table-cell; vertical-align: bottom; text-align:right; }
	#footer .fdiv02 .ullist li:after{ width: 2px; margin: 0 12px; background: #c0c0c0;}
	#footer .fdiv02 .ullist li.add{ display: block; }
	#footer .fdiv02 .ullist li.add:after{ display: none; }
}


/* =========================
	btn_move_top
========================= */
#btnTop{display: none;position: fixed;right: 2%;bottom: 5%;max-width: 50px;z-index: 9999;text-align: center;border-radius: 50%; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); 
	-webkit-overflow: hidden;
	-moz-overflow: hidden;
	-ms-overflow: hidden;
	-o-overflow: hidden;
	overflow: hidden; }
#btnTop img{ display: block; width: 100%; }
@media (max-width: 767px){
	#btnTop{ max-width: 40px; }
}

/* 푸터추가01 */
body{ overflow:hidden; }
.hd-wtxt .borderdiv{ border:1px solid #606060; background:none; width:90%; max-width:1090px; position: absolute; top:-50px; left:58%; background: #fff;  z-index: 1000;  transform: translateX(-50%); -webkit-transform:translateX(-50%); }
.hd-wtxt .hd_pops_con{ background:rgba(255,255,255,0.9); padding:5px 40px 5px 5px; color:#606060; box-sizing:border-box; -webkit-box-sizing:border-box; position: relative; }
.hd-wtxt .borderdiv .icon-brw{ display:inline-block; width:15px; margin-right:3px; }
.hd-wtxt .borderdiv .icon-brw img{ display:block; width:100%; }
.hd-wtxt .hd_pops_footer{ background:none; padding:0; position: absolute; top:0; right:0;}
.hd-wtxt .hd_pops_footer button{ margin:0; }

.select-move{ background-color: #404040; color: #fff; line-height: 22px; padding: 5px 20px 5px 10px; font-size: 13px; font-weight: 700; border:2px solid #595959; border-radius: 5px; background-image: url(../images/common/icon_ftmove.png); background-repeat:no-repeat; background-position: 90% 50%; }

#replyContents{ word-spacing: inherit; }