@charset "utf-8";

/* set */
body {font-size:16px;margin:0;padding:0;font-family: "GmarketSans", "NotoSans", Dotum, "돋움", sans-serif;color:#4c4c57;font-weight:300;}
input, select, button, a, p {background: none; font-family: "GmarketSans", sans-serif;font-size:16px;color:#4c4c57;}
td *, div *, span *, p * {vertical-align: middle!important;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:-5000px;left:-5000px;font-size:0;}
.hide{display:none !important;margin:0;padding:0}
.new_win, .win_white {font-size: 0; display:inline-block;width:12px;height:0;padding:12px 0 0 0;overflow:hidden;margin:0 0 0 5px;vertical-align:top;background:url("/images/04_office/common/new_win.png");}
.win_white {background:url("/images/04_office/common/new_win_fff.png");}

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

/* Mobile */
.wrap{margin: 0 12px;}

/*header*/
header{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 2;}
header .gnb{padding: 10px 0;background: #f3f3f3;}
header .gnb .gnb_left{font-size: 0;}
header .gnb .gnb_left>ul>li{display: inline-block;}
header .gnb .gnb_left>ul>li:after{display: none;width: 5px;height: 5px;margin: 0 5px;content: "";background: #dfdfdf;border-radius: 100%;vertical-align: middle;}
header .gnb .gnb_left>ul>li:first-child:after{display: inline-block;}
header .gnb .gnb_left>ul>li>a{font-size: 13px;color: #666}
header .gnb .gnb_left .lang_wrap{position: relative;margin-left: 10px;}
header .gnb .gnb_left .lang_wrap>a{display: block;font-size: 0;overflow: hidden;}
header .gnb .gnb_left .lang_wrap>a:after{display: inline-block;width: 30px;height: 20px;background: url("/images/04_office/main/lang.png") no-repeat center /100%;content: "";}
header .gnb .lang_box{display: none;position: absolute;left: 50%;transform: translateX(-50%);width: 130px;padding: 10px;background: #fff;box-shadow: 0 0 10px #e7e7e7;border-radius: 10px;border: 1px solid #2b76ba;text-align: center;z-index: 3;}
header .gnb .lang_box.on{display: block;}
header .gnb .lang_box li a{display: block;padding: 2px 0;font-size: 13px;color: #2b76ba;}

header .gnb .sns{position: absolute;top: 8px;right: 12px;text-align: center;}
header .gnb .sns_txt>a{display: block;padding: 0 10px;border: 1px solid #b7b7b7;color: #666;border-radius: 50px;}
header .gnb .sns_list{display: none;position: absolute;right: 0;width: 80px;padding: 0 5px;background: #f1f5fb;border: 1px solid #cdd8ea;border-radius: 10px;z-index: 1;}
header .gnb .sns_list li{margin: 5px 0;}
header .gnb .sns_list li a{display: block;border-bottom: 1px dotted #2b76ba;font-size: 14px;}
header .gnb .on .sns_txt>a{background: #2b76ba;color: #fff;}
header .gnb .on .sns_list{display: block;}

.head{height: 60px;padding: 10px 0;box-sizing: border-box;}
.head h1 a{display: block;padding-left: 35px;background: url("/images/04_office/main/logo_01.png") no-repeat;font-size: 16px;font-weight: 300;color: #4c4c57;line-height: 1.2;min-height: 38px;max-width: 200px;box-sizing: border-box;}
.head h1 a em{display: inline-block;font-style: normal;font-size: 12px;color: #97939b;}
.head button{position: absolute;top: 56px;right: 12px;width: 35px;height: 27px;padding: 0;background: url("/images/04_office/main/icon.png") no-repeat -516px; -7px;font-size: 0;}
.menu{position: fixed;top: 0;bottom: 0;right: 0;background: #fff;padding-top: 70px;visibility: hidden;width: 0;z-index: 2;}
.menu.on{visibility: visible;left: 0;width: 100%;}
.menu:before{position: absolute;top: 50px;bottom: 0;left: 0;width: 150px;content: "";background: #2b76ba;border-radius: 30px 10px 0 0;z-index: -1;}
.menu>div>ul>li>a{display: block;width: 130px;padding: 20px 0 20px 20px;font-size: 20px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.3);box-sizing: border-box;}
.depth_box{position: fixed;top: 70px;bottom: 0;right: 0;padding-right: 10px;width: calc(100% - 170px);overflow-y: auto;}
.depth_boxcon{height: 100%;}
.depth_boxcon>li>a{display: block;position: relative;padding: 15px 0 15px 20px;border-bottom: 1px solid #dce7f2;font-size: 18px;}
.depth_boxcon>li>a:before{position: absolute;width: 5px;height: 5px;content: "";background: #2b76ba;border-radius: 100%;top: 22px;left: 8px;}
.depth_boxcon li li a{display: block;position: relative;padding: 5px 0 5px 20px;font-size: 14px;color: #666;background: #f9fcff;border-bottom: 1px solid #dce7f2;}
.depth_boxcon li li a:before{position: absolute;width: 3px;height: 3px;background: #2b76ba;border-radius: 100%;top: 12px;left: 10px;content: "";}
.menu button.close{top: 14px;right: auto;left: 10px;width: 70px;height: 21px;padding: 0;background: url("/images/04_office/main/back.png") no-repeat;}
.menu .menu_gnb li{position: absolute;top: 13px;right: 69px;visibility: visible;}
.menu .menu_gnb li a{display: block;font-size: 0;padding: 0;border: none;width: auto;}
.menu .menu_gnb li a:after{display: inline-block;width: 16px;height: 14px;font-size: 0;background: url("/images/04_office/main/icon.png") no-repeat -414px -14px;content: "";vertical-align: middle;}
.menu.on .menu_gnb{display: none;}
.menu .sitemap, .pc_sitemap{display: none;}

.main_container{padding-top: 100px;overflow-x: hidden;}

/*footer*/
.foot_bg{padding: 40px 0;background: #2f2e34;}
.foot_bg a{font-size: 14px;color: #aaa;}
.f_link{position: relative;text-align: center;font-size: 0;}
.f_link>p{display: inline-block;margin: 0 4px 20px;}
.f_link button{display: block;margin: 0 auto;padding: 3px 10px;color: #568bbb;border-radius: 50px;border: 1px solid #568bbb;font-size: 14px;}
.f_link .sitelink_box{display: none;position: absolute;left: 0;right: 0;bottom: 10px;background: #fff;border-radius: 10px;border: 3px solid #ebebeb;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 1;}
.f_link .sitelink_box.on{display: block;}
.f_link .sitelink_box ul{display: flex;flex-wrap: wrap;max-height: 250px;padding: 10px;overflow-y: auto;}
.f_link .sitelink_box li{position: relative;width: 50%;margin: 0 0 5px;padding-left: 8px;text-align: left;box-sizing: border-box;}
.f_link .sitelink_box li:before{position: absolute;width: 3px;height: 3px;content: "";background: #568bbb;border-radius: 100%;left: 0;top: 7px;}
.f_link .sitelink_box li a{color: #666}
.f_link .sitelink_box button{margin-bottom: -13px;background: #568bbb;color: #fff;}

.foot_info{margin: 20px 12px 0;color: #aaa;font-size: 14px;text-align: center;}
.foot_info>a{display: block;padding-left: 35px;background: url("/images/04_office/main/logo_f.png") no-repeat;font-size: 16px;font-weight: 300;line-height: 1.2;min-height: 38px;text-align: left;}
.foot_info>a em{display: inline-block;font-style: normal;font-size: 12px;color: #97939b;}
.foot_info address{display: block;margin: 20px auto;font-style: normal;word-break: keep-all;}
.foot_info p{color: #aaa;font-size: 14px;}

/* Tablet */
@media all and (min-width:768px) {
header .gnb .gnb_left .lang_wrap{position: absolute;top: 4px;right: 170px;margin: 0;}
header .gnb .gnb_left .lang_wrap>a{padding: 3px 10px;color: #2b76ba;font-size: 14px;vertical-align: middle;border: 1px solid #2b76ba;border-radius: 20px;}
header .gnb .gnb_left .lang_wrap>a:after{vertical-align: middle;margin-left: 10px;}
header .gnb .sns_txt>a{display: none;}
header .gnb .sns_list{display: block;width: 130px;padding: 0;background: none;border: none;border-radius: 0;font-size: 0;}
header .gnb .sns_list li{display: inline-block;margin: 0 0 0 10px;}
header .gnb .sns_list li a{display: block;width: 22px;height: 22px;font-size: 0;background: url("/images/04_office/main/icon.png") no-repeat;border: none;}
header .gnb .sns_list li.facebook a{background-position: -856px -10px;}
header .gnb .sns_list li.blog a{background-position: -900px -10px;}
header .gnb .sns_list li.youtube a{background-position: -942px -10px;}
header .gnb .sns_list li.instagram a{background-position: -985px -10px;}
.menu:before{width: 210px;}
.menu>div>ul>li>a{width: 210px;}
.depth_box{width: calc(100% - 230px);}
.menu .menu_gnb li{right: 140px;}
	
.foot_bg a{font-size: 16px;}
.f_link{text-align: left;}
.f_link>p{margin: 0;}
.f_link>p.color:after{display: inline-block;width: 5px;height: 5px;content: "";background: #aaa;margin: 5px 10px;vertical-align: middle;border-radius: 100%;}
.f_link button{position: absolute;top: 0;right: 0;}
.f_link .sitelink_box{bottom: -8px;}
.f_link .sitelink_box li{width: 33.33%;margin: 5px 0;}
.f_link .sitelink_box button{margin: 0;top: auto;bottom: -20px;right: 50%;transform: translateX(50%);font-size: 16px;}
.foot_info{margin-top: 30px;text-align: left;}
}

/* Desktop */
@media all and (min-width:1023px) {
.win_white {background:url("/images/04_office/common/new_win.png");}
	
.head button{display: none;}
.menu{position: absolute;visibility: visible;top: 65px;left: 210px;width: auto;padding: 0;background: none;}
.menu.on{left: 210px;width: auto;}
.menu:before{display: none;}
.menu>div>ul{display: flex;}
.menu>div>ul>li>a{width: auto;padding: 0 7px 22px;color: #4c4c57;font-size: 16px;border: none;line-height: 1;}
.depth_box{width: 100%;top: 100px;bottom: auto;left: 0;background: #f9fcff;box-shadow: 0 10px 15px rgba(0,0,0,0.1);border-top: 1px solid #ebebeb;padding: 50px 0 20px;min-height: 140px;box-sizing: border-box;}
.depth_boxcon{display: flex;flex-wrap: wrap;column-gap: 1%;padding: 0 0 0 15%;}
.depth_boxcon:before{position: absolute;width: 158px;height: 140px;content: "";bottom: 0;left: 0;background: url("/images/04_office/main/menu_on.png") no-repeat center /contain}
.depth_boxcon>li{width: 25%;margin: 0 1% 30px;}
.depth_boxcon>li>a{padding: 10px 0;border: 1px solid #dce7f2;border-radius: 10px;text-align: center;background: #fff;line-height: 1;}
.depth_boxcon>li>a:before{display: none;}
.depth_boxcon>li>a:hover, .depth_boxcon>li>a:focus{background: #2b76ba;color: #fff;font-weight: 700;}
.menu.on .menu_gnb{display: block;}
.menu .menu_gnb li{top: -52px;}
.menu .menu_gnb li.pc_sitemap{display: block;top: -2px;right: 20px;}
.menu .menu_gnb li.pc_sitemap a:after{width: 18px;background-position: -464px -14px;}
	
.foot_info{margin: 30px 12px 0;}
.foot_info .logo{float: left;margin: 5px 10px 0 0;}
.foot_info .logo em{font-size: 12px;}
.foot_info address{margin: 0;}
	
.f_link .sitelink_box{max-width: 240px;left: auto;bottom: 30px;}
.f_link .sitelink_box li{width: 100%;}
.f_link .sitelink_box button{right: -3px;transform: none;bottom: -41px;font-size: 14px;}
}

/* Desktop */
@media all and (min-width:1400px) {
.wrap{width: 1400px;margin: 0 auto;position: relative;}
	
header .gnb .gnb_left>ul>li>a{font-size: 14px;}
header .gnb .gnb_left>ul>li:after{margin: 0 10px;}
header .gnb .gnb_left .lang_wrap{top: -5px;right: 140px;}
header .gnb .sns_list{top: -10px;}	
	
header .head h1 a{padding-left: 40px;position:relative;z-index:3;}
.head h1 a em{font-size: 14px;}
.menu, .menu.on{top: 15px;left: 0;width: 100%;}
.menu>div>ul{justify-content: center;}
.menu>div>ul>li>a{padding: 0 20px 22px;}
.depth_boxcon>li{width: 19%;}
.menu .menu_gnb li{top: -2px;right: 60px;}
.menu .menu_gnb li a{font-size: 14px;color: #2b76ba;background: none;}
.menu .menu_gnb li a:after{margin-left: 10px;}
.menu .menu_gnb li.pc_sitemap a{font-size: 0;}
	
.foot_info{max-width: 1400px;margin: 30px auto 0;}
}                                       

/****** sub layout ******/
.sub_container{position: relative;padding-top: 100px;}
.s_left{display: none;}
.s_left h2{height: 130px;padding-top: 45px;margin-bottom: 20px;background: #113b6d;border-radius: 30px 10px;font-size: 28px;color: #fff;text-align: center;box-sizing: border-box;box-shadow: 0 0 10px rgba(35,88,195,.1);}
.s_left>ul>li{position: relative;margin-bottom: 5px;}
.s_left>ul>li>a{display: block;padding: 20px;font-size: 18px;border-radius: 5px;box-shadow: 0 0 10px rgba(219,219,219,.3);word-break: keep-all;}
.s_left>ul>li.on>a{background: #2b76ba;color: #fff;font-weight: 600;border-radius: 20px 5px;}
.s_left>ul>li>a:after{position: absolute;top: 28px;right: 20px;width: 10px;height: 10px;content: "";background: url("/images/common/sub_ico.png") no-repeat center -736px;}
.s_left>ul>li.on>a:after{background-position: center -746px;}
.s_left li ul{margin-top: 5px;background: #f9fcff;border-radius: 10px;padding: 20px 20px 10px;}
.s_left li li{position: relative;padding-left: 10px;margin-bottom: 10px;}
.s_left li li:before{position: absolute;left: 0;top: 9px;width: 5px;height: 5px;content: "";background: #2b76ba;border-radius: 100%;}
.s_left li li a{display: block;}
.s_left li li.on a, .s_left li a:hover, .s_left li a:focus{text-decoration: underline; color: #2b76ba;}
.s_left .new_win{vertical-align: baseline;}

.s_title{position: relative;}
.s_title .local{padding: 20px 0 100px;background: #eff8fe;text-align: center;}
.s_title .local>ul{position: relative;margin: 0 20px;font-size: 0;}
.s_title .local>ul>li{display: inline-block;}
.s_title .local>ul>li:after{display: inline-block;content: ">";color: #2b76ba;margin: 0 10px;font-size: 14px;}
.s_title .local>ul>li:last-child:after{display: none;}
.s_title .local li a{display: inline-block;font-size: 14px;}
.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(35,88,195,.1);}
.s_title .local .navi div.on{display: block;}
.s_title .local .navi div li{margin-top: 8px;padding-bottom: 8px;border-bottom: 1px dashed #ddd;}
.s_title .local .navi div li:first-child{margin-top: 0;}
.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 #2b76ba;font-size: 0;padding: 0;margin: 0;right: 0;bottom: -45px;box-shadow: 0 0 10px rgba(31, 91, 132, 0.5);}
.s_title .utill{position: absolute;right: 20px;top: 80px;}
.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 -16px #fff;box-shadow: 0 0 10px rgba(35,88,195,.1);}
.s_title .utill li.down button{background-position: center -96px;}
.s_title .utill li.print button{background-position: center -216px;background-color: #113b6d;}
.s_title .utill li.url button{background-position: center -296px;background-color: #2b76ba;}
.s_title h3{margin: 30px 20px 20px;padding-bottom: 20px;border-bottom: 1px solid #f3f3f3;}
.s_title .share{position: absolute;bottom: 15px;right: 20px;}
.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 -336px #ededed;box-shadow: 0 0 10px rgba(219,219,219,.2);}
.s_title .share div{display: none;position: absolute;z-index: 1;}
.s_title .share div.on{display: block;}
.s_title .share div li{margin: 4px 0;}
.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;}
.s_con{margin: 0 20px 40px;}
.scon_bottom{margin: 20px;}

@media all and (min-width:768px) {
.s_title .local .navi div{left: auto;width: 200px;}
}

@media all and (min-width:1023px) {
.sub_container:before{position: absolute; top: 100px; left: 0; width: 100%; height: 100px; content: "Jeonbuk State office of Education"; background: #edf6fc; z-index: -1; color: #e6f2f9; font-size: 60px; overflow: hidden; text-align: right; text-transform: uppercase; font-weight: 600;}
.s_content{max-width: 1400px;margin: 0 20px;padding-top: 40px;}
.s_content:after{display: block;clear: both;content: "";}

.s_left{display: block;float: left;width: 200px;}
.s_left li li {border-bottom: 1px dotted #cbdef0;}
.s_right{float: right;width: calc(100% - 240px);}

.s_title .local{padding: 0 0 36px;background: none;text-align: left;}
.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: 0;top: -10px;}
.s_title h3{margin: 50px 0 40px;padding-bottom: 30px;font-size: 36px;}
.s_title .share{bottom: 30px;}
.s_con, .scon_bottom{margin: 0 0 40px;}
}

@media all and (min-width:1200px) {
.s_content{max-width: 1540px;margin: 0 auto;}
.s_left{width: 280px;}
.s_right{width: calc(100% - 340px);}
.s_con, .scon_bottom{margin: 0 0 60px;}
}


/* 공공누리 */
.license{background: #fafafa;padding:20px;margin-bottom: 20px;text-align:center;border-radius: 20px;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: 20px 20px 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;}
@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:16px;right:20px}
.manager li{margin:0 30px 0 0}
}

/* 만족도조사 */
.research{border:5px solid #fafafa;padding:20px;border-radius: 0 0 20px 20px;}
.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:#2b76ba;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}
}  

/* 번역 */
/* Mobile */
.translated-ltr .m_container{padding-top: 185px;}
.translated-ltr header, .translated-ltr .menu{top: 40px;}
.translated-ltr header .gnb{height: 75px;box-sizing: border-box;}
.translated-ltr header .gnb .gnb_left .lang_wrap{position: absolute;top: 40px;right: 36px;}
.translated-ltr .head{height: 110px;}
.translated-ltr .head h1 a{max-width: calc(100% - 40px);}
.translated-ltr .head>.wrap>button{top: auto;bottom: 20px;}
.translated-ltr .menu.on>div>ul>li>a{width: 150px;padding: 10px 0 10px 15px;font-size: 13px;}
.translated-ltr .depth_boxcon>li>a{font-size: 16px;}
.translated-ltr .menu .menu_gnb li{right: 12px;top: 45px;}
.translated-ltr .f_link .sitelink_box li{width: 100%;}

/* Tablet */
@media all and (min-width:768px) {
.translated-ltr .m_container{padding-top: 115px;}
.translated-ltr header .gnb{height: 45px;}
.translated-ltr header .gnb .gnb_left .lang_wrap{top: 8px;right: 160px;}
.translated-ltr .head{height: 70px;}
.translated-ltr .menu .menu_gnb li{top: 14px;right: 138px;}
.translated-ltr .f_link .sitelink_box li{width: 33.33%;}
.translated-ltr .f_link .sitelink_box li a{font-size: 14px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.translated-ltr .m_container{padding-top: 180px;}
.translated-ltr .head{height: 135px;}
.translated-ltr .menu{left: 0;top: 90px;}
.translated-ltr .menu>div>ul{justify-content: space-evenly;margin-top: 20px;align-items: center;}
.translated-ltr .menu>div>ul li{text-align: center;}
.translated-ltr .menu>div>ul>li>a, .translated-ltr .menu.on>div>ul>li>a{width: auto;padding: 0 7px 22px;font-size: 16px;}
.translated-ltr .menu .menu_gnb li{right: 10px;top: -20px;}
.translated-ltr .menu .menu_gnb li.login, .translated-ltr .menu .menu_gnb li.logout{right: 40px;}
.translated-ltr .menu.on>div>.menu_gnb>li>a{font-size: 0;}
.translated-ltr .depth_box{top: 220px;}
.translated-ltr .f_link .sitelink_box li{width: 100%;}
.translated-ltr .f_link .sitelink_box button{bottom: -38px;}
.translated-ltr .foot_info .logo{float: none;margin-bottom: 20px;}
}

/* Desktop */
@media all and (min-width:1400px) {
.translated-ltr header .gnb .gnb_left .lang_wrap{top: 0;}
.translated-ltr .menu{top: 50px;}
.translated-ltr .menu.on .menu_gnb li.login a, .translated-ltr .menu.on .menu_gnb li.logout a{font-size: 16px;}
}