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


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


* { font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}


body {-webkit-text-size-adjust: none;font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 1.8rem; font-weight:400; }




body {min-width: 1600px;}
@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:1280px) {
	body {min-width:320px; }
	body.stop_scrolling {overflow: hidden !important;}
	html {font-size:55%;}
}



/* 페이지 상단 슬라이딩 팝업 */
.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 */
footer .info_wrap, .dv_wrap {width:1560px; margin: 0 auto; position: relative;}
.cont_wrap >div {position: relative;}
#container {padding:0; position:relative; overflow:hidden;}
@media screen and (max-width:1580px) {
	#innerHead >div, #lnbWrap nav, #container, .dv_wrap {width:100%;  }
}


/* header */
header {z-index:100; position:relative;  border-bottom:1px solid #dedede; }
#innerHead {z-index:100; position:relative;background:#fff; min-height:100px; width:1560px; margin:0 auto;}
#innerHead h1 { z-index: 99; padding:30px 0 25px 0; position:relative; display:inline-block;}
#innerHead h1 a { font-size:2.8rem ; }
#innerHead .language {display:none;}
#innerHead .head_link {display:none;}

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

@media screen and (max-width:1580px) {	
	#innerHead {width:100%; padding:0 10px;}
}

@media screen and (min-width:1281px) {	
#lnbWrap { z-index:98; width:calc(100% - 680px); box-sizing:border-box; position:absolute; top:0; left:490px;}
#lnb {display:flex; flex-flow:row wrap; justify-content:space-around;}
#lnb >li {position:relative;}
#lnb >li:last-child,
#lnb >li:nth-last-child(2) {display:none;}
#lnb a { word-break: break-all;}
#lnb >li >a{ width:100%;display: block; text-align:center; position: relative; line-height:120px; font-family: 'GmarketSans'; font-weight:400; color:#333; font-size:2.2rem; transition:all .2s; font-weight:600;}
#lnb >li >a:hover {color:#fe3c5c;}

#lnbWrap .lnb_sub { position:absolute; top:25px; left:calc(50% - 95px); display:none; transition:all .2s; box-sizing:border-box; background:#ff0000; width:190px; box-sizing:border-box; border-radius:1rem; padding:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe3c5c), color-stop(1, #4d3e88));
	background: -moz-linear-gradient(top, #fe3c5c 0%, #4d3e88 100%);
	background: -webkit-linear-gradient(top,  #fe3c5c 0%, #4d3e88 100%);
	background: -o-linear-gradient(top,  #fe3c5c 0%, #4d3e88 100%);
	background: -ms-linear-gradient(top,  #fe3c5c 0%, #4d3e88 100%);
	background: linear-gradient(top,  #fe3c5c 0%, #4d3e88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe3c5c', endColorstr='#4d3e88', gradientType=0);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	z-index:1;
	overflow:hidden;
}
#lnbWrap .lnb_sub.on {display:block;  }
#lnbWrap .lnb_sub .topmenutit {background:#fff; text-align:center; border-radius:0.9rem 0.9rem 0 0;}
#lnbWrap .lnb_sub .topmenutit strong {font-size:2.2rem; font-weight:600; color:#fe3c5c; font-family: 'GmarketSans'; border-bottom:1px solid #dedede; padding:25px 0 15px 0; display:inline-block;}
#lnbWrap .lnb_sub .topmenutit span {display:none!important;}	
#lnbWrap .lnb_sub ul {background:#fff; text-align:center; padding:15px 0; border-radius: 0 0 0.9rem 0.9rem;}
#lnbWrap .lnb_sub ul li {line-height:32px;}
#lnbWrap .lnb_sub ul li a {font-size:1.8rem;}
#lnbWrap .lnb_sub ul li a:hover {font-weight:600;}
#lnbWrap .lnb_sub ul li a:hover span {border-bottom:1px solid #fe3c5c;}	
.topmenuover {display:none!important;}
#mask_pc {background:rgba(0,0,0,0.8); height:100vh; width:100%; position:absolute; top:0; left:0; z-index:1; display:none!important;}

}

#innerHead .checkout {background:#333; position:absolute; top:-0.2rem; right:8.5rem; color:#fff; font-size:1.4rem; padding:0.5rem 1rem; border-radius:0 0 0.5rem 0.5rem; opacity:0.5; transition:all .2s;}
#innerHead .checkout:hover {opacity:1;}
@media screen and (max-width:1280px) {
	#innerHead .checkout {top:-0.2rem; right:calc(50% - 5rem);}
}

#innerHead .my-page {background:#333; position:absolute; top:-0.2rem; right:0; color:#fff; font-size:1.4rem; padding:0.5rem 1rem; border-radius:0 0 0.5rem 0.5rem; opacity:0.5; transition:all .2s;}
#innerHead .my-page:hover {opacity:1;}
@media screen and (max-width:1280px) {
	#innerHead .my-page {display:none;}
}

#innerHead .topsns {position:absolute; top:calc(50% - 20px); right:0; display:flex;}
#innerHead .topsns > a {margin:0 2px; position:relative;}
#innerHead .topsns > a:hover:after {content:''; display:block; width:13px; height:3px; background:#ff0000; border-radius:5px; margin:3px auto 0;}
#innerHead .topsns > a:nth-of-type(1):after {background:#666;}
#innerHead .topsns > a:nth-of-type(2):after {background:#ff0000;}
#innerHead .topsns > a:nth-of-type(3):after {background:#3db933;}
#innerHead .topsns > a:nth-of-type(4):after {background:#004f9e;}
#innerHead .topsns > a:nth-of-type(5):after {background:#cc349f;}
#innerHead .topsns > a:last-child:after {display:none;}

#innerHead .topsns .snsbox {background:#fff; position:absolute; top:5rem; right:0; border-radius:3rem; padding:1rem 2rem; font-size:1.6rem; width:25rem; box-shadow:0 0 10px rgba(0,0,0,0.2); display:none;}
#innerHead .topsns .snsbox a {display:flex; align-items:center; margin:0.5rem 0;}
#innerHead .topsns .snsbox a.home {text-align:center; justify-content:center; border-bottom:1px dashed #dedede; padding:0.5rem 0 1rem 0; margin-bottom:1rem; color:#b72026; font-weight:700; font-family: 'GmarketSans';}
#innerHead .topsns .snsbox a img{width:3rem; height:3rem; margin-right:0.5rem;}

@media screen and (max-width:1580px) {	
	#innerHead .topsns {right:10px;}
	#lnb >li >a {font-size:1.8rem;}
}


/*****************Mobile ver 메뉴*********************/
@media screen and (max-width:1280px) {
	#innerHead {min-height:80px; width:100%; margin:0;  padding:0;}
	#innerHead .topsns {position:absolute; right:50px;}
	#innerHead .topsns a:last-child {display:none;}
	
	
	body.stop_scrolling #headerWrap {border-bottom:0;}
	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;}
	#innerHead h1 img {max-width:80%;}
	.mblogo {display:block; text-align:left; padding:20px 15px; border-bottom:1px solid #dedede;}
	.mblogo img {max-width:100%;}
	
	#innerHead >div {text-align:left; padding:20px 10px; box-sizing:border-box; min-height:0px;}
	#innerHead button {display:block; position: absolute; width:34px;height:34px; 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:10px; top:calc(50% - 21px); }
	#openMenu .bar {width: 25px;height:3px;background:#333;position: absolute;left:0;display: inline-block; transition:all 0.3s; left:5px;}
	#openMenu span:nth-of-type(2) {top: 6px;}
	#openMenu span:nth-of-type(3) {top: 15px; width:20px; margin-left:5px;}
	#openMenu span:last-of-type {top: 24px;}
	
	#openMenu.close {right:300px; top:0px; background:#b72026;}
	#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: 6px;left: 10px; }
	#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: 24px;left: 8px; }


	#mask_mn {background:rgba(0,0,0,0.8); height:100vh; 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: Pretendard;}
	#lnb a { display:block;}
	#lnb >li { width: 100% !important;margin: 0 !important;float: none;text-align: left;position: relative; border-bottom:1px solid #dedede;}
	#lnb >li >a {padding:20px 15px 15px 15px; text-align:left; line-height:2.4rem;font-weight:normal; color:#333; font-size:2.4rem; font-weight:600;}	
	#lnb >li#lnb_04 >a{color: #b71f25;}
	#lnb >li >a >span {position:relative;}	
	#lnb >li.has-sub-menu >a >span:after {content: '+';width:29px;height:29px;margin-left:5px;}
	#lnb >li.on >a {color:#ff3c5b;}
	#lnb >li.has-sub-menu.on >a >span:after {content: '-'; }
		
	#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:10px 0; margin-top:0;}
	#lnbWrap .lnb_sub .depth02 >li >a {text-align:left; width: 100% !important; position: relative;display: block; line-height:100%; position:relative; padding:10px 15px 10px 15px; font-size:1.7rem;}
	#lnbWrap .lnb_sub .depth02 >li >a.on, #lnbWrap .lnb_sub .depth02 li >a.on span {color: #b71f25 !important;}	
	
	#lnbWrap .depth03 {display:inline-block!important;}
}

@media screen and (max-width:620px) {
	#innerHead .topsns {display:none;}
}




/* content */
#content {position:relative; width:1560px; box-sizing:border-box; margin:0 auto; }
@media screen and (max-width:1580px) {
	#snbWrap {display: none;}
	#content {width:calc(100% - 20px); }
}
@media screen and (max-width:1024px) {
	#content {position:relative;}
}


#spotWrap {position:relative; z-index:1;  text-align:center; padding:80px 0; overflow:hidden;}
#spotWrap h2 {font-size:6.0rem; font-family: 'GmarketSans';  line-height:1em; font-weight:600; z-index:1; position:relative; margin-top:20px;}
#spotWrap p{z-index:1; position:relative; font-size:1.8rem; margin-top:20px; font-weight:300; color:#666;}
#spotWrap p strong {font-weight:600;}
#spotWrap:before {content:''; z-index:0; display:block; position:absolute; top:30px; left:0; width:100%; background:url(/pspace/images/common/sbbg.png) no-repeat 50% 0; height:110px;}

.subnav {position:relative;font-family: 'GmarketSans'; width:1560px; margin:0 auto; border-radius:30px; background:#b71f25; display:flex; justify-content:space-between; padding:20px 30px; align-items:center; z-index:1;}
.subnav:before {content:''; display:block; width:396px; height:190px; background:url(/pspace/images/common/subimg.png) no-repeat 50% bottom; position:absolute; bottom:calc(100% - 15px); right:30px; z-index:0; transition:all .2s;}
.s_navi > ul {display:flex; color:#fff; font-weight:300; align-items:center;}
.s_navi > ul > li {position:relative; min-width:180px; padding:0 10px; margin:0 20px; display:flex; align-items:center; line-height:3rem;}
.s_navi > ul > li:first-child {min-width:0; margin-left:0;}
.s_navi > ul > li:first-child:before {content:''; display:inline-block; width:30px; height:30px; background:url(/pspace/images/common/home.png) no-repeat 50% 50%; transform:translateY(-2px); margin-right:5px;}
.s_navi > ul > li:after {content:''; display:inline-block; width:1px; height:1.6rem; background:rgba(255,255,255,0.4); position:absolute; top:0.5rem; right:-20px;}
.s_navi > ul > li:last-child:after {display:none;}
.s_navi > ul > li > a {color:#fff; display:block; width:100%; font-size:1.6rem; position:relative;}
.s_navi > ul > li > a:after {content:''; display:block; width:1rem; height:1rem; border-right:2px solid #fff;  border-bottom:2px solid #fff; transform:rotate(45deg); position:absolute; top:0.5rem; right:0; transition:all .2s;}
.s_navi > ul > li > a.on:after {transform:rotate(-135deg); top:1rem;}
.s_navi > ul > li:first-child > a:after {display:none;}
.s_navi > ul > li > ul {display:none; position:absolute; top:40px; left:0; background:#333; width:100%; padding:20px; border-radius:20px;}
.s_navi > ul > li > ul.on {display:block;}
.s_navi > ul > li > ul li a {color:#fff; font-size:1.5rem;}
.s_navi > ul > li > ul li a:hover {color:#ffff00;}


.sub_acc_ps { display:flex;}
.sub_acc_ps li {position:relative;}
.sub_acc_ps > li:after {content:''; display:inline-block; width:1px; height:15px; background:rgba(255,255,255,0.4); transform:translateY(-8px); margin:0 10px;}
.sub_acc_ps > li:last-child:after {display:none;}
.sub_acc_ps li >a {position: relative;display: inline-block;width:32px;height:32px; margin:0 2px; }
.sub_acc_ps .btn_share {background:url('/pspace/images/common/st-sns.png') no-repeat 50% 50%;}
.sub_acc_ps .btn_print  {background:url('/pspace/images/common/st-print.png') no-repeat 50% 50%;}

.share_list_ps { overflow: hidden; z-index: 10;  position:absolute; top:36px; left:3px; display:none;}
.share_list_ps li >button[class^=btn_] {width:30px;height:30px;background: url('/common/img/common/spr_spot.png') -25px 0 no-repeat;margin: 0 2px; border-radius:50%; margin:3px;}
.share_list_ps li >button[class^=btn_]:hover {background-color: #333 !important;}
.share_list_ps li >button[class*=twitter] {background-color: #65b3ef;background-position: 8px -73px;}
.share_list_ps li >button[class*=twitter]:hover {background-position: 8px -106px;}
.share_list_ps li >button[class*=facebook] {background-color: #45619d;background-position: -15px -73px;}
.share_list_ps li >button[class*=facebook]:hover {background-position: -15px -106px;}
.share_list_ps li >button[class*=blog] {background-color: #36ae18;background-position: -38px -73px;}
.share_list_ps li >button[class*=blog]:hover {background-position: -38px -106px;}
.share_list_ps li >button[class*=story] {background-color: #f2b100;background-position: -60px -72px;}
.share_list_ps li >button[class*=story]:hover {background-position: -60px -105px;}
.share_list_ps li >button[class*=talk] {background-color: #574e43;background-position: -85px -72px;}
.share_list_ps li >button[class*=talk]:hover {background-position: -85px -105px;}
.share_list_ps li >button[class*=qrcode] {background-color:#f85a0c;background-position: -112px -73px;}
.share_list_ps li >button[class*=qrcode]:hover {background-position: -112px -106px;}
#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 (max-width:1580px) {
	.subnav {width:calc(100% - 20px); margin:0 10px;}
	.subnav:before {width:300px; background-size:100%; bottom:calc(100% - 12px); }
}
@media (max-width:1024px) {
	#spotWrap {padding:30px 15px; margin-bottom:2rem;}
	#spotWrap:before {font-size:250px; line-height:180px;}
	#spotWrap h2 {font-size:4.0rem; line-height:4.0rem;}
	#spotWrap p {font-size:1.8rem; line-height:2.2rem; margin-top:10px;}
	.subnav:before {width:180px; bottom:calc(100% - 7px); }
}
@media (max-width:768px) {
	.sub_acc_ps {display:none!important;}
	.subnav {justify-content:center;}
	.s_navi > ul > li:first-child {display:none;}
	.s_navi > ul {justify-content:center;}
	.s_navi > ul > li {min-width:150px; padding:0; margin:0 2rem; }
	.subnav:before {width:100px; height:70px; bottom:calc(100% - 4px);}
}
@media (max-width:480px) {
	.subnav {padding: 20px 10px;}
	.s_navi > ul > li {min-width:0; position:initial}
	.s_navi > ul > li a {padding:0 20px 0 0;}
	.s_navi > ul > li > ul {position:absolute; top:8rem; left:0; background:#333; width:100%; padding:20px; border-radius:20px;}	
	.s_navi > ul > li:after {display:none;}
}





#conts img {max-width: 100%; }


/* 하위메뉴(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:640px) {
	.tab_depth04 >ul >li {width:50%;}
	.tab_depth04 >ul >li >a {width:100%;padding:15px 0px;}
}


	

/* footer */
footer {position:relative; background:#1b1e25; text-align:center;}
footer div.dv_wrap {padding:0 0 5rem 0;}
footer div.dv_wrap .flink {padding:3rem 0; border-bottom:1px solid rgba(255,255,255,0.1); display:flex; justify-content:center; flex-wrap:wrap;}
footer div.dv_wrap .flink a {color:#787c82; padding:1rem 0;}
footer div.dv_wrap .flink a:after {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; background:#dedede; margin:0 10px; transform:translateY(-3px);}
footer div.dv_wrap .flink a:last-child:after {display:none;}
footer div.dv_wrap .flink a.perlink {color:#fff2ad;}

footer div.dv_wrap .saupja {padding:2rem 0; color:#fff; font-size:1.5rem; border-bottom:1px solid rgba(255,255,255,0.1); display:flex; justify-content:center; flex-wrap:wrap; color:rgba(255,255,255,0.6); display:none;}
footer div.dv_wrap .saupja span {display:inline-block; margin:0.5rem 0 0.5rem 3rem;}
footer div.dv_wrap .saupja span:first-child {margin-left:0;}

footer div.dv_wrap .add {padding-top:3rem; color:#fff; font-size:1.8rem; font-weight:300;}
footer div.dv_wrap .add address {opacity:0.6; line-height:1.4em; display:flex; justify-content:center; flex-wrap:wrap; gap:0 3rem}
footer div.dv_wrap .add address span {margin:0.5rem 0 0.5rem 0; display:inline-block;}
footer div.dv_wrap .add address span:first-child {margin-left:0;}

footer div.dv_wrap .add .copyright {opacity:0.4; margin-top:1rem;}
@media screen and (max-width:1580px) {
	footer div.dv_wrap{width:calc(100% - 20px);}
}
@media screen and (max-width:1024px) {
	footer div.dv_wrap .add address span {margin-left:0; display:block;}
}










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

#conts {line-height:1.4em; font-size:1.8rem; color:#333; font-weight:400; margin:5rem 0 8rem 0; position: relative; word-break: keep-all;}
.cblue {color:#0187ce;}
.cbrown {color:#b48300;}
.cpink {color:#e6006c;}
.fbold {font-weight:600;}



h3 {font-size:3rem; margin-top:6.0rem; font-weight:800; line-height:1; padding-top:3px; position:relative; color:#333; font-family: 'GmarketSans';}

#conts > .flex-wrap:first-child h3 {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:1rem;}

h4 {font-size:2.6rem; margin-top:3.0rem; font-weight:800;}
/*h4:after {content:''; display:inline-block; width:1rem; height:1rem; border-radius:50%; background:#ea1b42; margin-left:0.5rem; transform:translateY(0.3rem);}*/
h5 {font-weight:700; font-size:1.8rem; color:#000; margin-top:20px;}
h4 + h5 {margin-top:10px;}


.flex-wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.flex-wrap h3 {width:100%; }
.flex-wrap h3 span {padding:1.5rem; display:block; width:20%; border-bottom:1px solid #333;}
.flex-wrap .flexcon {width:75%; margin-left:25%; }
.flex-wrap .flexcon.line {border-top:1px solid #dedede; margin-top:-2px; padding-top:3rem;}
.flex-wrap .flexcon h4:first-child,
.flex-wrap .flexcon h5:first-child {margin-top:0;  }
@media (max-width:768px){
	.flex-wrap h3 span {padding:0; width:100%; border-bottom:0;}
	.flex-wrap h3 span br {display:none; opacity:0;}
	.flex-wrap .flexcon {width:100%; margin-left:0; }
	.flex-wrap .flexcon.line {border-top:0; margin-top:0; padding-top:2rem;}
}

.point {position:relative; padding-left:2.5rem; color:#726f96;}
.point:before {content:'!'; display:flex; width:2rem; height:2rem; font-size:1.4rem; color:#fff; background:#726f96; border-radius:0.3rem; justify-content:center; align-items:center; position:absolute; top:0.2rem; left:0;}

.point.red {color:#b72026;}
.point.red:before {background:#b72026;}


/* table */
.tbl_wrap {border-top:1px solid #b72026; }
.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; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}
.tbl td {padding:14px 8px; border:1px solid #dedede;  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 th {background:#fdf8f8; color:#333; font-family: 'GmarketSans';}
.tbl tbody th {background:#fdf8f8; padding:14px 8px; border:1px solid #dedede; border-top:0;}
.tbl tbody td { line-height:1.6em;}

@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
    .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;}
.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;}


ol[class^="list_onum"] li{padding-left:2.5rem; position: relative; margin-top:0.7rem;} 
ol[class^="list_onum"] >li:before {content: ''; position: absolute;    left: 0;    top:0.2rem;    width:2rem;    height:2rem;    line-height:2rem; background:#b71f25; border-radius: 50%;    text-align: center;    color: #fff;    font-size:1.2rem;    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 {margin-top:1rem; color:#888; font-size:1.6rem;}
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; border:0!important;}
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 { position: relative; margin-top:0.7rem;}
ul[class^="list_ul"] >li {padding-left:15px; }
ul[class^="list_ul"] >li:before {content: ''; position: absolute; width:1rem; height:1rem; left: 0; top:0.7rem; border:2px solid #b72026; 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;}
ul[class^="list_ul"] >li >ul >li:before {content: ''; position: absolute; width:6px; height:2px; left: 0; top:1rem; 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:0.3rem;}



.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:1rem; transition:all .2s; line-height:6rem; border:1px solid #b72026; 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 3rem; box-sizing:border-box; color:#b72026; transition:all .2s;}
.btn:after {content:''; display:inline-block; width:8px; height:8px; border-right:2px solid #b72026; border-bottom:2px solid #b72026; transform:rotate(-45deg) translate(4px); margin-left:5px;  transition:all .2s;}

.btn.cancel {border:1px solid #333; color:#fff; background:#333;}
.btn.cancel:after {border-color:#fff;}

.btn:hover {border:1px solid #b72026; color:#fff; background:#b72026;}
.btn:hover:after {border-color:#fff;}

.btn.cancel:hover {border:1px solid #000; color:#fff; background:#000;}
.btn.cancel:hover:after {border-color:#fff;}

.btn.small {line-height:4rem;  min-width:80px; font-size:14px; padding:0 1rem;}


.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;}



 /* 임의반응형 - 모바일에서 이미지크게보기 링크 */
.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;}

.mt30{margin-top:30px}

/*테이블*/
.indent {/*margin-left:28px;*/ padding:5px 0;}
.tb_t1{width:100%;margin:10px 0;border-top:2px solid #4c3e89;border-bottom:1px solid #ccc;}
.tb_t1 caption{visibility:visible; position:absolute; top:-999px;}
.tb_t1 th {padding: 18px 8px;vertical-align:middle;border:1px solid #d9d9d9;}
.tb_t1 td {padding: 14px 8px;vertical-align:middle;border:1px solid #d9d9d9; text-align: center;}
.tb_t1 th{text-align:center;background:#f7f8fa; color:#4c3e89; word-break:keep-all; font-weight: 600;}
.tb_t1 td{background-color:#fff;color:#555;}
.tb_t1 th:first-child, .tb_t1 td:first-child{border-left:none;}
.tb_t1 .last{border-right:none;}
.tb_t1 tr:first-child th, .tb_t1 tr:first-child td{border-top:none;}
.tb_t1 th:last-child , .tb_t1 td:last-child {border-right:none;}
.tb_t1 .left{text-align:left; padding-left:20px;}
.table{width:100%;margin:5px 0 10px; word-break:keep-all;}

@media only screen and (max-width:1200px){
	.colgroup{display:block;float:none;width:100%;}
	div.indent { margin:0 auto; }
	table { word-break:break-all;}
}

@media only screen and (max-width:970px){
	.table { word-break:break-all;}
}

@media screen and (max-width:640px) {
	.response_tb{position:relative;overflow-x:auto;}
	.response_tb table{width:995px;}
}
 
.table th, table.table td{padding:8px 10px 6px;border:1px solid #c7c7c7;vertical-align: middle}
.table thead th { border-top:none;  color:#ffffff; font-weight:normal; background:#717171;}
.table tfoot th, table.table tfoot td{font-weight:normal; background-color:#f8f8f8;}
.table tbody th{font-weight:normal;background:#f8f8f8;}
.table td img{vertical-align:middle}

.table.type2 tbody tr:first-child th, .table.type2 tbody tr:first-child td{border-top: 2px solid #717171;border-bottom:1px solid #aaa}
.table.type2 th, .table.type2 td{padding:6px 6px 4px;border:1px solid #c8c8c8;}
.table.type2 tbody th{color:#333; font-weight:normal;background-color:#f8f8f8;}