@charset "utf-8";

/**************************************************
	Layout CSS Document
	IEETU Web Standardization Team
	2022-07-05
**************************************************/


/**************************************************
	Common
**************************************************/
/* 스프라이트 이미지 */
.sp_ui,
#header #gnb > li > div > div > ul > li a[target="_blank"]:after,
#header .srch_wrap .box_srch .area_srch:before,
#header .gnb_wrap .util_r .lst li.gnb_sitemap span,
.subtop_area .sub_loc li:before,
#side .snb a[target="_blank"]:after,
#side .snb a .unfd,
#side .snb > li > a:after,
.flx_list .snb a[target="_blank"]:after,
.flx_list .snb a .unfd,
.flx_list .snb > li > a:after,
.cont_head .util_area button,
.cont_head .box_share .btn_close:after,
.cont_foot .cont_rating h2:before,
.lnb li a[target="_blank"]:after,
.sitemap_menu > ul > li > div > ul > 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;}
/**************************************************
	상단 배너
**************************************************/
#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;}

/**************************************************
	Header
**************************************************/
#header{position:relative; z-index:99; border-bottom:1px solid #ccc;}
.fixed_header #header{position:fixed; top:0; width:100%; box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.08); background:#fff;}
/* 헤더 상단 */
#header .area_top{background-image:linear-gradient(to right, #ea599e, #601986 55%);}
#header .area_top > .inr{max-width:1260px; margin:0 auto;}
#header .area_top .util_l .lst{display:flex;}
#header .area_top .util_l .lst li{border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
#header .area_top .util_l .lst li:first-child{border-left:1px solid #d8d8d8;}
#header .area_top .util_l .lst li.n03{border-bottom:1px solid #fff; border-left:none;}
#header .area_top .util_l .lst li a{display:flex; justify-content:center; align-items:center; height:48px; background:#f2f2f3; padding:0 20px; color:#737373; text-align:center; font-size:17px; font-weight:700;}
#header .area_top .util_l .lst li:hover a,
#header .area_top .util_l .lst li:focus a{color:#601986; text-decoration:underline;}
#header .area_top .util_l .lst li.n03 a{background:#fff; color:#601986; border-top:3px solid #601986;}
/* gnb_wrap */
/*.fixed_header .gnb_wrap{border-bottom:1px solid #e3e3e3;}*/
/* 헤더 Logo */
#header .area_logo{flex:0 0 auto;}
#header .area_logo .logo{}
/* 헤더 GNB Fixed */
/*html.fixed_header #header .gnb_wrap{position:fixed; top:0; left:0; right:0; z-index:30;}
html.fixed_header #header{padding-bottom:80px;}*/
/* 헤더 GNB */
#header.open:after{opacity:1; height:100%;}
#header .gnb_wrap{max-width:1260px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; background:#fff;}
#header .gnb_wrap > .inr{width:100%; height:106px;}
#header #gnb{display:flex; align-items:center; justify-content:center;}
#header #gnb a{display:block;}
#header #gnb > li{float:left; position:relative;}
#header #gnb > li > a{display:block; position:relative; font-size:21px; height:106px; padding:0 30px; line-height:106px; color:#222; text-align:center; white-space:nowrap;}
#header #gnb > li > a > span{display:inline-block; position:relative; line-height:1.5; font-weight:700; transition:all .4s;}
#header #gnb > li > a > span:before{content:''; position:absolute; bottom:-36px; width:100%; height:1px; background:#e6007e; transform:scale(0); transition:transform .4s;}
#header #gnb > li.active > a > span:before{transform:scale(1);}
/* 2차 */
#header #gnb > li > div{display:none; visibility:hidden; position:absolute; left:0; width:100%; padding:30px 0; z-index:10; overflow:hidden; transition:height .4s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header #gnb > li.open > div{display:block; visibility:visible; z-index:32;}
#header #gnb > li > div > div{height:100%;}
#header #gnb > li > div > div > ul{max-width:1260px; height:calc(100% - 60px); margin:0 auto; border-left:1px solid #cecece;}
#header #gnb > li:last-child > div > ul{border-right:1px solid #cecece;}
#header #gnb > li > div > div > ul > li{position:relative; margin:0 10px 15px 20px;}
#header #gnb > li > div > div > ul > li:last-child{margin-bottom:0;}
#header #gnb > li > div > div > ul > li > a{position:relative; font-size:16px; line-height:1.2; font-weight:700;}
#header #gnb > li > div > div > ul > li.active > a{text-decoration:underline;}
#header #gnb > li > div > div > ul > li a[target="_blank"]:after{content:''; width:15px; height:13px; margin:0 0 0 5px; background-position:-31px -49px; vertical-align:baseline;}
/* 3차 */
#header #gnb > li > div > div > ul > li > ul{margin:5px 0 18px;}
#header #gnb > li > div > div > ul > li > ul > li{position:relative; padding:0 0 0 10px;}
#header #gnb > li > div > div > ul > li > ul > li:before{content:''; display:inline-block; position:absolute; top:11px; left:1px; width:4px; height:4px; border-radius:50%; background:#2b6db5;}
#header #gnb > li > div > div > ul > li > ul > li > a{padding:3px 0; font-size:15px;}
#header #gnb > li > div > div > ul > li > ul > li.active > a{color:#155ca9;}
/* gnb 배경 */
#header .gnb_wrap .gnb_bg{display:none; position:absolute; top:155px; left:0; z-index:20; overflow:hidden; width:100%; height:0; border-top:0 solid transparent; background:rgba(255,255,255,1); transition:height .4s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header.open .gnb_wrap .gnb_bg{box-sizing:content-box; border-top:1px solid #e3e3e3; background:rgba(255,255,255,1); box-shadow:0px 20px 15px 0px rgba(0,0,0,0.1);}
#header .gnb_wrap .gnb_bg:before,
#header .gnb_wrap .gnb_bg:after{content:""; display:block; position:absolute;}
#header .gnb_wrap .gnb_bg:before{bottom:0; left:0; width:340px; height:339px; background:url(../images/common/bg_sitemap01.jpg);}
#header .gnb_wrap .gnb_bg:after{top:0; right:0; width:378px; height:359px; background:url(../images/common/bg_sitemap02.jpg);}
#header .gnb_wrap .gnb_bg > .inr{position:relative; max-width:1500px; margin:0 auto;}
#header .gnb_wrap .gnb_bg .tit_area{padding:50px 0 200px; background:url(../images/common/bg_gnb.png) no-repeat 0 100%;}
#header .gnb_wrap .gnb_bg .tit_area .tit{display:block; padding:0 0 10px; font-weight:400; font-size:32px; color:#155ca9;}
#header .gnb_wrap .gnb_bg .tit_area .tit:before{content:''; display:block; margin-bottom:10px; width:30px; height:2px; background:#2b6db5;}
#header .gnb_wrap .gnb_bg .tit_area .txt{font-size:15px; color:#757575;}
/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}
/* 모바일 검색 */
.wv_srch_wrap{display:none;}
/* 로그인 Util */
#header .gnb_wrap .util_r{display:flex; align-items:center; flex:0 0 auto;}
#header .gnb_wrap .util_r .lst{display:flex; align-items:center; gap:25px; position:absolute; top:13px; right:50%; margin-right:-630px;}
#header .gnb_wrap .util_r .lst li a{display:flex; align-items:center; font-size:15px; font-weight:700; color:#fff;}
#header .gnb_wrap .util_r .lst li a:hover{text-decoration:underline;}
#header .gnb_wrap .util_r .lst li a:before{content:""; display:block; margin:0 5px 0 0;}
#header .gnb_wrap .util_r .lst li a.login:before{width:26px; height:23px; background:url(../images/common/ico_login_wh.png);}
#header .gnb_wrap .util_r .lst li a.join:before{width:23px; height:19px; background:url(../images/common/ico_join_wh.png);}
#header .gnb_wrap .util_r .lst li a.logout:before{width:26px; height:23px; background:url(../images/common/ico_logout_wh.png);}

