@charset "utf-8";

/**************************************************
	Layout CSS Document
	IEETU Web Standardization Team
	2023-10-31
**************************************************/

/**************************************************
	Common
**************************************************/
#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
**************************************************/
body.fixed{overflow:hidden; width:100%; height:100%;}
body[class*=scroll-] #header{position:relative;}
body[class*=scroll-] #header > .inr{position:fixed; top:0; left:0; z-index:100; width:100%; border-bottom:1px solid var(--g-gray-30); background-color:var(--g-white); transition:transform ease .4s .01s;}
body.scroll-down #header > .inr{transform:translateY(calc(-100% - 1px));}
body.scroll-up #header > .inr{transform:translateY(0);}
#header{position:sticky; top:0; left:0; z-index:100; background-color:var(--g-white);}
#header > .inr{position:relative;}
#header .header_body{display:flex; justify-content:space-between; align-items:center; max-width:1548px; margin:0 auto; padding:var(--g-spacer-7) var(--g-spacer-6);}
/* 헤더 Logo */
#header .logo_wrap{}
#header .logo a{display:block; width:218px; height:43px; aspect-ratio:260/27; overflow:hidden; background:url(../images/common/logo_h.png) no-repeat 0 0/contain; color:transparent;}
/* Util area */
#header .util_area{display:flex; align-items:center; gap:var(--g-spacer-2); margin-left:auto;}
#header .util_area .mem_lst{display:flex; align-items:center; gap:var(--g-spacer-2);}
#header .util_area .mem_lst a{display:flex; align-items:center; gap:var(--g-spacer-2); padding:var(--g-spacer-1) var(--g-spacer-3); border-radius:var(--g-rd-6); font-weight:700; font-size:17px;}
#header .util_area .mem_lst a:hover{background-color:var(--g-primary-5);}
#header .util_area .mem_lst a:active{background-color:var(--g-primary-10);}
#header .util_area .mem_lst a:before{content:''; flex:0 0 auto; width:24px; height:24px;}
#header .util_area .mem_lst a.login:before{background:url(../images/common/ico_h_login_m.png) no-repeat 0 0/cover;}
#header .util_area .mem_lst a.logout:before{background:url(../images/common/ico_h_logout_m.png) no-repeat 0 0/cover;}
#header .util_area .mem_lst a.join:before{background:url(../images/common/ico_h_join_m.png) no-repeat 0 0/cover;}
#header .util_area .mem_lst a.mypage:before{background:url(../images/common/ico_h_mypage_m.png) no-repeat 0 0/cover;}
#header .util_area .mem_lst a.ai:before{width:26px; background:url(../images/common/ico_h_ai_m.png) no-repeat 0 0/cover;}
#header .util_area .mem_lst a.modal:before{background:url(../images/common/ico_h_alarm_m.png) no-repeat 0 0/cover;}
#header .util_area .sitemap{display:flex; align-items:center; gap:var(--g-spacer-2); padding:var(--g-spacer-1) var(--g-spacer-3); padding-right:0; border-radius:var(--g-rd-6); font-weight:700; font-size:17px;}
#header .util_area .sitemap:hover{background-color:var(--g-primary-5);}
#header .util_area .sitemap:active{background-color:var(--g-primary-10);}
#header .util_area .sitemap:before{content:''; flex:0 0 auto; width:24px; height:24px; background:url(../images/common/ico_h_wv_m.png) no-repeat 0 0/cover;}
/* 헤더 GNB */
.gnb_dim{display:none; position:fixed; top:0; left:0; z-index:20; width:100%; height:100%; background:var(--g-alpha-75);}
.gnb_dim.open{display:block;}
#header .gnb_wrap{border-top:1px solid var(--g-gray-30);}
#header .gnb_wrap > .inr{max-width:1548px; margin:0 auto; padding:0 var(--g-spacer-6);}
#header #gnb{display:flex; align-items:center; gap:var(--g-spacer-4);}
#header #gnb a{display:block;}
#header #gnb > li > a{display:flex; justify-content:center; align-items:center; gap:var(--g-spacer-2); position:relative; height:64px; padding:0 var(--g-spacer-4); font-weight:700; font-size:19px;}
#header #gnb > li:last-child > a{padding-right:0;}
#header #gnb > li > a:hover{color:var(--g-secondary-60);}
#header #gnb > li > a:active{background-color:#cdd7e4;}
#header #gnb > li.active > a{background-color:#cdd7e4;}
#header #gnb > li > a:after{content:''; width:20px; height:20px; background:url(../images/common/head_gnb_ico_arr.svg) no-repeat 0 0/cover;}
#header #gnb > li.open > a:after{transform:scaleY(-1);}
#header #gnb > li:not(:has(div li)) > a:after{display:none;}
#header #gnb > li > a > span{display:flex; align-items:center; position:relative;}
/* 2차 */
#header #gnb > li > div{display:none; position:absolute; top:100%; left:0; width:100%; max-height:50vh; overflow:hidden; overflow-y:auto; border-top:1px solid var(--g-gray-30); background:var(--g-white);}
#header #gnb > li.open > div{display:block; z-index:32;}
/*#header #gnb > li > div:not(:has(li)){display:none !important;}*/
#header #gnb > li > div > .inr{}
#header #gnb > li > div > .inr .tit_d1{padding:var(--g-spacer-6) var(--g-spacer-6); border-bottom:1px solid var(--g-gray-30); font-size:25px;}
#header #gnb > li > div > .inr .tit_d1 .tit_d1_inr{display:flex; max-width:1500px; margin:0 auto;}
#header #gnb > li > div > .inr .tit_d1 a{padding:var(--g-spacer-2); border-radius:var(--g-rd-6);}
#header #gnb > li > div > .inr .tit_d1 a:hover{background-color:var(--g-primary-5);}
#header #gnb > li > div > .inr .tit_d1 a:active{background-color:var(--g-primary-10);}
#header #gnb > li > div > .inr > ul{display:flex; flex-wrap:wrap; gap:var(--g-spacer-2) var(--g-spacer-17); max-width:1548px; margin:0 auto; padding:var(--g-spacer-3) var(--g-spacer-6) var(--g-spacer-12);}
#header #gnb > li > div > .inr > ul > li{position:relative; width:calc(20% - var(--g-spacer-17)*4/5); padding-bottom:var(--g-spacer-2); border-bottom:1px solid var(--g-gray-40);}
#header #gnb > li > div > .inr > ul > li > a{display:flex; align-items:center; gap:var(--g-spacer-2); position:relative; height:100%; padding:var(--g-spacer-3) var(--g-spacer-1); border-radius:var(--g-rd-6); font-size:17px;}
#header #gnb > li > div > .inr > ul > li > a:hover{background-color:var(--g-primary-5);}
#header #gnb > li > div > .inr > ul > li > a:active{background-color:var(--g-primary-10);}
#header #gnb > li > div > .inr > ul > li > a:before{content:''; flex:0 0 auto; width:4px; height:4px; border-radius:50%; background-color:#3e3e3e;}
#header #gnb > li > div > .inr > ul > li > a:after{content:''; flex:0 0 auto; display:block; width:6px; height:10px; margin-left:auto; background:url(../images/common/ico_h_d2.png) no-repeat 0 0;}
#header #gnb > li > div > .inr > ul > li > a.parent:after{content:''; position:absolute; top:0; right:5px; bottom:0; margin:auto 0; width:14px; height:8px; background:url(../images/common/ico_gnb_fd02.png) no-repeat 0 0;}
#header #gnb > li > div > .inr > ul > li.active > a{color:var(--g-primary-60);}
#header #gnb > li > div > .inr > ul > li a[target="_blank"]:after{content:''; width:16px; height:14px; margin:0 0 0 5px; background-position:-31px -67px; vertical-align:baseline;}
/* 3차 */
#header #gnb > li > div > .inr > ul > li > ul{display:none; margin-top:var(--g-spacer-6);}
#header #gnb > li > div > .inr > ul > li > ul > li{}
#header #gnb > li > div > .inr > ul > li > ul > li > a{position:relative; padding:var(--g-spacer-1) 0 var(--g-spacer-1) var(--g-spacer-4); font-size:17px; line-height:1.6;}
#header #gnb > li > div > .inr > ul > li > ul > li > a:before{content:''; display:inline-block; position:absolute; top:14px; left:4px; width:4px; height:4px; background:var(--g-gray-60);}
#header #gnb > li > div > .inr > ul > li > ul > li.active > a{font-weight:700; color:var(--g-primary-60);}
/* gnb 배경 */
#header .gnb_wrap .gnb_bg{display:none; position:absolute; top:9.8rem; left:0; z-index:20; overflow:hidden; width:100%; height:0; background:var(--g-white); transition:height .4s;}
#header .gnb_wrap .gnb_bg.open{}
#header .gnb_wrap .gnb_bg > .inr{position:relative; max-width:1400px; margin:0 auto;}
/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}
/* 모바일 검색 */
.wv_srch_wrap{display:none;}

