@charset "utf-8";

/**************************************************
	Layout CSS Document
	IEETU Web Standardization Team
	2020-08-18
**************************************************/

@import url(content01.css);
@import url(content02.css);
/**************************************************
	Common
**************************************************/
/* 스프라이트 이미지 */
.sp_ui,
#header .area_top .util_r .lst li a:before,
#header .gnb_wrap .gnb_sitemap a:after,
#header #gnb > li > div > ul > li a[target="_blank"]:after,
#footer .wrap_copyright .area_link .related .open_select:before,
#footer .wrap_copyright .area_link .related .open_select:after,
#footer .wrap_copyright .area_link .btn_contact a:before,
#footer .wrap_copyright .area_link .btn_contact a:after,
#side .snb a[target="_blank"]:after,
#side .snb a .unfd,
.cont_head .btn_back:before,
.cont_head .title span:after,
.cont_head .area_location ol li:before,
.cont_head .util_area button,
.cont_head .box_share .btn_close:after,
.cont_foot .cont_rating h2:before,
.lnb li a[target="_blank"]:after,
.cont_foot .cont_rating h2:before{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/base/sp_ui.png) no-repeat 0 0;}

#wrap{position:relative; min-width:360px;}

.subHeader {display:flex; justify-content:space-between; position:relative; margin-bottom:48px;}
.subHeader h2 {font-size:35px; letter-spacing:-1.5px; line-height:1.2;}
.subHeader .naviBox {position:absolute; right:0; top:9px; overflow:hidden;}
.subHeader .naviBox button {display:block; float:left; width:32px; height:32px; background:url(../images/content/sns.png) no-repeat; margin-left:8px; overflow:hidden; text-indent:-999px;}
.subHeader .naviBox .btn_twitter{ background-position:-32px top;}
.subHeader .naviBox .btn_kakao_s{ background-position:-64px top;}
.subHeader .naviBox .btn_scrab{ background-position:-96px top;}

