@charset "utf-8";
/*
	-----------------------------------------------
	* all_layout.css (사용자 공용 레이아웃)
	-----------------------------------------------
*/

/*폰트*/
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}




@media screen and (max-width:1600px) {
	body {-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s; min-width: 100%;}
}
@media screen and (max-width:1024px) {
	body {min-width:320px;}
	body.stop_scrolling {overflow: hidden !important;}
	html {font-size:55%;}
}

a.msearbbtn{display: block;/*임시*/ position: absolute; top: 47px; right: 60px; width: 40px; height: 40px; z-index: 99; background: url(/portal/images/common/sch_new.png) no-repeat center center; border: 0; text-indent: -9999px;}

/* 페이지 상단 슬라이딩 팝업 */
.sliding_popup {background: #efefef;position: relative;border-bottom: 1px solid #bbb;}
.sliding_popup .inner {position: relative;max-width: 1400px;margin: 0 auto;text-align: center;}
.sliding_popup .inner img {display: block;margin: 0 auto;max-height: 100%;}
.sliding_popup .swiper-wrapper {height: 150px;}
.sliding_popup .swiper-pagination {width: 94px;left: auto;right: 25.5rem;bottom: 0.7rem;font-size: 1.3rem;background: rgba(255,255,255,0.7);padding: 0.75rem 0;border-radius: 20px;color: #333;}
.sliding_popup .swiper-pagination .swiper-pagination-current {color: #ff5722;font-weight: 600;}
.sliding_popup .control {position: absolute;right: 1rem;bottom: 0.7rem;z-index: 99;overflow: hidden;}
.sliding_popup .control >* {font-size: 1.2rem;color: #fff;vertical-align: middle;float: left;}
.sliding_popup .control label {display:block;height: 30px;padding: 0 10px;line-height: 30px;background: #333; float:left; border-radius: 4px 0 0 4px;}
.sliding_popup .control a[class^=btn_] {display:block;height: 30px;line-height: 30px;padding: 0 15px;float: left;}
.sliding_popup .control .btn_close {background: #ff5722;border-radius: 0 4px 4px 0;}
.sliding_popup .control .btn_play, .sliding_popup .control .btn_stop {background: rgba(0,0,0,0.3) url('./../../common/img/common/spr_slide_controls.png') 0 0 no-repeat;text-indent: -9999px;border-radius: 50%;margin: 0.2rem 2rem 0 0;height: 28px !important;padding: 0 14px !important;}
.sliding_popup .control .btn_play:hover, .sliding_popup .control .btn_stop:hover {background-color: rgba(0,0,0,0.6) }
.sliding_popup .control .btn_play {background-position: -20px -64px;}
.sliding_popup .control .btn_stop {background-position: 11px -64px;}
.sliding_popup .swiper-button-prev.swiper-button-disabled, .sliding_popup .swiper-button-next.swiper-button-disabled {pointer-events: auto !important;}
@media screen and (max-width:640px) {
	.sliding_popup .swiper-button-prev, .sliding_popup .swiper-button-next {-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
	.sliding_popup .swiper-pagination {margin-bottom: 2.8rem;right: 4.3rem;}
	.sliding_popup .control {position: relative;bottom: auto;left: auto;right: auto;overflow: visible;}
	.sliding_popup .control >div {display: block;width: 100%;text-align: center;}
	.sliding_popup .control label {width: 60%;text-align: center;}
	.sliding_popup .control a[class^=btn_] {float: none;}
	.sliding_popup .control .btn_close {width: 40%;float: left;text-align: center;}
	.sliding_popup .control label, .sliding_popup .control .btn_close {border-radius: 0;}
	.sliding_popup .control .btn_play, .sliding_popup .control .btn_stop {margin: 0.5rem auto;position: absolute;right: 1rem;bottom: 3rem;}	
}
@media screen and (max-width:375px) {
	.sliding_popup .swiper-wrapper {height: 130px;}
}
	
/* 팝업레이어 */
.popup_layer {background: #fff;border: 1px solid #777;}
.popup_layer .popup_cont {text-align: center;}
.popup_layer .popup_cont img {display: block;}
.popup_layer .ctrl {background: #333;color: #efefef;height: 48px;padding:1rem;font-size: 1.4rem;}
.popup_layer .ctrl .fL {line-height: 180%;}
.popup_layer .ctrl .btn_close {height: 28px;background: #222;border-radius: 0.4rem;color: #888;padding: 0.3rem 0.6rem 0.3rem 2rem;border: 1px solid #000;position: relative;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
.popup_layer .ctrl .btn_close:before {content: '';width: 9px;height: 10px;background: url('../img/common/spr_common.png') -132px -121px no-repeat;position: absolute;left: 7px;top: 10px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
.popup_layer .ctrl .btn_close:hover, .popup_layer .ctrl .btn_close:focus {color: #fff;border-color: #666;}
.popup_layer .ctrl .btn_close:hover:before, .popup_layer .ctrl .btn_close:focus:before {background-position: -132px -145px} 
@media screen and (max-width:1024px) {
	.popup_layer {top: 123px !important;left:5px !important;}
}
@media screen and (max-width:640px) {
	.popup_layer {width: 98%;left: 5px !important;top: 115px !important;}
	.popup_layer img {width: 100%;}
}


/* layout */
#innerHead >div, #container, .familysite, .dv_wrap {max-width:1730px; margin: 0 auto; position: relative;}
.cont_wrap >div {position: relative;}
#container {padding:50px 0;}
@media screen and (max-width:1730px) {
	#innerHead >div, #lnbWrap nav, #lnbWrap, #container, .familysite, footer .info_wrap, .dv_wrap, 
	footer .footer_info_wrap {width:100%;}
}

/* header */
header {z-index:100; position:relative; min-height:130px;}
#headerWrap::after {content:''; display:block; width:100%;position:relative; border-bottom:1px solid #ddd;}

#gnbWrap {position:relative; z-index:0; background:#b71f25;  font-family: 'Paperlogy'; color:#fff; z-index:101;}
#gnbWrap:after {content:""; display:block; clear:both;}
#gnbWrap .vi_txt {float:left; font-size:1.8rem; line-height:7.0rem;}
#gnbWrap .side {float:right;}
#gnbWrap .side > * {float:left;}
#gnbWrap .languageNav {line-height:7.0rem;}
#gnbWrap .languageNav a{position:relative; font-size:1.4rem; color:#fff; display:inline-block; font-weight: 700; padding:0 12px;}
#gnbWrap .languageNav a:before{content:""; display:block;right:0;  position:absolute; width:1px; height:10px; background:rgba(255,255,255, 0.5); top:50%; margin-top:-5px;}
#gnbWrap .languageNav a:last-child:before{display:none;}
#gnbWrap .languageNav a.on{color:rgba(255,255,255, 0.5); }

#gnbWrap .site_f {position:relative;  margin:1.6rem 12px 0 50px; background:#fff;font-size:14px; color:#656565; box-sizing:border-box;}
#gnbWrap .site_f button {display:block; position:relative; height:35px; width:200px; z-index:0; text-align:center; font-size:14px; color:#142241; padding:0 15px 0 22px; text-align:left; }
#gnbWrap .site_f button:after {content:""; display:block; position:absolute; width:1em; height:1em; top:22px; right:10px; margin-top:-.5em; background:url(/common/img/common/ico_lang_arrow.png) no-repeat 0 0;}
#gnbWrap .site_f .close {display:none; position:absolute; top:0; left:0px; z-index:1; overflow:hidden; text-indent:-999px; background:transparent;}
#gnbWrap .site_f .close:after {display:none;}
#gnbWrap .site_f .detail {display:none; position:absolute; top:35px; left:0; right:0; margin-top:-.25em; background:#fff; border:1px solid #ddd; border-radius:.3em; padding:.25em .5em; box-shadow:.2em .2em .8em 0 rgba(0,0,0,.08); z-index:5;}
#gnbWrap .site_f .detail li + li {border-top:1px solid #EEEEEE;}
#gnbWrap .site_f .detail a {display:block; position:relative; padding:1em 1.5em 1em .33em; font-size:13px;}
#gnbWrap .site_f.active button:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#gnbWrap .site_f.active .detail {display:block;}
#gnbWrap .site_f.active .close {display:block;}

#gnbWrap .web_box{font-weight:500;  margin-top:1.6rem; background:#fff;font-size:14px; color:#656565; padding:0 3.0rem; line-height:3.5rem;}

#innerHead {z-index:100; position:relative;background:#fff;}
#innerHead >div {  box-sizing:border-box;  position:relative; min-height:130px;}
#innerHead h1 { z-index: 99; padding:25px 0 25px 0; position:relative; display:inline-block;}
#innerHead h1 a { font-size:2.8rem ; }

#innerHead .head_link {top:50px; right:0; width:36px; height:32px; position:absolute; display:inline-block; text-indent:-9999px; z-index:100;} 
#innerHead .head_link::after {content:''; display:block; position:absolute; top:0px; right:0px; background:url(/portal/images/common/sitemap.png) no-repeat 0px 0px; width:36px; height:32px}

/* a.msearbbtn {display:none;} */

@media screen and (max-width:1750px) {

	.dv_wrap,
	#innerHead >div{padding-left: 1em;  padding-right: 1em;}
	#innerHead .head_link{right:1em;}
	a.msearbbtn{right: 70px;}
}

@media screen and (max-width:1024px) {
	#gnbWrap{display:none;}	
	/*#gnbWrap .site_f,
	#gnbWrap .web_box{display:none;}*/
}
.mobile_sear {position:absolute; top:00px; left:0; background-color:#fff; padding:60px 20px; z-index: 100001; width:100%; display:fixed; display:none;
	background-image: url(/portal/images/common/search-img-bg00.png); background-repeat: no-repeat; background-size: 100%;
    background-position: 0 -39px;box-shadow: 0px 11px 42.6px 0.4px rgba(0, 0, 0, 0.43);}
.mobile_sear #searchForm_common{width: 100%;position: relative; max-width: 1024px; margin: 0 auto;}
.mobile_sear input[type="text"] {width: calc(100% - 50px); border: solid 4px #b71f25; height: 60px;}
.mobile_sear input[type="submit"] {width:60px; height:60px; background:url(/portal/images/common/spr_content2.png) no-repeat -152px -98px; border:0; text-indent:-9999px; background-color: #b71f25; position: absolute; top: 0; right: 0;}
.mobile_sear input[type="submit"]:hover {background:url(/portal/images/common/spr_content2.png) no-repeat -152px -98px; background-color: #b71f25; }
.mobile_sear a {position: absolute; top: 0; right: 0; display: block; height: 60px; width: 60px; background: url(/portal/images/common/spr_content_x_w.png) no-repeat; text-indent: -9999px; background-size: 40%; background-position: 50% 50%; background-color: #333;}
.mobile_tit{text-align: center; margin-bottom: 36px; font-size: 32px; font-family: 'GmarketSans'; color: #b71f25; font-weight: bold;}
@media screen and (max-width:1024px) {
	a.msearbbtn {display:block; position:absolute; top:35px; right:50px; background:#ff0000; width:40px; height:40px; z-index:1; background:url(/portal/images/common/spr_content2.png) no-repeat -213px -108px; border:0; text-indent:-9999px;}
}








#openMenu, #m_menu, .mblogo, .mlanguage{display: none;}

@media screen and (min-width:1025px) {	

#lnbWrap { z-index:98; width:100%; box-sizing:border-box; padding:0 10% 0 15%;  position:absolute; top:0px; left:0px;}
#lnb {margin-top:0;}
#lnb li {text-align: left;}
#lnb a { word-break: break-all;}
#lnb >li {float: left;display:block;width:16.66%;}
/* #lnb >li:last-child{display:none;} */
#lnb >li >a{ width:100%;display: block; text-align:center; position: relative; line-height:13rem; font-family: 'Paperlogy'; font-weight:500; color:#010000; font-size:2.2rem; transition:all .2s;}
#lnb >li >a::berfore {content:''; display:block; width:8px; height:8px; position:absolute; top:50%; right:0; border-radius:50%; background:#eeeeee; transform: translate(0, -50%);}
#lnb >li:last-child >a::berfore {display:none;}

#lnb >li >a:hover {color:#b71f25; font-weight:800;}
#lnb >li >a:hover::after {content:''; display:block; width:14px; height:14px; position:absolute; bottom:-15px; left:calc(50% - 4px); border-radius:50%; background:#f04d69; transform: translate(0, -50%);}

#lnbWrap .lnb_sub {height:0; /*position:absolute; top:130px; left:0;*/   display:none; transition:all .2s; width:100%; box-sizing:border-box; padding:50px 0px; width:100%;}
#lnbWrap .lnb_sub::after {content:''; display:block; clear:both;}
#lnbWrap .lnb_sub.on {display:block;  height:400px;}
#lnbWrap .lnb_sub ul li {line-height:25px;}

#lnb > li > a:hover .lnb_sub {display:block !important;  height:400px; background:#000;}

#lnbWrap .lnb_sub .topmenutit {display:none; float:left; width:25%; position:relative;}
#lnbWrap .lnb_sub .topmenutit strong {font-family: 'TmonMonsori'; display:block; font-size:4.4rem; color:#b71f25; line-height:4.4rem; margin-bottom:30px; z-index:2; position:relative;}
#lnbWrap .lnb_sub .topmenutit span {color:#996666; line-height:2.4rem; position:relative; z-index:2; }
#lnbWrap .lnb_sub .topmenutit::before {content:''; display:block; width:511px; height:349px; background:url(/portal/images/common/topmenubg.jpg) no-repeat 0 50px; position:absolute; top:0px; right:-50px; z-index:1;}

#lnbWrap .lnb_sub ul.depth02 {float:right; width:100%; text-align:left; }
#lnbWrap .lnb_sub ul.depth02 > li {width:auto; margin:0 1% 5px 1%;}
#lnbWrap .lnb_sub ul.depth02 > li > a {border-radius:0px; border:1px solid #ddd; background:#fff; color:#333; display:block; font-size:1.8rem; padding:10px 20px; transition:all .2s; font-weight:400;}
#lnbWrap .lnb_sub ul.depth02 > li > a:hover {background:url(/portal/images/common/lnb_subbg.jpg) no-repeat right bottom; color:#ffff;}
#lnbWrap .lnb_sub ul.depth03 {margin:10px 20px 10px 20px; display:none;}
#lnbWrap .lnb_sub ul.depth03 > li {display:block; position:relative;}
#lnbWrap .lnb_sub ul.depth03 > li > a {padding-left:15px; color:#4c4c4c; position:relative;}
#lnbWrap .lnb_sub ul.depth03 > li > a::before {content:''; display:block; width:8px; height:3px; background:#4c4c4c; position:absolute; top:11px; left:0;}



.topmenuover {position:absolute; top:130px; left:0; width:100%; z-index:1; background:#fff url(/portal/images/common/top_text.png) no-repeat left bottom; border-top:1px solid #dedede; }
.topmenuover.on {height:780px;}
#mask_pc {background:rgba(0,0,0,0.8); height:100%; width:100%; position:absolute; top:0; left:0; z-index:3; display:none;}

}

@media all and (min-width:1025px) and (max-width:1280px){
	#lnbWrap .lnb_sub .topmenutit {display:none;}
	#lnbWrap .lnb_sub ul.depth02 {float:none; width:100%; }
}

@media screen and (max-width:1024px) {
	header {min-height:100px;}
	.topmenuover {display:none;}
	body.stop_scrolling #innerHead::after{content:''; display:block; height:100%; width:100%; background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; z-index:99;}
	/*body.stop_scrolling #headerWrap::after {content:''; display:block; width:100%; height:1px; background:#222;}*/
	#innerHead .language{display:none;}

	#innerHead h1 { z-index: 99; padding:0;}
	.mblogo {display:block; text-align:center; padding:10px 0px; /*border-bottom:1px solid #dedede;*/}
	.mlanguage{position:relative; display:block; padding:10px 0px; border-bottom:1px solid #dedede; margin:0 auto; width:96%; box-sizing:border-box; border:1px solid #ddd; border-radius:30px; font-size:16px; text-align: center;}
	.mlanguage::after {content:''; display:block; position:absolute; top:10px; left:90px; background:url(/portal/images/common/language1.png) no-repeat 0px 0px; width:15px; height:14px}


	#innerHead >div {text-align:left; padding:20px 10px; box-sizing:border-box; min-height:0px;}
	#innerHead button {display: inline-block; position: absolute;top: 50%;width: 42px;height: 42px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 100000;}
	#searchWrap {display: none;position: absolute;top: 58px;width: 100%;z-index: 99999;padding: 1rem 1rem 1.4rem;background: #fff;}	
	#innerHead >div, #lnbWrap nav, #container, .familysite, footer .info_wrap, .dv_wrap {width: 100%;}
	
	
	
	#innerHead .head_link {display:none;}	
	#openMenu {right:5px; }
	#openMenu .bar {width: 25px;height:4px;background:#333;position: absolute;left: 9px;display: inline-block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
	#openMenu span:nth-of-type(2) {top: 3px;}
	#openMenu span:nth-of-type(3) {top: 12px; width:20px; margin-left:5px;}
	#openMenu span:last-of-type {top: 21px;}
	#openMenu.close {right:300px; top:21px; background:#cc0000;}
	#openMenu.close .bar {width: 25px;height:2px;background:#fff;position: absolute;left: 9px;display: inline-block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
	#openMenu.close span:nth-of-type(2) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top: 10px;left: 14px; }
	#openMenu.close  span:nth-of-type(3) {display:none;}
	#openMenu.close span:last-of-type {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top: 28px;left: 11px; }


	#mask_mn {background:rgba(0,0,0,0.8); height:100%; width:100%; position:absolute; top:0; left:0; z-index:1; display:none;}
	#headerWrap {z-index:2; position:relative;}
	#lnbWrap {display:none; z-index: 9999;position: absolute; left:100%; top:0; width:300px; min-height:100vh;overflow-y: auto;background:#fff;border-left: 1px solid #ddd; transition:all .2s; box-sizing:border-box;}

	#lnbWrap .lnb_sub .topmenutit {display:none;}
	#lnbWrap >.layer {overflow: visible;height: 0;}
	#lnbWrap >.layer nav {padding-bottom: 10px;}
	#lnbWrap >.layer.on {-webkit-box-shadow: none;box-shadow: none;border-bottom:none;height: auto;}
	#lnbWrap >.layer.on:before {display: none;}
	#lnb li {position: relative; font-family: 'GmarketSans';}
	#lnb a { display:block;}
	#lnb >li {border-bottom: 1px solid rgba(255,255,255,0.3);width: 100% !important;margin: 0 !important;float: none;text-align: left;position: relative;}
	#lnb >li >a {padding:20px 10px 15px 10px; text-align:left; line-height:2.0rem;font-weight:normal; color:#b71f25; border-bottom:1px solid #dedede; font-size:2.0rem; }
	#lnb >li.on > a {color:#fff;background:#b71f25;}
	#lnb >li >a::before {display:none;}
	#lnb >li >a:after {content: '';width:29px;height:29px; background:#eeeeee url('/portal/images/common/mo_arrow_down.png') no-repeat 50% 50%;position: absolute;top:13px; right:10px; border-radius:50%;}
	#lnb >li.on >a:after {background:#fff url('/portal/images/common/mo_arrow_up.png') no-repeat 50% 50%;}
	
	#lnb >li >a[target=_blank] span {display: inline-block;padding-right: 2.6rem;}
	#lnb >li >a[target=_blank] span:after {content: '';width:14px;height:14px;float:right;margin: 0 0 0 5px; background:url('/portal/images/common/icon_blank.png') no-repeat 0 0;}
	
	#lnbWrap .lnb_sub {display: none;background: #fff; position: relative !important; height:auto; background:#f2f2f2;}
	#lnbWrap .lnb_sub:before {display:none;}
	/*#lnbWrap .lnb_sub:not(.on) {display:none!important;}*/
	
	#lnbWrap .lnb_sub.on {display: block;}
	#lnbWrap .lnb_sub .depth02 {width: 100% !important;overflow: visible;float: none;padding: 0; margin-top:0;}
	#lnbWrap .lnb_sub .depth02 >li { border-bottom:1px solid #dedede;}
	#lnbWrap .lnb_sub .depth02 >li.has-sub-menu:after {content: '';width:29px;height:29px; background:url('/portal/images/common/selarr_btn.png') no-repeat 50% 50%;position: absolute;top:5px; right:10px; border-radius:50%;}
	#lnbWrap .lnb_sub .depth02 >li >a {text-align:left; width: 100% !important; position: relative;display: block; line-height:100%; position:relative; padding:15px 10px 10px 10px;}
	#lnbWrap .lnb_sub .depth02 >li >a.on, #lnbWrap .lnb_sub .depth02 li >a.on span {color: #b71f25 !important;}
	#lnbWrap .lnb_sub .depth02 >li >a.on:before {background: #b71f25;}
	
	#lnbWrap .lnb_sub .depth03 {width:100%; margin-top:0; background:#fff; padding:10px;}
	#lnbWrap .lnb_sub .depth03 >li {float:none !important;position: relative; text-align:left;}
	#lnbWrap .lnb_sub .depth03 >li >a {color: #999; font-size: 1.5rem;font-weight: normal; line-height:100%; padding:10px 10px 5px 10px;}
	#lnbWrap .lnb_sub .depth03 >li >a:only-child, #lnbWrap .lnb_sub .depth03 >li:last-of-type > a {border: none !important;}
	#lnbWrap .lnb_sub .depth03 >li >a:before {content: '';background: #c5c5c5;position: absolute;width: 6px;height: 2px;left: 0;top: 1.5rem;}
	#lnbWrap .lnb_sub .depth03 >li >a.on span {color: #b71f25 !important;}
	#lnbWrap .lnb_sub.depart:before {display: none;}
	#lnbWrap .lnb_sub.depart .depth02 {margin: 0;}
	#lnbWrap .lnb_sub.depart .depth02 li {border:none;}
	#lnbWrap .lnb_sub.depart .depth02 li >a {text-align: left;}
	#lnbWrap .lnb_sub.depart .depth02 li >a span {text-align: left;font-size: 1.7rem;margin: 0;}
	
	/* header > menuLayer TYPE01 ~ TYPE02 */
	#lnbWrap.type01 .depth02 >li {padding:0 1% 1%}
	#lnbWrap.type01 #lnb .lnb_sub {z-index:0; display:block;}
	#lnbWrap.type01 .depth02 >li >a[target=_blank] >span:after, #lnbWrap.type02 .depth02 >li >a[target=_blank] >span:after {height: 18px;background:#ffcc00;}
	#lnbWrap.type02:hover {box-shadow: none;}
	#lnbWrap.type02 .lnb_sub .tit {display: none;}
	#lnbWrap.type02 .lnb_sub .depth03 >li:not(:last-of-type) >a:after {display: none;}
	#lnbWrap.type02 .lnb_sub .depth02 >li >a:hover {text-decoration: underline}
	/* header > menuLayer DEPART */
	#lnbWrap.type01 .lnb_sub.depart .depth02 li >a:hover,
	#lnbWrap.type02 .lnb_sub.depart .depth02 li >a:hover {text-decoration: underline !important; background-color: #fff !important;}
	#lnbWrap.type02 .lnb_sub.depart .depth02 li, #lnbWrap.type02 .lnb_sub.depart .depth02 li a {border-radius: 0;}
	
	#lnbWrap .lnb_sub.depart .depth02 li >a span {padding: 2rem 0 1rem;}
	#lnbWrap .depth03 {display:inline-block!important;}
}

@media screen and (max-width:768px) {
	#innerHead h1 {width:80%;}
	#innerHead h1 img {width:100px;}
	.mobile_sear{background-size: 200%;}

	#gnbWrap .languageNav{display:none;}
	#gnbWrap .vi_txt{line-height: 5.0rem;     font-size: 1.6rem;}
	
	a.msearbbtn{top: 30px;}
	#innerHead button{top: 59%;}
}


@media screen and (max-width:640px) {
	#lnbWrap .lnb_sub .depth02 >li >a {font-size: 1.6rem;}
	#lnbWrap .lnb_sub .depth03 >li >a {font-size: 1.5rem;}
	#lnbWrap .lnb_sub .depth03 >li >a:before {width: 4px !important;}
}






/* 서브페이지 하단 메뉴 */
#snbWrap {width:295px; float:left;  position:relative;font-family: 'GmarketSans';}
#snbWrap::before {content:''; display:block; width:275px; height:calc(100% - 20px); border:1px solid #dedede; position:absolute; top:20px; right:0; z-index:0;}
#snbWrap .sbtit {position:relative; width:275px; background:#b71f25 url('/portal/images/common/logo_white.png') no-repeat 40px 95px; padding:40px 0px 40px 40px; color:#fff;  }
#snbWrap .sbtit p {font-size:3.4rem; line-height:3.4rem;margin-bottom:10px;}
#snbWrap .sbtit span {font-size:1.2rem;}
#snbWrap .snb {width:275px; margin-left:20px; position:relative; z-index:1; box-sizing:border-box; padding:15px 30px;}
#snbWrap .snb >li {display:block; padding:15px 0;}
#snbWrap .snb >li >a {font-size:1.8rem; line-height:1.8rem;}
#snbWrap .snb >li >a[target=_blank] img{margin-left:7px;}
#snbWrap .snb >li >a.on {color:#b71f25!important; background:#fff;}

#snbWrap .snb >li > ul {padding:10px 0px;}
#snbWrap .snb >li > ul >li {padding:7px 10px 7px 10px;}
#snbWrap .snb >li > ul >li:last-child {padding-bottom:0;}
#snbWrap .snb >li > ul >li >a{font-size:1.6rem; line-height:2.2rem; position:relative; }
#snbWrap .snb >li > ul >li >a::before {content:''; display:block; height:3px; width:3px; background:#333; position:absolute; top:7px; left:-10px;}
#snbWrap .snb >li > ul >li >a[target=_blank] {padding-right:20px;}
#snbWrap .snb >li > ul >li >a[target=_blank]:after {content: '';width: 12px;height: 12px;background: url('/common/img/common/ico_snb_blank.png') 0 0 no-repeat;position: absolute;right:0px;top:calc(50% - 1px);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#snbWrap .snb >li > ul >li >a.on {color:#b71f25!important; background:#fff;}
#snbWrap .snb >li > ul >li >a.on::before {background:#b71f25; }

#snbWrap .snb >li.on > ul {display:block!important;}

/* content */
#content {position:relative; padding:0 10px; width:calc(100% - 350px); float:right; box-sizing:border-box;}
@media screen and (max-width:1280px) {
	#snbWrap {display: none;}
	#content {width:100%; float:none;}
}

#spotWrap {position:relative; z-index:1; font-family: 'GmarketSans'; }
#spotWrap ul li {display:inline-block; }
.spot_list { margin: 0 0 30px 0;}
.spot_list a:hover {color: #b71f25!important; }
.spot_list >li {padding: 0 3px;position: relative;}
.spot_list >li:before {content: '';width:8px;height:12px;background: url('./../img/common/spr_spot.png') 0 -24px no-repeat;display: inline-block;vertical-align: middle;margin:-4px 8px 0 0px;}
.spot_list >li:first-child {padding-left: 0;}
.spot_list >li:first-child:before {width: 15px;height:15px; background-position: 0 0; margin-top:-1px;}

.sub_acc {position:absolute; top:30px; right:0;}
.sub_acc li >a[class^=btn_] {position: relative;display: inline-block;width:40px;height:40px; border-radius:50%; background:#fff url('./../img/common/spr_spot.png') -20px 8px no-repeat;margin:0 2px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; border:1px solid #dedede;}
.sub_acc .btn_share {background-position: -54px 8px!important;}
.sub_acc .btn_print:hover {background-color:rgba(0,0,0,0.1);}
.sub_acc .btn_share:hover {background-color:rgba(0,0,0,0.1);}

.share_list {width:259px;height:42px;overflow: hidden;opacity: 0;position: absolute;top:0px;right:50px;z-index: 10;display: none;}
.share_list >div {background: #c23e42; border-radius: 30px;padding:5px 20px 5px 43px;position: absolute;right: -230px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; box-sizing:border-box;}
.share_list >div:hover {background: #b71f25; }
.share_list >div:hover button.close {background-color: #000;}
.share_list li >button[class^=btn_] {width: 28px;height: 28px;background: url('./../img/common/spr_spot.png') -25px 0 no-repeat;margin: 0 2px;}
.share_list li >button[class^=btn_]:hover {background-color: #fff !important;}
.share_list li >button[class*=twitter] {background-color: #65b3ef;background-position: 7px -74px;}
.share_list li >button[class*=twitter]:hover {background-position: 7px -108px;}
.share_list li >button[class*=facebook] {background-color: #45619d;background-position: -16px -74px;}
.share_list li >button[class*=facebook]:hover {background-position: -16px -107px;}
.share_list li >button[class*=blog] {background-color: #36ae18;background-position: -39px -74px;}
.share_list li >button[class*=blog]:hover {background-position: -39px -107px;}
.share_list li >button[class*=story] {background-color: #f2b100;background-position: -61px -74px;}
.share_list li >button[class*=story]:hover {background-position: -61px -107px;}
.share_list li >button[class*=talk] {background-color: #574e43;background-position: -86px -74px;}
.share_list li >button[class*=talk]:hover {background-position: -86px -106px;}
.share_list li >button[class*=qrcode] {background-color:#f85a0c;background-position: -113px -73px;}
.share_list li >button[class*=qrcode]:hover {background-position: -113px -107px;}
.share_list button.close {width: 17px;height: 17px;position: absolute;top:11px;left: 17px;background: #4296c5 url('./../img/common/spr_spot.png') -89px 6px no-repeat;color: #fff;border-radius: 50%;}
#contentsQrcode {position: absolute;right: 0;top: 154px;z-index: 10;background: #fff;padding: 2rem;border: 1px solid #bbb;border-radius: 20px;width: 259px;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);display: none;}
#contentsQrcode canvas {width: 100%;height: 217px;}

@media screen and (max-width:1024px) {
	.share_list {right: 3px;}
}
@media screen and (max-width:640px) {
	.sub_acc .btn_print {display:none!important;}
}

#content h2 {font-size:4.8rem; line-height:4.8rem; color:#333; margin-bottom:50px; display:inline-block; width:calc(100% - 50px);}
#conts {position: relative; line-height:1.7em; font-size:1.7rem; color:#333; font-weight:400; word-break: keep-all;}
#conts img {max-width: 100%;margin:0 auto;}


/* 하위메뉴(4~5차) */
.tab_depth04, .tab_depth05 {margin-bottom:40px;}
.tab_depth04 ul{overflow:hidden; text-align:center;}
.tab_depth04:after {display: block; clear: both; content: '';}
.tab_depth04> ul >li {display:inline-block; margin:0; padding:0; margin:0px -3px;}
.tab_depth04 >ul >li >a {position:relative; background:#fff; color: #555;display:block; width:200px; padding:20px 0px; box-sizing:border-box; text-align: center; font-size:1.8rem; letter-spacing: -1pt; border: 1px solid #dae1e5;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tab_depth04 >ul >li >a[target=_blank] >span {position: relative;padding-right: 2.5rem;max-width: 96%;}
.tab_depth04 >ul >li >a[target=_blank] >span:after {content: '';width: 1.7rem;height: 1.6rem;background: url('./../img/common/spr_common.png') 0 -24px no-repeat;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.tab_depth04 >ul >li >a.on, .tab_depth04 >ul >li >a:hover, .tab_depth04 >ul >li >a:focus {border-top:1px solid #277fbf; color:#277fbf; font-weight:500;} 
.tab_depth04 >ul >li >a.on::before, .tab_depth04 >ul >li >a:hover::before, .tab_depth04 >ul >li >a:focus::before {content:''; display:block; width:calc(100% + 2px); background:#277fbf; height:3px; position:absolute; top:0; left:0;}
@media screen and (max-width:1025px) {	
}
@media screen and (max-width:640px) {
	.tab_depth04 >ul >li {width:50%;}
	.tab_depth04 >ul >li >a {width:100%;padding:15px 0px;}
}

/* 위로 이동 버튼 */
.btn_scroll_top {display:none !important; position: fixed;right:6%;bottom: 6%;width: 5rem;height: 5rem;border: 1px solid #bbb;border-radius: 50%;background: rgba(255,255,255,1) url('./../img/common/spr_common.png') -47px -59px no-repeat;text-indent: -9999px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;z-index: 9999;-webkit-box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3);box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3);display: none;}
.btn_scroll_top:hover {background-color: rgba(51,51,51,0.9);background-position:  -47px -99px;border-color: #bbb;}
@media screen and (max-width:1800px) {
	.btn_scroll_top {right: 4%;}
}
@media screen and (max-width:1700px) {
	.btn_scroll_top {right: 2%;}
}
@media screen and (max-width:1600px) {
	.btn_scroll_top {right: 2%;}
}
@media screen and (max-width:1400px) {
	.btn_scroll_top {right: 2%;bottom: 2%;}
}
@media screen and (max-width:1024px) {
	.btn_scroll_top {background-color: rgba(51,51,51,0.9);background-position:  -47px -99px;border-color: #bbb;}
	/* scroll 
	::-webkit-scrollbar { width: 8px; }
	::-webkit-scrollbar-track { background: #fff; border-radius: 0; }
	::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: #888; border-radius: 0; }*/
}
	

/* footer */
footer {position:relative; }

#footbanner {border-top:1px solid #dedede; box-sizing:border-box;  padding:50px 0px; background:#fff;border-bottom:1px solid #dedede;}
#footbanner p.title {font-size:1.8rem; font-weight:500; float:left;}
#footbanner ul.banner_list {float:right; width:calc(100% - 250px); }
#footbanner ul.banner_list li {white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; margin:0 10px; text-align:center;}
#footbanner ul.banner_list li img {max-width:100%;}
#footbanner .controll {position:absolute; top:-7px; left:100px;}
#footbanner .controll button {background-image:url('./../img/common/spr_common.png'); text-indent:-9999px;  float:left; width:30px; height:32px; margin-left:-1px; background-repeat:no-repeat;}
#footbanner .controll button:hover {background-color:#f2f2f2;}
#footbanner .controll button.prev-slide {background-position:10px -148px;}
#footbanner .controll button.stop-slide {background-position:-20px -148px;}
#footbanner .controll button.start-slide {background-position:-50px -148px;}
#footbanner .controll button.next-slide {background-position:-80px -148px;}
@media screen and (max-width:1024px) {
	#footbanner > div.dv_wrap {padding:0 10px; box-sizing:border-box;}
}
@media screen and (max-width:768px) {
	#footbanner {padding:20px 0px; display:none;}
	#footbanner p.title {float:none;}
	#footbanner ul.banner_list {float:none; width:100%; margin-top:10px;}
}

footer .footer_info_wrap{display: flex; justify-content: space-around; max-width:1730px;     margin: 0 auto;     flex-wrap: wrap;}
footer .info_wrap { padding: 5rem 0;  position: relative;line-height: 150%; font-weight:300; width: calc(100% - 33rem);}
footer .footer_info{display:flex; font-family: 'Paperlogy'; flex-wrap: wrap;}
.hepl_wrap{width:33rem; position: relative; background:#000; padding:5.5rem 3rem 0 5.5rem; box-sizing:border-box;}
.help_desk .tit{ position: relative; padding-left:4.7rem; color:#fff; font-size:2.4rem; font-weight: 600; margin-bottom:2.0rem;}
.help_desk .tit:after{content:''; display:block; position:absolute;top:-15px; left:0px;background-image:url('/portal/images/main_new/help_icon.png'); width:43px; height:38px;}
.help_desk p{color:rgba(255,255,255,0.5); font-size:1.6rem;font-weight: 500; margin-bottom:10px; }
.help_desk p strong{font-weight: 900;}
.copy_logo {margin-right:5.0rem;}
.policy {}
.policy li {display:inline-block;  margin-right:5px; margin-bottom:5px;}
.policy li a {color:#444; background:#fff; border:1px solid #656565;  font-size:1.4rem; line-height:4.8rem; display:inline-block; padding:0 20px; box-sizing:border-box; transition:all .2s;}
.policy li a:hover {background:#f2f2f2;}
.policy li:first-child a {color:#fff; background:#000; border:1px solid #000;}
@media screen and (max-width:1750px) {
	footer .info_wrap{padding-left:1em; padding-right:1em;}
}



@media screen and (max-width:1500px) {
	.copy_logo, .policy{width:100%;}
	.policy{margin-top:10px;}
}

@media screen and (max-width:1024px) {
	.policy{padding:0px 10px;}
}

footer .info_wrap .copy_info {font-size:1.6rem; margin-top:4.5rem; font-weight: 500; color:#656565;}
footer .info_wrap .copy_info .addtel strong {}
footer .info_wrap .copy_info .addtel address {}
footer .info_wrap .copy_info .addtel span {}
footer .info_wrap .copy_info p.copyright {margin-top:15px;}
@media screen and (max-width:1024px) {
	footer .info_wrap{text-align:center; border-top:1px solid #dedede;}
}
@media screen and (max-width:768px) {
	footer .info_wrap .copy_info .addtel span {margin-left:0; display:block;}
}

footer .f-family {width:200px; position: relative;}
footer .f-family > a {display:block; margin-top:2.0rem; padding:0px 15px 0px 15px; font-weight:600; position:relative; line-height:4.0rem; box-sizing:border-box; border:1px solid #333; }
footer .f-family > a::before {content:''; display:block; width:12px; height:7px; position:absolute; top:18px; right:15px; background:url(./../img/common/spr_footer.png) no-repeat 0 -158px;}
footer .f-family > a.on::before {background:url(./../img/common/spr_footer.png) no-repeat 0 -191px;}
footer .f-family .list-gap {position:absolute; bottom:43px; left:0; display:block; border:1px solid #333; width:100%; border-bottom:0; background:#fff; display:none;}
footer .f-family .list-gap ul {display:block; padding:10px;}
footer .f-family .list-gap li {display:block; border-top:1px dashed #dedede; line-height:3.6rem;}
footer .f-family .list-gap li:first-child {border-top:0;}
footer .f-family .list-gap li a:hover {}
@media screen and (max-width:1024px) {
	footer .f-family {position:relative; top:0; right:0; width:100%; margin-bottom:20px;}
	footer .f-family > a {text-align:left;}
}



.fbanner {border-top:1px solid #dedede; border-bottom:1px solid #dedede; font-size:1.8rem; z-index:0; position:relative; padding:0 1em; font-family: 'Paperlogy';}
.fbanner .inner{max-width:1730px; margin:0 auto;}
.fbanner > div {display:flex; flex-wrap:wrap; align-items:center; padding:3rem 0; justify-content: space-between;}
.fbanner .fbtit {width:35.3rem;; display:flex; font-weight:600; align-items:center;}
.fbanner .fbtit p {padding-left:4.0rem; background:url(/portal/images/common/banner_info.png) no-repeat 0 50%;line-height:3rem; margin-right:2rem; font-size:2.0rem; color:#000; }

.fbanner .fbtit button{width:40px; height:40px;  text-indent:-9999px; position:relative;}
.fbanner .fbtit button.button-prev{background:url(/portal/images/common/btn_prev.png) no-repeat 0 50%;}
.fbanner .fbtit button.button-next{background:url(/portal/images/common/btn_next.png) no-repeat 0 50%;}
.fbanner .fbtit button.stop{background:url(/portal/images/common/btn_stop.png) no-repeat 0 50%;}
.fbanner .fbtit button.play{background:url(/portal/images/common/btn_play.png) no-repeat 0 50%;}
.fbannerSwiper {position:relative; width:calc(100% - 35.3rem); overflow:hidden;}
.fbannerSwiper li.swiper-slide {padding:0; width:auto; position:relative; }
.fbannerSwiper li.swiper-slide a{color:#000; font-weight: 600;}


@media all and (max-width:1024px) {
	.fbanner > div{padding: 1.5rem 0;}
	.fbannerSwiper,
	.fbanner .fbtit{width:100%;}
	
	.fbanner .fbtit{margin-bottom:1.5rem; justify-content: space-between;    }
	.fbanner .fbtit p{font-size: 1.8rem;  line-height: 2rem;}
	
	footer .info_wrap{width:100%;}
	.hepl_wrap{display:none;}
	
}















/*---------------------------------------------------------콘텐츠 정의-------------------------------------------------------------------*/

#conts {line-height:1.8em; font-size:1.7rem; color:#333; font-weight:300;}
.corange {color:#f07d28; background:#fdf2e9;}
.cblue {color:#42629a; background:#eceff5;}
.cred {color:#b71f25; background:#fff2f2;}
.ccorange {color:#f07d28;}
.ccblue {color:#42629a;}
.ccblue01 {color:#277fbf;}
.ccred {color:#ff2020;}
.ccgreen {color:#11b009;}
.red{color:#b71f25}
.blue{color:#42629a}
.bold{font-weight:bold}

.clean-box{position:relative;border-radius:45px 0 45px 0; padding:50px; display:flex; align-items:center; border:1px solid #ddd;background:url('/portal/images/sub/clean-box-bg1.png')no-repeat right 0 top -20px;}
.clean-box::before,
.clean-box::after{position: absolute; display:block; content:""; width:95px; height:75px;}   
.clean-box::before{left:-4px; top:-4px;background:url('/portal/images/sub/clean-box-line1.png')no-repeat}
.clean-box::after{right:-5px; bottom:-5px;background:url('/portal/images/sub/clean-box-line2.png')no-repeat}
.clean-box .img-wrap{width:15%}
.clean-box .txt-wrap{width:85%; padding-left:30px}
.clean-box .txt-wrap .tit{font-family: 'GmarketSans'; font-size:28px; }
.clean-box .txt-wrap .tit span{font-weight:700; color:#b71f25; line-height:1.4}
.clean-box .txt-wrap p{margin-top:5px}

@media screen and (max-width: 1024px){
	.clean-box .img-wrap {width: 25%;}
	.clean-box .txt-wrap{width:75%; padding-left:20px}
}

@media screen and (max-width: 768px){
	.clean-box {padding: 40px 20px;    display: block;}	
	.clean-box .img-wrap {	    width: 100%;text-align:center	}
	.clean-box .txt-wrap {	    width: 100%;	    padding-left: 0px;	}
	.clean-box .txt-wrap{margin-top:20px}
	.clean-box .txt-wrap .tit {    font-family: 'GmarketSans';    font-size: 22px;text-align:center}
}


.line-box {position:relative; background:url(/portal/images/common/box.gif) repeat 0 0; padding:8px;}
.line-box >div {background:#fff; padding:40px;}

h3 {font-size:2.2rem; padding-left:15px; font-family: 'GmarketSans'; margin-top:60px; font-weight:bold; line-height:1; padding-top:3px; position:relative;}
h3::before {content:''; display:block; width:5px; height:18px; background:#b71f25; position:absolute; top:2px; left:0;}
#conts > div > h3:first-child {margin-top:0;}
#conts > h3:first-child {margin-top:0;}

h3~p,
h3~div,
h4~.list_ul,
h4~div,
h4~.list_onum,
h5~.list_onum {margin-top:10px;}
h4 {font-size:2.0rem; margin-top:20px; font-weight:500;}
h5 {font-weight:700; font-size:1.8rem; color:#000; margin-top:20px;}
h4 + h5 {margin-top:10px;}




/* table */
.tbl_wrap {border-top:1px solid #585858; }
.tbl_guide {display: none;}
.tbl {margin-bottom:10px; width:100%; table-layout: fixed; border-collapse:collapse;}
.tbl th {text-align:center; font-weight:500;}
.tbl th {padding:18px 8px; border:1px solid #dedede; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}
.tbl td {padding:14px 8px; border:1px solid #dedede; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}
.tbl td:first-child, .tbl th:first-child {border-left: none;}
.tbl td:last-child, .tbl th:last-child {border-right: none;}
.tbl thead tr:first-child th {background:#fafafa;}
.tbl thead th {background:#fafafa; color:#333; }
.tbl tbody th {background:#fafafa; padding:14px 8px; border:1px solid #dedede; border-top:0;}
.tbl tbody td { line-height:1.6em;}
.tbl tfoot th {background:#f7faef; color:#333;}
.tbl td {background: #fff;}
.tbl td.b_bg {background: #f4f8fc;}
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; margin-top: 30px;}
    .tbl_guide { display: block; color:#666; font-size: 1.3rem; line-height: 130%; position:relative; padding-left:28px;}
    .tbl_guide::before {content:''; display:block; width:22px; height:9px; background:url('/portal/images/common/spr_content.png') no-repeat 0px 0; position:absolute; top:4px; left:0;}
	.tbl_guide+.tbl_wrap {margin-top:15px!important;}	
	.tbl_wrap .tbl.over{width: 752px;}	
}

.tbl td li {position: relative;}
.tbl td >ul >li {padding-left:10px; margin-top:3px; text-align:left !important; font-size: 16px;}
.tbl td >ul >li:before {content: ''; position: absolute; width:4px; height:4px; left: 0; top:12px; background: #bbb; border-radius:50%;}
.tbl td >ul >li:first-child {margin-top:0;}
.tbl td >ul >li >ul >li {padding-left:8px; margin-top:0; text-align:left !important; font-size:1.5rem; }
.tbl td >ul >li >ul >li:before {content: ''; position: absolute; width:4px!important; height:2px!important; left: 0; top:12px; background: #bbb;}





.dv_incon {border-top:1px dashed #c9c9c9; padding:50px 0px;}
.dv_incon::after {content:''; display:block; clear:both;}
.dv_incon h3 {float:left; width:330px; font-size:2.8rem; font-weight:600; line-height:34px; margin-bottom:15px;}
.dv_incon div.incon {float:right; width:calc(100% - 380px); }
.dv_incon div.incon h4:first-child {margin-top:0;}

@media all and (max-width:1024px) {
	.dv_incon {border-top:0; padding:50px 0px 0px 0px;}
	.dv_incon h3 {float:none; width:100%;}
	.dv_incon h3 br {display:none;}
	.dv_incon div.incon {float:none; width:100%;}
}

#conts .dv_incon:first-child {padding-top:0px!important; border-top:none;}
.space {clear:both; margin-bottom:30px;}


ol[class^="list_onum"] li{padding-left: 25px; position: relative;}
ol[class^="list_onum"] >li:before {content: ''; position: absolute;    left: 0;    top:6px;    width: 20px;    height: 20px;    line-height:18px; background:#b71f25; border-radius: 50%;    text-align: center;    color: #fff;    font-size:12px;    box-sizing: border-box; text-indent:-2px;}

ol[class^="list_onum"] >li:nth-child(1):before {content: '1';}
ol[class^="list_onum"] >li:nth-child(2):before {content: '2';}
ol[class^="list_onum"] >li:nth-child(3):before {content: '3';}
ol[class^="list_onum"] >li:nth-child(4):before {content: '4';}
ol[class^="list_onum"] >li:nth-child(5):before {content: '5';}
ol[class^="list_onum"] >li:nth-child(6):before {content: '6';}

ol[class^="list_onum"] >li.n01:before {content: '1';}
ol[class^="list_onum"] >li.n02:before {content: '2';}
ol[class^="list_onum"] >li.n03:before {content: '3';}
ol[class^="list_onum"] >li.n04:before {content: '4';}
ol[class^="list_onum"] >li.n05:before {content: '5';}
ol[class^="list_onum"] >li.n06:before {content: '6';}
ol[class^="list_onum"] >li.n07:before {content: '7';}
ol[class^="list_onum"] >li.n08:before {content: '8';}
ol[class^="list_onum"] >li.n09:before {content: '9';}
ol[class^="list_onum"] >li.n10:before {content: '10';}
ol[class^="list_onum"] >li.n11:before {content: '11';}
ol[class^="list_onum"] >li.n12:before {content: '12';}
ol[class^="list_onum"] >li.n13:before {content: '13';}
ol[class^="list_onum"] >li.n14:before {content: '14';}
ol[class^="list_onum"] >li.n15:before {content: '15';}

ol[class^="list_onum"] >li >ul li {padding-left:10px; margin-top:6px; line-height:2.4rem;}
ol[class^="list_onum"] >li >ul li:before {content: ''; position: absolute; width:6px; height:2px; left: 0; top:11px; background:#9e9e9e;}
ol[class^="list_onum"] >li >ul >li >ul li{padding-left:10px; margin-top:3px; font-size:15px;}
ol[class^="list_onum"] >li >ul >li >ul li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 9px; background:#bbb;}


ul[class^="list_ul"] li, ol[class^="list_num"] li {line-height:2.4rem; position: relative; }
ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li {padding-left:10px; margin-top:12px;}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before {content: ''; position: absolute; width:5px; height:5px; left: 0; top:9px; background:#666; border-radius:50%;}
ul[class^="list_ul"] >li:first-child{margin-top:0;}
ul[class^="list_ul"] >li >ul {margin-top:0; margin-bottom:15px;}
ul[class^="list_ul"] li >ul >li{padding-left:10px; margin-top:6px;}
ul[class^="list_ul"] >li >ul >li:before {content: ''; position: absolute; width:6px; height:2px; left: 0; top:11px; background:#9e9e9e;}

ul[class^="list_ul"] ul ul {margin-top: 8px !important; background: rgba(255,255,255,1); box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul >li {padding-left:8px; margin-top:9px; font-size:15px;}
ul[class^="list_ul"] >li >ul >li >ul >li:before, td >ul >li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 9px; background:#bbb;}
ul[class^="list_ul"] >li >ul >li >ul >li:first-child {margin-top:0;}
ul[class^="list_ul"] li p, ol[class^="list_num"] li p {margin-top:10px;}







.file_box {border:1px solid #ddd; border-radius:40px 0px 0px 0px; box-sizing:border-box; padding:30px 30px 30px 100px; position:relative;}
.file_box.down::before {content:''; display:block; width:43px; height:43px; border-radius:50%; background:#277fbf url('/portal/images/common/spr_content.png') no-repeat -30px 13px; position:absolute; top:30px; left:30px;}
.file_box.down p.title {font-size:2.0rem; color:#277fbf; font-weight:500; float:left; line-height:43px;}
.file_box span.filename {color:#333; font-weight:300; font-size:1.7rem;}
.file_box span.filename::before {content:''; display:inline-block; width:1px; height:14px; background:#dedede; margin:0 15px; margin-top:-3px;}
.file_box.down a {background:#277fbf; color:#fff; width:150px; border-radius:40px; padding:10px 30px; font-weight:400; float:right; position:relative;}
.file_box.down a::after {content:''; display:block; width:15px; height:15px; background:url('/portal/images/common/spr_content.png') no-repeat -86px 0; position:absolute; top:16px; right:20px;}

.file_box.link::before {content:''; display:block; width:43px; height:43px; border-radius:50%; background:#f07d28 url('/portal/images/common/spr_content.png') no-repeat -30px -28px; position:absolute; top:30px; left:30px;}
.file_box.link p.title {font-size:2.0rem; color:#f07d28; font-weight:500; float:left; line-height:43px;}
.file_box.link a {background:#f07d28; color:#fff; width:150px; border-radius:40px; padding:10px 30px; font-weight:400; float:right; position:relative;}
.file_box.link a::after {content:''; display:block; width:16px; height:16px; background:url('/portal/images/common/spr_content.png') no-repeat -133px 0; position:absolute; top:16px; right:20px;}
@media all and (max-width:768px) {
	.file_box {padding:30px!important;}
	.file_box::before {display:none!important;}
	.file_box p.title {margin-bottom:10px;}
}


/* 버튼 */
.btn {border-radius:2px; transition:all .2s; line-height:44px; border:1px solid #7d7d7d; position:relative; font-size:17px; margin-bottom:3px; display:inline-block; vertical-align:top; min-width:100px; text-align:center; font-weight:400!important;  font-family: 'Noto Sans KR', sans-serif!important; padding:0 15px; box-sizing:border-box;outline-style: dashed;outline-width: 2px;}
.btn.small { font-size:15px; line-height:24px; padding:0 10px;}
.btn.default, .btn.default:link, .btn.default:visited {border-color:#504b3b;background-color:#504b3b; color: #fff;}
.btn.default:hover{border-color: #343022;background-color: #343022;color: #fff;}

.btn.default1, .btn.default1:link, .btn.default1:visited {border-color:#4b2c5f;background-color:#4b2c5f; color: #fff;}
.btn.default1:hover{border-color: #6f418c;background-color: #6f418c;color: #fff;}


.btn.done, .btn.done:link, .btn.done:visited {border-color:#ad956e;background-color:#ad956e; color: #fff;}
.btn.done:hover{border-color: #85714f; background-color: #85714f;color:#fff;}

.btn.cancel, .btn.cancel:link, .btn.cancel:visited {border-color: #7d7d7d;background-color:#fff; color:#394155;}
.btn.cancel:hover{background-color: #f2f2f2; }

.btn.icon {padding-right:35px;}
.btn.icon::after {content:''; display:block; width:16px; height:16px; background-image:url(/portal/images/common/spr_content2.png); background-repeat:no-repeat; position:absolute; top:50%; right:15px; margin-top:-8px;}
.btn.done.icon.down::after {background-position:0 -47px;}
.btn.cancel.icon.down::after {background-position:-37px -47px;}
.btn.done.icon.link::after {background-position:-74px -46px;}
.btn.cancel.icon.link::after {background-position:-111px -46px;}

.btn.small.icon {padding-right:25px;}
.btn.small.icon::after {content:''; display:block; width:13px; height:13px;top:50%; right:7px; margin-top:-6px;}

.btn.small.default.icon.down::after {background-position:-190px -75px;}
.btn.small.default1.icon.down::after {background-position:-190px -75px;}
.btn.small.done.icon.down::after {background-position:-190px -75px;}
.btn.small.cancel.icon.down::after {background-position:-203px -75px;}

.btn.small.default.icon.link::after {background-position:-190px -62px;}
.btn.small.default1.icon.link::after {background-position:-190px -62px;}
.btn.small.done.icon.link::after {background-position:-190px -62px;}
.btn.small.cancel.icon.link::after {background-position:-203px -62px;}

.btn.small.default.icon.view {text-indent:-9999px; min-width:30px; padding:0 5px; margin-left:-4px;}
.btn.small.default1.icon.view {text-indent:-9999px; min-width:30px; padding:0 5px; margin-left:-4px;}
.btn.small.default.icon.view::after {background-position:-32px -77px;}
.btn.small.default1.icon.view::after {background-position:-32px -77px;}
.btn.small.done.icon.view::after {background-position:-32px -77px;}

.btn.big {line-height:54px; border:none;}
.btn.big.red {background:#b71f25; color:#fff;}
.btn.big.red:hover {background:#740f12; color:#fff;}
.btn.big.gray {background:#666666; color:#fff;}
.btn.big.gray:hover {background:#444; color:#fff;}

h3 .btn {line-height:30px; margin-top:-7px;}

h3+.downview {margin-top:-20px!important;}
.downview {border-radius:3px; transition:all .2s; line-height:46px; position:relative; font-size:17px; margin-bottom:3px; display:inline-block; vertical-align:top; padding:0 110px 0 20px; background-color:#407bdc; color: #fff; overflow:hidden; max-width:100%; box-sizing:border-box;}
.downview span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block;}
.downview a {transition:all .2s; text-align:left;}
.downview .down {background:#2c395f url(/portal/images/common/spr_content2.png) no-repeat 15px -32px; height:46px; width:46px; text-indent:-9999px; display:block; position:absolute; top:0; right:46px;}
.downview .view {background:#33457c url(/portal/images/common/spr_content2.png)o-repeat -226px -32px; height:46px; width:46px; text-indent:-9999px; display:block;position:absolute; top:0; right:0px;}
.downview a:hover {background-color:#1a2442;}


.textlink {display:inline-block;text-decoration:underline; font-weight:600;}
.textlink::after {content:''; display:inline-block; width:12px; height:12px;background:url(/portal/images/common/new_link.png) no-repeat 50% 50%; margin:0 3px;}

.textdown {display:inline-block;text-decoration:underline; font-weight:600;}
.textdown::after {content:''; display:inline-block; width:13px; height:12px;background:url(/portal/images/common/spr_content2.png) no-repeat -203px -76px; margin:0 3px;}


.iconbtn {
    text-indent: -99999px;
    display: inline-block;
    width: 26px;
    height: 26px;
    transition: all .2s;
    border-radius:50%;
    background-image:url(/portal/images/common/spr_content2.png); background-repeat:no-repeat;
}
.iconbtn.down {background-color:#3bac13; background-position:0px -71px;}
.iconbtn.down:hover {background-color:#dedede; background-position:0px -97px;}
.iconbtn.view {background-color:#3360cc; background-position:-26px -71px;}
.iconbtn.view:hover{background-color:#dedede; background-position:-26px -97px;}
.iconbtn.link {background-color:#3399cc; background-position:-52px -71px;}
.iconbtn.link:hover {background-color:#dedede; background-position:-52px -97px;}


 /* 임의반응형 - 모바일에서 이미지크게보기 링크 */
.img_respon{position: relative;}
.link_imgview{display: none;}
@media all and (max-width:768px){
	.link_imgview{position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.7); color: #fff; font-weight: 600; padding: 5px 10px; display: block;}
    .link_imgview:visited{color: #fff;}
    .img_respon img {width:100%;}
}


.search_wrap {position:relative;}
.search_wrap .topsearch {background:#f3f3f3; padding:30px; margin-bottom:30px;}
.search_wrap .topsearch >div {border-radius:50px; background:#fff; padding:10px 20px; display:flex;}
.search_wrap .topsearch >div input[type="text"] {width:calc(100% - 40px); border:0;}
.search_wrap .topsearch >div input[type="submit"] {width:40px; background:url(/portal/images/common/spr_content.png) no-repeat -298px 7px; border:0; text-indent:-9999px;}
.search_copy {font-weight:500; font-size:2.6rem; line-height:3.6rem;}


.search_wrap h3 span {font-weight:300;}
.search_inbox {border-top:1px solid #999; padding:20px 0px; margin-top:20px; position:relative;}
.search_inbox.nobor {border-top:none; padding:0px 0px 20px 0px;}
.search_inbox .search_list li {position:relative; padding-left:20px;}
.search_inbox .search_list li::before {content:''; display:block; width:12px; height:12px; border:3px solid #999; border-radius:50%; position:absolute; top:9px; left:0; font-size:1.8rem;}
.search_inbox .search_list li span {position:relative; display:inline-block;}
.search_inbox .search_list li span::after {content:'>'; display:inline-block; height:1rem; font-family: 'GmarketSans'; font-weight:200; padding:0 10px;}
.search_inbox .search_list li span:last-child::after {display:none;}
.search_inbox .more {position:absolute; top:-40px; right:0; background:url(/portal/images/common/searmore.png) no-repeat right 45%; padding-right:40px; font-size:1.6rem;}


.search_inbox .search_blist li {border-bottom:1px dashed #dedede; padding:20px 0;}
.search_inbox .search_blist li:first-child {padding-top:0px;}
.search_inbox .search_blist li p.stit {font-size:1.8rem; line-height:2.2rem; color:#333; font-weight:500; margin-bottom:10px;}
.search_inbox .search_blist li p.stit span.date {font-size:1.5rem; color:#999; font-weight:300; display:inline-block; margin-left:20px;}
.search_inbox .search_blist li p.scopy {display:block;  overflow: hidden; text-overflow: ellipsis; height:4.4rem; line-height:2.2rem; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; font-weight: 300;}
.search_inbox .search_blist li p.sloca {position:relative; font-size:1.5rem; margin-top:10px;}
.search_inbox .search_blist li p.sloca span {position:relative; display:inline-block; color:#666;}
.search_inbox .search_blist li p.sloca span::after {content:'>'; display:inline-block; height:1rem; font-family: 'GmarketSans'; font-weight:200; padding:0 10px; }
.search_inbox .search_blist li p.sloca span:last-child::after {display:none;}
.search_inbox .search_blist li a:hover p.stit {color:#ff0000;}
@media all and (max-width:1024px){
	.search_inbox .search_blist li p.stit span.date {display:block; margin-left:0; margin-top:10px;}	
}

.search_inbox.bod_photo {border-top:1px solid #999; padding:20px 0px; border-bottom:0;}

/*
.search_inbox .pagenation {border-top:1px solid #dedede;}
*/


.personal {position:relative; background:#f8f8f8 url(/common/img/common/personal_bg.jpg) no-repeat 50% 0; padding:50px 50px 75px 50px; display:flex; background-size:100%;}
.personal >div {border-radius:40px; background:#fff; width:46%; text-align:center; position:relative; margin:0 2%; padding:50px; box-sizing:border-box;}
.personal >div h4 {font-family: 'GmarketSans'; font-size:3.0rem; font-weight:700; position:relative; margin-top:0; margin-bottom:30px;}
.personal >div h4::before {content:''; display:block; width:85px; height:85px; margin:0 auto 30px auto;}
.personal >div:first-child h4::before {background:url(/common/img/common/personal_01.png) no-repeat 50% 0;}
.personal >div:last-child h4::before {background:url(/common/img/common/personal_02.png) no-repeat 50% 0;}

.personal >div p {background:#f2f2f2; border-radius:40px; padding:20px; margin-bottom:20px; }
.personal >div p strong {color:#000;}
.personal >div input {border:0; border-radius:50px; padding:10px 20px 10px 60px; color:#fff; width:250px; text-align:left; font-size:2.0rem; font-weight:500; box-sizing:border-box; position:absolute; bottom:-25px; left:calc(50% - 125px);}
.personal >div:first-child input {background:#b71f25 url(/common/img/common/personal_btnbg.png) no-repeat 170px 50%;}
.personal >div:last-child input {background:#005dce url(/common/img/common/personal_btnbg.png) no-repeat 170px 50%;}

@media all and (max-width:1024px){
.personal {padding:50px 20px 75px 20px;}
.personal >div {padding:20px;}
}

@media all and (max-width:620px){
	.personal {display:block;}
	.personal >div {width:100%;}
	.personal >div:last-child {margin-top:50px;}
}


input[type="button"].plus {width:20px; height:20px; background:#333 url(/portal/images/common/spr_content2.png) no-repeat -476px -105px; border:0; border-radius:2px; position:relative; text-indent:-9999px;}
input[type="button"].minus {width:20px; height:20px; background:#cc0000 url(/portal/images/common/spr_content2.png) no-repeat -455px -105px;; border:0; border-radius:2px;  position:relative; text-indent:-9999px;}