/**************************************************
	Footer
**************************************************/
#footer{border-top:1px solid #d8d8d8; background:#f0f0f0; color:#1d1d1d;}
#footer > .inr{display:flex; flex-direction:column; gap:40px; padding:40px 0 28px;}
#footer .f_logo{width:100%; max-width:1548px; margin:0 auto; padding:0 24px;}
#footer .f_logo .logo{display:block; width:196px; height:38px; overflow:hidden; background:url(../images/common/logo_f.png) no-repeat 0 0; color:transparent;}
#footer .f_cont{display:flex; justify-content:space-between; width:100%; max-width:1548px; margin:0 auto; padding:0 24px;}
#footer .f_cont .f_info{display:flex; flex-direction:column; gap:24px;}
#footer .f_cont .f_info .info_addr{display:flex; flex-direction:column; gap:16px;}
#footer .f_cont .f_info li{display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:17px;}
#footer .f_cont .f_info li .tel{}
#footer .f_cont .f_util{display:flex; flex-direction:column; gap:24px;}
#footer .f_cont .f_util .related{position:relative;}
#footer .f_cont .f_util .related .open_select{position:relative; width:230px; height:56px; padding:0 28px 0 16px; border:1px solid #717171; border-radius:8px; background:none; font-size:17px; text-align:left;}
#footer .f_cont .f_util .related .open_select:hover{background:var(--g-primary-5);}
#footer .f_cont .f_util .related .open_select:active{background:var(--g-primary-10);}
#footer .f_cont .f_util .related .open_select span{position:absolute; top:0; right:16px; bottom:0; width:12px; height:12px; overflow:hidden; margin:auto 0; color:transparent;}
#footer .f_cont .f_util .related .open_select span:before,
#footer .f_cont .f_util .related .open_select span:after{position:absolute; content:""; display:block; top:50%; left:50%; margin:-1px 0 0 -6px; width:12px; height:2px; background-color:#1d1d1d;}
#footer .f_cont .f_util .related .open_select span:after{width:2px; height:12px; margin:-6px 0 0 -1px;}
#footer .f_cont .f_util .related.on .open_select span:after{display:none;}
#footer .f_cont .f_util .related .box_select{display:none; position:absolute; bottom:calc(100% + 10px); left:0; z-index:10; width:100%; padding:12px 4px; border:1px solid #717171; border-radius:8px; background:#fff;}
#footer .f_cont .f_util .related.on .box_select{display:block;}
#footer .f_cont .f_util .related .box_select ul li a{display:block; padding:8px;}
#footer .f_cont .f_util .related .box_select ul li a:hover{border-radius:6px; background:var(--g-primary-5);}
#footer .f_cont .f_util .related .box_select ul li a:active{background:var(--g-primary-10);}
#footer .f_btm{width:100%; padding:8px 24px 0; border-top:1px solid #d8d8d8;}
#footer .f_btm > .inr{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:6px; max-width:1500px; margin:0 auto;}
#footer .f_btm .f_btm_menu{display:flex; flex-wrap:wrap; flex:0 0 auto; gap:4px;}
#footer .f_btm .f_btm_menu a{display:flex; align-items:center; height:40px; padding:0 8px; font-size:17px;}
#footer .f_btm .f_btm_menu li:first-child a{padding-left:0; font-weight:700; color:#ea3d27;}
#footer .f_btm .f_btm_menu a:hover{border-radius:6px; background:var(--g-primary-5);}
#footer .f_btm .f_btm_menu a:active{background:var(--g-primary-10);}
#footer .f_btm .f_copy{font-size:17px; color:var(--g-gray-70);}