.subHeader .util_new{position:relative; display:flex; gap:8px; height:40px;}
.subHeader .util_new button{background:transparent; text-indent:-999999px; display:block;}
.subHeader .util_new button:hover{background-color:#e6f0f7;}
.subHeader .util_new .btn_print,
.subHeader .util_new .btn_share,
.subHeader .util_new .btn_close{width:40px; height:40px; border-radius:50%; border:1px solid #b1b8be; box-sizing:border-box; background-color:#fff; background-image:url(../images/common/sp_util_ico.png);}
.subHeader .util_new .btn_print{background-position:-1px -1px;}
.subHeader .util_new .btn_share{background-position:-51px -1px;}
.subHeader .util_new .box_share{display:none;}
.subHeader .util_new .btn_close{position:absolute; top:0; right:0; background-position:-101px -1px;}
.subHeader .util_new .box_share .ly_share{display:flex; gap:16px; position:absolute; top:calc(100% + 10px); right:0; z-index:20; padding:10px 15px; border:1px solid #b1b8be; border-radius:10px; background:#fff; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.subHeader .util_new .box_share .ly_share button{position:relative; width:32px; height:32px; background:url(../images/content/sns.png) no-repeat;}
.subHeader .util_new .box_share .ly_share button:after{content:""; display:block; position:absolute; right:-8px; top:50%; margin-top:-5px; width:1px; height:10px; background:#ccc;}
.subHeader .util_new .box_share .ly_share button:last-child:after{display:none;}
.subHeader .util_new .box_share .ly_share .btn_twitter{background-position:-32px top;}
.subHeader .util_new .box_share .ly_share .btn_kakao_s{background-position:-64px top;}
.subHeader .util_new .box_share .ly_share .btn_scrab{background-position:-96px top;}


.box_con {padding:30px; background:url(../images/content/box_bg.png); margin-bottom:40px;}
.box_con .inr {background:#fff; padding:40px;}

/**************************************************
	상단 배너
**************************************************/

.subContentBox {max-width:1200px; width:100%;}

#topban{position:relative;}
#topban .topbanzone{position:relative; overflow:hidden; height:110px;}
#topban .topbanzone .nav{position:absolute; left:0; bottom:0; right:0; width:100%; max-width:1260px; margin:0 auto;}
#topban .topbanzone .nav .area_ctrl{position:absolute; bottom:40px; right:0;}
#topban .topbanzone .nav .area_ctrl button{float:left; overflow:hidden; width:36px; height:36px; margin-left:3px; background:url(../images/common/sp_topban_ctrl.png) no-repeat 0 0; color:transparent;}
#topban .topbanzone .nav .area_ctrl .prev{background-position:-30px 0;}
#topban .topbanzone .nav .area_ctrl .play{display:none; background-position:-110px 0;}
#topban .topbanzone .nav .area_ctrl .pause{display:none; background-position:-70px 0;}
#topban .topbanzone .nav .area_ctrl .next{background-position:-150px 0;}
#topban .topbanzone .nav .area_ctrl .active{display:block;}
#topban .topbanzone .nav .area_close{position:absolute; bottom:10px; right:0; color:#fff;}
#topban .topbanzone .nav .area_close *{float:left;}
#topban .topbanzone .nav .area_close .inp_chk{margin:4px 5px 0 0;}
#topban .topbanzone .nav .area_close .btn_close{overflow:hidden; width:21px; height:21px; margin:0 0 0 15px; background:url(../images/common/sp_topban_ctrl.png) no-repeat 0 0; color:transparent;}
#topban .topbanzone .item{position:relative; overflow:hidden; height:110px; vertical-align:top;}
#topban .topbanzone .item > .inr{position:absolute; left:50%; transform:translateX(-50%);}
#topban .topbanzone .item a{display:block;}
#topban .topbanzone .item .b_t,
#topban .topbanzone .item .b_m{display:none;}
#topban .topbanzone .item img{max-width:none;}


/**************************************************
	Container
**************************************************/
#container{/*margin:34px 0 0;*/}
#container > .inr{max-width:1260px; margin:0 auto;}
#container > .inr:after{content:''; display:block; clear:both;}

/* 팝업  */
.lypop .btm{text-align: right;    background: #fff; padding-right: 10px;}

/**************************************************
	Content
**************************************************/
/*** 컨텐츠 공통 ***/
.cont_wrap{float:right; width:980px; padding-bottom:50px;}

/*** 컨텐츠 헤드 ***/
.cont_head{position:relative; margin:0 0 50px;}
.cont_head:after{content:''; display:block; clear:both;}
.cont_head .btn_back{display:none;}
.cont_head .title{padding:10px 275px 15px 0; border-bottom:2px solid #666; font-size:2.133em; line-height:1.15; letter-spacing:-3px;}
.cont_head .nav{display:none;}
.subHeader .nav{display:none;}
/* location */
.cont_head .area_location{padding:10px 0 0;}
.cont_head .area_location ol{overflow:hidden;}
.cont_head .area_location ol li{float:left; position:relative; margin:3px 0; padding:0 8px 0 12px; font-size:0.933em; line-height:16px; color:#666;}
.cont_head .area_location ol li:last-child{font-weight:600; color:#000;}
.cont_head .area_location ol li:first-child{overflow:hidden; width:25px; padding:0; color:transparent;}
.cont_head .area_location ol li:before{content:''; position:absolute; top:6px; left:0; width:5px; height:7px; background-position:0 -107px;}
.cont_head .area_location ol li:first-child:before{top:0; width:17px; height:16px; background-position:-52px -31px;}
/* 공유 버튼 */
.cont_head .util_area{position:absolute; top:12px; right:0;}
.cont_head .util_area button{float:left; position:relative; width:34px; height:34px; margin-left:6px;}
.cont_head .util_area .btn_zin{background-position:-78px -31px;}
.cont_head .util_area .btn_zout{background-position:-117px -31px;}
.cont_head .util_area .btn_print{background-position:-156px -31px;}
.cont_head .util_area .btn_twitter{background-position:-195px -31px;}
.cont_head .util_area .btn_facebook{background-position:-234px -31px;}
.cont_head .util_area .btn_blog{background-position:-273px -31px;}
.cont_head .util_area .btn_kakao{background-position:-312px -31px;}
.cont_head .util_area .btn_share{display:none;}
.cont_head .box_share{float:left;}
.cont_head .box_share .tit_share,
.cont_head .box_share .btn_close{display:none;}

/*** 컨텐츠 바디 ***/
.cont_body{line-height:1.5; word-break:keep-all; word-wrap:break-word; font-size:16px; margin-bottom:64px;}
.cont_body:after{content:''; display:block; clear:both;}

/* 탭메뉴 common */
.lnb{margin-bottom:40px; width:100%;}
.lnb ul{position:relative;}
.lnb ul:after{content:''; display:block; clear:both;}
.lnb li{float:left; position:relative; padding:0; font-size:16px; line-height:1.2; letter-spacing:-1px;}
.lnb li:before{display:none;}
.lnb li a{display:block; position:relative; color:#333;}
.lnb li a[target="_blank"]:after{content:''; width:15px; height:13px; margin:0 0 0 5px; background-position:-31px -49px; vertical-align:baseline;}
.lnb li.on a{font-weight:600; color:#1655ac;}
/* 탭메뉴01(일반 4개 이하) */
.lnb.tmn01 ul{}
.lnb.tmn01 li{width:calc(20% + 1px); height:60px; line-height:59px; margin-bottom:-1px; margin-right:-1px;  }
.lnb.tmn01 li a{overflow:hidden; height:100%; padding:0 18px; font-size:16px; text-align:left; white-space:nowrap; text-overflow:ellipsis;border:1px solid #dbdbdb;}
.lnb.tmn01 li.on a{z-index:10;  border:1px solid #1655ac; background:#fff; position:relative; z-index:2; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.lnb.tmn01 li.on a:after { content:''; display:block; width:28px; height:28px; background:url(../images/content/tab_on.png); position:absolute; right:15px; top:50%; margin-top:-14px;}

/* 탭메뉴02(슬라이드) */
.lnb.tmn02{position:relative; margin-bottom:48px;}
.lnb.tmn02 :is(.btn_left,.btn_right){position:absolute; top:50%; left:0; z-index:10; transform:translate(-50%, -50%); width:44px; height:44px; overflow:hidden; border-radius:50%; background-image:url(../images/common/sp_tmn02_lr.png); color:transparent;}
.lnb.tmn02 .btn_right{background-position:-55px 0;}
.lnb.tmn02 :is(.btn_left,.btn_right):hover{background-color:rgba(0,0,0,0.8);}
.lnb.tmn02 :is(.btn_left,.btn_right):disabled{display:none;}
.lnb.tmn02 .btn_right{left:auto; right:0; transform:translate(50%, -50%);}
.lnb.tmn02 ul{display:flex; gap:16px; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; /* iOS 스크롤 부드럽게 */ margin:0;}
.lnb.tmn02 ul:after{display:none;}
.lnb.tmn02 ul::-webkit-scrollbar{display:none; height:10px;}
.lnb.tmn02 ul::-webkit-scrollbar-thumb{background:transparent;}
.lnb.tmn02 li{flex:0 0 calc(100%/4 - 16px*3/4); margin:0; font-weight:700;}
.lnb.tmn02 li a{display:flex; justify-content:center; align-items:center; gap:4px; height:56px; padding:0 8px; font-size:19px; border:1px solid #b1b8be; border-radius:6px; line-height:1.2; text-align:center; transition:background .3s;}
.lnb.tmn02 li a:hover{background:#f4f5f6;}
.lnb.tmn02 li a:active{background:#f4f5f6;}
.lnb.tmn02 li a:focus{border:1px solid #000;}
.lnb.tmn02 li.on a{border:0; background:#1d56bc; color:#fff;}
.lnb.tmn02 li.on a:hover{background:#0a3f8b;}
.lnb.tmn02 li.on a:active{background:#072c60;}
.lnb.tmn02 li.on a span{text-decoration:underline;}

/* 탭메뉴03(박스) */
.lnb.tmn03{padding:25px 0; background:#f7f7f7;}
.lnb.tmn03 li{position:static; width:33.33%;}
.lnb.tmn03 li:before{content:''; display:inline-block; position:absolute; top:0; bottom:0; border-left:1px dotted #bcbcbc;}
.lnb.tmn03 li:nth-child(3n+1){clear:left;}
.lnb.tmn03 li:nth-child(3n+1):before{display:none;}
.lnb.tmn03 li a{margin:0 0 0 25px; padding:5px 10px 4px 10px;}
.lnb.tmn03 li a:before{content:''; display:inline-block; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:#3e73c1;}
/* 탭메뉴04(년도) */
.lnb.tmn04{padding:0 7px; border:1px solid #dedede;}
.lnb.tmn04 ul{overflow:hidden; background-image:repeating-linear-gradient(#fff, #fff 50px, #dedede 50px, #dedede 51px, #fff 51px);}
.lnb.tmn04 li{position:relative; margin:7px 0;}
.lnb.tmn04 li:before{content:''; display:inline-block; position:absolute; top:0; left:-1px; bottom:0; height:15px; margin:auto; border-left:1px solid #dedede;}
.lnb.tmn04 li a{height:36px; margin:0 7px; padding:0 12px; line-height:36px;}
.lnb.tmn04 li.on:after{content:''; display:inline-block; position:absolute; left:calc(50% - 5px); top:100%; border:5px solid transparent; border-top-color:#0c4ba7;}
.lnb.tmn04 li.on a{background:#0c4ba7; color:#fff;}

/*** 컨텐츠 하단 ***/
.cont_foot{margin-top:40px; padding:20px; border:1px solid #ddd; border-top-color:#333; font-size:15px; letter-spacing:-1px;}
/* 컨텐츠 담당자 */
.cont_foot .cont_manager:after{content:''; display:block; clear:both;}
.cont_foot .cont_manager dl{float:left; margin-left:55px;}
.cont_foot .cont_manager dl:first-child{margin-left:0;}
.cont_foot .cont_manager dl.update{float:right;}
.cont_foot .cont_manager dt,
.cont_foot .cont_manager dd{float:left; position:relative;}
.cont_foot .cont_manager dt{margin:0 5px 0 0; font-weight:600;}
.cont_foot .cont_manager dd span{float:left;}
.cont_foot .cont_manager dd .name{margin-left:5px;}
/* 컨텐츠 평가 */
.cont_foot .cont_rating{margin:10px 0 0; padding:20px 0 0; border-top:1px solid #ddd;}
.cont_foot .cont_rating > .inr{position:relative;}
.cont_foot .cont_rating > .inr:after{content:''; display:block; clear:both;}
.cont_foot .cont_rating h2{float:left; position:relative; padding-left:26px; line-height:20px; letter-spacing:-1px;}
.cont_foot .cont_rating h2:before{content:''; position:absolute; top:0; left:0; width:21px; height:20px; background-position:-52px -52px;}
.cont_foot .cont_rating .inp_area{float:right;}
.cont_foot .cont_rating .inp_area span{float:left; margin:0 7px;}
.cont_foot .cont_rating .inp_area .inp_rdo{float:left; margin:4px 2px 0 0;}
.cont_foot .cont_rating .inp_area label{float:left; margin:1px 0 0 0; font-size:14px; letter-spacing:-1px;}
.cont_foot .cont_rating .inp_area .btn_rate{float:left; height:32px; line-height:32px; margin:-7px 0 0 8px; padding:0 10px; border:0; border-radius:5px; background:#444; font-size:14px; color:#fff;}
/* 공공누리 */
.cont_foot .openType {padding:10px;}
.cont_foot .openType figure{position:relative; margin:0px;}
.cont_foot .openType figure:after{content:''; display:block; clear:both;}
.cont_foot .openType figure .fi_link{float:left; padding:0 10px 0 0;}
.cont_foot .openType figure img {height:75px;}
.cont_foot .openType figure figcaption {display:table-cell; padding:10px 0 0; font-size:0.86em; word-break:keep-all;}

/**************************************************
	팝업창 Layout
**************************************************/
#wrap_pop{padding:0 10px;}
#wrap_pop .pop_head{margin:0 0 30px; border-bottom:2px solid #666; }
#wrap_pop .pop_head .title{padding:10px 0 10px 0; font-size:2.133em; line-height:1.15; letter-spacing:-3px;}

/* Tablet 1024px ~ 1259px */
@media screen and (max-width:1199px){
	
	/**************************************************
		상단 배너
	**************************************************/
	#topban .topbanzone{height:auto;}
	#topban .topbanzone .nav{right:10px; width:auto;}
	#topban .topbanzone .item{height:auto; text-align:center;}
	#topban .topbanzone .item > .inr{position:relative; left:auto; transform:none;}
	#topban .topbanzone .item img{width:100%; max-width:100%; margin:0 auto;}
	#topban .topbanzone .item .b_p,
	#topban .topbanzone .item .b_m{display:none;}
	#topban .topbanzone .item .b_t{display:block;}

	/**************************************************
		Header
	**************************************************/
	#header .area_top .util_l .lst li a{width:auto; padding:0 20px;}
	#header .area_top .util_l .lst li:first-child{border-left:0;}
	#header .area_logo{padding:0 10px;}
	#header .gnb_wrap .gnb_bg > .inr{padding:0 10px;}

	/**************************************************
		Footer
	**************************************************/
	#footer{padding-bottom:45px;}
	#footer .wrap_copyright{padding:20px 10px 0; text-align:center;}
	#footer .wrap_copyright .logo{display:inline-block; float:none; vertical-align:top;}
	#footer .wrap_copyright .area_copyright{display:inline-block; float:none; vertical-align:top; text-align:left;}
	#footer .wrap_copyright .area_link{float:none; clear:both; padding:15px 0 0; text-align:center;}
	#footer .wrap_copyright .area_link .mark_wa{display:inline-block; float:none; vertical-align:top;}
	#footer .wrap_copyright .area_link .related{display:inline-block; float:none;}
	#footer .wrap_copyright .area_link .btn_contact{display:inline-block; float:none;}
	.area_totop{display:none;}

	/**************************************************
		Container
	**************************************************/
	#container > .inr{padding:0 10px;}
	.cont_wrap{width:calc(100% - 250px);}
}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	
	
	.box_con {padding:18px;}
	.box_con .inr {padding:22px;}
	
	/**************************************************
		Common
	**************************************************/
	.sp_ui,
	#header .area_top .util_r .lst li a:before,
	#footer .wrap_copyright .area_link .related .open_select:before,
	#footer .wrap_copyright .area_link .related .open_select:after,
	#footer .wrap_copyright .area_link .btn_contact a:before,
	#footer .wrap_copyright .area_link .btn_contact a:after,
	.cont_head .btn_back:before,
	.cont_head .title span:after,
	.cont_head .area_location ol li:before,
	.cont_head .util_area button,
	.cont_head .box_share .btn_close:after,
	.cont_foot .cont_rating h2:before,
	.lnb li a[target="_blank"]:after,
	.cont_foot .cont_rating h2:before{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/base/sp_ui_x2.png) no-repeat 0 0/400px 400px;}
	
	.lnb.tmn01 li {width:25%;}
	
	/**************************************************
		Header
	**************************************************/
	/* 헤더 상단 */
	#header .area_top .util_l .lst li a{height:33px; line-height:33px; padding:0 10px; font-weight:400; font-size:15px;}
	#header .area_top .util_r .lst li a,
	#header .area_top .util_r .lst li .my_name{height:33px; line-height:33px;}
	#header .area_top .util_r .lst li a.login:before{width:11px; height:17px; background-position:0 0;}
	#header .area_top .util_r .lst li a.logout:before{width:11px; height:17px; background-position:-16px 0;}
	#header .area_top .util_r .lst li a.mypage:before{width:16px; height:17px; background-position:-53px 0;}
	#header .area_top .util_r .lst li a.join:before{width:16px; height:17px; background-position:-32px 0;}
	/* Logo */
	#header .area_logo{height:77px; padding:13px 0 0 10px;}
	#header .area_logo .logo{float:none; margin:0;}
	#header .area_logo .logo a{display:inline-block; width:175px; height:71px; background:url(../images/common/logo_header_x2.png) no-repeat 0 0/contain; vertical-align:top;}
	#header .area_logo .logo img{opacity:0;}
	#header .area_logo .visit{display:none;}
	/* 배너 상단 */
	#topban .topbanzone .nav .area_ctrl{display:none;}
	/* GNB */
	#header .gnb_wrap{position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; overflow:hidden; white-space:nowrap;}
	#header #gnb > li{}
	/* 모바일 검색 */
	#header .wv_srch_wrap{display:block;}
	#header .wv_srch_wrap .btn_open{position:absolute; top:49px; right:10px; z-index:2; overflow:hidden; width:35px; height:35px; background:#fff; border-radius:35px;}
	#header .wv_srch_wrap .btn_open .sp_ui{position:absolute; top:0; left:0; bottom:0; right:0; width:35px; height:35px; margin:auto; background:url(../images/common/m_srch.png) no-repeat 0 0/auto 100%;}
	#header .wv_srch_wrap.open .btn_open .sp_ui{width:35px; height:35px; background-image:url(../images/common/m_close.png);}
	#header .wv_srch_area{display:none; position:absolute; left:0; top:99px; width:100%; z-index:1001; padding:17px 10px;  background:rgba(0,0,0,0.2);}
	#header .wv_srch_wrap.open .wv_srch_area{display:block;}
	#header .wv_srch_wrap .box_srch{position:relative; border:2px solid #053d8e;  }
	#header .wv_srch_area .select{position:absolute; top:0; left:0; bottom:0; width:95px; z-index:10; height:40px;}
	#header .wv_srch_area .select select{width:100%; height:100%; border:0; box-shadow:none;  margin:0 !important;}
	#header .wv_srch_area .inp_word{display:block; position:relative; height:40px; margin:0 45px 0 95px; }
	#header .wv_srch_area .inp_word:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; height:15px; margin:auto; border-left:1px solid #ddd;}
	#header .wv_srch_area .inp_word input{width:100%; height:100%; border:0; box-shadow:none; margin:0 !important;}
	#header .wv_srch_area .btn_srch{position:absolute; top:0; right:0; bottom:0; width:45px; background:#053d8e url(../images/common/m_srch.png) no-repeat 90%/auto 40px; color:transparent;}

	/**************************************************
		Footer
	**************************************************/
	#footer .footer_top{border-bottom:0;}
	#footer .footer_top > .inr{position:relative; padding-top:59px;}
	#footer .footer_top .area_l{float:none; margin:0; padding:15px 0 0; border-top:1px solid #666; font-size:0; text-align:center;}
	#footer .footer_top .area_l li{float:none; display:inline-block; font-size:15px;}
	#footer .footer_top .area_r{float:none; position:absolute; top:0; left:0; width:100%;}
	#footer .footer_top .area_r:after{content:''; display:block; clear:both;}
	#footer .footer_top .area_r .cs{width:calc(100% - 140px); text-align:center;}
	#footer .footer_top .area_r .cs .time{float:none; display:inline-block; vertical-align:top;}
	#footer .footer_top .area_r .cs .tel{float:none; display:inline-block; vertical-align:top;}
	#footer .footer_top .area_r .btn_talk{float:right; margin:0;}
	#footer .wrap_copyright .area_link .related .open_select:before{background-position:-14px -70px;}
	#footer .wrap_copyright .area_link .related .open_select:after{background-position:-14px -120px;}
	#footer .wrap_copyright .area_link .btn_contact a:before{background-position:-14px -94px;}
	#footer .wrap_copyright .area_link .btn_contact a:after{background-position:-4px -75px;}

	/**************************************************
		Container
	**************************************************/
	#side {display:none;}
	#container{margin:0;}
	#container > .inr{padding:0;}

	/**************************************************
		Content
	**************************************************/
	.cont_wrap{float:none; width:auto;}
	/*** 컨텐츠 헤드 ***/
	.cont_head{margin-bottom:35px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	.cont_head .btn_back{display:block; position:absolute; top:0; left:0; z-index:10; width:50px; height:50px; background:none; font-size:14px;}
	.cont_head .btn_back:before{content:''; width:7px; height:11px; margin:0 5px 0 0; background-position:-2px -22px;}
	.cont_head .area_title{position:relative;}
	.cont_head .title{padding:13px 50px; border-bottom:0; background:#def4f9; font-size:22px; text-align:center;}
	.cont_head .title span{display:inline-block; position:relative; min-height:25px; padding-right:35px; line-height:25px;}
	.cont_head .title span:before{content:''; position:absolute; top:0; right:0; bottom:0; width:25px; height:25px; margin:auto; border-radius:50%; background:#fff;}
	.cont_head .title span:after{content:''; position:absolute; top:1px; right:0; bottom:0; left:calc(100% - 25px); margin:auto; width:12px; height:7px; background-position:0 -38px;}
	.cont_head .title.open span:after{transform:rotateX(180deg);}
	.cont_head .nav{display:none; position:absolute; top:100%; left:0; right:0; z-index:20; padding:10px 10px 15px; background:#fff; box-shadow:0 10px 10px rgba(91,91,91,.1);}
	.cont_head .nav li{margin-top:5px;}
	.cont_head .nav li:first-child{margin-top:0;}
	.cont_head .nav a{display:block; padding:10px; border:1px solid #ddd; border-radius:5px; font-size:16px; letter-spacing:-1px; text-align:center;}
	.cont_head .title.open + .nav{display:block;}
	.cont_head .area_location{padding:10px;}
	.cont_head .area_location ol li{padding:0 7px 0 9px; line-height:24px;}
	.cont_head .area_location ol li:before{top:9px; width:5px; height:8px; background-position:-3px -50px;}
	.cont_head .area_location ol li:first-child{width:30px;}
	.cont_head .area_location ol li:first-child:before{top:0; width:24px; height:24px; background-position:-14px -22px;}
	.cont_head .util_area{top:12px; right:10px;}
	.cont_head .util_area .btn_zin,
	.cont_head .util_area .btn_zout,
	.cont_head .util_area .btn_print{display:none;}
	.cont_head .util_area .btn_share{display:inline-block; width:27px; height:27px; margin:0; background-position:-75px -22px;}
	.cont_head .box_share{display:none; float:none; position:absolute; top:45px; right:0; z-index:30; padding:10px; border:1px solid #ddd; background:#fff; white-space:nowrap;}
	.cont_head .box_share .tit_share{display:block; margin:0 0 15px; font-size:14px; text-align:center;}
	.cont_head .box_share button{float:none; width:35px; height:35px; margin:0 3px;}
	.cont_head .box_share .btn_close{display:block; position:absolute; top:0; right:0; margin:0; background:none;}
	.cont_head .box_share .btn_close:after{content:''; position:absolute; top:0; left:0; bottom:0; right:0; width:10px; height:10px; margin:auto; background-position:-1px -63px;}
	.cont_head .util_area .btn_twitter{background-position:-104px -22px;}
	.cont_head .util_area .btn_facebook{background-position:-140px -22px;}
	.cont_head .util_area .btn_blog{background-position:-177px -22px;}
	.cont_head .util_area .btn_kakao{background-position:-213px -22px;}

	/* 컨텐츠 제목 형제 메뉴 */
	.subHeader{gap:20px;}
	.subHeader h2{font-size:30px;}
	.subHeader .subTitle{display:flex; align-items:center;}
	.subHeader .subTitle:has(+ .nav li) span{display:inline-flex; cursor:pointer; gap:8px; text-align:left;}
	.subHeader .subTitle:has(+ .nav li) span:after{content:""; display:block; flex:0 0 auto; width:30px; height:30px; background:url(../images/common/ico_snb_open.png) no-repeat 0 0/cover; transition:transform .4s; margin-top:3px;}
	.subHeader .subTitle.open span:after{transform:rotate(-180deg);}
	.subHeader .subTitle.open + .nav{display:block; position:absolute; top:calc(100% + 12px); left:0; z-index:20; width:100%; min-width:280px; max-width:800px; max-height:50vh; overflow:hidden; overflow-y:auto; padding:8px; border:1px solid #cdd1d5; border-radius:10px; background-color:#fff; box-shadow:0 4px 12px #00000014;}
	.subHeader .subTitle.open + .nav::-webkit-scrollbar{width:8px;}
	.subHeader .subTitle.open + .nav::-webkit-scrollbar-thumb {background-color:#e21328; border-radius:8px;}
	.subHeader .title.open + .nav::-webkit-scrollbar-track{background-color:#fef1f2;}
	.subHeader .nav .sub-title{display:none;}
	.subHeader .nav > a{display:none;}
	.subHeader .nav ul li a{display:flex; align-items:center; gap:8px; padding:10px 16px; border-radius:6px; font-size:17px;}
	.subHeader .nav ul li a:before{content:"•";}
	.subHeader .nav ul li a:hover{background-color:#e6f0f7;}
	.subHeader .nav ul li a:active{background-color:#cfe1ef;}
	.subHeader .nav ul li a.on{font-weight:700; color:#1655ac;}

	/*** 컨텐츠 바디 ***/
	
	/* 탭메뉴 common */
	.lnb li a[target="_blank"]:after{background-position:-57px -78px;}

	/* 탭메뉴02(슬라이드) */
	.lnb.tmn02 ul{gap:8px;}
	.lnb.tmn02 li{flex:0 0 calc(100%/3 - 8px*2/3);}
	.lnb.tmn02 li a{height:48px; font-size:17px;}
	.lnb.tmn02 :is(.btn_left,.btn_right){width:30px; height:30px; background:url(../images/common/sp_tmn02_lr_x2.png); background-size:auto 30px;}
	.lnb.tmn02 .btn_right{background-position:-37px 0;}

	/*** 컨텐츠 하단 ***/
	.cont_foot{margin:40px 10px 0; padding:10px 10px;}
	.cont_foot .cont_rating{padding-top:10px; text-align:center;}
	.cont_foot .cont_rating h2{float:none; display:inline-block; text-align:left;}
	.cont_foot .cont_rating h2:before{background-position:-14px -48px;}
	.cont_foot .cont_rating .inp_area{float:none; margin:10px 0 0;}
	.cont_foot .cont_rating .inp_area span{float:none; display:inline-block; vertical-align:top;}
	.cont_foot .cont_rating .inp_area .btn_rate{float:none; vertical-align:top;}

	/**************************************************
		팝업창 Layout
	**************************************************/
	#wrap_pop{padding:0;}
	#wrap_pop .pop_head{border-bottom:1px solid #ddd;}
	#wrap_pop .pop_head .title{padding:13px 10px; background:#def4f9; font-size:1.5em; letter-spacing:-2px; text-align:center;}
}

/* Mobile ~ 767px */
@media screen and (max-width:767px){
	
	.box_con {padding:10px;}
	.box_con .inr {padding:15px;}
	
	.subHeader{margin-bottom:32px;}
	.subHeader h2 {text-align:center; font-size:26px;}
	.subHeader .naviBox { position:inherit; right:inherit; top:inherit; text-align:center; margin-bottom:20px;}
	.subHeader .naviBox button {display:inline-block; margin:0 4px; float:none;}

	.subHeader .util_new{height:35px;}
	.subHeader .util_new .btn_print{display:none;}
	.subHeader .util_new .btn_share, 
	.subHeader .util_new .btn_close{width:35px; height:35px; background-size:auto 35px;}
	.subHeader .util_new .btn_share{background-position:-44px -1px;}
	.subHeader .util_new .btn_close{background-position:-88px -1px;}
	
	/**************************************************
		상단 배너
	**************************************************/
	#topban .topbanzone .nav .area_ctrl{bottom:30px; display:none;}
	#topban .topbanzone .nav .area_ctrl button{width:18px; height:18px; background-size:95px 20px;}
	#topban .topbanzone .nav .area_ctrl .prev{background-position:-15px 0;}
	#topban .topbanzone .nav .area_ctrl .pause{background-position:-35px 0;}
	#topban .topbanzone .nav .area_ctrl .play{background-position:-55px 0;}
	#topban .topbanzone .nav .area_ctrl .next{background-position:-75px 0;}
	#topban .topbanzone .nav .area_close label{font-size:14px;}
	#topban .topbanzone .nav .area_close{bottom:5px;}
	#topban .topbanzone .nav .area_close .inp_chk{margin-right:3px;}
	#topban .topbanzone .nav .area_close .btn_close{width:15px; height:15px; margin:5px 0 0 5px; background-size:95px 20px;}
	#topban .topbanzone .item .b_t{display:none;}
	#topban .topbanzone .item .b_m{display:block;}

	/**************************************************
		Header
	**************************************************/
	#header .area_top > .inr{position:relative; padding-top:33px;}
	#header .area_top .util_l{float:none;}
	#header .area_top .util_l .lst{display:table; table-layout:fixed; width:100%;}
	#header .area_top .util_l .lst:after{display:none;}
	#header .area_top .util_l .lst li{float:none; display:table-cell; text-align:center;}
	#header .area_top .util_l .lst li:last-child{border-right:0;}
	#header .area_top .util_l .lst li a{display:inline-block; width:100%; height:auto; line-height:normal; padding:5px; vertical-align:middle; word-break:keep-all; word-wrap:break-word;}
	#header .area_top .util_r{float:none; position:absolute; top:0; left:0; right:0; background:#0468b4;}
	#header .area_top .util_r:after{content:''; display:block; clear:both;}
	#header .area_top .util_r .lst{text-align:center;}
	#header .area_top .util_r .lst li{float:none; display:inline-block;}
	#header .area_top .util_r .lst li:before{border-left-color:#015ca1;}
	#header .area_top .util_r .lst li a,
	#header .area_top .util_r .lst li .my_name{color:#fff;}
	#header .area_top .util_r .lst li a:before{}
	#header .area_top .util_r .lst li a.login:before{background-position:-74px 0;}
	#header .area_top .util_r .lst li a.logout:before{background-position:-90px 0;}
	#header .area_top .util_r .lst li a.join:before{background-position:-106px 0;}
	#header .area_top .util_r .lst li a.mypage:before{background-position:-127px 0;}

	/**************************************************
		Footer
	**************************************************/
	#footer .footer_top > .inr{padding-top:75px;}
	#footer .footer_top .area_l li{font-size:13px;}
	#footer .footer_top .area_l li a{padding:5px 8px;}
	#footer .footer_top .area_r .cs .time{display:block; margin-top:13px;}
	#footer .footer_top .area_r .cs .tel{display:block; margin:0; color:#fff;}
	#footer .footer_top .area_r .btn_talk a{width:140px; height:75px; background-image:url(../images/common/btn_talk_counsel.png);}
	#footer .wrap_copyright{padding-top:15px;}
	#footer .wrap_copyright .logo{display:block; text-align:center;}
	#footer .wrap_copyright .logo img{height:40px;}
	#footer .wrap_copyright .area_copyright{display:block; margin:15px 0 0; font-size:13px; line-height:20px; letter-spacing:-0.5px; text-align:center; word-break:keep-all; word-wrap:break-word;}
	#footer .wrap_copyright .area_link .mark_wa{display:block; margin:0 0 10px; text-align:center;}
	#footer .wrap_copyright .area_link .related,
	#footer .wrap_copyright .area_link .btn_contact{margin:5px;}

	/**************************************************
		Container
	**************************************************/
	/*** 컨텐츠 바디 ***/
	.cont_body{margin-bottom:40px;}

	/* 탭메뉴01(일반 4개 이하) */
	.lnb.tmn01 li{width:calc(50% + 1px); height:40px; line-height:39px;}

	/* 탭메뉴02(슬라이드) */
	.lnb.tmn02 li a{font-size:16px; height:100%; min-height:48px;}

	/* 탭메뉴03(박스) */
	.lnb.tmn03{padding:15px 0;}
	.lnb.tmn03 li{width:50%;}
	.lnb.tmn03 li:nth-child(3n+1){clear:none;}
	.lnb.tmn03 li:nth-child(2n+1){clear:left;}
	.lnb.tmn03 li:nth-child(2n+1):before{display:none;}
	/*** 컨텐츠 하단 ***/
	.cont_foot .cont_manager{text-align:center; font-size:14px;}
	.cont_foot .cont_manager dl,
	.cont_foot .cont_manager dl.manager,
	.cont_foot .cont_manager dl.update{float:none; display:inline-block; margin:1px 15px;}
	.cont_foot .cont_manager dl:after{content:''; display:block; clear:both;}
	.cont_foot .cont_rating h2{font-size:14px;}
	.cont_foot .cont_rating .inp_area span{margin:0 2px;}
	.cont_foot .cont_rating .inp_area .btn_rate{display:block; margin:10px auto 0;}

	/* 팝업  */
	.lypop{ top:20px !important; left: 0 !important; }
	.lypop .contents {width: 100% !important; height: auto !important;}
}

@media screen and (max-width:639px){
	/*** 컨텐츠 바디 ***/
	/* 탭메뉴03(박스) */
	.lnb.tmn03 li{width:100%;}
	.lnb.tmn03 li:before{display:none;}

	/*** 컨텐츠 하단 ***/
	/* 컨텐츠 평가 */
	.cont_foot .cont_rating .inp_area .inp_rdo{margin-top:2px;}
}

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

	/* 탭메뉴02(슬라이드) */
	.lnb.tmn02 li{flex:0 0 calc(100%/2 - 8px*1/2);}

}