@charset "utf-8";

/* set */
body {font-size:16px;margin:0;padding:0;font-family: "GongGothic", "GmarketSans", "NotoSans", Dotum, "돋움", sans-serif;color:#393939;font-weight:100;}
.section a {font-family: "GongGothic", Dotum,"돋움", sans-serif;color:#393939;font-weight:100;;}
input, select, button, a, p {background: none; font-family: "GongGothic", "GmarketSans", sans-serif;font-size:16px;color:#4c4c57;}
em {font-style: normal;}

#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/13_parents/common/new_win.png")}
.win_white {background:url("/images/13_parents/common/new_win_fff.png");}

/*스크롤바스타일*/
*::-webkit-scrollbar {width:4px;height:4px;} /*스크롤바 사이즈*/
*::-webkit-scrollbar-track {border-radius:5px;background:rgba(255,255,255,0.3)} /*스크롤바 배경*/
*::-webkit-scrollbar-thumb {background:#2e864a;border-radius: 10rem} /* 스크롤 제어박스*/                                                                   

/* Mobile */
.m_container {padding-top: 104px;}
.wrap{margin: 0 12px;}

/* header */
header {background:#fff;position: fixed; width: 100%; z-index: 100; top: 0; height: 104px;}
header .gnb {height: 40px; background: #fff; border-bottom: 1px solid #e8e6e4;}
header .gnb>.wrap {position: relative;}
header .gnb .gnb_left {display: inline-block;}
header .gnb .gnb_left ul {padding-top: 14px;}
header .gnb .gnb_left li {display: inline-block;position: relative;}
header .gnb li a {color: #666666; font-family: "GmarketSans"; font-size: 14px;font-weight: 300;}
header .gnb .gnb_left li:first-of-type::after {margin: 5px 10px; content: ''; position: absolute; width: 5px;height: 5px; border-radius: 50px; background: #dfdddb;}
header .gnb .gnb_left li:nth-of-type(2) { padding-left: 20px;}

header .gnb .gnb_left li.lang_wrap {position: absolute; top: 1px; right: 90px;}
header .gnb .gnb_left li.lang_wrap a.lang {display: block;}
header .gnb .gnb_left li.lang_wrap a.lang:focus{outline:none;}
header .gnb .gnb_left li.lang_wrap a.lang span {font-size:0;position: relative;}
header .gnb .gnb_left li.lang_wrap a.lang span::after {content:''; display: block; height: 30px; background: url(/images/26_farmschool/main/lang.png) no-repeat; overflow: hidden; width: 30px; top: 7px; position: absolute; right: 0;    background-size: 100%;}
header .gnb .gnb_left li.lang_wrap a.lang:focus span::after{ outline-color: darkcyan; outline-offset: -1px;  outline-width: 3px;  outline-style: dashed;}
.gnb .lang_box {display: none; position: absolute;top: 30px; background: #fff; box-shadow: 0 10px 30px #e7e7e7; border-radius: 20px; padding: 15px 20px;  z-index: 999; width: 180px; right: -85px;}
.gnb .lang_box.on {display:block;}
header .gnb .gnb_left .lang_box ul { text-align: center; padding-top: 0;}
.gnb .lang_box ul li { font-size: 14px; text-align: center;  padding: 3px 0; font-weight: 100;}
header .gnb .gnb_left .lang_box ul li:first-of-type::after {content:none;}
.gnb .lang_box ul li:nth-of-type(2) {padding-left:0;}
.gnb .lang_box ul li a {display:block;}
.gnb .lang_box ul li a::after {content:none;}

header .gnb .sns {z-index: 100; text-align: center; padding-top: 7px; display: inline-block; position: absolute; right: 0; background: #fff; border-radius: 10px;}
header .gnb .sns .sns_txt {text-align: center; display: block; padding: 2px 15px 0; color: #666666; border: 1px solid #b7b7b7; border-radius: 50px;}
header .gnb .sns .sns_txt .sns_list {display: none;}
/* sns 펼침 */
header .gnb .sns.on .sns_txt {border-radius: 10px; padding: 3px 0 0; transition: .3s all;}
header .gnb .sns.on .sns_txt .sns_list { padding-top: 10px; border-top: 1px solid #ddede5; display:block; padding:0 5px; border-radius: 10px; background: #f7fffb;}
header .gnb .sns.on .sns_txt .sns_list li {padding: 5px 0;}
header .gnb .sns.on .sns_txt .sns_list a {padding-bottom: 2px; border-bottom: 1px dotted #ddede5; display: block; }
header .gnb .sns.on .sns_txt .sns_list li:last-of-type a {border-bottom: 0;}

/* menu */
header .head h1 a { margin: 10px 0 15px 0; background: url(/images/13_parents/main/logo.png?test=3) no-repeat 0 0 /100%; display: block; width: 105px;height: 41px; font-size: 0;overflow: hidden;}

header .wrap {position: relative;}
header .menu_open{width:85px;height: 66px; background-color: #ebebeb; position: absolute; top:-10px; right: -12px;}
header button {display: block; position: absolute; top: 14px; right: 18px; width: 44px; height: 31px; font-size: 0; overflow: hidden; background: url(/images/13_parents/main/icon.png) no-repeat 18%;}

.menu{position: absolute;top: 0;right: 0;bottom: 0;background: #fff; z-index: 9; min-height: 520px;visibility: hidden;}
.menu.on{position: fixed; padding-top: 70px; visibility: visible; top: 0;bottom: 0;left: 0;right: 0;z-index: 100;background: #fff;}
.menu .menu.on {visibility: visible;}
menu:before{display: none;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.7);content: "";}
header .menu.on:before{position: absolute; top: 50px; bottom: 0; left: 0; width: 150px; content: ""; background: #2a7f52; border-radius: 0 30px 30px 0; z-index: -1; box-shadow: 3px 5px 10px rgba(0,0,0,.15);}
.menu.on>div>ul>li {position: relative; padding-left: 20px;}
.menu.on>div>ul>li a, .menu>div>ul>li a {font-family: "GongGothic";font-weight: 100;}

.menu>div>ul>li>a {line-height: 1;}
.menu>div>ul>li>a:hover, .menu>div>ul>li>a:active, .menu>div>ul>li>a:focus {font-weight: 300;}
.menu.on>div>ul>li>a {display: block; position: relative; width: 130px; padding: 25px 20px 25px 0; border-bottom: 1px solid #559975;font-size: 20px; color: #fff;box-sizing: border-box; line-height: 1;}
.menu.on>div>ul>li>a:hover, .menu.on>div>ul>li>a:active, .menu.on>div>ul>li>a:focus, .menu.on>div>ul>li.on>a .menu.on>div>ul>li.on>a, .menu.on>div>ul>li.on>a  {font-weight: 300;}
.menu.on .close {transform: skewX(0deg); display: block; width: 70px; height: 30px;  background: url(/images/13_parents/main/back.png) center no-repeat; position: absolute; top: 10px;}
.menu.on button {left: 10px;}
.depth_box {width: calc(100% - 150px); position: fixed;top: 60px; right: 0; bottom: 0; padding: 10px; box-sizing: border-box;}
.menu.on .sitemap {display: none;}
.depth_boxcon>li {padding-bottom: 30px;}
.depth_boxcon>li>a:before {content: ''; width: 5px; height: 5px;background: #2a7f52; position: absolute; left: 5px; border-radius: 50px; top: 42%;}
.depth_boxcon>li>a {display: block; position: relative; padding: 15px 30px 15px 20px; line-height: 1; border-bottom: 1px solid #ddede5; font-size: 18px; background: #fff;}
.depth_boxcon>li>a:hover, .depth_boxcon>li>a:focus {outline-color: #fff; outline-offset: -4px; outline-width: 2px; outline-style: dashed;}
.depth_boxcon>li>ul {background-color: #f7fffb;}
.depth_boxcon>li>ul>li>a {position: relative; font-weight: 300; display: block; padding: 5px 30px 5px 20px; font-size: 14px; color: #666; border-bottom: 1px dotted #ddede5;}
.depth_boxcon>li>ul>li>a:before {content: ''; width: 3px; height: 3px;background: #2a7f52; position: absolute; left: 7px; border-radius: 50px; top: 15px;}
.depth_boxcon>li>a:hover, .depth_boxcon>li>a:active, .depth_boxcon>li>ul>li>a:hover, .depth_boxcon>li>ul>li>a:active {text-decoration: underline;}
.menu .menu_gnb .login, .menu .menu_gnb .logout {font-size: 0; visibility: visible;position: absolute; top: -43px; right: 65px;}
.menu .menu_gnb .login:focus, .menu .menu_gnb .logout:focus {outline:none;}
.menu.on .menu_gnb .login, .menu.on .menu_gnb .logout {visibility: hidden;}
.menu .menu_gnb .login::after, .logout::after {content: ''; background: url('/images/13_parents/main/icon.png') no-repeat 0.9% center; padding: 10px; display: block; }
.menu .menu_gnb .logout::after {transform: rotate(180deg);}
.menu .menu_gnb .logout:focus::after { outline-color: darkcyan; outline-offset: -1px;  outline-width: 3px;  outline-style: dashed;}
.menu.on .menu_gnb .pc_sitemap {display: none;}


/* footer */
.foot_bg {background-color: #fff}
.foot_bg a {color: #666; font-size: 14px;}
.f_ban {background: #373737;padding: 20px 0; overflow: hidden;}
.f_ban h3 {color: #fff; margin-top: 5px; font-weight: 100; float: left; position:relative; font-size: 16px;}
.f_ban .control {float: left;padding: 5px 5px 2px 10px; border-radius: 6px; font-size: 0; margin: 0 20px 0 10px;background-color: #484848;}
.f_ban .control .btn {height: 18px;}
.f_ban .control button {width: 17px; height: 15px;padding: 0; font-size: 0;overflow: hidden; background: url('/images/13_parents/main/icon.png') no-repeat;}
.f_ban .control .ban_prev {background-position: 36.5% center;}
.f_ban .control .ban_stop {background-position: 57.8% center;}
.f_ban .control .ban_play {background: url('/images/13_parents/main/ban_play.png') no-repeat 50% 2px;}
.f_ban .control .ban_next {background-position: 43% center;}
.list {float: right; margin-top: 5px; width: calc(100% - 175px);}
.list ul {white-space: nowrap; word-wrap: normal; overflow: hidden;}
.f_ban .list li {display: inline-block; margin-right: 10px;}
.f_ban .list li a {color: #aaa;}
.f_link {text-align: center; margin-top: 40px;}
.f_link p, .sitelink {color: #666; display: inline-block; font-size: 14px;padding: 0 8px 20px 0;vertical-align: middle;}
.f_link p {font-family: "GongGothic";}
.f_link .color {color:#2a7f52;}

/* 사이트링크펼침 */
.f_link .sitelink, .f_link .sitelink_box button{display: block;min-width: 150px;margin: 10px auto;padding: 3px 10px;border: 1px solid #2a7f52;border-radius: 50px;color: #2a7f52;font-size: 14px;}
.f_link .sitelink_box{display: none;position: relative;}
.f_link .sitelink_box.on{display: block;}
.f_link .sitelink_box ul{position: absolute;bottom: 20px;width: 100%;max-height: 250px;padding: 10px 5px;border: 3px solid #ebebeb;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);overflow-y: scroll;border-radius: 20px;font-size: 0;}
.f_link .sitelink_box li{display: inline-block;position: relative;min-width: calc(50% - 20px);margin: 0 10px 10px;padding-left: 8px;text-align: left;font-size: 16px;box-sizing: border-box;}
.f_link .sitelink_box li:before{position: absolute;top: 5px;left: 0;width: 3px;height: 3px;content: "";background: #2a7f52;}
.f_link .sitelink_box button{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #2a7f52;color: #fff;}
/* 사이트링크펼침 */

.foot_info {padding: 0 0 40px 12px;}
.foot_info .logo {margin: 20px auto;display: block; font-size: 0; background: url('/images/13_parents/main/footer_logo.png?test=2') no-repeat center; width: 128px; height: 49px;}
.foot_info address, .copy {padding: 0 20px; text-align: center; word-break: break-all;font-style: normal; color: #666; font-size: 14px;}


/* Tablet */
@media all and (min-width:768px) {
header .gnb .sns {z-index:1;background: none;}
header .gnb .sns .sns_txt {background:#fff;}
header .menu.on:before {width: 220px;}
.menu.on>div>ul>li>a {width: 200px;padding: 30px 20px 30px 0;}
.depth_box {width: calc(100% - 210px); padding: 10px 20px 20px;}
.menu .menu_gnb .login, .menu .menu_gnb .logout {top: -40px; right: 145px;}
.gnb .lang_box {right: -40px;}

/* sns */
header .sns_txt {border: 0;}
.ss_ch .sns_txt {background: #fff;}

header .gnb .gnb_left li.lang_wrap {top:4px; right: 170px;}
header .gnb .gnb_left li.lang_wrap a.lang {padding: 0 10px 5px 15px; border: 1px solid #ccc; border-radius: 20px;}
header .gnb .gnb_left li.lang_wrap a.lang:focus {outline-color: darkcyan; outline-offset: -1px;  outline-width: 3px;  outline-style: dashed;}
header .gnb .gnb_left li.lang_wrap a.lang span { display: inline-block; padding: 7px 40px 0 0; font-size: 14px;}
header .gnb .gnb_left li.lang_wrap a.lang:focus span::after {outline:none;}
header .gnb .sns_txt a {font-size: 0;display: block;}
header .gnb .sns .sns_txt {border: 0; padding-right: 0;}
header .gnb .sns .sns_txt .sns_list {display: block;}
header .gnb .sns .sns_txt .sns_list li {display: inline-block;}
header .gnb .sns .sns_txt .sns_list li a {display: block; font-size: 0; width: 25px; height: 25px; background: url('/images/13_parents/main/icon.png') no-repeat center; }
header .gnb .sns .sns_txt .sns_list .facebook a {background-position: 73.9% center;}
header .gnb .sns .sns_txt .sns_list .blog a {background-position: 81% center;}
header .gnb .sns .sns_txt .sns_list .youtube a {background-position: 88% center;}
header .gnb .sns .sns_txt .sns_list .instagram a {background-position: 94.9% center;}
header .gnb .sns .sns_txt .sns_list .kakao a {background: url('/images/13_parents/main/sns_kakao.png') no-repeat center;}
.menu.on>div .depth_boxcon>li>a, .menu>div .depth_boxcon>li>a {text-align:center;}

header .gnb .sns.on .sns_txt, header .gnb .sns.on .sns_txt .sns_list { background: none;  padding: 0;}
header .gnb .sns.on .sns_txt .sns_list { border-top: 0; border-radius: 0;}
header .gnb .sns.on .sns_txt .sns_list li { padding: 0;}
header .gnb .sns.on .sns_txt .sns_list a {border-bottom: 0;}

/* footer */
.foot_bg a {font-size: 16px; padding-left: 10px;}
.f_link {text-align: left;} 
.f_link p {padding-left: 10px;}
.f_link p:first-of-type {padding-left: 0;}
.f_link p:first-of-type:after {margin: 6px 10px; content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50px;  background: #aaa;}
.foot_info .logo {margin: 0 0 20px;}
.foot_info address{text-align: left; padding: 0;}
.foot_info .copy {padding: 0 0 40px; text-align: left;}
/* 사이트링크 펼침 */
.f_link .sitelink, .f_link .sitelink_box button{float: right;margin: 0 5px;}
.f_link .sitelink_box{width: auto;float: right;bottom: -23px;}
.f_link .sitelink_box ul{width: 200px;padding: 10px 0;left: -25px;}
.f_link .sitelink_box li{display: block;min-width: auto;margin: 0 15px 5px;}
.f_link .sitelink_box li a{padding: 0;font-size: 14px;}
.f_link .sitelink_box button{left: auto;transform: none;bottom: 0;}
}

/* Desktop */
@media all and (min-width:1023px) {
.win_white {background:url("/images/13_parents/common/new_win.png");}

header .gnb .gnb_left li.lang_wrap {right: 148px; z-index: 10;}
header .gnb .lang_point li.lang_wrap {right: 120px;}
/* menu */
header .menu, header .menu.on {position: absolute;top: 10%; left: 16%; min-height: auto; padding-top: 0; background: none; display:inline-block;z-index: 1;}
.menu {visibility: visible;}
.menu>div>ul { padding-top: 16px;text-align: right; float: left;}
header .head .menu>div>ul>li, header .head .menu.on>div>ul>li {display: inline-block; font-size: 16px;padding: 0 12px;} 

header .menu .menu_gnb, header .menu.on .menu_gnb {position: absolute; right: 0; top: 0;}
.menu .menu_gnb .pc_sitemap, .menu.on .menu_gnb .pc_sitemap {padding-right: 0;}
.menu.on .menu_gnb .login, .menu.on .menu_gnb .logout {visibility: visible; }
.menu .menu_gnb .login, .menu .menu_gnb .logout {top: auto; right: auto;}
.menu .menu_gnb .login, .menu .menu_gnb .logout, .menu .menu_gnb .pc_sitemap a, .menu.on .menu_gnb .login, .menu.on .menu_gnb .logout, .menu.on .menu_gnb .pc_sitemap a {font-size: 0; }
.menu .menu_gnb .login::after, .menu .menu_gnb .logout::after, .menu_gnb .pc_sitemap a::after {content: '';background: url('/images/13_parents/main/icon.png') no-repeat center; padding: 0 10px;position: absolute; width: 15px; height: 15px;}
.menu .menu_gnb .login::after, .menu .menu_gnb .logout::after, .menu.on .menu_gnb .login::after, .menu.on .menu_gnb .logout::after {background-position: 0.5% center; right: 45px;}
.menu .menu_gnb .logout::after, .menu.on .menu_gnb .logout::after {right: 55px;}
.menu .menu_gnb .pc_sitemap a::after, .menu.on .menu_gnb .pc_sitemap a::after {background-position: 8% center; right: 20px;z-index: 1; }
.menu .menu_gnb .pc_sitemap a:focus::after, .menu.on .menu_gnb .pc_sitemap a:focus::after { outline-color: darkcyan; outline-offset: -1px;  outline-width: 3px;
outline-style: dashed;}
header .menu.on:before, header .menu_open, header button, header .menu .sitemap,header .menu .depth_box {display: none;}
header .head h1 a {display: inline-block; margin-top: 7px;}

.new_win_fff {background: url(/images/13_parents/common/new_win.png);}
.menu.on>div>ul>li>a {width: auto; color: #4c4c57; font-size: 16px; padding: 0;border-bottom: 0; }
header .menu.on .depth_box {background-color: #f7fffb; box-shadow: 0 10px 15px rgba(0,0,0,.02); height: 200px; border-top: 1px solid #ebebeb; top: 61px; display: block; width: 100vw;margin-top: 40px;z-index: 10;}
.depth_boxcon::before {background: url('/images/13_parents/main/menu_on.png') no-repeat center; background-size: 100%; content: '';display: block; width: 150px; padding: 97px 0 0 0; float: left; position: relative; left: -27px; bottom: -85px;}
.depth_boxcon {margin: 0; padding: 7px 0 10px 7px;position: relative;}
.depth_boxcon>li {position: relative; width: 15%;margin: 0 1% 20px 1%; float: left; border: none; line-height: normal;}
.depth_boxcon>li>a {padding: 10px; border-radius: 10px; background-color: #fff; border: 1px solid #ddede5;}
.depth_boxcon>li>a:hover, .depth_boxcon>li>a:focus {background-color: #2a7f52; color: #fff; font-weight: 700;}
.depth_boxcon>li>a:before {content: none;}
.depth_boxcon>li>ul>li>a {text-align: left;}
header .menu.on .close {display: none;}
header .menu_gnb::after {height: 57px; content: ''; width: 150px; background-color: #ebebeb; position: absolute; top:-6px; right: -12px; padding-top: 0;}
.menu.on .menu_gnb .pc_sitemap, .menu .menu_gnb .pc_sitemap {display: inline-block;}
.menu.on .menu_gnb .pc_sitemap a, .login, .logout, .menu .menu_gnb .pc_sitemap a, .login, .logout {z-index: 1;}
.menu.on .menu_gnb .pc_sitemap a:focus, .login, .logout, .menu .menu_gnb .pc_sitemap a:focus, .login:focus, .logout:focus {outline:none;}

/* footer */
.foot_info {padding-top: 20px;}
.foot_info .logo {float: left; margin: 0 10px 0 0;}
.foot_info address {margin-top: 1px;}


}

/* Desktop */
@media all and (min-width:1400px) {
.wrap {position: relative;width: 1400px; margin: 0 auto;}
header .gnb .lang_point li.lang_wrap {right: 118px;}

/* menu */
.head  {width: 1400px; margin: 0 auto; overflow: hidden;}
header .menu, header .menu.on {left: 13%;}
header .head .menu>div>ul>li, header .head .menu.on>div>ul>li {padding: 0 30px;}

header .menu>div>ul>li>a, header .menu.on>div>ul>li>a {font-size: 18px; font-family: "GongGothic";}
header .menu_gnb::after {right: -20px; width: 345px;transform: skewX(-15deg); height: 72px;top: -8px;}

.menu.on .login::after, .menu.on .logout::after {top: 13px;}
.menu.on .pc_sitemap a {padding-right: 0;}
.menu>div>ul { padding-top: 19px;}
.menu>div>ul>li { position: relative;}
header .menu.on .depth_box {top: 67px; overflow: hidden;}
.menu .menu_gnb .login, .menu .menu_gnb .logout, .menu.on .menu_gnb .login, .menu.on .menu_gnb .logout, .menu .menu_gnb .pc_sitemap, .menu.on .menu_gnb .pc_sitemap {padding: 0;}
.menu .menu_gnb .login, .menu .menu_gnb .logout, .menu.on .menu_gnb .login, .menu.on .menu_gnb .logout, .menu .menu_gnb .pc_sitemap>a, .menu.on .menu_gnb .pc_sitemap>a {font-size: 17px; color: #666666; padding-right: 65px; position: relative; display: inline-block;}
.menu .menu_gnb .login::after, .menu .menu_gnb .logout::after, .menu.on .menu_gnb .login::after, .menu.on .menu_gnb .logout::after {right: 25px; top: 0;}
.menu .menu_gnb .logout::after, .menu.on .menu_gnb .logout::after {right: 25px;}
.menu .menu_gnb .pc_sitemap a {position: relative;}
.menu .menu_gnb .login, .menu .menu_gnb .logout {right: 0;}
.depth_boxcon::before {left: -35px; background-size: 95%; bottom: -55px; width: 150px; height: 66px;}

.m_container, .depth_boxcon{max-width: 1920px;margin: 0 auto;}
header, header .gnb, .head{max-width: 1920px;}


/* footer */
.foot_info {width: 1400px;margin: 0 auto;padding: 0 0 40px 0;}
/* 타시도 펼침 */ 
.f_link {margin: 40px 12px 0;}
.foot_bg a {padding-left: 5px;}
}

/* sub_layout */
/*.sub_container{margin-top: 104px;}*/
.s_left h2{font-family: "GongGothic";background-color: #2a7f52;border-radius: 5px 30px 30px 5px;}
.s_left>ul>li>a{font-family: "GongGothic";border-radius: 5px;}
.s_left>ul>li.on>a{background: #319b52;}
.s_left li ul{background: #f7fffb;}
.s_left li li:before{width: 3px;height: 3px;top: 9px;background: #319b52;}
.s_left li li a{font-family: "GongGothic";font-weight: 100;}
.s_title .local{background: #f7fffb;}
.s_title .local>ul>li:after{color: #319b52;}
.s_title .local li a{font-family: "GongGothic";font-weight: 100;}
.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 .utill li.print button{background-color: #484848;}
.s_title .utill li.url button{background-color: #2a7f52;}

.research input[type=submit]{background: #2a7f52;}
.research input[type=submit]:focus { outline-offset: -3px; outline: 2px dashed #fff;}
.manager li:before{background-image: url("/images/13_parents/common/sub_ico.png");}

@media all and (min-width:1023px) {
.sub_container:before{background: #f7fffb;height: 135px;}
.s_content{max-width: 1400px;}
} 

/* 학교업무지원포탈 */
/* Mobile */
header .ct22 {height:62px;background: #fff;}
header .ct22 h1 a { margin: 10px 0 15px 0; background: url(/images/22_support/main/logo.png?test=1) no-repeat 0 0 /100%; display: block; width: 135px;height: 42px; font-size: 0;overflow: hidden;}
.foot_info .f_22 {background: url(/images/22_support/main/footer_logo.png?test=1) no-repeat center;}
header .ct22 h1 a,
.foot_info  .f_22{width:163px;height:57px;margin: 8px 0 5px 0;}

/* Tablet */
@media all and (min-width:768px) {
header .ct22 h1 a {width: 163px;  height: 49px;}
header .ct22 button { top: 16px;}
header .ct22 .gnb .sns .sns_txt {background:#fff;}
.ct22 .menu .menu_gnb .login, .ct22 .menu .menu_gnb .logout {top: -39px;}
.foot_info .f_22{margin: 0 0 10px 0; height:43px;}
.foot_info .f_22 {margin: 6px auto;}
}

/*Deaktop*/
@media all and (min-width:1023px) {
.ct22 .menu>div>ul {padding-top: 10px;}
header .ct22 .menu>div>ul>li, header .ct22 .menu.on>div>ul>li {padding: 0 11px;}
header .ct22 .menu_gnb::after {height: 63px;  top: -14px;}
.ct22 .menu .menu_gnb .login, .ct22 .menu .menu_gnb .logout {top: auto;} 
}

/*Pc*/
@media all and (min-width:1400px) {
header .ct22 .menu>div>ul>li, header .ct22 .menu.on>div>ul>li {padding:6px 22px;}
header .ct22 .menu_gnb::after {height: 64px;top: -9px;}
header .ct22 .menu.on .depth_box {top: 62px;}
.ct22 .menu .menu_gnb .pc_sitemap a {padding-top: 5px;}
}

/* 농촌유학 */
/* Mobile */
header .fm26 h1 a { display: inline-block; width: 61px; height: 41px; background: url(/images/26_farmschool/main/logo_l.png) no-repeat 0 0 /100%;}
header .fm26 h1 a.logo_r {width: 150px; background:url(/images/26_farmschool/main/logo_r.png) no-repeat 0 0 /100%;}
header .fm26 button {top: 15px;}
header .fm26 .menu_open {height: 66px; top: 0;}
.fm26 .menu .menu_gnb .login, .fm26 .menu .menu_gnb .logout { top: -35px;}

/* Tablet */
@media all and (min-width:768px) {
header .fm26 h1 a.logo_r {width: 172px;}
.fm26 .menu .menu_gnb .login, .fm26 .menu .menu_gnb .logout { top: -30px;}
}

/* Desktop */
@media all and (min-width:1023px) {
header .fm26 .menu, header .fm26 .menu.on { left: 23%;}
header .fm26 .menu>div>ul>li, header .fm26 .menu.on>div>ul>li {padding: 0 35px;}
header  .fm26 .menu .menu_gnb li:first-of-type, header  .fm26 .menu.on .menu_gnb li:first-of-type {padding: 0;}
.fm26 .menu .menu_gnb .login, .fm26 .menu .menu_gnb .logout { top: 15px;}
header .fm26 .menu_gnb::after {height: 62px;}
}

/*Pc*/
@media all and (min-width:1400px) {
header .fm26 .menu, header .fm26 .menu.on { left: 20%;}
header .fm26 .menu>div>ul>li, header .fm26 .menu.on>div>ul>li {padding: 0 50px;}
header .fm26 .menu.on .depth_box {top: 61px;}
.fm26 .menu .menu_gnb .login, .fm26 .menu .menu_gnb .logout { top: 0;}
header .fm26 .menu_gnb::after {height: 64px;}
}


/* Mobile */
/*중학교 온라인전학*/
.ch11 .head h1 a {background: url(/images/11_change/main/logo.png?test=2) no-repeat 0 0 /100%;}
.ch11 .head h1 .locate_in {display: inline-block; font-size: 15px; position: absolute; bottom: 4px; left: 165px; color: #2e864a;}
.ch11 .head h1 a, .foot_info .logo {width: 163px;height: 16px;margin: 10px 10px 10px 0;}
.ch11 .menu_open {height: 63px;}
.foot_info .f_11 {background: url(/images/11_change/main/footer_logo.png?test=2) no-repeat center;}

/* Desktop */
@media all and (min-width:1023px) {
.ch11 .menu, .ch11 .menu.on {left: 19%;}
.ch11 .head h1 .locate_in { bottom: 15px;}
.ch11 .menu>div>ul {text-align: left; padding-top: 20px;}
.ch11 .head .menu>div>ul>li, .ch11 .head .menu.on>div>ul>li {padding: 0 10px;}
.ch11 .menu_gnb { padding: 0;}
.ch11 .menu_gnb::after {height: 63px;  top: -7px;}
.ch11 .menu .menu_gnb .pc_sitemap a::after, .ch11 .menu.on .menu_gnb .pc_sitemap a::after {right: 0;}
}

/* Pc */
@media all and (min-width:1400px) {
.ch11 .menu, .ch11 .menu.on {left: 15%;}
.ch11 .head .menu>div>ul>li, .ch11 .head .menu.on>div>ul>li {padding: 0 7px;}
.ch11 .menu.on .depth_box {top:64px;}
.ch11 .menu .menu_gnb .logout::after, .ch11 .menu.on .menu_gnb .logout::after { right: 35px;}
.ch11 .menu .menu_gnb .login, .ch11 .menu .menu_gnb .logout, .ch11 .menu.on .menu_gnb .login, .ch11 .menu.on .menu_gnb .logout, .ch11 .menu .menu_gnb .pc_sitemap>a, .ch11 .menu.on .menu_gnb .pc_sitemap>a { padding-right: 45px;}
.ch11 .menu .menu_gnb .login, .ch11 .menu .menu_gnb .logout, .ch11 .menu.on .menu_gnb .login, .ch11 .menu.on .menu_gnb .logout { padding-right: 70px;right: -25px;}
.ch11 .menu_gnb::after {width: 300px;}
}

/* 전북학부모센터 */
/* Mobile */
header .head h1 a.logo_13 {margin: 10px 0 15px 0;background: url(/images/13_parents/main/logo.png?test=1) no-repeat 0 0 /100%;display: block;width: 125px;height: 27px;font-size: 0;overflow: hidden;}

/* Desktop */
@media all and (min-width:1023px) {
header .ct22 { height: 53px; }
.parent22 .menu, .parent22 .menu.on {top: 21%;}
header .head h1 a.logo_13 {display: inline-block;margin-top: 23px;}
}

/* Pc */
@media all and (min-width:1400px) {
.parent22 .menu, .parent22 .menu.on {top:13%;}
header .ct22 { height: 62px; width: 1400px; position: unset; margin: 0 auto; overflow: hidden;}
}

/* 번역 */
/* Mobile */
.translated-ltr body { position: relative;}
.translated-ltr .m_container {padding-top: 135px;}
.translated-ltr header {top: 40px;}
.translated-ltr header .ct22 {top:66px;}
.translated-ltr header .gnb {height: 65px;}
.translated-ltr header .gnb .gnb_left li { display: block;}
.translated-ltr header .gnb .gnb_left li:nth-of-type(2) {padding-left: 0;}
.translated-ltr header .gnb .gnb_left li.lang_wrap { top: 30px; right: 29px;}
.translated-ltr header .gnb .gnb_left li:first-of-type:after { margin: 10px 5px;}
.translated-ltr .gnb .lang_box {right:0;}
.translated-ltr .menu.on {top: 40px;} 
.translated-ltr .menu.on>div>ul>li>a { font-size: 18px; word-break: break-all;}
.translated-ltr .menu .menu_gnb .login a, .translated-ltr .menu .menu_gnb .logout a { top: 30px;  right: 5px;}
.translated-ltr .menu .menu_gnb .login, .translated-ltr .menu .menu_gnb .logout {top: -39px;right:5px;}

/* 농촌유학 */
.translated-ltr .fm_wrap {padding-top: 127px;}
.translated-ltr .fm_wrap header {height:126px;}

/* 중학교온라인전학 */
.translated-ltr .ch_wrap {padding-top: 129px;}
.translated-ltr .ch_wrap .ch11 {height: 129px;}
.translated-ltr .ch11 .head h1 .locate_in {font-size: 0.75rem;}
.translated-ltr .ch_wrap .menu.on>div>ul>li>a {font-size: 16px;}


/* Tablet */
@media all and (min-width:768px) {
.translated-ltr .m_container {padding-top: 113px;}
.translated-ltr header .gnb {height: 40px;}
.translated-ltr header .gnb .gnb_left li { display: inline-block;}
.translated-ltr header .gnb .gnb_left li:nth-of-type(2) {padding-left: 20px;}
.translated-ltr header .gnb .gnb_left li:first-of-type:after { margin: 10px;}
.translated-ltr header .gnb .gnb_left li.lang_wrap { top: 4px; right: 170px;}
.translated-ltr header .ct22 {top:41px;}
.translated-ltr .menu .menu_gnb .login, .translated-ltr .menu .menu_gnb .logout, .translated-ltr .ct22 .menu .menu_gnb .login, .translated-ltr .ct22 .menu .menu_gnb .logout {top: -40px; right: 145px}

/* 농촌유학 */
.translated-ltr .fm_wrap {padding-top: 107px;}
.translated-ltr .fm_wrap header {height:100px;}

/* 중학교온라인전학 */
.translated-ltr .ch_wrap {padding-top: 104px;}
.translated-ltr .ch_wrap .ch11 { height: 104px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.translated-ltr .m_container {padding-top: 181px;}
.translated-ltr header .gnb .gnb_left li.lang_wrap {top: 5px;}
.translated-ltr header .ct22 {height: 100px; top: 71px;}
.translated-ltr header .head h1 {display: inline-block; position: relative;  z-index: 10;}
.translated-ltr header .head h1 a.logo_13 { padding-top: 30px;display: inline-block;}
.translated-ltr header .menu, .translated-ltr header .menu.on {top:15%;left: 10%;}
.translated-ltr .parent22 .menu, .translated-ltr .parent22 .menu.on {top:-16px;}
.translated-ltr .parent22 .menu, .translated-ltr .parent22 .menu.on {left: 10%; top: -16px;}
.translated-ltr header .ct22 .menu>div>ul {display: flex;align-items: center; padding-top: 16px;}
.translated-ltr header .head .menu>div>ul>li, .translated-ltr header .head .menu.on>div>ul>li {max-width:13%; vertical-align: middle; text-align: center;}
.translated-ltr header .ct22 .menu>div>ul>li, .translated-ltr header .ct22 .menu.on>div>ul>li {max-width:14%; vertical-align: middle; text-align: center;}
.translated-ltr .menu>div>ul>li>a, .translated-ltr .menu.on>div>ul>li>a { line-height: normal; font-size: 16px; word-break: normal;}
.translated-ltr header .ct22 .menu>div>.menu_gnb {padding-top:0;}
.translated-ltr header .ct22 .menu_gnb::after { height: 134px;}
.translated-ltr .menu .menu_gnb .login, .translated-ltr .menu .menu_gnb .logout, .translated-ltr .menu .menu_gnb .pc_sitemap a, .translated-ltr .menu.on .menu_gnb .login, .translated-ltr .menu.on .menu_gnb .logout, .translated-ltr .menu.on .menu_gnb .pc_sitemap a{ position: absolute; top: 45px;}
.translated-ltr .menu .menu_gnb .login, .translated-ltr .menu .menu_gnb .logout, .translated-ltr .ct22 .menu .menu_gnb .login, .translated-ltr .ct22 .menu .menu_gnb .logout { top: 45px; right:auto;}
.translated-ltr header .menu.on .depth_box {top:166px; height:280px;}
.translated-ltr .depth_boxcon::before {bottom:-47px;height: 241px;}
.translated-ltr .depth_boxcon>li {word-break: keep-all;margin: 0 1% 0 1%;}

/* 학교업무지원포털 */
.translated-ltr .tr_support .head h1 a {position: relative;  top: 20px;}
.translated-ltr .tr_support .ct22 {height:118px;}
.translated-ltr .tr_support .menu, .translated-ltr .tr_support .menu.on {left:17%;}
.translated-ltr .tr_support .ct22 .menu>div>ul {padding-top:0;}
.translated-ltr .tr_support .ct22 .menu>div>ul>li, .translated-ltr .tr_support .ct22 .menu.on>div>ul>li {max-width: 12%;}
.translated-ltr .tr_support .ct22 .menu_gnb::after {height: 127px;}
.translated-ltr .tr_support .menu.on .depth_box {top:167px; height:275px;}
.translated-ltr .tr_support .depth_boxcon::before {bottom:-44px;height: 241px;}
.translated-ltr .tr_support .depth_boxcon>li { width: 14.5%;margin: 0 1%;}
.translated-ltr .tr_support .menu.on>div .depth_boxcon>li>a, .translated-ltr .tr_support .menu>div .depth_boxcon>li>a {min-height: 80px;overflow: hidden;
white-space: normal;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 6;  -webkit-box-orient: vertical;  word-break: break-all;   font-size: 14px;}


/* 농촌유학 */
.translated-ltr .fm_wrap {padding-top: 226px;}
.translated-ltr .fm_wrap header {height:220px;}
.translated-ltr header .fm26 .menu, .translated-ltr header .fm26 .menu.on {top:10%;}
.translated-ltr header .fm26 .menu, .translated-ltr header .fm26 .menu.on {left:0;}
.translated-ltr header .fm26 .menu>div>ul {padding-top: 65px; text-align: left;display: flex; justify-content: flex-start; align-items: center;}
.translated-ltr header .fm26 .menu>div>ul>li, .translated-ltr header .fm26 .menu.on>div>ul>li {padding:0 5px; max-width: 16%;}
.translated-ltr header .fm26 .menu>div>.menu_gnb {padding-top:0;}
.translated-ltr .fm_wrap header .fm26 .menu_gnb::after {height:179px;}
.translated-ltr header .fm26 .menu.on .depth_box {top:220px;}
.translated-ltr .fm26 .menu.on>div .depth_boxcon>li>a, .translated-ltr .fm26 .menu>div .depth_boxcon>li>a {min-height: 84px;word-break: keep-all;font-size: 14px;}

/* 중학교온라인전학 */
.translated-ltr .ch_wrap {padding-top:205px;}
.translated-ltr .ch_wrap .ch11 {height: 210px;}
.translated-ltr .ch11 .menu>div>ul {padding-top: 65px; display: flex; justify-content: space-evenly;  align-items: center;}
.translated-ltr .ch11 .menu, .translated-ltr .ch11 .menu.on {left: 0;}
.translated-ltr .ch11 .head .menu>div>ul>li, .translated-ltr .ch11 .head .menu.on>div>ul>li { max-width: 100%; word-break: keep-all;}
.translated-ltr .ch11 .menu>div>ul>li>a, .translated-ltr .ch11 .menu.on>div>ul>li>a { font-size: 0.8rem; line-height: 1.5;}
.translated-ltr .ch11 .menu.on>div>ul>li { position: unset;}
.translated-ltr .ch11 .menu_gnb::after {height: 70px; top: -11px; border-radius: 0 0 0 30px;}
.translated-ltr .ch11 .menu>div>.menu_gnb {padding-top:0;}
.translated-ltr .ch11 .menu .menu_gnb .login, .translated-ltr .ch11 .menu .menu_gnb .logout, .translated-ltr .ch11 .head .menu .menu_gnb .login, .translated-ltr .ch11 .head .menu .menu_gnb .logout{ top: 15px;  right: 10px;  font-size: 0;}
.translated-ltr .ch11 .menu .menu_gnb .login, .translated-ltr .ch11 .menu .menu_gnb .logout, .translated-ltr .ch11 .menu.on .menu_gnb .login, .translated-ltr .ch11 .menu .on .menu_gnb .logout, .translated-ltr .ch11 .menu.on .menu_gnb .pc_sitemap a,  .translated-ltr .ch11 .menu .menu_gnb .pc_sitemap a {top: 15px; right: 15px;  font-size: 0;}
.translated-ltr .ch11 .menu.on .depth_box {top: 210px;}
.translated-ltr .ch11 .menu.on>div .depth_boxcon>li>a, .translated-ltr .ch11 .menu>div .depth_boxcon>li>a { font-size: 14px; word-break: break-all;min-height: 70px;}

/* SUB */
.translated-ltr .s_left h2 { min-height: 130px; padding: 40px 10px;font-size: 18px; word-break: break-all; height: auto;}
.translated-ltr .s_left>ul>li>a {padding: 20px 25px 20px 10px; font-size: 16px; word-break: break-all;}
}

/* Pc */
@media all and (min-width:1400px) {
.translated-ltr .m_container {padding-top: 167px;}
.translated-ltr header { height: 167px;}
.translated-ltr header .ct22 {height: 126px;}
.translated-ltr  header .head h1 a.logo_13 { margin-top: 30px;}
.translated-ltr header .menu, .translated-ltr header .menu.on {top: 10%; left:10%}
.translated-ltr .parent22 .menu, .translated-ltr .parent22 .menu.on {left:10%; top: 9px;}
.translated-ltr header .ct22 .menu>div>ul {text-align: left;  display: block;}
.translated-ltr header .ct22 .menu>div>ul>li, .translated-ltr header .ct22 .menu.on>div>ul>li { padding: 0 20px 0 0; text-align: center; vertical-align: middle;    max-width: 13%;}
.translated-ltr header .ct22 .menu .menu_gnb , .translated-ltr header .ct22 .menu.on .menu_gnb {width: 270px; text-align:center; padding-right: 30px; padding-top: 0; top: -10px;}
.translated-ltr header .ct22 .menu .menu_gnb::after {height: 144px;}
.translated-ltr .menu .menu_gnb .login::after, .translated-ltr .menu .menu_gnb .logout::after, .translated-ltr .menu.on .menu_gnb .login::after, .translated-ltr .menu.on .menu_gnb .logout::after { right: 25px;}
.translated-ltr .menu .menu_gnb .login, .translated-ltr .menu .menu_gnb .logout, .translated-ltr .menu.on .menu_gnb .login, .translated-ltr .menu.on .menu_gnb .logout, .translated-ltr .ct22 .menu .menu_gnb .pc_sitemap a, .translated-ltr .ct22 .menu.on .menu_gnb .pc_sitemap a{ display: block; width:max-content;}
.translated-ltr .ct22 .menu .menu_gnb .pc_sitemap a, .translated-ltr .ct22 .menu.on .menu_gnb .pc_sitemap a { max-width: 115px;word-break: keep-all;    padding-right: 0;}
.translated-ltr .ct22 .menu .menu_gnb .pc_sitemap a::after, .translated-ltr .ct22 .menu.on .menu_gnb .pc_sitemap a::after { top: 0;right:-35px;}
.translated-ltr .menu .menu_gnb .login, .translated-ltr .menu .menu_gnb .logout, .translated-ltr .ct22 .menu .menu_gnb .login, .translated-ltr .ct22 .menu .menu_gnb .logout {right:0; word-break: break-all;}
.translated-ltr header .menu.on .depth_box, .translated-ltr .tr_supportr .menu.on .depth_box { top: 167px;}

/* 학교업무지원포털 */
.translated-ltr .tr_support .menu.on>div .depth_boxcon>li>a, .translated-ltr .tr_support .menu>div .depth_boxcon>li>a {font-size: 16px;}

/* 농촌유학 */
.translated-ltr .fm_wrap{padding-top: 210px;}
.translated-ltr .fm_wrap header {height:210px;}
.translated-ltr .fm26 {height: 169px;}
.translated-ltr header .fm26 .menu>div>ul {padding-top: 55px; }
.translated-ltr header .fm26 .menu>div>ul>li, .translated-ltr header .fm26 .menu.on>div>ul>li {max-width: 15%;}
.translated-ltr header .fm26 .menu_gnb::after {height: 180px; width: 310px;}
.translated-ltr .fm26 .menu.on>div .depth_boxcon>li>a, .translated-ltr .fm26 .menu>div .depth_boxcon>li>a {font-size: 18px;}
.translated-ltr .fm_wrap .menu .menu_gnb, .translated-ltr .fm_wrap .menu.on .menu_gnb, .translated-ltr header .fm26 .menu>div>.menu_gnb {padding-top:20px;}
.translated-ltr .fm26 .menu .menu_gnb .login, .translated-ltr .fm26 .menu .menu_gnb .logout, .translated-ltr .fm26 .menu .menu_gnb .pc_sitemap a, .translated-ltr .fm26 .menu.on .menu_gnb .login, .translated-ltr .fm26 .menu.on .menu_gnb .logout, .translated-ltr .fm26 .menu.on .menu_gnb .pc_sitemap a {right:0;}
.translated-ltr .fm26 .menu .menu_gnb .login, .translated-ltr .fm26 .menu .menu_gnb .logout, .translated-ltr .fm26 .menu.on .menu_gnb .login, .translated-ltr .fm26 .menu.on .menu_gnb .logout { right: 130px;}
.translated-ltr header .fm26 .menu.on .depth_box {top:210px;}

/* 중학교온라인전학 */
.translated-ltr .ch_wrap {padding-top: 201px;}
.translated-ltr .ch_wrap .ch11 {height: 201px;}
.translated-ltr .ch11 .head { height: 100%;}
.translated-ltr .ch11 .head .menu>div>ul>li, .translated-ltr .ch11 .head .menu.on>div>ul>li { max-width: 15%;}
.translated-ltr .ch11 .menu>div>ul>li>a, .translated-ltr .ch11 .menu.on>div>ul>li>a { font-size: 16px;line-height: normal;}
.translated-ltr .ch11 .menu>div>.menu_gnb {display: grid;}
.translated-ltr .ch11 .menu .menu_gnb .login, .translated-ltr .ch11 .menu .menu_gnb .logout, .translated-ltr .ch11 .head .menu .menu_gnb .login, .translated-ltr .ch11 .head .menu .menu_gnb .logout { top: 20px; right: 195px; font-size: 16px;padding-right: 55px;}
.translated-ltr .ch11 .menu .menu_gnb .login, .translated-ltr .ch11 .menu .menu_gnb .logout, .translated-ltr .ch11 .menu.on .menu_gnb .login, .translated-ltr .ch11 .menu .on .menu_gnb .logout, .translated-ltr .ch11 .menu.on .menu_gnb .pc_sitemap a,  .translated-ltr .ch11 .menu .menu_gnb .pc_sitemap a { top: 15px;right: 20px; font-size: 16px;width: max-content;}
.translated-ltr .ch11 .menu .menu_gnb .pc_sitemap a::after, .translated-ltr .ch11 .menu.on .menu_gnb .pc_sitemap a::after { top: 0;}
.translated-ltr .ch11 .menu_gnb::after {transform: none;width: 370px;}
.translated-ltr .ch11 .menu.on .depth_box {top: 201px;} 
.translated-ltr .ch11 .menu.on>div .depth_boxcon>li>a, .translated-ltr .ch11 .menu>div .depth_boxcon>li>a { font-size: 16px;}
}

/*레이어팝업*/
.layerpoparea{position:absolute;display:block;/*z-index:999;*/top: 104px;}
.layerpop{float:left}
.layerpop div img{width:100%;border:none}
.layerpop p{background:#333;color:#fff;padding:10px;position:relative}
.layerpop p input[type=checkbox]{width:18px;height:18px;margin:2px 2px 0 0;vertical-align:top}
.layerpop p a{color:#fff;position:absolute;bottom:0;right:0;border-left:1px solid rgba(255, 255, 255, .3);padding:10px 15px}
.layerpop p a:hover,.layerpop p a:focus{background:#000}