/* 부산 링크 */
#header .busan_area{display:flex;}

/* 검색 */
#header .srch_wrap{margin:0 30px 0 0;}
#header .open_srch{display:block; text-indent:-9999999px; width:23px; height:23px; background:url(../images/common/ico_srch.png);}
#header .open .open_srch{background:url(../images/common/ico_close.png);}
#header .srch_wrap .box_srch{visibility:hidden; opacity:0; position:absolute; top:156px; left:0; right:0; padding:0 0 45px; box-shadow:0px 20px 20px 0px rgba(0,0,0,0.1); background:#fff; transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index:60;}
#header .srch_wrap.open .box_srch{visibility:visible; opacity:1;}
#header .srch_wrap .area_srch{position:relative; z-index:1; max-width:825px; height:70px; margin:0 auto; padding:0 70px 0 0; border:4px solid #09348d; border-radius:15px; background:#fff;}
#header .srch_wrap .area_srch form{height:100%;}
#header .srch_wrap .area_srch label{position:absolute; top:50%; left:30px; font-size:17px; color:#666; transform:translateY(-50%); transition:all .4s;}
#header .srch_wrap .area_srch.on label{visibility:hidden; opacity:0;}
#header .srch_wrap .area_srch .word{width:100%; height:100%; margin:0; padding:0 0 0 30px; border:0; background:transparent;}
#header .srch_wrap .area_srch .btn_srch{text-indent:-9999999px; position:absolute; top:-4px; right:-4px; bottom:-4px; width:70px; border-radius:15px; color:#fff; background:#09348d url(../images/common/ico_srch_btn.png) 50% 50% no-repeat;}

/* 사이트맵 */
#header .gnb_wrap .util_r .sitemap_wrap .gnb_sitemap{display:block; margin:0 30px 0 20px; text-indent:-9999999px; width:24px; height:16px; background:url(../images/common/ico_sitemap.png);}
#header .gnb_wrap .util_r .sitemap_wrap.open .gnb_sitemap{width:24px; height:23px; background:url(../images/common/ico_close.png) no-repeat;}
#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu{display:none; width:100%; padding:30px 0; background:#fff; border-top:1px solid #cecece; box-shadow:0px 20px 20px 0px rgba(0,0,0,0.1);}
#header .gnb_wrap .util_r .sitemap_wrap.open .sitemap_menu{display:block; position:absolute; left:0; top:156px; overflow:hidden; z-index:50;}
#header .gnb_wrap .util_r .sitemap_wrap.open .sitemap_menu:before,
#header .gnb_wrap .util_r .sitemap_wrap.open .sitemap_menu:after{content:""; display:block; position:absolute;}
#header .gnb_wrap .util_r .sitemap_wrap.open .sitemap_menu:before{bottom:0; left:50%; margin-left:-620px; width:357px; height:164px; background:url(../images/common/bg_sitemap01.jpg);}
#header .gnb_wrap .util_r .sitemap_wrap.open .sitemap_menu:after{top:0; width:181px; height:72px; right:50%; margin-right:-630px; background:url(../images/common/bg_sitemap02.jpg);}
#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu > ul{display:flex; justify-content:flex-end; max-width:620px; margin:0 auto;}
#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu > ul > li{padding:0 15px 0 20px; border-left:1px solid #cecece; width:25%;}
#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu > ul > li:last-child{border-right:1px solid #cecece;}
#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu > ul > li > div > ul > li{margin:0 0 15px 0;}
#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu > ul > li > div > ul > li:last-child{margin:0;}
#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu > ul > li > div > ul > li > a{font-weight:700;}
#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu > ul > li > div > ul > li > a[target="_blank"]:after{content:''; width:15px; height:13px; margin:0 0 0 5px; background-position:-31px -49px; vertical-align:baseline;}