/**************************************************
	Container
**************************************************/
#container{overflow:hidden;}
#container .sub_visual{height:195px; background:url(../images/common/sub_visual01.jpg) no-repeat 50% 50%; background-size:cover; line-height:1.2; text-align:center;}

/* area_location */
#container .area_location{display:flex; align-items:center; position:relative; border-radius:10px; max-width:1500px; height:75px; margin:-35px auto 0; background:#eaeaea;}
#container .area_location ol.location{display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:10; margin:0 0 0 30px;}
#container .area_location ol.location li{display:flex; align-items:center; position:relative; font-size:16px;}
#container .area_location ol.location li:first-child{text-indent:-999999px; width:16px; height:15px; background:url(../images/common/ico_home.png);}
#container .area_location ol.location li:before{content:''; width:6px; height:6px; margin:0 12px; border-top:2px solid #bababa; border-right:2px solid #bababa; transform:rotate(45deg);}
#container .area_location ol.location li:first-child:before{display:none;}
/* 공유 버튼 */
#container .area_location .util_area{display:flex; align-items:center; position:relative; z-index:10; height:100%; margin-left:auto; background:#ea3d27; border-radius:0 10px 10px 0;}
#container .area_location .util_area:before{content:""; display:block; position:absolute; left:-57px; bottom:0; width:57px; height:75px; background:url(../images/common/bg_share_arrow.jpg);}
#container .area_location .util_area > li{position:relative;}
#container .area_location .util_area > li:before{content:""; display:block; position:absolute; width:2px; height:20px; background:rgba(255,255,255,0.5);}
#container .area_location .util_area > li:first-child:before{display:none;}
#container .area_location .util_area > li > button{width:20px; height:20px; text-indent:-9999px; background:url(../images/common/sp_share.png);}
#container .area_location .util_area > li > .btn_share{position:relative; background-position:-0 0; margin:0 25px;}
#container .area_location .util_area > li > .btn_share.open:before{content:""; display:block; position:absolute; left:3px; bottom:-28px; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent;}
#container .area_location .util_area > li > .btn_print{background-position:-20px 0; margin:0 30px;}
#container .area_location .util_area .box_share{position:absolute; display:none; top:calc(100% + 40px); right:-50px;	z-index:20;	padding:13px 0 12px 15px; border-radius:25px; border:1px solid #caced2;background:#fff url(../images/common/bg_share.png) no-repeat 100% 0;}
#container .area_location .util_area .box_share.open{display:flex;}
#container .area_location .util_area .box_share button{position:relative; width:20px; height:20px; margin:0 15px; text-indent:-999999px; background:url(../images/common/sp_share.png);}
#container .area_location .util_area .box_share button:before{content:""; display:block; position:absolute; left:-15px; top:50%; margin-top:-4px; width:1px; height:9px; background:#caced2;}
#container .area_location .util_area .box_share button:first-child:before{display:none;}
#container .area_location .util_area .box_share button.btn_twitter{background-position:-40px 0;}
#container .area_location .util_area .box_share button.btn_facebook{background-position:-60px 0;}
#container .area_location .util_area .box_share button.btn_blog{background-position:-80px 0;}
#container .area_location .util_area .box_share button.btn_kakao{background-position:-100px 0;}
#container .area_location .util_area .box_share button.btn_close{width:23px; height:23px; margin:0 15px 0 35px; background:url(../images/common/ico_btn_close.png);}
#container .area_location .util_area .box_share button.btn_close:before{display:none;}

#container > .inr{display:flex; justify-content:space-between; max-width:1500px; margin:68px auto 0;}
/**************************************************
	Content
**************************************************/
/*** 컨텐츠 공통 ***/
.cont_wrap{flex:1; padding-bottom:60px;}

