@charset "utf-8";

/* 21.10.26 sm 초기aside미적용 */
.wrap_right aside { float: left;}
.wrap_right aside h2 { display: inline-block; width: 190px; height: 190px; line-height: 190px; font-size: 24px; font-weight: bold; color: #fff; text-align: center; background: url(/images/place2016/pcmo/sub/bg_h2title.jpg) no-repeat;}
.wrap_right aside .lnb { }
.wrap_right aside .lnb>ul>li {width: 100%;  border-bottom: 1px solid #d9d9d9; }
.wrap_right aside .lnb>ul>li>a { display: inline-block; width: 170px; line-height: 50px; padding-left:20px; font-size: 15px; color: #333333; letter-spacing: -1px; }
.wrap_right aside .lnb>ul>li>a.ands { height: 50px; padding-top: 10px; line-height: normal;}
.wrap_right aside .lnb>ul>li>a:hover,.wrap_right aside .lnb>ul>li>a.active { font-size: 16px; font-weight: bold; color: #0060c2; letter-spacing: -2px; background: url(/images/place2016/pcmo/common/bg_lnbarr_ov.png) 175px center no-repeat;}
.wrap_right aside .lnb>ul>li>a.bgn2.active { background: url(/images/place2016/pcmo/common/bg_lnbarr2_ov.png) 170px center no-repeat !important;}
.wrap_right aside .lnb>ul>li>ul { display: none; padding: 10px 0px; background: #f5f5f5; border: 1px solid #d9d9d9; border-bottom: none; }
.wrap_right aside .lnb>ul>li>ul.active { display: block;}
.wrap_right aside .lnb>ul>li>ul>li>a { padding-left: 30px; line-height: 30px; font-size: 13px; font-weight: normal; color: #666; letter-spacing: -2px; background: url(/images/place2016/pcmo/sub/bullet_lnbsub.gif) 20px center no-repeat;}
.wrap_right aside .lnb>ul>li>ul>li>a.active,
.wrap_right aside .lnb>ul>li>ul>li>a:hover { background: url(/images/place2016/pcmo/sub/bullet_lnbsub_ov.gif) 18px center no-repeat;}
.wrap_right aside .lnb-mobile { display: none;}

/** bg total common **/
/* .search_top_hd > .search_top_hd_hd 19.10.05 sm 초기오류*/
/* skipNavigation */
.skiptoContent{position:absolute;top:0;right:0;left:0;margin:0 auto;z-index:99999}
.skiptoContent a{position:absolute;top:-50px;width:100%;font-size:0}
.skiptoContent a:active,.skiptoContent a:focus{display:block;top:0;height:34px;padding:6px 0;text-align:center;color:#fff;font-size:1.4rem;font-weight:bold;background:#272d34}

/** effect **/
@-webkit-keyframes round{
	100%{transform:rotate(360deg)}
}

@keyframes round{
	100%{transform:rotate(360deg)}
}

/** common contents **/
[class*='icon_'],a[title|='새창'],a[title|='새창']>i{position:relative;display:inline-block}
[class*='icon_']:before,a[title]:before,a[title] i:before{content:'';position:absolute;top:0;left:0}

a[title|='새창']{margin-right:5px;padding-right:20px}
a[title|='새창'] i{padding-right:24px}
a[title|='새창']:before,a[title|='새창'] i:before{right:0;left:inherit;width:14px;height:14px;;background-position:-25px -50px}
a[title|='새창']:before{top:6px}
a[title|='새창'] i:before{top:calc(50% - 6px)}

/** common ir **/
#header_cont .logo,#header_cont .wrap_menu .logo a{background:url(/images/place2016/scmo/common/bg_logo.png) no-repeat 0 0}
.btn_gov:after,.f_logo a:after{background:url(/images/place2016/scmo/common/bg_emblem.png) no-repeat 0 0}

#header_cont .btnToggleMn a:before, #header_cont .btnAllMn a:before, .search_top_hd [type="button"]:after, .search_top_hd .search_btn:after,.search_top_hd a:after,
a[title]:not(.nbg):before, a[title] i:before{background-image:url(/images/place2016/scmo/common/bg_iconset.png)}

#util li.sns a:before,.share_box a:after{background:url(/images/place2016/scmo/common/bg_iconsns.png) no-repeat 0 0}

/** common **/
.noScroll, .noScroll body{overflow:hidden !important;height:100%}
#header_cont .btnAllMn a:hover, #header_cont .btnAllMn a:active, #header_cont .btnAllMn a:focus,
#header_cont .btnToggleMn a:hover, #header_cont .btnToggleMn a:active, #header_cont .btnToggleMn a:focus{transition: all .3s ease}

/** common size **/
.wrap_header_top,#wrap_global,#footer_cont{width:1280px;margin:0 auto}

/** header **/
.wrap_header_top{position:absolute;left:50%;transform:translateX(-50%);z-index:888}
#wrap_header{height:169px}
#header_cont{height:100%}
#header_cont .logo{display:none;position:absolute;left:0;width:258px;height:50px;text-indent:-9999px}
#header_cont .logo a{display:block;height:100%}
#header_cont h1.logo{display:block;top:31px}

	.btn_gov[title]{display:block;position:absolute;top:34px;left:calc(50% - (390px / 2));width:89px;height:40px;margin-right:0;padding-right:0;line-height:0;font-size:0}
	.btn_gov[title]:before{display:none}
	.btn_gov:after{content:'';display:block;position:absolute;width:100%;height:100%}

	.search_top_hd,.search_top_hd div,.search_top_hd input[type="text"]{}
	.search_top_hd{position:absolute;top:32px;left:55%;width:310px;transform:translateX(-50%)}
	.search_top_hd fieldset{position:relative}
	.search_top_hd div{overflow:hidden;position:relative;height:45px;padding:2px 40px 2px 10px;border:2px solid #006bb7;border-radius:25px}
	.search_top_hd label{left:15px;line-height:37px;color:#909090;font-size:14px}
	.search_top_hd input[type="text"]{width:100%;height:100%;padding:5px;border-color:transparent;background:transparent}
	.search_top_hd [type="button"],.search_top_hd .search_btn{position:absolute;top:calc(50% - 12px);right:13px;width:25px;height:24px;text-indent:-9999px;cursor:pointer;border:0;background:transparent}
	.search_top_hd [type="button"]:after,.search_top_hd a:after{content:'';display:block;position:absolute}
	.search_top_hd [type="button"]:after,.search_top_hd .search_btn:after{top:0;width:100%;height:100%;background-position:-175px 0}
	.search_top_hd a[title]{display:inline-block;position:absolute;top:0;right:0;width:45px;height:45px;margin-right:0;padding-right:0;line-height:0;font-size:0;border-radius:50%;background:#006bb7}
	.search_top_hd .search_btn,.search_top_hd a[title]:before{display:none}
	.search_top_hd a[title]:after{top:calc(50% - 9px);left:calc(50% - 9px);width:19px;height:19px;background-position:-150px -25px}
	.search_top_hd a[title]:hover,.search_top_hd a[title]:active,.search_top_hd a[title]:focus{background:#de4900}

	#wrap_global{height:106px;padding-top:45px;text-align:right}
	#util{overflow:hidden;display:inline-block}
	#util li{display:inline-block;position:relative;margin:0;padding:0 9px;color:#999;font-size:1.3rem;vertical-align:top}
	#util li:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:1px;height:100%;background:#dcdcdc}
	#util li:first-child:before{display:none}
	#util a{display:inline-block;position:relative}
	#util a,#util a:link,#util a:visited,#util a:active{color:#999;text-decoration:none}
	#util a:hover,#util a:active,#util a:focus{color:#cb6400}
	#util li.sns a{width:21px;height:17px;margin:0 4px;line-height:0;font-size:0;text-indent:-9999px;vertical-align:middle}
	#util li.sns a:hover,#util li.sns a:active,#util li.sns a:focus{text-decoration:none}
	#util li.sns a:before{content:'';display:block;position:absolute;width:100%;height:100%}
	#util li.sns a.sns_t:before{background-position-x:-25px}
	#util li.sns a.sns_b:before{background-position-x:-50px}
	#util li.sns a.sns_u:before{background-position-x:-75px}

	#util li.sns a:hover:before,#util li.sns a:active:before,#util li.sns a:focus:before,
	#util li.sns a.sns_t:hover:before,#util li.sns a.sns_t:active:before,#util li.sns a.sns_t:focus:before,
	#util li.sns a.sns_b:hover:before,#util li.sns a.sns_b:active:before,#util li.sns a.sns_b:focus:before,
	#util li.sns a.sns_u:hover:before,#util li.sns a.sns_u:active:before,#util li.sns a.sns_u:focus:before{background-position-y:-25px}

	#util li a[title|='새창']{margin-right:0;padding-right:0}
	#util li a[title|='새창']:before{display:none}

#header_cont .gnb{width:100%;font-size:0;border-top:1px solid #e5e5e5;background:#00479d}
#header_cont .gnb:after{content:'';display:block;clear:both}
#header_cont .gnb>ul{width:100%;max-width:1280px;margin:0 auto;padding-right:65px}
#header_cont .gnb>ul:after{content:'';clear:both;display:block}
#header_cont .gnb>ul>li{float:left;width:calc(100%/6 - 0.1px);max-width:203px}
#header_cont .gnb>ul>li>a i{display:block;position:relative}
#header_cont .gnb>ul>li>a i:before{content:'';display:block;position:absolute;top:calc(50% - 10px);width:1px;height:20px;transform:rotate(45deg);background:#ccc}
#header_cont .gnb>ul>li:first-child a i:before{display:none}

#header_cont .gnb li a{position:relative;display:block;padding:20px 0;color:#fff;font-size:18px;font-weight:400;text-align:center;text-decoration:none;z-index:888}
#header_cont .gnb li a:hover,#header_cont .gnb li a:focus{text-decoration:none}
#header_cont .gnb > ul > li > a:hover:before,#header_cont .gnb > ul > li > a:hover:after,
#header_cont .gnb > ul > li > a:focus:before,#header_cont .gnb > ul > li > a:focus:after,
#header_cont .gnb li.active > a:before,#header_cont .gnb li.active > a:after{content:'';display:block;position:absolute}
#header_cont .gnb > ul > li > a:hover:before,#header_cont .gnb > ul > li > a:focus:before,#header_cont .gnb li.active > a:before,
#header_cont .gnb > ul > li > a:hover:after,#header_cont .gnb > ul > li > a:focus:after,#header_cont .gnb li.active > a:after{left:50%;border:11px solid transparent}
#header_cont .gnb > ul > li > a:hover:before,#header_cont .gnb > ul > li > a:focus:before,#header_cont .gnb li.active > a:before{bottom:-21px;border-top-color:#002249}
#header_cont .gnb > ul > li > a:hover:after,#header_cont .gnb > ul > li > a:focus:after,#header_cont .gnb li.active > a:after{bottom:-16px;margin-left:-5px;border-top-color:#d90000}
#header_cont .gnb li.active > a{color:#ffea00;text-decoration:none}
#header_cont .gnb .depth2_box{display:none;position:absolute;top:169px;left:0;width:100%;min-height:200px;padding-bottom:20px;background:#00428c}
#header_cont .gnb .depth2{display:none;position:relative;width:1280px;margin:0 auto;padding:15px 0 36px;z-index:500}
#header_cont .gnb .depth2:after{content:'';display:block;clear:both}
#header_cont .gnb .depth2 > li{width:calc(100%/5);padding-right:28px}
#header_cont .gnb .depth2 > li > a{position:relative;margin-right:0;padding:15px 8px;color:#fff;font-size:17px;font-weight:normal;text-align:left;border-bottom:1px solid #80a1c6}
#header_cont .gnb .depth2 > li > a i{position:relative;z-index:2}
#header_cont .gnb .depth2 > li ul{display:block;padding:15px 10px}
#header_cont .gnb .depth2 > li li a{line-height:22px;padding:2px 0;color:#cee0f4;font-size:14px;text-align:left;letter-spacing:-1px}
#header_cont .gnb .depth2 > li li a:hover,#header_cont .gnb .depth2 > li li a:active,#header_cont .gnb .depth2 > li li a:focus{color:#fff;text-decoration:underline}

#header_cont .gnb .active .on+.depth2_box .depth2{display:flex !important}
#header_cont .gnb .active .on+.depth2_box .depth2 ul{display:block !important}

#header_cont .gnb .depth2 li.on a{color:#0b998c;font-weight:600;text-decoration:underline}

#header_cont .gnb a[title]{margin-right:0}
#header_cont .gnb a[title]:before{display:none}
#header_cont .gnb .depth2 > li li a[title]:hover,#header_cont .gnb .depth2 > li li a[title]:active,#header_cont .gnb .depth2 > li li a[title]:focus
,#header_cont .gnb .depth2 > li li a[title] i:hover,#header_cont .gnb .depth2 > li li a[title] i:active,#header_cont .gnb .depth2 > li li a[title] i:focus{text-decoration:underline !important}

#header_cont .gnb li.active .depth2_box .depth2{display:flex;flex-wrap:wrap}

#header_cont .wrap_menu{position:relative;z-index:500}

#header_cont .btnAllMn,#header_cont .btnToggleMn{position:absolute;top:107px;left:50%;width:1280px;transform:translateX(-50%);z-index:555}
#header_cont .btnAllMn a,#header_cont .btnToggleMn a{display:inline-block;position:absolute;right:0;width:62px;height:62px;font-size:0;;background:#002e66}
#header_cont .btnAllMn a:hover,#header_cont .btnAllMn a:active,#header_cont .btnAllMn a:focus{background:#de4900}
#header_cont .btnAllMn a:before,#header_cont .btnToggleMn a:before{content:'';display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 15px);width:29px;height:20px;background-position:-25px 0}

#header_cont .gnb.fixed,#header_cont .btnAllMn.fixed{position:fixed;top:0;z-index:888}
#header_cont .gnb.fixed{border-top-width:0}
#header_cont .gnb.fixed .depth2_box{top:62px}

#header_cont .btnToggleMn{display:none}

/** footer **/
#wrap_footer{position:relative;min-height:200px;padding-bottom:25px;background:#4d515a}
#wrap_footer:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:69px;background:#42464d}

#footer_cont,.wrap_bottom{position:relative}
.f_menu{width:calc(100% - 220px);padding:23px 0}
.f_menu:after{content:'';display:block;clear:both}
.f_menu li{position:relative;float:left;padding:0 15px;font-size:1.5rem}
.f_menu li:before{content:'';display:block;position:absolute;top:calc(50% - 3px);left:2px;width:5px;height:5px;background:#6f6f6f}
.f_menu li:first-child{padding-left:0}
.f_menu li:first-child:before{display:none}
.f_menu li a{display:inline-block;height:100%;color:#e0e1e3}
.f_menu li:first-child a{color:#e0c055}
.f_menu li a:hover,.f_menu li a:active,.f_menu li a:focus{text-decoration:underline}
.f_org{position:absolute;top:0;right:0}
	.org_site,.org_site>li,.org_site>li>.link_box,.org_site .site_txt{box-sizing:border-box}
	.org_site{position:absolute;top:0;right:0;width:208px;padding:0;border:1px solid transparent;border-right-color:#6b6f77;border-left-color:#6b6f77}
	.org_site>li{position:relative}
	.org_site>li>a{display:block;color:#fff;transition:all .3s}
	.org_site>li>.link_box{display:none;position:absolute;bottom:54px;width:100%;padding:10px 15px;transition: all 0.2s;background:#313b4b;z-index:99}
	.org_site>li>.link_box>ul{padding-bottom:10px;border-bottom:1px dotted #fff}
	.org_site>li>.link_box>ul>li>a{line-height:25px;color:#fff;font-size:13px}
	.org_site>li>.link_box>ul>li>a:hover,.org_site>li>.link_box>ul>li>a:active,.org_site>li>.link_box>ul>li>a:focus{text-decoration:underline}
	.org_site .site_txt{display:block;max-height:68px;padding:24px 15px;line-height:22px;color:#d7d8d9;font-size:15px;font-weight:500}
	.org_site .site_btn_more{position:absolute !important;top:0;right:0;width:100%;height:100%;margin-right:0;padding-right:0}
	.org_site .site_btn_more span{position:relative;padding:24px 18px 23px;text-indent:-9999px}
	.org_site .site_btn_more span,.org_site .site_btn_more span:before,.org_site .site_btn_more span:after,.link_box ul+a:after{display:block;transition: all 0.2s}
	.org_site .site_btn_more span:before,.org_site .site_btn_more span:after,.link_box ul+a:after{content:'';position:absolute}
	.org_site .site_btn_more span:before{top:22px;right:20px;width:28px;height:28px;border-radius:50%;background:#2b2c2e}
	.org_site .site_btn_more span:after,.link_box ul+a:after{top:36px;right:29px;width:8px;height:8px;border:0 solid #848890;;border-top-width:1px;border-right-width:1px;transform:rotate(-45deg)}

	.org_site.on .site_btn_more span:after{top:36px}
	.org_site.on,.org_site.on>li>.link_box{background:#42464d}
	.link_box ul+a{position:absolute;bottom:-45px;right:22px;width:calc(100% - 23px);height:56px;font-size:0;text-indent:-9999px}
	.link_box ul+a:after{top:22px;right:7px;transform:rotate(135deg)}

	.f_address{padding-top:15px;color:#fff}
	.f_address p{margin:10px 0 0;line-height:14px;font-size:14px;font-weight:normal}
	.f_address .copyright{color:#8d9197}
	.f_address .call_center{display:inline-block;position:relative;margin-top:20px;padding-left:8px;color:#fff;background:#565a63}
	.f_address .call_center:before{content:'';display:block;position:absolute;top:15px;left:10px;width:4px;height:4px;background:#989a9e}
	.f_address .call_center *{display:inline-block;height:100%;padding:10px 15px;font-size:1.3rem}
	.f_address .call_center span{margin-left:8px;background:#676c72}

	.f_logo{position:absolute;top:45px;right:25px}
	.f_logo a{overflow:hidden;display:inline-block;position:relative;width:76px;height:46px;margin-right:0 !important;padding-right:0 !important;text-indent:-9999px;vertical-align:middle}
	.f_logo a:before{display:none !important}
	.f_logo a:first-child{width:109px;height:35px;margin-right:25px !important}
	.f_logo a:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:-225px 0}
	.f_logo a:first-child:after{background-position-x:-100px}

/** wrap content  **/
#wrap_container{padding:0 0 30px}

/** sub layout **/
.wrap_contents{display:flex;flex-wrap:wrap;justify-content:space-between;min-height:950px}
.wrap_contents,.breadcrumb ul{width:1100px;margin:0 auto}
	/**  breadcrumb **/
	.breadcrumb{position:relative;height:auto;border-bottom:1px solid #ccc;background:#f7f7f7}/*overflow:hidden; 19.10.05 sm 초기오류*/
	.breadcrumb ul,.breadcrumb li,.breadcrumb li a{display:flex;height:100%;box-sizing:content-box}
	.breadcrumb ul{flex-wrap:wrap;align-items:center;position:relative}
	.breadcrumb li{position:relative;padding:3px 15px 3px 18px}
	.breadcrumb li:before,.breadcrumb .home i:after{content:'';display:block;position:absolute}
	.breadcrumb li:before{top:calc(50% - 11px);left:-20px;width:20px;height:20px;border:1px solid transparent;border-top-color:#ddd;border-right-color:#ddd;transform:rotate(45deg)}
	.breadcrumb li a{position:relative;align-items:center;font-size:1.4rem}
	.breadcrumb li:last-child a{color:#333;font-weight:500}

	.breadcrumb .home{width:50px;padding:0;text-indent:-9999px}
	.breadcrumb .home:before{display:none}
	.breadcrumb .home a{width:100%}
	.breadcrumb .home i:after{top:calc(50% - 10px);left:calc(50% - 10px);width:21px;height:21px;;background:url(/images/place2016/scmo/contents/ic_home.png) no-repeat 50% 50%}

/** 컨텐츠 : 좌측메뉴 **/
.wrap_left{width:250px}
	.wrap_left h2{display:flex;justify-content:center;align-items:center;height:220px;line-height:40px;color:#fff;font-size:2.6rem;font-weight:500;background:#00479d url(/images/place2016/scmo/contents/bg_lnb.png) no-repeat 100% 100%}
	.lnb a{position:relative}
	.lnb > li > a.sub_depth:before,.lnb > li > a.sub_depth:after,.lnb ul li a:before{content:'';display:block;position:absolute}
	.lnb > li{border-top:1px solid #e4e4e4;background:#fff}
	.lnb > li:first-child{border-top-width:0}
	.lnb > li > a{display:block;margin-right:0;padding:6px 12px;line-height:44px;color:#555;font-size:1.7rem}
	.lnb > li > a i{display:block;position:relative;z-index:2}
	.lnb > li > a.sub_depth{padding-right:40px}
	.lnb > li > a.sub_depth:before,.lnb > li > a.sub_depth:after{top:19px;right:27px;width:2px;height:14px;background:#707070}
	.lnb > li > a.sub_depth:after{transform:rotate(90deg)}
	.lnb ul{display:none;padding:15px;border:2px solid #00479d;border-right-width:0;border-left-width:0;background:#f5f5f5}
	.lnb ul li a{display:block;padding-left:13px;line-height:30px;color:#555;font-size:1.5rem}
	.lnb ul li a:before{top:13px;left:0;width:3px;height:3px;background:#00479d}

	.lnb > li > a:hover,.lnb > li > a:active,.lnb > li > a:focus{color:#00479d}
	.lnb > li > a.sub_depth:hover:before,.lnb > li > a.sub_depth:active:before,.lnb > li > a.sub_depth:focus:before,.lnb > li > a.sub_depth:hover:after,.lnb > li > a.sub_depth:active:after,.lnb > li > a.sub_depth:focus:after{background:#00479d}
	.lnb ul li a.on,.lnb ul li a:hover,.lnb ul li a:active,.lnb ul li a:focus{color:#00479d}

	.lnb > li.active > a{color:#00479d}
	.lnb > li.active > a.sub_depth:before{display:none}
	.lnb > li.active > a.sub_depth:after{background:#00479d}
	.lnb > li.active > ul{display:block}

	.lnb a[title="새창"]{margin-right:0}
	.lnb a[title="새창"] i:before{background-image:url(/images/place2016/scmo/bullet/bul_newindow.png);background-position:0 0}
	.lnb > li > a[title="새창"]:before{display:none}
	.lnb > li:last-child{border-bottom:1px solid #ccc}

/** 컨텐츠 : 우측영역 **/
.wrap_right{flex-direction:column;align-items:flex-end;width:calc(100% - 294px);margin-left:44px;} /*display:flex;width:calc(100% - 250px); 21.10.05 초기에러 sm margin-left:44px;*/
	.wrap_right h3,.txt{width:100%;max-width:766px}
	.wrap_right h3:not(.hidden){position:relative;margin-bottom:20px;padding:60px 0 50px;color:#333;font-size:2.8rem;font-weight:500;border-bottom:1px solid #999;background:url(/images/place2016/scmo/contents/bg_visual_sub.png) no-repeat 100% 100%}

	#content:not(.not){min-height:500px}

/** 1600px 시작 **/
@media screen and (max-width:1600px){
	/** layout size **/
	#header_cont .gnb>ul,#header_cont .gnb .depth2,#header_cont .btnAllMn,.wrap_header_top,#wrap_global,.wrap_contents,.breadcrumb ul,#footer_cont{width:calc(100% - 44px);max-width:1280px}
	.wrap_contents,.breadcrumb ul{max-width:1100px}
}
/** 1600px 끝 **/

/** 1400px 시작 **/
@media screen and (max-width:1400px){
	.wrap_header_top{left:50%;transform:translateX(-50%)}
	#header_cont .gnb .depth2 > li{width:25%;padding-right:20px}
}
/** 1400px 끝 **/

/** 1280px 시작 **/
@media screen and (max-width:1280px){
	/** layout size **/
	#header_cont .gnb>ul,#header_cont .gnb .depth2,#header_cont .btnAllMn,.wrap_header_top,#wrap_global,#footer_cont{max-width:100%}
	.btn_gov[title]{left:calc(50% - (340px / 2))}
	.search_top_hd{left:59%}
}
/** 1280px 끝 **/

/** 1100px 시작 **/
@media screen and (max-width:1100px){
	/** layout size **/
	.wrap_contents,.breadcrumb ul{max-width:100%}

	/** 컨텐츠 : 좌측메뉴 **/
	.wrap_left{width:230px}

	/** 컨텐츠 : 우측영역 **/
	.wrap_right{width:calc(100% - 260px);margin-left:30px}
}
/** 1100px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
	/** footer **/
	.f_menu,.f_org{width:100%}
	.f_menu li{padding:0 40px 0 15px}
	.f_org{margin-top:15px}
	.f_org,.org_site{position:relative}
	.f_org:after{content:'';display:block;clear:both}
	.org_site{right:inherit !important;width:30%;border-width:0 !important;background:#42464d}
	.org_site .site_txt{padding:15px}
	.org_site .site_btn_more span{padding-top:11px;padding-bottom:11px}
	.org_site .site_btn_more span:before{top:12px}
	.org_site .site_btn_more span:after,.link_box ul+a:after{top:25px}
	.org_site>li>.link_box{bottom:49px;width:100%}
	.link_box ul+a{right:22px;bottom:-44px}
	.org_site.on .site_btn_more span:after{top:27px}
}
/** 1024px 끝 **/

/** 900px 시작 **/
@media screen and (max-width:997px){
	/* 21.10.26 sm 초기aside미적용 */
	#navi {display: none;}
	.wrap_right aside { float: none; width: 100%; overflow: hidden;}
	.wrap_right aside h2 { display: inline-block; width: 100%; height: 60px; line-height: 60px; padding-left: 20px; font-size: 24px; font-weight: bold; color: #fff; text-align: left; background: url(/images/place2016/pcmo/sub/bg_h2title.jpg) repeat-x;}
	.wrap_right aside .lnb { display: none; }
	.wrap_right aside .lnb>ul>li {width: 100%;  border-bottom: 1px solid #d9d9d9; }
	.wrap_right aside .lnb>ul>li>a { display: block; line-height: 50px; padding-left:20px; font-size: 15px; color: #333333; background: url(/images/place2016/pcmo/common/bg_lnbarr.png) 160px center no-repeat; }
	.wrap_right aside .lnb>ul>li>a:hover { font-size: 16px; font-weight: bold; color: #0060c2; background: url(/images/place2016/pcmo/common/bg_lnbarr_ov.png) 165px center no-repeat;}
	.wrap_right aside .lnb>ul>li>ul { display: none; padding-bottom: 15px; }
	.wrap_right aside .lnb>ul>li>ul>li>a { padding-left: 30px; line-height: 25px; font-size: 14px; font-weight: bold; color: #333;}
	.wrap_right aside .lnb-mobile { position: absolute; display: block; right: 10px; top: 178px; z-index:10;}

	/** common **/
	#header_cont .gnb>ul,#header_cont .gnb .depth2,#header_cont .btnAllMn,.wrap_header_top,#wrap_global,.wrap_contents,.breadcrumb ul,#footer_cont{width:100%}

	/** hidden **/
	.btn_gov[title],.search_top_hd a[title],.wrap_hotkeyword,.wrap_left{display:none}

	#header_cont,#footer_cont{width:100%;padding:0 20px}
	#header_cont .gnb > ul > li > a:after,#header_cont .gnb .depth2 .has_sub:before{top:0;background-image:url(/images/place2016/scmo/common/bg_iconset.png)}

	/** header **/
	#wrap_header{position:relative;height:76px;background:#fff;border-bottom:1px solid #c5c5c5;z-index:999}
	#header_cont h1.logo{top:50%;left:50%;transform:translate(-50%, -50%)}

	#header_cont .wrap_menu .logo,#header_cont .wrap_menu .logo a{display:block}
	#header_cont .wrap_menu .logo{position:static;margin:20px auto 10px}
	#header_cont .wrap_menu .logo{background:none}
	#header_cont .wrap_menu .logo a{margin:0 auto;text-indent:-9999px;background-position-y:-50px}
	#header_cont #wrap_global{float:none;width:100%;height:auto;padding:0 0 5px;text-align:center}
	#header_cont #wrap_global #util{display:block;margin-top:0;padding:0 10px}
	#header_cont #wrap_global #util:after{content:'';display:block;clear:both}
	#header_cont #wrap_global li{display:block;width:98%;margin:0 1% 5px;padding:10px 0;border:1px solid #fff}
	#header_cont #wrap_global li:before{display:none}
	#header_cont #wrap_global li.sns{border-width:0}
	#header_cont #wrap_global li a{display:block;margin:0;padding:0;color:#fff;font-size:13px;text-align:center;text-decoration:none;background:none}
	#header_cont #wrap_global li.sns a{display:inline-block;width:30px;height:30px;margin:0 2%;border-radius:50%;background:#fff}
	#header_cont #wrap_global li.sns a:before{top:calc(50% - 8px);left:calc(50% - 10px);width:21px;height:17px}

	#header_cont .wrap_menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:9999}
	#header_cont .wrap_menu .wrap_area{overflow:scroll;position:absolute;top:0;bottom:0;left:0;width:300px;background:#4e5366}

	/** gnb **/
	#header_cont .gnb,#header_cont .gnb .depth2,#header_cont .gnb .depth2 li a{width:100%}
	#header_cont .gnb{margin:0;border-bottom:1px solid #111319}
	#header_cont .gnb > ul{width:100%;padding-right:0}
	#header_cont .gnb > ul > li > a{position:relative;padding:18px 22px !important;color:#fff;font-size:17px;text-align:left;border-top:1px solid #111319;background:#2b2f3e}
	#header_cont .gnb > ul > li > a:hover:before, #header_cont .gnb > ul > li > a:focus:before, #header_cont .gnb li.active > a:before{display:none}
	#header_cont .gnb > ul > li > a:after,#header_cont .gnb > ul > li > a:active:after{content:'';display:inline-block !important;position:absolute;top:calc(50% - 3px);right:25px;bottom:inherit !important;left:inherit !important;width:9px !important;height:6px;border:none !important;background-position:0 -50px}
	#header_cont .gnb > ul > li > a:hover,#header_cont .gnb > ul > li > a:active,#header_cont .gnb > ul > li > a:focus{color:#fffc00}
	#header_cont .gnb > ul > li > a i:before{display:none}
	#header_cont .gnb > ul > li > a.on{color:#fffc00}
	#header_cont .gnb > ul > li > a.on:after{transform:rotate(180deg)}
	#header_cont .gnb li{display:block;width:100% !important;max-width:inherit !important}
	#header_cont .gnb li.on > a{background:#2a4c76}
	#header_cont .gnb .depth2 > li{float:none;padding-right:0;min-height:auto !important}
	#header_cont .gnb .depth2_box{display:block;position:relative;top:inherit;min-height:auto !important;padding-bottom:0;border-width:0}
	#header_cont .gnb .depth2{position:static;height:auto;padding:0;border:0;background:#2b2f3e}
	#header_cont .gnb .depth2 li a{position:relative;padding:11px 23px;color:#fff;font-size:15px;font-weight:400;text-align:left;border-width:0;text-decoration:none !important;border-top:1px solid rgba(255,255,255,.3);background:#4174b6}
	#header_cont .gnb .depth2 li:first-child a{border:0}
	#header_cont .gnb .depth2 .on a{color:#fff !important;text-decoration:underline !important;background:#01a479}
	#header_cont .gnb .depth2 .has_sub:before{content:'';display:block;position:absolute;top:calc(50% - 5px);right:25px;width:10px;height:10px;background-position:-50px -25px}
	#header_cont .gnb .depth2 .has_sub.on:before{background-position-x:-75px}
	#header_cont .gnb .depth2 .depth3{padding:8px 0;background:#fff}
	#header_cont .gnb .depth2 .depth3 li a{position:relative;line-height:18px;padding:5px 15px 5px 37px;color:#555 !important;font-size:13px;font-weight:400 !important;text-decoration:none !important;background:#fff}
	#header_cont .gnb .depth2 .depth3 li a:before{content:'';display:block;position:absolute;top:12px;left:25px;width:4px;height:4px;background:#888}

	#header_cont .gnb .on+.depth2_box .depth2,#header_cont .gnb .on+.depth2_box .depth2 .on + ul{display:block !important}
	.wrap_header_top{left:0;height:100%;transform:translateX(0)}

	/** mobile top btn(left / right) **/
	#header_cont .btnAllMn{display:none}
	#header_cont .btnToggleMn{display:block}
	#header_cont .btnToggleMn,.search_top_hd{top:calc(50% - 25px)}
	#header_cont .btnToggleMn a,.search_top_hd .search_btn{width:50px;height:50px}
	.search_top_hd .search_btn{right:8px}

	#header_cont .btnToggleMn{right:inherit;left:10px;width:auto;font-size:0;background-position:-100px -100px;z-index:999}
	#header_cont .btnToggleMn a{right:inherit}
	#header_cont .btnToggleMn a:before{left:calc(50% - 11px);width:21px;background-position-x:-75px}
	#header_cont .btnToggleMn a,#header_cont .btnToggleMn a:hover, #header_cont .btnToggleMn a:active, #header_cont .btnToggleMn a:focus{background:transparent}

	/** search type **/
	.search_top_hd{left:inherit;right:10px;width:100%;padding-right:0;transform:translateX(0)}
	.search_top_hd div{display:none}
	.search_top_hd .search_btn{display:block;top:0}
	.search_top_hd .search_btn:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}
	.search_top_hd .search_btn:after{top:calc(50% - 13px);left:calc(50% - 13px);width:25px;height:25px}

	.search_top_hd.on fieldset{position:fixed;top:63px;width:100%;padding:20px 0;transition:all .3s;z-index:999}
	.search_top_hd.on fieldset:after{content:'';display:block;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}
	.search_top_hd.on div{display:block;position:relative;width:90%;margin:0 auto;padding-right:90px;border-radius:0;background:#fff;z-index:9}
	.search_top_hd.on p input[type="text"]{background:#fff}
	.search_top_hd.on button{top:0;right:0;width:80px;height:42px;line-height:42px;color:#fff;font-size:1.6rem;text-align:center;text-indent:0;background:#006bb7}
	.search_top_hd.on button:after{display:none}
	.search_top_hd.on .search_btn:after{top:calc(50% - 10px);left:calc(50% - 10px);width:20px;height:20px;background-position:-100px 0}

	/** 컨텐츠 : 우측영역 **/
	.wrap_right{width:100%;margin-left:0;padding:0 20px}
	.wrap_right h3,#content{max-width:inherit}
	.wrap_right h3{padding:30px 0}

	/** footer **/
	#footer_cont{padding:0}
	.f_menu{padding:20px;background:#42464d}
	.f_menu li{float:none;display:inline-block;padding:2px 12px 2px 14px}
	.f_menu li:first-child{padding-right:20px;padding-left:14px}
	.f_menu li:first-child:before{display:block}
	.org_site{width:50%}
	.f_org,.f_address{padding-right:20px;padding-left:20px}
}
/** 900px 끝 **/

/** 812px 시작 **/
@media screen and (max-width:812px){
}
/** 812px 끝 **/

/** 768px 시작 **/
@media screen and (max-width:768px){
	/** footer **/
	#footer_cont{padding:0 0 15px}
		.f_menu{padding:15px}
		.f_address{padding-top:10px}
		.f_logo{position:relative;top:inherit;right:inherit;margin:35px 0 0}
}
/** 768px 끝 **/

/** 667px 시작 **/
@media screen and (max-width:667px){
}
/** 667px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
	.breadcrumb ul{position:relative;width:calc(100% - 50px);padding-left:50px}
	.breadcrumb .home{position:absolute;left:0}
	.breadcrumb .home i:after{top:3px;left:20px}
	.breadcrumb li:before{top:calc(50% - 4px);left:-2px;;width:4px;height:4px;border-width:2px;border-top-color:#666;border-right-color:#666}
	/** 컨텐츠 : 우측영역 **/
	.wrap_right{padding:0 15px}
	.wrap_right h3{padding:15px 0 10px;font-size:2.2rem;background:none}
}
/** 640px 끝 **/

/** 568px 시작 **/
@media screen and (max-width:568px){
	/** footer **/
	#wrap_footer{padding-bottom:0}
		#footer_cont{padding:0 0 10px}
		.f_menu{margin-bottom:10px}
		.f_menu{display:flex;flex-wrap:wrap;margin-bottom:10px;padding:10px}
		.f_menu li{width:100%}
		.f_org{padding-right:10px;padding-left:10px}
		.org_site{width:100%;margin:0 0 10px !important}
		.f_address p{line-height:17px}
		.f_address p.copyright{margin-top:10px}
		.f_logo{margin:25px 0 10px}
}
/** 568px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
	#wrap_header{height:55px}
	#header_cont h1.logo{width:180px;height:34px;background-position:0 -100px}

	/** search type **/
	.search_top_hd.on fieldset{top:52px}

	.f_address .call_center{display:block;padding-left:0}
	.f_address .call_center:before{display:none}
	.f_address .call_center *{display:block}
	.f_address .call_center span{margin-left:0}
}
/** 480px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
	/** header **/
	.search_top_hd.on div{width:94%;padding-right:80px}
	.search_top_hd.on div button{width:70px}

	/** footer **/
	#wrap_footer:before{height:103px}
		.f_menu li{padding-right:10px;padding-left:12px}
}
/** 414px 끝 **/

/** 320px 시작 **/
@media screen and (max-width:320px){
}
/** 320px 끝 **/