@charset "utf-8";

/* set */
body {position:relative;font-size:16px !important;margin:0;padding:0;font-family: SUIT;color:#222;font-weight: 400;}
input, select, button{font-family: SUIT;}
body *{ box-sizing:border-box;}
a {color: #464646;}
::selection {background:var(--color1);color:var(--white);text-shadow:none;}

:root {
--color1: #4635c8; /*main_color*/
--color2: #253255; /*navy*/
--btnbg:  url("/images/08_open/common/btn_set.png");
--gra1: linear-gradient(to bottom, #f5f4fa, transparent);
--white: #fff;
--black: #000;
--gray1: #f5f4fa; /*bg*/
--gray2: #8c8c8c; /*text*/
--gray3: #d3d6dd; /*dash_line*/
--gray4: #eeeeee; /*line */
--gray5: #b4b4c2; /*point*/
}


/*스크롤바스타일*/
*::-webkit-scrollbar {width:5px;height:5px;} /*스크롤바 사이즈*/
*::-webkit-scrollbar-track {border-radius:5px;background:var(--gray3);} /*스크롤바 배경*/
*::-webkit-scrollbar-thumb {background:var(--color1);border-radius: 10rem} /* 스크롤 제어박스*/



header{position:relative;z-index:2}
section{position:relative;z-index:1}
footer{position:relative;z-index:1;clear:both;}



/* Mobile */
header .gnb{position:relative;height:40px;padding:10px 20px;text-align:right;}

.gnb li{position:relative;display:inline-block;font-size:14px;}
.gnb li.sns{float:left;}
.gnb li.sns span{display:inline-block;position:relative;padding-right:15px;}
.gnb li.sns span:after{display:block;content:"";width:11px;height:7px;background:var(--btnbg) no-repeat -20px -32px;position:absolute;top:6px;right:0;}
.gnb li.fm{padding:0 0 0 10px;margin-left:10px;}
.gnb li.fm:after{display:block;content:"";width:4px;height:4px;background:var(--gray5);border-radius:5px;position:absolute;top:7px;left:-3px;}
.gnb li.lang{float:left;margin-left: 10px;}
.gnb li.lang span{display:inline-block;position:relative;padding-right:15px;}
.gnb li.lang span:after{display:block;content:"";width:11px;height:7px;background:var(--btnbg) no-repeat -20px -32px;position:absolute;top:6px;right:0;}

.sns_box, .fm_box, .lang_box{display:none;}

.gnb li.sns .sns_box.on{display:block;background:var(--white);position:absolute;top:20px;left:0;border:solid 1px var(--gray3);border-radius:10px;padding:15px;width:100px;}
.gnb li.sns .sns_box.on li{float:none;text-align:center;padding:3px 0;display:block;}
.gnb li.sns .sns_box.on li a{display:block;}

.gnb li.lang .lang_box.on{display:block;background:var(--white);position:absolute;top:20px;left:50%;transform: translateX(-50%);border:solid 1px var(--gray3);border-radius:10px;padding:15px;width:160px;}
.gnb li.lang .lang_box.on li{float:none;text-align:center;padding:3px 0;display:block;}
.gnb li.lang .lang_box.on li a{display:block;}


.mcon_wrap>.left{position:relative;height:75px;}
.mcon_wrap>.left .t_logo{padding: 10px 20px;float:left;}
.mcon_wrap>.left .t_logo h1{background:url("/images/08_open/common/symbol.png?test=1") no-repeat left top;height:53px;padding-top:3px;width: 200px;}
.mcon_wrap>.left .t_logo h1 a{display:block;padding:0 0 0 50px;font-size:14px;color:#333}
.mcon_wrap>.left .t_logo h1 a strong{display:block;font-size:21px;color:var(--black);}

.l_search{position:absolute;top: 29px;right:70px;}
.l_search p a{display:inline-block;width:19px;height:19px;overflow:hidden;padding:0;font-size: 0;background:var(--btnbg) no-repeat left -2px;}
.l_search .sc_box{display:none;}
.l_search .sc_box.on{display: block;}
@media all and (max-width:1022px) {
.l_search .sc_box{position: fixed;top: 115px;left: 0;right: 0;padding: 20px;background: rgba(255,255,255,0.8);z-index: 2;}
.l_search .sc_box form{border-radius: 10px;box-shadow: 0 0 15px rgba(37,50,85,0.15);overflow: hidden;}
.l_search .sc_box form input{font-size: 16px;}
.l_search .sc_box form input[type="text"]{padding: 10px;width: calc(100% - 80px);}
.l_search .sc_box form input[type="submit"]{padding: 10px;width: 80px;background: var(--color1);color: #fff;}
}
.mcon_wrap>.left button{display:block;width:18px;height:18px;padding:0;font-size: 0;overflow:hidden;background:var(--btnbg) no-repeat -30px -4px;position:absolute;top: 31px;right:45px}
.mcon_wrap>.left nav button{background-position: -30px -77px;}

.mcon_wrap>.left .login a{display:block;width:19px;height:0;padding-top:25px;overflow:hidden;background:var(--btnbg) no-repeat 0 -40px;}

@media all and (max-width:1022px) {
.cm_btn li{display: none;}
.cm_btn li:last-child{display: block;position: absolute;top: 28px;right: 20px;}
.cm_btn li:last-child a{display: block;width: 18px;height: 20px;background: var(--btnbg) no-repeat -61px 0;font-size: 0;overflow: hidden;}
}





.menu{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background:var(--white);z-index: 9;}
.menu.on{display: block;}
.menu h2{padding: 10px;font-size: 20px;background:var(--white);color:var(--color1);}
.menu>ul>li>a{display: block;font-size: 18px;font-weight: 600;color:var(--color1);width: 40%;padding: 15px 0 15px 20px;border-bottom: 1px solid var(--gray3);}
.depth_box{background:var(--gray1);position: absolute;top: 48px;left: 40%;right: 0;bottom: 0;overflow-y: auto;z-index: 1;border-radius: 20px 0 0 0;padding-top: 20px;}
.menu li li a{display: block;font-size: 16px;padding: 10px 0 10px 20px;}
.menu li li a .new_win{margin-top: 5px;}
.menu li li ul{border-radius: 20px;background:var(--white);padding: 10px;}
.menu li li li{padding: 0 10px;}
.menu li li li a{display: block;padding: 8px 0;font-size: 14px;color:var(--gray4);border-top: 1px dashed var(--gray3);}
.menu button{display:block;width:22px;height:0;padding-top:20px;overflow:hidden;background:var(--btnbg) no-repeat 0 -80px;position:absolute;top: 15px;right:20px}


.head .tsitemap{display:none;}

.main_container a:hover, main_container:focus{text-decoration: underline;}






/*배너모음*/
.f_banner{padding:20px;border-top:solid 1px var(--gray4);border-bottom:solid 1px var(--gray4)}
.f_banner .wrap{position:relative;}
.f_banner h2{font-size:16px;position:absolute;top:20px;left:20px;color:var(--color2);font-weight:600;font-family: SUIT !important;}
.f_banner .list{overflow:hidden;margin-left: 124px;}
.f_banner .list ul{width:4000px;}
.f_banner .list ul li{float:left;}
.f_banner .list ul li a{display:inline-block;padding:0 13px;color:var(--black);font-size:16px;font-weight:400;}

.f_banner .control{position:absolute;top: 25px;left:90px;}






/*관련사이트바로가기*/
.sitelink_list{position:absolute;top:90px;left:0;width:calc(100% - 40px);margin:0 20px}
.sitelink_list h2{position:relative;background:var(--gray1);border-radius:10px;font-size:16px;padding:15px 20px;padding-right: 30px;font-weight:400;font-family: SUIT !important;}
.sitelink_list h2 a{font-weight:600;}
.sitelink_list h2:after{display:block;content:"";width:11px;height:11px;background:var(--btnbg) right -30px;position:absolute;top:20px;right:20px;}

.sitelink_list .sitelink_box{background:var(--white);border:solid 1px var(--gray3);border-radius:10px;padding:30px 20px;position:absolute;left:0;bottom:0;width:100%;}
.sitelink_list .sitelink_box ul:after{display:block;content:"";clear:both;}
.sitelink_list .sitelink_box li{float:left;width:50%;}
.sitelink_list .sitelink_box li a{display:block;font-size:14px;padding:5px 0;}
.sitelink_list .sitelink_box button{width:16px;height:0;padding-top:15px;overflow:hidden;background:var(--btnbg) -30px -79px;position:absolute;right:20px;bottom:20px;}

.f_menu{margin:100px 20px 0 20px;}
.f_menu ul:after{display:block;content:"";clear:both;}
.f_menu li{float:left;padding:5px 50px 5px 0;}
.f_menu li a{font-size:16px;}
.f_menu li:nth-child(2) a{color:var(--color1);font-weight:600;}


.foot_info{font-size:16px;line-height:25px;padding:20px;}
.foot_info address{display:inline-block;font-style:normal;letter-spacing:-1px;}
.foot_info span{position:relative;display:block;}
.foot_info .copy{padding:20px 0;line-height:20px;}

.top_btn{background:var(--white);border-radius:50px;width:60px;height:60px;box-shadow: 0 0 10px rgba(0,0,0,0.1);position:fixed;right:30px;bottom:100px;}
.top_btn a{display:block;background:url("/images/08_open/common/top_arrow.png") no-repeat center center;width:60px;height:60px;padding-top:60px;overflow:hidden;}







/* Tablet */
@media all and (min-width:768px) {

footer .wrap{position:relative;}

/*관련사이트바로가기*/
.sitelink_list{top:90px;left:inherit;right:20px;width:250px;margin:0;}

.f_menu{margin:20px 20px 0 20px;}
.f_menu li{padding:5px 30px 5px 0;}



.foot_info br{display:none;}
.foot_info span{display:block;}
.foot_info .copy{padding:0;}


.top_btn{bottom:20px;}


}

/* Desktop */
@media all and (min-width:1023px) {


header .gnb{position:absolute;top:20px;right:60px;}
.gnb li{position:relative;padding:10px;margin-left:10px;}
.gnb li a{color:var(--white)}
.gnb li.sns span:after, .gnb li.lang span:after{background-position:0px -32px;}
.gnb li:nth-child(2):after{display:block;content:"";width:4px;height:4px;background:var(--gray5);border-radius:5px;position:absolute;top:17px;left:-7px;}
.gnb li.fm{background:rgba(255,255,255,0.2);padding:10px 40px 10px 20px;border-radius:30px;margin-left:10px;}
.gnb li.fm:after{width:11px;height:11px;background:var(--btnbg) no-repeat -149px -30px;top:13px;left:inherit;right:20px;border-radius:0;}

.gnb li.sns .sns_box.on, .gnb li.lang .lang_box.on{top: 30px;}
.gnb li.sns .sns_box.on li, .gnb li.lang .lang_box.on li{margin:0;}
.gnb li.sns .sns_box.on li a, .gnb li.lang .lang_box.on li a{color:var(--black)}
.gnb li div li:nth-child(2):after{display:none;}



.mcon_wrap>.left button, 
.menu button{display: none;}

.mcon_wrap>.left{position:relative;float:left;width:300px;height:auto;min-height:940px;}


.mcon_wrap>.left .t_logo{padding:40px 0 40px 60px;float:none;}
.mcon_wrap>.left .t_logo h1{width: auto;background-position:0 8px;}
.mcon_wrap>.left .t_logo h1 a{font-size:18px;}
.mcon_wrap>.left .t_logo h1 a strong{font-size:24px;}




.menu{display: block;position: static;background: none;padding:0 40px 60px 60px;}
.menu>ul>li{font-family:"SBAggro";font-size:20px;padding:25px 0;}
.menu>ul>li>a{position:relative;display:inline-block;width:auto;padding: 0 10px 0 0;background: none;border: none;font-weight: 500;color: #222;}
.menu>ul>li>a.on,
.menu>ul>li>a:hover,
.menu>ul>li>a:focus{color:var(--color1)}
.menu>ul>li>a.on:before,
.menu>ul>li>a:hover:before,
.menu>ul>li>a:focus:before{display:block;content:"";width:4px;height:4px;border-radius:10px;background:var(--color1);position:absolute;top:0;right:0;}


.menu .depth_box{display:none;}
.menu li.on .depth_box{display:block;position:relative;top:inherit;left:inherit;width:auto;padding: 0;border-radius: 0;overflow:visible;background:none;}
.menu li.on .depth_box:before{position:relative;top:inherit;left:inherit;right:inherit}
.menu li.on .depth_boxcon{position: relative;top:inherit;z-index: 10;text-align: left;background:var(--gray1);border-radius: 10px;padding: 5px 0 15px 15px;}
.menu li li a{position:relative;padding: 10px 0 0 10px;font-family: SUIT;font-weight:500;}
.menu li li a:before{display:block;content:"";width:5px;height:5px;border-radius:100%;background:var(--color1);position:absolute;top:18px;left:0;}
.menu li li a:hover,
.menu li li a:focus{text-decoration: underline;}
.menu li li ul{padding: 0;background: none;border-radius: 0;}
.menu li li li a{border: none;}
.menu li li li a:hover,
.menu li li li a:focus{text-decoration: underline;}


.l_search{position:relative;top:inherit;right:inherit;width:calc(100% - 80px);margin:0 40px;background:var(--white);border-radius:50px;box-shadow: 0 0 15px rgba(37,50,85,0.15);}
.l_search p{display:none;}
.l_search .sc_box{display:block;padding:10px 20px;}
.l_search .sc_box input[type="text"]{display:inline-block;padding:4px 0;width:calc(100% - 30px);}
.l_search .sc_box input[type="submit"]{display:inline-block;margin:3px 0 0 7px;width:18px;height:0;padding-top:18px;overflow:hidden;background:var(--btnbg) no-repeat 0 -2px;}


.cm_btn{display:block;margin:30px 40px;}
.cm_btn ul:after{display:block;content:"";clear:both;}
.cm_btn li{float:left;width:50%;font-size:14px;}
.cm_btn li:nth-child(1){padding-right:10px;}
.cm_btn li:nth-child(2){padding-left:10px;}
.cm_btn li a{position:relative;display:block;background:var(--white);border-radius:20px;box-shadow: 0 0 15px rgba(37,50,85,0.15);text-align:center;padding:50px 0 20px 0;}
.cm_btn li a:before{display:block;content:"";width:18px;height:30px;background:var(--btnbg) no-repeat;position:absolute;top:35px;left:50%;transform:translate(-50%,-50%)}
.cm_btn li:nth-child(1) a:before{background-position:-30px 0}
.cm_btn li:nth-child(2) a:before{background-position:-61px 0}



section{float:left;width:calc(100% - 300px);}







.foot{padding:0;}

/*배너모음*/
.f_banner{padding:20px 60px;}
.f_banner h2{left:60px;}
.f_banner .control{left:150px;}
.f_banner .list{margin-left: 180px;}

.f_wrap{padding:20px 60px 40px 60px;}

.f_menu{margin: 20px 0;}
.foot_info{padding: 20px 0;}
.foot_info span{display:inline-block;}

.sitelink_list{right:60px;}
.top_btn{right:60px;bottom:30px;}


}

@media all and (min-width:1600px) {
.l_search{margin-top:100px;}
.mcon_wrap, footer{max-width: 1920px;margin: 0 auto;}
}

/****** sub layout ******/
/* Mobile */
.sub_container{position: relative;}
.s_right::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(56, 62, 73, 0.3) 20%, #fff 20%);}
.s_right {position: relative; background: var(--color2) url(/images/14_boho/main/visual_bg.png) no-repeat left top;background-size: 100%;padding-top: 20px;}
.s_title {position: relative;}
.s_title h3 {font-family: "SBAggro"; text-align: center;color: #fff;font-weight: 700;position: relative;display: block; margin: 30px 0px 0px; padding: 30px 10px; border-radius: 30px 0 0 0;}
.s_title .local { background: #fff; position: relative;display: block;font-weight: 200; margin: 70px 0px 0px; padding: 20px 10px 10px 20px; border-radius: 50px 0 0 0; box-shadow: -13px -16px 23px rgba(72,99,188,.08)}
.s_title .local .navi div button {position: absolute; width: 40px; height: 40px;border-radius: 100%;background: url(/images/common/sub_ico.png) no-repeat center -656px #4635c8;font-size: 0; padding: 0; margin: 0; right: 0; bottom: -45px;box-shadow: 0 0 10px rgba(91, 69, 125, 0.5);}
.s_title .local>ul { position: relative;margin: 0 20px;font-size: 0;    border-bottom: 1px solid #ededed; padding-bottom: 20px;}
.s_title .local>ul>li {display: inline-block;}
.s_title .local>ul>li:after {display: inline-block; content: ">"; color: #4635c8;margin: 0 10px; font-size: 14px;}
.s_title .local>ul>li:last-of-type::after {content: none;}
.s_title .local li a {color: #fff; display: inline-block; font-size: 0;}
.s_title .local .home a { width: 16px; height: 16px;background: url(/images/common/sub_ico.png) no-repeat top center; font-size: 0;}
.s_title .local .navi div {display: none; position: absolute; left: 0; width: 100%; text-align: left; background: #fff; border-radius: 10px; padding: 20px; box-sizing: border-box; box-shadow: 0 0 10px rgba(219,219,219,.5);}
.s_title .local .navi div.on {display: block; position: absolute; z-index: 2;}
.s_title .local .navi div li {padding: 8px;border-bottom: 1px dashed #ededed;}
.s_title .local .navi div li:first-child {margin-top: 0;padding-top: 0;}
.s_title .local .navi>a:after { display: inline-block;width: 8px; height: 6px; background: url(/images/common/toggle_open.png) no-repeat; margin: 0 0 0 6px; content: ""; vertical-align: middle;}
.s_title .local li a {display: inline-block; color: #111; font-size: 14px;font-weight: 500;}
.s_title .utill {position: absolute; right: 70px;top: 90px;}
.s_title .utill li {display: inline-block;}
.s_title .utill li button {width: 40px; height: 40px; padding: 0; margin: 0; font-size: 0;border-radius: 100%;background: url(/images/common/sub_ico.png) no-repeat center -55px rgba(255,255,255,0.2);box-shadow: 0 0 10px rgba(35,88,195,.1);}
.s_title .utill li.down button {background-position: center -135px;}
.s_title .utill li.print button {background-position: center -216px;}
.s_title .utill li.url button {background-position: center -296px;}
.s_title .share button, .s_title .share a {display: block; width: 40px; height: 40px; padding: 0; margin: 0; font-size: 0; border-radius: 100%; background: url(/images/common/sub_ico.png) no-repeat center -375px #4635c8; box-shadow: 0 0 10px rgba(219,219,219,.2);}
.s_title .share { position: absolute; right: 20px; top: 90px;}
.s_title .share div {display: none; position: absolute; z-index: 2;}
.s_title .share div.on {display: block;}
.s_title .share .face a {background-position: center -416px;}
.s_title .share .kakao a {background-position: center -456px;}
.s_title .share .story a {background-position: center -496px;}
.s_title .share .band a {background-position: center -536px;}
.s_title .share .ins a {background-position: center -576px;}
.s_title .share div button {background-position: center -616px; background-color: #ededed;}
.s_con{padding: 20px 30px 40px;position: relative; z-index: 1;background: #fff;}
.scon_bottom{margin: 20px;position: relative;}

@media all and (min-width:768px) {
.s_title .local .navi div{left: auto;width: 200px;}
.s_right::before {background: linear-gradient(rgba(56, 62, 73, 0.3) 26%, #fff 27%);}
}

@media all and (min-width:1023px) {
.s_content:after{display: block;clear: both;content: "";}

.s_right::before {background: linear-gradient(rgba(56, 62, 73, 0.3) 33%, #f8f8fc 41%, #fff 46%);}
.s_right{background-size: 70%;padding-left: 40px;}

.s_title h3{margin: 50px 0 40px;padding-bottom: 30px;font-size: 36px;}
.s_title .local{padding: 20px 70px 10px 30px;text-align: left;border-radius: 60px 0 0 0;}
.s_title .local::after {content: ''; display: block; width: 100%; height: 100vh; background-color: #fff; position: absolute; left: 0;}
.s_title .local>ul{margin: 0;}
.s_title .local>ul>li:after, .s_title .local li a{font-size: 16px;}
.s_title .local .home a{margin-top: 3px;}
.s_title .local .navi div{width: 240px;}
.s_title .utill {right: 115px;}
.s_title .share{bottom: 30px;right: 70px;}
.s_con, .scon_bottom{margin:0;}
}

@media all and (min-width:1200px) {
.s_title .local {padding: 20px 70px 10px 50px;border-radius: 100px 0 0 0;}
.s_con, .scon_bottom { padding:20px 100px 40px 70px; }
}

@media all and (min-width:1600px) {
.s_right {background-size: 60%; background-position-y: -100px;}
}

/* 공공누리 */
.license{background: #fafafa;padding:20px;margin-bottom: 20px;text-align:center;border-radius: 10px;word-break: keep-all;}
.license div{display:block;margin:0 0 10px 0}
.license p em{font-style:normal;font-weight:bold}
.license p em:after,.license p em:before{content:'\0022'}
@media all and (min-width:1023px) {
.license{overflow:hidden;text-align:left}
.license div{float:left;margin:0}
.license p{float:right;margin:12px 0 0 0;width:calc(100% - 230px)}
}

/* 콘텐츠담당자 */
.manager{background:#fafafa;padding:20px;border-radius: 10px 10px 0 0;}
.manager h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.manager li{margin:0 0 5px 0}
.manager li:before{display: inline-block;width: 20px;height: 20px;content: "";background: url("/images/common/sub_ico.png") no-repeat center -696px;margin-right: 4px;vertical-align: middle;}
.manager li.tel:before{background-position: center -716px;}
.manager li strong{color:#000}
@media all and (min-width:768px) {
.manager{position:relative}
.manager ul{overflow:hidden}
.manager li{float:left;margin:0 30px 5px 0}
}
@media all and (min-width:1023px) {
.manager p{position:absolute;bottom:20px;right:20px}
.manager li{margin:0 30px 0 0}
}

/* 만족도조사 */
.research{border:5px solid #fafafa;padding:20px;border-radius: 0 0 10px 10px;}
.research h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.research p{margin:0 0 10px 0}
.research li{line-height:1.5em}
.research li:first-child{margin:0 0 10px 0}
.research li *{vertical-align:middle}
.research input[type=text]{border:1px solid #ddd;width:100%;height:30px;box-sizing:border-box;border-radius: 3px;}
.research input[type=submit]{background:#4635c8;color:#fff;width:100%;height:30px;border-radius: 3px;}
.research label{color:#000;margin-right:20px;font-size: 14px;}
.research a.btn_bbsw{width:100%;padding:9px 0 0 0;margin:5px 0 0 0;text-align:center}
@media all and (min-width:768px) {
.research{padding:25px;position:relative}
.research input[type=text]{width:calc(100% - 120px)}
.research input[type=submit]{width:100px}
.research a.btn_bbsw{width:100px;position:absolute;top:20px;right:25px}
}
@media all and (min-width:1023px) {
.research ul{overflow:hidden}
.research li{float:left;width:50%}
.research li:first-child{padding:5px 0 0 0;margin:0}
}

/*제어버튼*/
.control .btn button{width:10px;height:0;padding-top:14px;overflow:hidden;background:var(--btnbg) no-repeat;}
.control .btn span{display:inline-block;margin-top:-2px;}
.control .btn span strong{display:inline-block;margin-top:-2px;}
.control .btn button.prev {background-position: 0px -50px;}
.control .btn button.next {background-position: -20px -50px;}
.control .btn button.stop {background-position: -40px -50px;}
.control .btn button.play {background-position: -60px -50px;}



.clear{display:block;content:"";clear:both}
.blind{position:absolute;top:-5000px;left:-5000px;}
.new_win{display:inline-block;width:12px;height:12px;font-size: 0;overflow:hidden;margin:0 0 0 5px;vertical-align:top;background:url("/images/08_open/common/new_win.png");}

.hide{display:none;}

/* 학교안전공회 */
/* Mobile */
.sub_24 {background: #eff0f4 url(/images/24_safety/main/visual_bg.png) no-repeat left top;background-size:120%;}
.sub_24::before {background:linear-gradient(rgba(56, 62, 73, 0.3) 19%, #fff 46%);}


@media all and (min-width:768px) {
.sub_24 {background: #eff0f4 url(/images/24_safety/main/visual_bg.png) no-repeat left 0;background-size: 110%;}
.sub_24::before {background:linear-gradient(rgba(56, 62, 73, 0.3) 19%, #fff 19%);}
}
@media all and (min-width:1023px) {
.sub_24 { background-size: 100%;}
.sub_24::before {background:linear-gradient(rgba(56, 62, 73, 0.3) 19%, #fff 46%);}
}
@media all and (min-width:1200px) {
.sub_24 { background-size: 75%;}
}
@media all and (min-width:1600px) {
.sub_24 { background-size: 65%;background-position: left top;}
}

/* 법무행정 */
/* Mobile */
.sub_07 {background: var(--color2) url("/images/07_law/main/visual_bg.png") no-repeat left top; background-size: 100%;}

@media all and (min-width:1200px) {
.sub_07 {  background-size: 70%;}
}

@media all and (min-width:1600px) {
.sub_07 { background-position-y: 0; background-size: 60%;}
}

/*정보보안·개인정보보호 */
/* Mobile */
.bh14 {background: var(--color2) url(/images/08_open/main/visual_bg.png) no-repeat left top; background-size: 100%;}

@media all and (min-width:1200px) {
.bh14{background-size: 70%;}
}

@media all and (min-width:1600px) {
.bh14{background-position-y: 0; background-size: 60%;}
}   

/*전북교육인권센터 */
/* Mobile */
.sub_27{background: #faf9f7 url(/images/27_human/main/visual_bg.png) no-repeat left top; background-size: 100%;}
.sub_27:before{background: linear-gradient(rgba(56, 62, 73, 0.3) 32%, #fff 21%);}

@media all and (min-width:768px) {
.sub_27 {background-size: 70%;}
.sub_27:before{background:linear-gradient(rgba(56, 62, 73, 0.3) 27%, #fff 34%);}
}

@media all and (min-width:1023px) {
.sub_27:before{background:linear-gradient(rgba(56, 62, 73, 0.3) 27%, #fff 75%);}
}

@media all and (min-width:1600px) {
.sub_27{background-position-y: -30px;background-size: 50%;}
}                                                

/*학교건강증진교육센터 */
/* Mobile */
.mcon_wrap>.left .t_logo h1 .health_logo strong{font-size: 18px;}
.sub_21{background: #c1e3b2 url(/images/21_health/main/visual_bg.png) no-repeat center top; background-size: 100%;} 
.sub_21:before {background: linear-gradient(rgba(56, 62, 73, 0.3) 33%, #f8f8fc 41%, #fff 46%);}

@media all and (min-width:1200px) {
.sub_21{background-size: 100%;background-position-y: -100px;}
}

/*재정공개*/
.sub_23 {background-image: url("/images/23_finance/main/visual_bg.png");background-color: #afacbd;}


/*번역*/
.translated-ltr font{word-break: break-all;}
.translated-ltr .mcon_wrap>.left .t_logo{width: auto;}
.translated-ltr .mcon_wrap>.left .t_logo h1{width: auto;}
@media all and (max-width:600px) {
.translated-ltr header .gnb{height: 60px;}
.translated-ltr .mcon_wrap>.left{height: 110px;}
.translated-ltr .mcon_wrap>.left .t_logo{width: 80%;}
.translated-ltr .mcon_wrap>.left .t_logo h1 a strong{font-size: 18px;letter-spacing: -1px;line-height: 1.2;}
}
.translated-ltr .l_search .sc_box{top: auto;}
.translated-ltr .f_banner h2, .translated-ltr .f_banner .control{position: static;}
.translated-ltr .f_banner h2{float: left;}
.translated-ltr .f_banner .control{float: right;}
.translated-ltr .f_banner .list{clear: both;margin-left: 0;margin-top: 30px;}
.translated-ltr .sitelink_list{top: 130px;}
@media all and (min-width:768px) {
.translated-ltr .f_menu{margin-top: 40px;}
.translated-ltr .sitelink_list{top: 105px;}
}
@media all and (min-width:1023px) {
.translated-ltr .mcon_wrap>.left .t_logo{padding-left: 10px}
.translated-ltr .mcon_wrap>.left .t_logo h1 a{font-size: 14px;}
.translated-ltr .mcon_wrap>.left .t_logo h1 a strong{font-size: 20px;}
.translated-ltr .menu{padding: 0 20px 60px 20px;}
.translated-ltr .l_search{margin: 0 20px;width: calc(100% - 40px);}
.translated-ltr .l_search .sc_box input[type="text"]::placeholder{font-size: 10px;}
.translated-ltr .cm_btn{margin: 40px 20px;}
}