/**************************************************
	Footer
**************************************************/
#footer{margin:80px 0 0; border-top:1px solid #d8d8d8;}
#footer .inr{display:flex; justify-content:space-between; gap:15px; max-width:1260px; width:100%; margin:0 auto;}
#footer .footer_top{padding:40px 0 35px;}
#footer .footer_top .inr{align-items:flex-end;}
#footer .footer_top .address{margin:35px 0 0;}
#footer .footer_top .right{flex:0 0 auto;}
#footer .tel .txt{display:flex; align-items:center; font-size:15px; line-height:1.6;}
#footer .tel .txt:before{content:""; display:block; width:49px; height:49px; margin:0 10px 0 0; flex:0 0 auto; background:url(../images/common/ico_footer_tel.png);}
#footer .footer_btm .inr{padding:30px 0 40px; border-top:1px solid #d8d8d8;}
#footer .f_menu{display:flex; gap:35px;}
#footer .f_menu .privacy a{font-weight:600;}
#footer .f_menu a:hover{text-decoration:underline;}
#footer .copy{font-size:15px; letter-spacing:-0.1px;}

.btn_top_scroll{position:fixed; right:16px; bottom:16px; display:none; align-items:center; justify-content:center; flex-direction:column; width:50px; height:50px; border-radius:50%; margin:0 auto; background:#fff; font-size:15px; color:#3f4191; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); z-index:99;}
.btn_top_scroll:before{content:''; display:block; width:7px; height:7px; margin:5px 0 0; border-top:1px solid #3f4191; border-right:1px solid #3f4191; transform:rotate(315deg);}

/**************************************************
	Container
**************************************************/
#container{}

/* SubTop */
.subtop_area{display:flex; flex-direction:column; justify-content:center; align-items:center; height:180px; background:url(../images/common/bg_subtop01.jpg) no-repeat 50% 50%/cover; color:#fff;}
.subtop_area .sub_tit{font-weight:400; font-size:36px;}
.subtop_area .sub_loc{display:flex; margin-top:20px;}
.subtop_area .sub_loc{display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:10;}
.subtop_area .sub_loc li{display:flex; align-items:center; position:relative; padding:0 5px;}
.subtop_area .sub_loc li:before{content:''; width:6px; height:11px; margin:0 8px 0 0; background-position:0 -31px;}
.subtop_area .sub_loc li:first-child:before{width:17px; height:16px; margin-right:0; background-position:-52px -31px;}

#container > .inr{display:flex; justify-content:space-between; max-width:1260px; margin:0 auto;}

/**************************************************
	Side
**************************************************/
#side{width:260px; padding:0 0 50px;}
/* SNB */
#side .snb_wrap{}
#side .snb_wrap .title{position:relative; margin:0 0 -12px; display:flex; align-items:center; justify-content:center; border-radius:8px 48px 8px 8px; height:146px; background:#17429a url(../images/common/bg_snb_tit.jpg) no-repeat 0 0; font-size:24px; line-height:1.2; color:#fff; word-break:keep-all; word-wrap:break-word;}
#side .snb_wrap .title span{}
#side .snb{border:1px solid #ccc; padding:20px 0 9px; border-radius:0 0 8px 8px;}
#side .snb a{display:block; position:relative; line-height:1.2;}
#side .snb a[target="_blank"]:after{content:''; width:15px; height:13px; margin:0 0 0 5px; background-position:-31px -49px; vertical-align:baseline;}
#side .snb a.parent:after{display:none;}
#side .snb a .unfd{position:absolute; top:0; right:30px; bottom:0;  width:8px; height:14px; margin:auto 0; background-position:0 -46px; transform:rotate(90deg);}
#side .snb a.on .unfd{transform:rotate(-90deg);}
/* 2차 */
#side .snb > li{}
#side .snb > li.open{}
#side .snb > li:first-child > a{border-top:1px solid #d9dce6;}
#side .snb > li > a{padding:20px 45px 20px 30px; border-bottom:1px solid #d9dce6; font-size:17px;}
#side .snb > li > a:after{content:''; position:absolute; top:0; right:30px; bottom:0; display:block; width:7px; height:11px; margin:auto 0; background-position:0 -77px;}
#side .snb > li > a.on{color:#09348d; font-weight:700; background:#f3f5fe;}
/* 3차 */
#side .snb > li > ul{display:none; padding:10px 30px; border-bottom:1px solid #d9dce6;}
#side .snb > li.open > ul{display:block;}
#side .snb > li > ul > li{margin:6px 0;}
#side .snb > li > ul > li > a{padding:4px 0 3px 10px; font-size:15px; letter-spacing:-1.5px;}
#side .snb > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:13px; left:0px; width:5px; height:1px; background:#111;}
#side .snb > li > ul > li > a.on{color:#09348d; font-weight:600;}
#side .snb > li > ul > li a .unfd{display:none;}
/* 4차 */
#side .snb > li > ul > li > ul{display:none; margin:0 0 5px 10px;}
#side .snb > li > ul > li.open > ul{display:block;}
#side .snb > li > ul > li > ul > li > a{padding:6px 0 5px 10px; font-size:14px;}
#side .snb > li > ul > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:13px; left:0; width:5px; border-bottom:1px solid #626262;}
#side .snb > li > ul > li > ul > li a.on{font-weight:600; color:#2158a7; text-decoration:underline;}
#side .snb > li > ul > li > ul > li a.on:before{border-color:#2158a7;}

/**************************************************
	Content
**************************************************/
/*** 컨텐츠 공통 ***/
.cont_wrap{width:100%;}
.view_wrap #content{width:100%;}

/*** 컨텐츠 헤드 ***/
.cont_head{position:relative; margin:50px auto 30px; max-width:1260px;}
.cont_head:after{content:''; display:block; clear:both;}
.cont_head .btn_back{display:none;}
.cont_head .nav{display:none;}
.cont_head .area_title{padding:0 0 25px 0; font-size:36px; font-weight:700; letter-spacing:-1.5px;}
.cont_head .area_title .title.mobile{display:none;}
/* 공유 버튼 */
.cont_head .util_area{position:absolute; top:5px; right:0;}
.cont_head .util_area button{float:left; position:relative; overflow:hidden; width:40px; height:40px; margin-left:7px; border:1px solid #ccc; border-radius:50%; background-origin:border-box;}
.cont_head .util_area .btn_zin{background-position:-80px -31px;}
.cont_head .util_area .btn_zout{background-position:-125px -31px;}
.cont_head .util_area .btn_print{background-position:-170px -31px;}
/* 공유 박스 */
.cont_head .util_area .c_share_box .btn_share{background-position:-215px -31px;}
.cont_head .util_area .c_share_box.open .btn_share{border:0; background-position:-260px -31px;}
.cont_head .util_area .c_share_box .ly_share{display:none; position:absolute; top:calc(100% + 10px); right:0; z-index:20; padding:10px 5px; border-radius:8px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); border:1px solid #ccc;}
.cont_head .util_area .c_share_box.open .ly_share{display:flex;}
.cont_head .util_area .c_share_box .ly_share button{flex:0 0 auto; width:28px; height:28px; margin:0 6px; border:0; background:url(../images/base/sp_sns.png) no-repeat 0 0;}
.cont_head .util_area .c_share_box .ly_share .btn_facebook{background-position:0 0;}
.cont_head .util_area .c_share_box .ly_share .btn_blog{background-position:-32px 0;}
.cont_head .util_area .c_share_box .ly_share .btn_instagram{background-position:-64px 0;}
.cont_head .util_area .c_share_box .ly_share .btn_kakao{background-position:-96px 0;}
.cont_head .util_area .c_share_box .ly_share .btn_twitter{background-position:-128px 0;}
.cont_head .util_area .c_share_box .ly_share .btn_copyurl{flex:0 0 auto; font-size:13px; width:60px; height:28px; margin:0 6px; text-align:center; line-height:28px; border:1px solid #caced2; border-radius:4px; background:#fff;}
.cont_head .util_area .c_share_box{float:left; position:relative;}
.cont_head .util_area .c_share_box .ly_share .btn_close{position:absolute; top:0; right:0; width:24px; height:24px; margin:0; background:none;}
.cont_head .util_area .c_share_box .ly_share .btn_close:before,
.cont_head .util_area .c_share_box .ly_share .btn_close:after{content:''; display:block; overflow:hidden; position:absolute; top:25%; right:25%; bottom:25%; left:25%; height:2px; transform:rotate(45deg); margin:auto 0; background:#ccc; color:transparent;}
.cont_head .util_area .c_share_box .ly_share .btn_close:after{transform:rotate(135deg);}

/* Location */
.cont_head .sub_loc{position:absolute; top:125px; right:0; display:flex; flex-wrap:wrap; align-items:center; font-size:15px; color:#666; font-weight:400;}
.cont_head .sub_loc li{position:relative; margin:0 25px 0 0;}
.cont_head .sub_loc li.home a{display:block; width:30px; height:30px; text-indent:-9999999px; background:url(../images/common/ico_home.png);}
.cont_head .sub_loc li:after{content:''; position:absolute; right:-15px; top:50%; margin-top:-4px; width:7px; height:7px; border-top:2px solid #6b6b6b; border-right:2px solid #6b6b6b; transform:rotate(45deg);}
.cont_head .sub_loc li:last-child{color:#111; font-weight:700; margin-right:0;}
.cont_head .sub_loc li:last-child:after{display:none;}

/*** 컨텐츠 바디 ***/
.cont_body{max-width:1260px; margin-left:auto; line-height:1.6; word-break:keep-all; word-wrap:break-word;}
.cont_body:after{content:''; display:block; clear:both;}

/* 탭메뉴 common */
.lnb{margin-bottom:40px; width:100%;}
.lnb ul{display:flex; flex-wrap:wrap; position:relative;}
.lnb li{position:relative; padding:0; font-size:16px; line-height:1.2; letter-spacing:-1px;}
.lnb li:before{display:none;}
.lnb li a{display:flex; justify-content:center; align-items:center; position:relative; height:100%; color:#333; word-break:break-all;}
.lnb li a[target="_blank"]:after{content:''; flex:0 0 auto; width:15px; height:13px; margin:0 0 0 5px; background-position:-31px -49px; vertical-align:baseline;}
.lnb li.on a{color:#2054a8;}
/* 탭메뉴01(일반 4개 이하) */
.lnb.tmn01 ul{border:1px solid #ddd; background:#fff;}
.lnb.tmn01 li{width:calc(25% + 1px); margin-bottom:-1px; margin-right:-1px; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.lnb.tmn01 li a{justify-content:flex-start; padding:15px 32px 15px 20px;}
.lnb.tmn01 li a:not([target="_blank"]):after{content:''; position:absolute; top:0; right:18px; bottom:0; width:11px; height:3px; margin:auto; background-color:#ddd; background-position:100% 100%;}
.lnb.tmn01 li.on a{z-index:10; height:calc(100% + 2px); margin:-1px -1px 0 0; border:1px solid #2054a8; background:#2054a8; color:#fff;}
.lnb.tmn01 li.on a:after{width:6px; height:9px; background-color:transparent; background-position:0 -118px;}
/* 탭메뉴03(박스) */
.lnb.tmn03{padding:25px 0; border:1px solid #dbdbdb; background:#fafafa;}
.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 #b5b5b5;}
.lnb.tmn03 li:nth-child(3n+1):before{display:none;}
.lnb.tmn03 li a{justify-content:flex-start; margin:0 0 0 25px; padding:5px 10px 4px 0;}
.lnb.tmn03 li a:before{content:''; flex:0 0 auto; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#3e73c1;}
/* 탭메뉴04(년도) */
.lnb.tmn04{padding:0 7px; border:1px solid #ddd; box-shadow:0 5px 5px rgba(0,0,0,.05);}
.lnb.tmn04 ul{display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; margin:0; background-image:repeating-linear-gradient(#fff, #fff 50px, #dedede 50px, #dedede 51px, #fff 51px);}
.lnb.tmn04 li{position:relative; min-width:10%; margin:7px 0; padding:0; line-height:1.2;}
.lnb.tmn04 li:before{content:''; display:inline-block; position:absolute; top:0; left:-1px; bottom:0; width:0; height:15px; margin:auto; border-left:1px solid #dedede;}
.lnb.tmn04 li a{display:flex; justify-content:center; align-items:center; overflow:hidden; height:36px; line-height:18px; margin:0 7px; padding:0 18px;}
.lnb.tmn04 li.on:after{content:''; display:inline-block; position:absolute; left:calc(50% - 5px); top:100%; border:5px solid transparent; border-bottom:0; border-top-color:#2054a8;}
.lnb.tmn04 li.on a{border-radius:3px; background:#2054a8; color:#fff;}
/* 탭메뉴05 */
.lnb.tmn05{margin:0;}
.lnb.tmn05 ul{gap:7px;}
.lnb.tmn05 ul li a{font-size:17px; padding:0 12px; font-weight:700; min-width:80px; height:56px; background:#f4f5fa; border-radius:10px; border:2px solid #f4f5fa;}
.lnb.tmn05 ul li:hover a,
.lnb.tmn05 ul li.on a{color:#000; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #e4007f 40%, #5444b3 ) border-box; border:2px solid transparent;}
.lnb.tmn05 ul li.on a[target="_blank"]:after{background-position:-31px -31px;}

/*** 컨텐츠 하단 ***/
.cont_foot{max-width:1140px; margin:40px 0 0 auto; border:1px solid #e2e2e2; font-size:15px; letter-spacing:-1px; color:#333;}
/* 컨텐츠 담당자 */
.cont_foot .cont_manager{display:flex; flex-wrap:wrap; align-items:center; padding:15px 30px; background:#f5f5f5; font-family:"s-core_dream_bold";}
.cont_foot .cont_manager dl{display:flex; align-items:center; margin-left:55px;}
.cont_foot .cont_manager dl:first-child{margin-left:0;}
.cont_foot .cont_manager dl.update{margin-left:auto;}
.cont_foot .cont_manager dt{margin:0 5px 0 0; font-weight:400;}
.cont_foot .cont_manager dd span{display:inline-flex;}
.cont_foot .cont_manager dd .name{margin-left:5px;}
/* 컨텐츠 평가 */
.cont_foot .cont_rating{padding:20px 30px;}
.cont_foot .cont_rating > .inr{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:relative;}
.cont_foot .cont_rating h2{display:flex; position:relative; font-size:15px; line-height:20px;}
.cont_foot .cont_rating h2:before{content:''; width:22px; height:20px; margin-right:8px; background-position:-52px -51px;}
.cont_foot .cont_rating .inp_area{}
.cont_foot .cont_rating .inp_area fieldset{display:flex; flex-wrap:wrap; align-items:center;}
.cont_foot .cont_rating .inp_area span{display:inline-flex; align-items:center; margin-right:15px;}
.cont_foot .cont_rating .inp_area .inp_rdo{margin-right:3px;}
.cont_foot .cont_rating .inp_area label{font-size:14px; line-height:normal; letter-spacing:-1px;}
.cont_foot .cont_rating .inp_area .btn_rate{height:32px; line-height:32px; padding:0 10px; border:0; 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 ~ 1259px */
@media all and (max-width:1259px){
	/**************************************************
		Header
	**************************************************/
	#header .area_top > .inr{margin:0 24px;}
	#header .gnb_wrap{margin:0 24px;}
	#header .gnb_wrap .util_r .sitemap_wrap.open .sitemap_menu{padding-right:125px;}
	#header .gnb_wrap > .inr{margin:0; max-width:550px;}
	#header .gnb_wrap .util_r .sitemap_wrap .sitemap_menu > ul{max-width:550px;}
	#header #gnb > li > a{font-size:18px; padding:0 20px;}
	#header #gnb > li > div > div > ul > li > a{font-size:15px;}
	#header #gnb > li > a > span:before{bottom:-39px;}
	#header .area_logo .logo img{width:300px;}
	#header .gnb_wrap .util_r .lst{margin-right:0; right:24px;}

	/**************************************************
		Footer
	**************************************************/
	#footer .inr{padding-left:24px !important; padding-right:24px !important;}

	/**************************************************
		Content
	**************************************************/
	.cont_head{margin:50px 24px 10px; flex-wrap:wrap;}
	#container > .inr{margin:0 24px;}
	.cont_head .util_area{position:absolute; right:0; top:5px;}
	.cont_head .sub_loc{top:190px;}

}
/* Tablet 768px ~ 1023px */
@media all and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/
	.sp_ui,
	#header .srch_wrap .btn_srch_open span,
	#header .srch_wrap .box_srch .area_srch:before,
	#wholeview .w_close_btn:after,
	.wholeview_wrap #wholeview .nav a .unfd:after,
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after,
	.wholeview_wrap #wholeview .nav>li div>ul>li>a:after,
	.subtop_area .sub_loc li:before,
	.cont_head .area_location ol li:before,
	.cont_head .util_area button,
	.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_m.png) no-repeat 0 0/400px 400px;}

	/**************************************************
		Header
	**************************************************/
	/* 헤더 상단 */
	#header .area_top{position:relative; z-index:30; background:#64508d;}
	#header .area_top .util_l .lst{width:100%;}
	#header .area_top .util_l .lst li{width:33.3333%;}
	#header .area_top .util_l .lst li a{height:38px; font-size:14px; padding:0;}

	/* 헤더 Logo */
	#header .area_logo{display:flex; align-items:center; width:100%; height:65px; text-align:center; padding:0 24px;}

	/* GNB */
	#header .gnb_wrap{flex-direction:column; margin:0;}
	#header .gnb_wrap > .inr{position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; overflow:hidden; white-space:nowrap;}
	#header .gnb_wrap .util_r{width:100%; justify-content:center; flex-wrap:wrap; padding:15px 16px; margin:0; border-top:1px solid #ccc;}
	#header .gnb_wrap .util_r .lst{position:initial;}
	#header .gnb_wrap .util_r .lst li a{font-size:14px;}
	#header .gnb_wrap .util_r .lst li a.login:before{background:url(../images/common/ico_login_m.png); background-size:26px auto;}
	#header .gnb_wrap .util_r .lst li a.join:before{background:url(../images/common/ico_join_m.png); background-size:23px auto;}
	#header .gnb_wrap .util_r .lst li a.logout:before{background:url(../images/common/ico_logout_m.png); background-size:26px auto;}

	/* 부산 링크 */
	#header .busan_area{display:none;}
	#header .gnb_wrap .util_r .lst li a{color:#222;}

	/* 검색 */
	#header .open_srch{width:25px; height:25px; background:url(../images/common/ico_srch_m.png); background-size:25px auto;}
	#header .srch_wrap{margin:0;}
	#header .srch_wrap .box_srch{top:120px; padding:20px;}
	#header .srch_wrap .area_srch{height:60px; max-width:initial; width:100%; padding:0 60px 0 0;}
	#header .srch_wrap .area_srch label{font-size:15px; left:15px;}
	#header .srch_wrap .area_srch .word{padding:0 0 0 15px;}
	#header .srch_wrap .area_srch .btn_srch{width:60px; background-size:20px;}

	/* 사이트맵 */
	.sitemap_wrap{display:none;}

	/* 모바일 전체메뉴 */
	body.open_wv{overflow:hidden; position:fixed !important; width:100%; height:100%;}
	.wholeview_wrap .btn_wv{position:absolute; top:52px; right:20px; overflow:hidden; width:65px; height:50px; margin:auto 0; background:none;}
	/* .fixed_header .wholeview_wrap .btn_wv{position:fixed; top:0;} */
	.wholeview_wrap .btn_wv .sp_ui{color:#333 !important; background:none;}
	.wholeview_wrap .btn_wv .sp_ui:before{content:""; display:block; width:26px; height:19px; margin:0 auto 4px; background:url(../images/common/m_menu.png) no-repeat 0 0/cover;}
	.wholeview_wrap{display:block;}
	.wholeview_wrap #wholeview{position:fixed; top:0; right:0; bottom:0; z-index:1000; overflow:auto; width:80%; max-width:420px; min-width:280px; background:#fff;  margin-left:48px; transition:all 0.3s; transform:translate(100%, 0);}
	.wholeview_wrap #wholeview > .inr{overflow:hidden;}
	.wholeview_wrap.open #wholeview{margin-left:0; transform:translate(0, 0);}
	.wholeview_wrap .dim_wv{position:fixed; top:0; left:0; z-index:999; width:100%; background:transparent; transition:height, background .5s;}
	.wholeview_wrap.open .dim_wv{bottom:0; background:rgba(0,0,0,0.8);}
	.wholeview_wrap .title_wv{display:none;}
	#wholeview .w_close_btn{display:block; position:absolute; right:0; top:0; overflow:hidden; width:50px; height:50px; color:transparent;}
	#wholeview .w_close_btn:after{content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:17px; height:17px; margin:auto; background:url(../images/common/ico_w_close.png); background-size:17px;}
	#wholeview .lst_sns{display:flex; justify-content:center; height:45px; background:#555258;}
	#wholeview .lst_sns li{height:100%;}
	#wholeview .lst_sns a{display:block; position:relative; width:40px; height:100%; overflow:hidden; color:transparent;}
	#wholeview .lst_sns a:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
	#wholeview .lst_sns a.facebook:after{width:10px; height:21px; background-position:-64px 0;}
	#wholeview .lst_sns a.blog:after{width:14px; height:19px; background-position:-75px 0;}
	#wholeview .lst_sns a.instagram:after{width:21px; height:22px; background-position:-90.5px 0;}
	#wholeview .lst_sns a.youtube:after{width:24px; height:17px; background-position:-113.5px 0;}
	#wholeview .lst_sns a.kakaoch:after{width:23px; height:24px; background-position:-139px 0;}
	/* 모바일 전체메뉴 head */
	#wholeview .head{display:flex; align-items:center; height:50px; padding:0 20px; background:#f0f0f2; font-size:15px;}
	#wholeview .head .home{display:flex; align-items:center;}
	#wholeview .head .home:before{content:""; display:block; width:30px; height:30px; margin:0 5px 0 0; background:url(../images/common/ico_home_m.png); background-size:30px;}
	#wholeview .area_login{display:flex; align-items:center; justify-content:space-between; padding:10px 20px;} 
	#wholeview .area_login a{display:flex; align-items:center; justify-content:center; border:1px solid #e0e0e0; border-radius:10px; width:48%; font-size:15px; height:45px;}
	#wholeview .area_login a.logout{width:100%;}
	#wholeview .area_login a:before{content:""; display:block; margin:0 5px 0 0;}
	#wholeview .area_login a.login:before{width:18px; height:21px; background:url(../images/common/ico_login_m.png); background-size:18px 21px;}
	#wholeview .area_login a.join:before{width:23px; height:19px; background:url(../images/common/ico_join_m.png); background-size:23px 19px;}
	#wholeview .area_login a.logout:before{width:18px; height:21px; background:url(../images/common/ico_logout_m.png); background-size:18px 21px;}
	/* 모바일 전체메뉴 gnb */
	.wholeview_wrap #wholeview .nav{padding:0; border-top:1px solid #ddd; background:#fff; color:#111;}
	.wholeview_wrap #wholeview .nav a{display:block; position:relative; line-height:1.2;}
	.wholeview_wrap #wholeview .nav a .unfd{position:absolute; top:50%; right:20px; transform:translateY(-50%); width:0; height:0; color:transparent;}
	.wholeview_wrap #wholeview .nav a .unfd:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:transform .3s;}
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after{content:''; width:16px; height:14px; margin:0 0 0 5px; background-position:-92px -88px;}
	/* 1차 */
	.wholeview_wrap #wholeview .nav>li{border-bottom:1px solid #ddd;}
	.wholeview_wrap #wholeview .nav>li>a{padding:18px 10px 18px 20px; font-size:18px; letter-spacing:-1px; background:#757284; color:#fff; line-height:1; font-weight:700;}
	.wholeview_wrap #wholeview .nav>li>a.on{background:#09348d;}
	.wholeview_wrap #wholeview .nav>li>a .unfd:after{width:14px; height:8px; background-position:-14px -86px;}
	.wholeview_wrap #wholeview .nav>li.open>a .unfd:after{background-position:-14px -86px;}
	/* 2차 */
	.wholeview_wrap #wholeview .nav>li>div{display:none; background:#fff;}
	.wholeview_wrap #wholeview .nav>li.open div{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a{padding:13px 20px 12px 20px; font-size:17px; border-bottom:1px solid #ccc; font-weight:700;}
	.wholeview_wrap #wholeview .nav>li div>ul>li:last-child>a{border-bottom:none;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a:after{content:''; position:absolute; top:50%; right:15px; width:8px; height:14px; background-position:-14px -70px; transform:translateY(-50%);}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a.parent:after{display:none;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a.on{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd{right:21px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd:after{width:14px; height:14px; background-position:-13px -95px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open{}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a{margin:-1px -1px 0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a .unfd:after{width:14px; height:2px; background:#333;}
	/* 3차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul{display:none; padding:20px; border-bottom-right-radius:10px; background:#fff;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>ul{display:block; background:#f5f5f5;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a{padding:7px 0 6px 15px; font-size:15px; color:#000;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a.on{font-weight:600; color:#019a83;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a:before{content:''; display:inline-block; position:absolute; top:13px; left:4px; width:4px; height:4px; border-radius:50%; background:#bbb;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a.on:before{background:#019a83;}
	/* 4차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul{padding:0 0 10px 12px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a{padding:6px 0 5px 0; font-size:14px; color:#666;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a.on{font-weight:600; color:#3065b0;}
	/* 모바일 검색 */
	#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 .inr{flex-direction:column; align-items:flex-start !important;}
	#footer .footer_top .address span{display:block; margin:0 0 5px;}

	.btn_top_scroll{display:flex;}

	/**************************************************
		Container
	**************************************************/
	#side{width:100%; padding:0;}
	#side .snb_wrap .title{display:none;}
	#side .snb{border:none; padding:0; display:flex; flex-wrap:wrap; border-radius:0;}
	#side .snb > li > a{display:inline-block; font-size:16px; padding:5px 15px; margin:3px; border:1px solid #ddd; border-radius:30px;}
	#side .snb > li > a.on{background:#6357a3; color:#fff; border-color:#6357a3;}
	#side .snb > li:first-child > a{margin-left:0;}
	#side .snb > li > a:after{display:none;}

	#container{margin:0;}
	#container > .inr{display:block; padding:0;}
	.subtop_area{height:90px;}
	.subtop_area .sub_tit{font-size:20px;}
	.subtop_area .sub_loc{margin-top:10px; font-size:13px;}
	.subtop_area .sub_loc li{padding:0 3px;}
	.subtop_area .sub_loc li:before{width:3px; height:6px; margin-right:3px; background-position:0 -34px;}
	.subtop_area .sub_loc li:first-child:before{width:13px; height:12px; background-position:0 -18px;}

	/* 탭메뉴05 */
	.lnb.tmn05 ul li{margin-left:10px; margin-right:10px;}
	.lnb.tmn05 ul li a{font-size:15px;}
	.lnb.tmn05 ul li.on a{padding:8px 13px;}

	/**************************************************
		Content
	**************************************************/
	.cont_wrap{width:100%; margin:20px 0 0;}

	/*** 컨텐츠 헤드 ***/
	.cont_head{display:block; margin:40px 24px 30px 24px;} 
	.cont_head .area_title{padding:0;}
	.cont_head .area_title .title{font-size:22px; text-align:center; padding:13px 10px; margin:0; color:#fff; border-radius:10px; background:#17429a; z-index:10;}
	.cont_head .area_title .title.mobile{display:block;}
	.cont_head .area_title .title.pc{display:none;}
	.cont_head .area_title .title span{position:relative;}
	.cont_head .area_title .title span:before{content:''; position:absolute; top:0; right:-33px; bottom:0; width:23px; height:23px; margin:auto; border-radius:50%; border:2px solid #fff;}
	.cont_head .area_title .title span:after{content:''; position:absolute; right:-24px; top:8px; width:7px; height:7px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(135deg);}
	.cont_head .area_title .title.open span:after{transform:rotate(315deg); top:11px;}
	.cont_head .area_title .title.open + .nav{display:block; top:initial;}

	.cont_head .nav{display:none; position:absolute; top:100%; left:0; right:0; z-index:40; padding:10px 10px 15px; background:#fff; border:1px solid #ccc; border-top:none; box-shadow:0 10px 10px rgba(91,91,91,.1); border-radius:0 0 15px 15px;}
	.cont_head .nav:before,
	.cont_head .nav:after{content:""; position:absolute; width:1px; height:10px; background:#ccc;}
	.cont_head .nav:before{left:-1px; top:-6px;}
	.cont_head .nav:after{right:-1px; top:-6px;}
	.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 #ccc; border-radius:10px; font-size:16px; letter-spacing:-1px; text-align:center; color:#666;}
	.cont_head .nav a.on{font-weight:600; color:#007460; border:1px solid #007460;}
	.cont_head .nav a span{position:relative;}
	.cont_head .nav a span:after{content:''; position:absolute; right:-15px; top:4px; width:7px; height:7px; border-top:2px solid #999; border-right:2px solid #999; transform:rotate(45deg);}
	.cont_head .nav a.on span:after{border-top-color:#007460; border-right-color:#007460;}
	
	.cont_head .btn_back{display:block; position:absolute; top:-40px; left:5px; z-index:10; width:50px; height:40px; background:none; font-size:15px; font-weight:700;}
	.cont_head .btn_back:before{content:''; position:absolute; left:0; top:16px; width:7px; height:7px; border-top:2px solid #000; border-left:2px solid #000; transform:rotate(315deg);}
	
	.cont_head .area_location{padding:10px;}
	.cont_head .area_location ol.location li{margin:2px 0; font-size:14px;}
	.cont_head .area_location ol.location li:before{width:5px; height:8px; background-position:-3px -50px;}
	.cont_head .area_location ol.location li:first-child:before{width:24px; height:24px; background-position:-14px -22px;}
	.cont_head .util_area{top:-34px; right:5px;}
	.cont_head .util_area .btn_zin,
	.cont_head .util_area .btn_zout,
	.cont_head .util_area .btn_print{display:none;}
	.cont_head .util_area .c_share_box .btn_share{width:30px; height:30px; border:none; margin:0; background-origin:border-box; background-position:-293px 0;}
	.cont_head .util_area .c_share_box.open .btn_share{background-position:-261px 0; width:30px; height:30px; border-radius:50%;}
	.cont_head .util_area .c_share_box .ly_share{top:calc(100% + 3px); right:0; flex-direction:column; align-items:center; border:1px solid #d9d9d9;}
	.cont_head .util_area .c_share_box .ly_share button{width:28px; height:28px; margin:0 0 10px 0; background-image:url(../images/base/sp_sns_m.png); background-size:200px 30px;}
	.cont_head .util_area .c_share_box .ly_share .btn_facebook{background-position:0 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_blog{background-position:-30px 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_instagram{background-position:-60px 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_kakao{background-position:-90px 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_twitter{background-position:-120px 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_copyurl{margin:0;}
	.cont_head .lnb.tmn05{display:none;}

	.cont_head .sub_loc{left:0; top:80px;}

	/*** 컨텐츠 바디 ***/
	.cont_body{margin:0;}
	/* 탭메뉴 common */
	.lnb{margin-bottom:20px;}
	.lnb li a[target="_blank"]:after{background-position:-57px -88px;}
	/*** 컨텐츠 하단 ***/
	.cont_foot{margin:40px 0 0; font-size:14px;}
	.cont_foot .cont_manager{padding:15px 20px;}
	.cont_foot .cont_rating{padding:20px;}
	.cont_foot .cont_rating h2:before{background-position:-38.5px -51px;}

	/**************************************************
		팝업창 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 all and (max-width:767px){
	/**************************************************
		상단 배너
	**************************************************/
	#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{margin:0 16px;}
	#header .area_logo{padding:0 16px;}

	/* 모바일 전체메뉴 */
	.wholeview_wrap .btn_wv{right:10px;}

	/**************************************************
		Footer
	**************************************************/
	#footer{margin:40px 0 0;}
	#footer .inr{padding-left:16px !important; padding-right:16px !important;}
	#footer .footer_top .address{margin:30px 0 0;}
	#footer .f_menu{gap:10px; font-size:15px;}

	/**************************************************
		Container
	**************************************************/
	/*** 컨텐츠 바디 ***/
	.lnb li{font-size:14px;}
	/* 탭메뉴01(일반 4개 이하) */
	.lnb.tmn01 li{width:calc(50% + 1px);}
	.lnb.tmn01 li a{padding:10px 32px 10px 12px;}
	.lnb.tmn01 li a:not([target="_blank"]):after{right:15px;}
	/* 탭메뉴03(박스) */
	.lnb.tmn03{padding:15px 0;}
	.lnb.tmn03 li{width:50%;}
	.lnb.tmn03 li:nth-child(2n+1):before{display:none;}
	.lnb.tmn03 li a{margin-left:15px;}
	/* 탭메뉴04(년도) */
	.lnb.tmn04 ul{background-image:repeating-linear-gradient(#fff, #fff 39px, #dedede 39px, #dedede 40px, #fff 40px);}
	.lnb.tmn04 li{margin:5px 0;}
	.lnb.tmn04 li a{height:30px; margin:0; padding:0 5px;}
	.lnb.tmn04 li.on a{margin:0 5px;}
	.lnb.tmn04 li.on:after{border-width:4px 4px 0;}

	/*** 컨텐츠 하단 ***/
	.cont_foot .cont_manager dl{margin:3px 20px 3px 0;}
	.cont_foot .cont_manager dl.update{margin-left:0;}
	.cont_foot .cont_rating > .inr{flex-direction:column; align-items:flex-start;}
	.cont_foot .cont_rating .inp_area{margin-top:10px;}

	/**************************************************
		Content
	**************************************************/
	#container > .inr{margin:0 16px;}
	.cont_head{margin-left:16px; margin-right:16px;}

}

@media all and (max-width:639px){
	
}

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

	/*** 컨텐츠 하단 ***/
	/* 컨텐츠 평가 */
	.cont_foot .cont_rating .inp_area .btn_rate{width:100%; margin-top:10px;}

	/* TabMenu3(년도) */
  .lnb.tmn04 li{min-width:25%;}

}

@media all and (max-width:410px){

	/**************************************************
		Header
	**************************************************/
	#header .area_top .util_l .lst li a{font-size:12px;}
	.wholeview_wrap .btn_wv{right:3px;}
	.wholeview_wrap .btn_wv .sp_ui{font-size:13px;}
	#header .area_logo .logo img{width:250px;}
	
}