/*** 컨텐츠 헤드 ***/
.cont_head{position:relative;}
.cont_head:after{content:''; display:block; clear:both;}
.cont_head .btn_back{display:none;}
.cont_head .area_title .title{font-weight:800; font-size:45px; line-height:1.2; letter-spacing:-1px; padding:50px 0 0; color:#fff;}
.cont_head .area_title .nav{display:none;}

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

/* 탭메뉴 common */
.lnb{margin-bottom:30px; 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:''; display:inline-block; width:15px; height:15px; margin:0 0 0 10px; background:url(../images/common/ico_header_blank.png);}
.lnb li.on a{font-weight:600; color:#00398c;}
.lnb li.on a:before{content:''; display:inline-block; width:22px; height:18px; margin:0 3px 0 0; background:url(../images/common/ico_lnb_on.png);}
/* 탭메뉴01(일반 4개 이하) */
.lnb.tmn01{text-align:center;}
.lnb.tmn01 ul{display:inline-flex;}
.lnb.tmn01 li{width:298px; margin-right:-1px; border:1px solid #dedede; background:#f7f7f7;}
.lnb.tmn01 li:nth-child(5n + 1){border-radius:5px 0 0 5px;}
.lnb.tmn01 li:nth-child(5n){border-radius:0 5px 5px 0;}
.lnb.tmn01 li:first-child{border-top-left-radius:5px !important; border-bottom-left-radius:5px !important;}
.lnb.tmn01 li:last-child{border-top-right-radius:5px !important; border-bottom-right-radius:5px !important;}
.lnb.tmn01 li a{padding:15px 20px; font-size:18px; font-weight:600;}
.lnb.tmn01 li.on{border:1px solid #595656; background:#595656;}
.lnb.tmn01 li.on a{z-index:10; color:#fff;}
/* 탭메뉴03(박스) */
.lnb.tmn03{padding:25px 0; border:1px solid #dbdbdb; background:#f8f9fa;}
.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:4px; height:4px; margin-right:5px; background:#ddd;}
.lnb.tmn03 li.on a:before{background:#0b3581;}
/* 탭메뉴04(년도) */
.lnb.tmn04{padding:0 7px; border:1px solid #ddd; box-shadow:0 5px 5px rgba(0,0,0,.05);}
.lnb.tmn04 ul{overflow:hidden; background-image:repeating-linear-gradient(#fff, #fff 49px, #dedede 49px, #dedede 50px, #fff 50px);}
.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{overflow:hidden; height:36px; line-height:18px; margin:0 7px; padding:0 22px;}
.lnb.tmn04 li.on:after{content:''; display:inline-block; position:absolute; left:calc(50% - 5px); top:100%; border:5px solid transparent; border-top-color:#0b3581;}
.lnb.tmn04 li.on a{background:#0b3581; color:#fff;}

/*** 컨텐츠 하단 ***/
.cont_foot{border:1px solid #595656; border-radius:10px; font-size:15px; letter-spacing:-1px; max-width:1500px; margin:60px auto 0;}
/* 컨텐츠 담당자 */
.cont_foot .cont_manager{display:flex; flex-wrap:wrap; align-items:center; padding:15px 20px; background:url(../images/common/bg_contfoot.png) repeat 0 0;}
.cont_foot .cont_manager h2{margin-right:auto; font-size:17px; color:#777;}
.cont_foot .cont_manager h2 strong{color:#444;}
.cont_foot .cont_manager dl{display:flex; align-items:center; margin-left:30px; font-size:14px; line-height:1.2; letter-spacing:0;}
.cont_foot .cont_manager dl:first-of-type{margin-left:0;}
.cont_foot .cont_manager dt,
.cont_foot .cont_manager dd{position:relative;}
.cont_foot .cont_manager dt{margin:0 5px 0 0; font-weight:600;}
/* 컨텐츠 평가 */
.cont_foot .cont_rating{padding:23px 30px 23px 40px; max-width:1500px; margin:0 auto;}
.cont_foot .cont_rating > .inr{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:relative;}
.cont_foot .cont_rating h2{position:relative; font-weight:600; font-size:20px;}
.cont_foot .cont_rating h2:before{content:''; display:inline-block; vertical-align:bottom; margin:0 10px 0 0; width:35px; height:30px; background:url(../images/common/ico_rating.png) no-repeat 0 0;}
.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-left:20px;}
.cont_foot .cont_rating .inp_area span:first-of-type{margin-left:0;}
.cont_foot .cont_rating .inp_area .inp_rdo{margin:0 3px 0 0;}
.cont_foot .cont_rating .inp_area label{font-size:16px; line-height:normal;}
.cont_foot .cont_rating .inp_area .btn_rate{height:49px; line-height:49px; margin-left:35px; padding:0 30px; border:0; border-radius:5px; background:#595656; font-size:16px; color:#fff;}
/* 의견남기기 */
.cont_foot .cont_rating .cmt_wrap{display:flex; align-items:center; width:50%; padding:30px 25px; border-left:1px solid #e5e6e6;}
.cont_foot .cont_rating .cmt_wrap .inp_cmt{flex:1;}
.cont_foot .cont_rating .cmt_wrap .inp_cmt input{width:100%; height:39px; border:1px solid #e5e6e6; border-right:0;}
.cont_foot .cont_rating .cmt_wrap .btn_rate{flex:0 0 auto; width:110px; height:39px; border:0; background:#434343; color:#fff; font-size:14px;}
/* 공공누리 */
.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;}

/**************************************************
	Side
**************************************************/
#side{padding:70px 0 30px; max-width:1500px; margin:0 auto;}
/* SNB */
#side .snb_wrap .snb_title{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; height:160px; background:url(../images/common/bg_snb_tit.jpg) no-repeat 0 0/cover; font-weight:600; font-size:28px; color:#fff; letter-spacing:-1px; text-align:center; word-break:keep-all; word-wrap:break-word;}
#side .snb_wrap .snb_title:before{content:''; display:block; width:25px; height:2px; margin-bottom:12px; background:#fff;}
#side .snb_wrap .snb_title span{display:block; width:100%; line-height:1.2;}
#side .snb{display:flex; flex-wrap: wrap;}
#side .snb a{font-size:20px; color:#666;}
#side .snb a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:15px; margin:0 0 0 10px; background:url(../images/common/ico_header_blank.png);}
#side .snb a.parent:after{display:none;}
#side .snb a .unfd{position:absolute; top:0; bottom:0; right:16px; width:12px; height:12px; margin:auto 0; background-position:0 -84px;}
#side .snb a.on .unfd{height:2px; background-position:0 -78px;}
/* 2차 */
#side .snb > li{position:relative; width:calc(20% - 18px); margin:0 22px 20px 0;}
#side .snb > li:nth-child(5n){margin-right:0;}
#side .snb > li > a{display:flex; gap:6px; font-size:20px; padding:0 20px 18px 0; line-height:1.3; color:#666; /*background-image:url(../images/common/snb_arrow.png); background-repeat:no-repeat; background-position:100% 5px;*/}
#side .snb > li > a.on{font-weight:800; color:#111; font-size:21px; /*background-image:url(../images/common/snb_arrow_on.png);*/}
#side .snb > li > a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#dbdbdb;}
#side .snb > li > a.on:before{background:#ea3d27;}
#side .snb > li > a.on:after{content:''; display:block; width:8px; height:8px; border-radius:50%; background-color:#ea3d27;}
/* 3차 */
#side .snb > li > ul{display:none; padding:10px 18px; background:#f5f5f5;}
#side .snb > li.open > ul{display:block;}
#side .snb > li > ul > li{margin:2px 0;}
#side .snb > li > ul > li > a{padding:6px 0 6px 12px; font-size:16px;}
#side .snb > li > ul > li > a:before{content:''; display:inline-block; position:absolute; top:15px; left:0px; width:6px; height:1px; background:#111;}
#side .snb > li > ul > li > a.on{font-weight:600; color:#2158a7;}
#side .snb > li > ul > li > a.on:before{background:#0367a6;}
#side .snb > li > ul > li a .unfd{display:none;}
/* 4차 */
#side .snb > li > ul > li > ul{/*display:none !important;*/ 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{color:#2158a7;}
#side .snb > li > ul > li > ul > li a.on:before{border-color:#2158a7;}

/**************************************************
	센터 바로가기
**************************************************/
.section_center{position:relative; margin:15px 0 0; padding:0 0 50px; background:linear-gradient(#fff 70px, #f5f5f5 0);}
.section_center .btn_open,
.section_center .btn_close{display:none;}
.section_center > .inr{max-width:1500px; margin:0 auto; padding-right:320px;}
.section_center .ct_lst{display:flex; justify-content:space-between;}
.section_center .ct_lst li{width:calc(25% - 15px); max-width:279px; background:#f5f5f5; text-align:center;}
.section_center .ct_lst li a{display:flex; flex-direction:column; overflow:hidden;}
.section_center .ct_lst li a:before,
.section_center .ct_lst li a:after{content:''; display:block;}
.section_center .ct_lst li a:before{width:56px; height:56px; margin:25px auto 15px; background:url(../images/common/ico_ct01.png) no-repeat 0 0/cover;}
.section_center .ct_lst li a.ct01:before{background-image:url(../images/common/ico_ct01.png);}
.section_center .ct_lst li a.ct02:before{background-image:url(../images/common/ico_ct02.png);}
.section_center .ct_lst li a.ct03:before{background-image:url(../images/common/ico_ct03.png);}
.section_center .ct_lst li a.ct04:before{background-image:url(../images/common/ico_ct04.png);}
.section_center .ct_lst li a:after{padding-top:59.5%; background:url(../images/common/img_sct01.jpg) no-repeat 50% 50%/cover; transition:all .4s; transform-origin:50% 0;}
.section_center .ct_lst li a.ct01:after{background-image:url(../images/common/img_sct01.jpg);}
.section_center .ct_lst li a.ct02:after{background-image:url(../images/common/img_sct02.jpg);}
.section_center .ct_lst li a.ct03:after{background-image:url(../images/common/img_sct03.jpg);}
.section_center .ct_lst li a.ct04:after{background-image:url(../images/common/img_sct04.jpg);}
.section_center .ct_lst li a:hover:after{transform:scale(1.1);}
.section_center .ct_lst li a span{margin:0 0 35px; font-family:"NanumSquare"; font-weight:600; font-size:20px; color:#8d8d8d;}

/* Tablet  ~ 1529px */
@media screen and (max-width:1820px){
	/**************************************************
		Header
	**************************************************/

	/**************************************************
		Footer
	**************************************************/
	#footer > .inr{}

	/**************************************************
		Container
	**************************************************/
}

/* Tablet  ~ 1499px */
@media screen and (max-width:1499px){

	/**************************************************
		Header
	**************************************************/
	

	/**************************************************
		Footer
	**************************************************/
	

	/**************************************************
		Container
	**************************************************/
	/* area_location */
	#container .area_location{margin:-35px 20px 0 20px;}

	/**************************************************
		Content
	**************************************************/
	/*** 컨텐츠 바디 ***/
	.cont_body{margin:0 20px;}

	/* 탭메뉴01(일반 4개 이하) */
	.lnb.tmn01 ul{width:100%;}
	.lnb.tmn01 li{width:calc(20% + 1px);}

	/* 컨텐츠 평가 */
	.cont_foot{margin:40px 20px 0;}

	/**************************************************
		Side
	**************************************************/
	#side{margin:0 20px;}

	/**************************************************
		센터 바로가기
	**************************************************/
	.section_center > .inr{margin:0 10px;}
	.section_center .ct_lst li a:before{margin:20px auto 15px;}
	.section_center .ct_lst li a span{margin-bottom:20px; font-size:18px;}

}

/* Tablet 1024px ~ 1259px */
@media screen and (max-width:1259px){
	/**************************************************
		상단 배너
	**************************************************/
	#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 #gnb > li > a{gap:var(--g-spacer-1); padding:0 var(--g-spacer-2);}
	#header #gnb > li > div > .inr > ul > li{width:calc(25% - var(--g-spacer-17)*3/4);}
	
	/**************************************************
		Footer
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/*** 컨텐츠 하단 ***/
	.cont_foot .cont_rating{padding:20px;}
	.cont_foot .cont_rating .inp_area span{margin-left:10px;}
	.cont_foot .cont_rating .inp_area .btn_rate{margin-left:15px;}


	/**************************************************
		센터 바로가기
	**************************************************/
	.section_center > .inr{padding-right:0;}

}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Header
	**************************************************/
	#header .header_body{height:60px; padding:0 var(--g-spacer-4);}
	/* Logo */
	#header .logo a{width:109px; height:auto; aspect-ratio:218/48;}
	/* GNB */
	#header .gnb_wrap{position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; overflow:hidden; white-space:nowrap;}
	#header .util_area{gap:var(--g-spacer-1); margin-right:52px;}
	#header .util_area .mem_lst{gap:var(--g-spacer-1);}
	#header .util_area .mem_lst a{flex-direction:column; justify-content:center; gap:0; height:60px; padding:var(--g-spacer-1); border-radius:0; font-size:13px;}
	#header .util_area .sitemap{display:none;}
	/* 모바일 전체메뉴 */
	body.open_wv{overflow:hidden; width:100%; height:100%;}
	body.open_wv #header > .inr{transform:none; transition:none;}
	.wholeview_wrap{display:block; position:absolute; top:0; right:var(--g-spacer-4); bottom:0; z-index:2;}
	.wholeview_wrap .btn_wv{display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:0; right:0; bottom:0; overflow:hidden; width:52px; margin:auto 0; border-radius:0; background:none; font-weight:700; font-size:13px;}
	.wholeview_wrap .btn_wv:hover{background-color:var(--g-primary-5);}
	.wholeview_wrap .btn_wv:active{background-color:var(--g-primary-10);}
	.wholeview_wrap .btn_wv:before{content:''; width:24px; height:24px; background:url(../images/common/ico_h_wv_m.png) no-repeat 0 0/cover;}
	.wholeview_wrap #wholeview{position:fixed; top:0; right:0; bottom:0; z-index:1000; overflow:auto; width:100%; max-width:600px; min-width:280px; background:#fff; margin-right:-48px;
	transition:all 0.3s; transform:translate(100%, 0);}
	.wholeview_wrap.open #wholeview{margin-right:0; transform:translate(0, 0);}
	.wholeview_wrap #wholeview > .inr{display:flex; flex-direction:column; height:100%;}
	.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:var(--g-alpha-75);}
	.wholeview_wrap .title_wv {display:none;}
	/* 모바일 전체메뉴 head */
	#wholeview .head{border-bottom:4px solid var(--g-gray-30);}
	#wholeview .head .area_top{display:flex; justify-content:space-between; position:relative; padding:var(--g-spacer-4); background:var(--g-gray-5);}
	#wholeview .head .area_top .home{display:flex; align-items:center; gap:var(--g-spacer-2); font-size:14px;}
	#wholeview .head .area_top .home:before{content:''; box-sizing:border-box; width:36px; height:36px; margin:auto; border:1px solid var(--g-gray-90); border-radius:var(--g-rd-4); background:url(../images/common/ico_wv_home.png) no-repeat 50% 50%/17px 17px;}
	#wholeview .head .area_top .w_close_btn{position:relative; width:36px; height:36px; overflow:hidden; border-radius:var(--g-rd-4); background:none; color:transparent;}
	#wholeview .head .area_top .w_close_btn:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:14px; height:14px; margin:auto; background:url(../images/common/ico_wv_close.png) no-repeat 0 0/cover;}
	#wholeview .head .mem_lst{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--g-spacer-2); padding:var(--g-spacer-4);}
	#wholeview .head .mem_lst a{flex:1; display:flex; justify-content:center; align-items:center; gap:var(--g-spacer-1); padding:var(--g-spacer-3); border:1px solid var(--g-gray-40); border-radius:var(--g-rd-4); font-size:16px;}
	#wholeview .head .mem_lst a:before{content:''; width:24px; height:24px;}
	#wholeview .head .mem_lst a.login:before{background:url(../images/common/ico_h_login_m.png) no-repeat 0 0/contain;}
	#wholeview .head .mem_lst a.join:before{background:url(../images/common/ico_h_join_m.png) no-repeat 0 0/contain;}
	#wholeview .head .mem_lst a.logout:before{background:url(../images/common/ico_h_logout_m.png) no-repeat 0 0/contain;}
	#wholeview .head .mem_lst a.mypage:before{background:url(../images/common/ico_h_mypage_m.png) no-repeat 0 0/contain;}
	/* 모바일 전체메뉴 gnb */
	#wholeview .nav_wrap{flex:1; display:flex; overflow:hidden; overflow-y:auto;}
	#wholeview .nav_wrap .menu{width:140px; border-right:1px solid var(--g-gray-40); background-color:var(--g-primary-5);}
	#wholeview .nav_wrap .submenu{flex:1;}
	#wholeview .nav_wrap .submenu .nav{overflow:hidden; overflow-y:auto; height:100%;}
	#wholeview .nav_wrap .menu .nav{position:sticky; top:0; left:0;}
	#wholeview .nav a{display:flex; align-items:center; gap:var(--g-spacer-2); position:relative; border-radius:var(--g-rd-8);}
	#wholeview .nav a .unfd{position:absolute; overflow:hidden; top:50%; right:var(--g-spacer-2); background:none; transform:translateY(-50%); color:transparent !important; white-space:nowrap;}
	#wholeview .nav a .unfd:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; transition:all .3s;}
	#wholeview .nav a.on .unfd:after{transform:rotateX(180deg);}
	#wholeview .nav a[target="_blank"]:after{content:''; flex:0 0 auto; width:16px; height:14px; margin-left:auto; background-position:-74px -78px;}
	/* 1차 */
	#wholeview .nav>li{padding:var(--g-spacer-4) var(--g-spacer-4);}
	#wholeview .nav>li:not(:first-child){border-top:1px solid var(--g-gray-40);}
	#wholeview .nav>li>a{display:flex; align-items:center; position:relative; margin-bottom:var(--g-spacer-2); padding:var(--g-spacer-4) 0; border-bottom:1px solid var(--g-gray-40); border-radius:0; font-weight:700; font-size:20px;}
	#wholeview .nav>li>a span{min-width:0;}
	#wholeview .nav>li>a .unfd{display:none;}
	#wholeview .nav>li>a.on{z-index:20; background:var(--g-white); color:var(--g-secondary-60);}
	/* 왼쪽 1차 */
	#wholeview .menu .nav>li{position:relative; padding:0;}
	#wholeview .menu .nav>li:last-child{border-bottom:1px solid var(--g-gray-40);}
	#wholeview .menu .nav>li>a{margin:0; padding:var(--g-spacer-4) var(--g-spacer-1) var(--g-spacer-4) var(--g-spacer-4); border:0; letter-spacing:-1px;}
	#wholeview .menu .nav>li.open:after{content:''; position:absolute; top:0; right:-1px; height:100%; border-right:1px solid var(--g-white);}
	/* 2차 */
	#wholeview .nav>li>div{}
	#wholeview .nav>li>div .tit_d1{display:none;}
	#wholeview .nav>li>div>div.depth2>ul{}
	#wholeview .nav>li>div>div.depth2>ul>li{}
	#wholeview .nav>li>div>div.depth2>ul>li>a{display:flex; align-items:center; padding:var(--g-spacer-3) 2rem var(--g-spacer-3) var(--g-spacer-2); border-radius:var(--g-rd-8); font-size:16px;}
	#wholeview .nav>li>div>div.depth2>ul>li>a.on{font-weight:700; color:var(--g-secondary-60);}
	#wholeview .nav>li>div>div.depth2>ul>li a:hover{background-color:var(--g-primary-5);}
	#wholeview .nav>li>div>div.depth2>ul>li a:active{background-color:var(--g-primary-10);}
	#wholeview .nav>li>div>div.depth2>ul>li>a .unfd{width:12px; height:7px;}
	#wholeview .nav>li>div>div.depth2>ul>li>a .unfd:after{background:url(../images/common/ico_wv_fd2.png) no-repeat 0 0/contain;}
	/* 3차 */
	#wholeview .nav>li>div>div.depth2>ul>li>ul{display:none;}
	#wholeview .nav>li>div>div.depth2>ul>li.open>ul{display:flex; flex-direction:column;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li{}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>a{gap:var(--g-spacer-1); padding:var(--g-spacer-3) 2rem var(--g-spacer-3) var(--g-spacer-4); font-size:14px;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>a.on{font-weight:700; color:var(--g-secondary-60);}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>a:before{content:''; flex:0 0 auto; width:4px; height:4px; border-radius:50%; background:var(--g-gray-60);}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>a .unfd{width:12px; height:7px;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>a .unfd:after{background:url(../images/common/ico_wv_fd3.png) no-repeat 0 0/contain; transform:none;}
	/* 4차 */
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container{display:none; position:absolute; top:0; right:-100%; z-index:30; width:100%; height:100%; background-color:var(--g-white); transition:.4s;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li.open>.ly-container{display:block; right:0;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head{display:flex; justify-content:space-between; padding:var(--g-spacer-5) var(--g-spacer-6);}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head button{overflow:hidden; width:36px; height:36px; background-color:var(--g-white); color:transparent;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head .btn_prev{border:1px solid var(--g-gray-90); border-radius:var(--g-rd-4); background:url(../images/common/ico_wv_prev.png) no-repeat 50% 50%/14px 14px;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head .btn_close{border-radius:var(--g-rd-6); background:url(../images/common/ico_wv_4depth_close.png) no-repeat 50% 50%/14px 14px;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body{padding:0 var(--g-spacer-6);}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>a{padding:var(--g-spacer-4) var(--g-spacer-1); font-weight:700; font-size:20px;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>a .unfd{display:none;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul{padding:var(--g-spacer-3) 0; border-top:1px solid var(--g-gray-40); border-bottom:1px solid var(--g-gray-40);}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>a{gap:var(--g-spacer-1); padding:var(--g-spacer-3) var(--g-spacer-4); font-size:14px;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>a.on{font-weight:700; color:var(--g-secondary-60);}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>a:before{content:''; flex:0 0 auto; width:4px; height:4px; border-radius:50%; background:var(--g-gray-60);}
    #wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>a .unfd{width:12px; height:7px;}
    #wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>a .unfd:after{background:url(../images/common/ico_wv_fd2.png) no-repeat 0 0/contain;}
	/* 5차 */
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>ul{display:none;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li.open>ul{display:flex; flex-direction:column; gap:var(--g-spacer-1);}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>ul>li>a{padding:var(--g-spacer-1) var(--g-spacer-9); font-size:14px;}
	#wholeview .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>ul>li>a.on{font-weight:700; color:var(--g-secondary-60);}

	/**************************************************
		Footer
	**************************************************/
	#footer{padding:0;}
	#footer > .inr{gap:32px; padding:32px 0;}
	#footer .f_logo{padding:0 16px;}
	#footer .f_logo .logo{width:98px; height:19px; background-size:cover;}
	#footer .f_cont{padding:0 16px;}
	#footer .f_cont .f_util{gap:16px;}
	#footer .f_btm{padding:8px 16px 0;}

	/**************************************************
		Container
	**************************************************/
	#container{margin:0;}
	#container .sub_visual{height:auto; height:140px;}

	#container > .inr{display:block; margin:0; padding:0;}

	/* area_location */
	#container .area_location{margin:-35px 10px 0 10px;}
	#container .area_location{height:50px; margin:-25px 10px 0 10px;}
	#container .area_location ol.location li{font-size:15px;}
	#container .area_location ol.location{margin:1px 0 0 20px;}
	#container .area_location ol.location li:before{margin:0 8px;}

	/* 공유 버튼 */
	#container .area_location,
	#container .area_location .util_area,
	#container .area_location .util_area > li{position:initial;}
	#container .area_location .util_area:before,
	#container .area_location .util_area > li > .btn_print,
	#container .area_location .util_area > li > .btn_share.open:before{display:none;}
	#container .area_location .util_area > li > .btn_share{position:absolute; top:20px; right:10px; width:30px; height:30px; margin:0; background:url(../images/common/ico_share_m.png); background-size:30px;}
	#container .area_location .util_area .box_share.open{top:55px; right:10px; padding:7px 0 6px 5px;}
	#container .area_location .util_area .box_share button{margin:0 10px;}
	#container .area_location .util_area .box_share button.btn_close{margin:0 15px 0 15px;}

	/**************************************************
		Content
	**************************************************/
	.cont_wrap{float:none; width:auto;}
	/*** 컨텐츠 헤드 ***/
	#container .cont_head{padding:0; border-bottom:0;}
	#container .cont_head .btn_back{display:none; position:absolute; top:0; left:0; z-index:10; width:50px; height:50px; background:none; font-size:14px;}
	#container .cont_head .btn_back:before{content:''; display:inline-block; width:7px; height:11px; margin:0 5px 0 0; background-position:-50px -47px;}
	#container .cont_head .area_title{position:relative; height:50px;}
	#container .cont_head .area_title .title{display:flex; justify-content:center; align-items:center; position:relative; z-index:10; height:50px; padding:60px 10px 0; border-bottom:0; font-size:22px; text-align:center;}
	#container .cont_head .area_title .title span{display:inline-flex; align-items:center; position:relative; cursor:pointer;}
	#container .cont_head .area_title .title span:after{content:''; flex:0 0 auto; display:block; width:24px; height:24px; margin-left:10px; background:url(../images/common/sp_area_tit.png); background-size:auto 24px;}
	#container .cont_head .area_title .title.open span:after{background-position:-30px 0;}
	#container .cont_head .nav{display:none; position:absolute; top:90px; left:0; right:0; z-index:20; padding:15px; background:#fff; box-shadow:0 10px 10px rgba(91,91,91,.1);}
	#container .cont_head .nav li{margin-top:6px;}
	#container .cont_head .nav li:first-child{margin-top:0;}
	#container .cont_head .nav a{display:block; padding:10px; border-radius:36px; font-size:16px; letter-spacing:-1px; text-align:center; background:#f0f0f0;}
	#container .cont_head .nav a.on{font-weight:800;}
	#container .cont_head .nav a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:15px; margin:0 0 0 10px; background:url(../images/common/ico_header_blank.png);}
	#container .cont_head .nav > ul > li ul{display:none;}
	#container .cont_head .title.open + .nav{display:block;}
	/*** 컨텐츠 바디 ***/
	.cont_body{}

	/* 탭메뉴 common */
	.lnb.tmn01 li{width:calc(33.333% + 1px);}
	.lnb.tmn01 li:nth-child(5n + 1),
	.lnb.tmn01 li:nth-child(5n){border-radius:0;}
	.lnb.tmn01 li:nth-child(3n + 1){border-radius:5px 0 0 5px;}
	.lnb.tmn01 li:nth-child(3n){border-radius:0 5px 5px 0;}

	/*** 컨텐츠 하단 ***/
	.cont_foot{margin:40px 20px 0;}
	.cont_foot .cont_manager{justify-content:center;}
	.cont_foot .cont_manager h2{width:100%; margin-bottom:10px; font-size:16px; text-align:center;}
	.cont_foot .cont_manager dl{margin:3px 6px;}
	.cont_foot .cont_rating > .inr{justify-content:center; flex-direction:column;}
	.cont_foot .cont_rating h2{margin:0 0 15px 0; padding:0 0 15px 0; width:100%; border-bottom:1px solid #595656; text-align:center;}
	.cont_foot .cont_rating .inp_area .btn_rate{margin-left:15px; padding:0 15px; height:35px; line-height:35px;}

	/**************************************************
		Side
	**************************************************/
	#side{padding:30px 0 20px;}
	#side .snb > li,
	#side .snb > li:nth-child(5n){width:calc(33.3333% - 18px);}
	#side .snb > li:nth-child(3n){margin-right:0;}

	/**************************************************
		센터 바로가기
	**************************************************/
	.section_center{display:none;}

}

/* Mobile ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		상단 배너
	**************************************************/
	#topban .topbanzone .nav .area_ctrl{bottom:30px;}
	#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
	**************************************************/

	/**************************************************
		Footer
	**************************************************/
	#footer .f_cont{flex-direction:column; gap:24px;}
	#footer .f_cont .f_util{align-items:flex-start;}
	#footer .f_cont .f_util .related .open_select{height:46px; font-size:17px;}
	#footer .f_cont .f_util .area_mark{justify-content:flex-start;}
	#footer .f_btm > .inr{flex-direction:column; align-items:flex-start;}
	#footer .f_btm .f_btm_menu a{height:auto; padding:4px 8px;}

	/**************************************************
		Container
	**************************************************/
	/*** 컨텐츠 바디 ***/
	.lnb li{font-size:14px;}
	/* 탭메뉴01(일반 4개 이하) */
	.lnb.tmn01 li{width:calc(50% + 1px);}
	.lnb.tmn01 li:nth-child(3n + 1),
	.lnb.tmn01 li:nth-child(3n){border-radius:0;}
	.lnb.tmn01 li:nth-child(2n + 1){border-radius:5px 0 0 5px;}
	.lnb.tmn01 li:nth-child(2n){border-radius:0 5px 5px 0;}
	.lnb.tmn01 li a{padding:10px; font-size:16px;}
	.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 li a{margin:0 5px; padding:0 5px;}

	/*** 컨텐츠 하단 ***/
	.cont_foot{margin:40px 10px 0;}

	.cont_foot .cont_rating h2{font-size:18px;}

	/**************************************************
		Content
	**************************************************/
	/* 컨텐츠 바디 */
	.cont_body{margin:0 10px;}

	/* 컨텐츠 평가 */
	.cont_foot .cont_rating h2:before{background-size:28px auto; width:28px; height:24px; margin:0 5px 0 0;}
	.cont_foot .cont_rating .inp_area .inp_rdo{display:block; margin:0 0 2px 0;}
	.cont_foot .cont_rating .inp_area span{flex-direction:column; width:20%; margin:0;}
	.cont_foot .cont_rating .inp_area .btn_rate{display:block; margin:10px auto 0;}
	
	/**************************************************
		Side
	**************************************************/
	#side{margin:0 10px;}
	#side .snb > li{width:calc(50% - 10px) !important; margin:0 20px 13px 0 !important;}
	#side .snb > li:nth-child(2n){margin-right:0 !important;}
	#side .snb > li > a{font-size:17px; padding:0 20px 15px 0; background-position:100% 2px;}
	#side .snb > li > a.on{font-size:18px;}
}

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

	/**************************************************
		Footer
	**************************************************/

	/*** 컨텐츠 바디 ***/

}

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

}

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

	/**************************************************
		Footer
	**************************************************/


}