@charset "utf-8";

/* 기존 상단 sns 삭제 */
.ly_center .sns{display:none; z-index:999;}

/*새창아이콘*/
.h_win_icon{ background:url("/images/459teaching/inc/blank01.gif") right bottom no-repeat; padding-right:15px;}

/* 로고와 대메뉴 */
#header{box-sizing: border-box;height: 120px;padding: 28px 0;}
#header h1{float:left;margin: 8px 0;}
#header h1 a{display:inline-block;}
#header h1 span{display: inline-block;margin-left:8px; vertical-align: middle;font-size: 1.5rem;font-weight: 700;text-align: left;}
#header h1 span.logo{margin: 0;padding-left: 48px;height: 48px;text-align:left;background:url("/upload_data/board_data/CNT_ATCHDOWN/172170262428521.svg") no-repeat left center;}
#header h1 span.logo img{margin-left: 8px;padding-top: 13px;}
#header h1 span em{display: block;margin-top: 3px;font-size: 10px;color:#666;font-style: normal;font-weight: 500;letter-spacing: -1px;}

/* 메인메뉴모바일버튼 */
#gnavi_btn{ display:none; z-index:9999999; position:absolute; left:3%; top:0;}
#gnavi_btn a{ width:100%; height:100%;}

/* 통합검색모바일버튼 */
#gsearch_btn{ display:none; z-index:9999999; position:absolute; right:3%; top:0;}
#gsearch_btn a{ width:100%; height:100%;}

@media all and (max-width: 1025px) {
#header{height:100px;}
.ly_center .sns{display:block;}
.ly_center .sns .insta img{width: 28px;height: 28px;position: absolute;top: 10px;right: 267px;z-index:9999;}
}
@media all and (max-width: 768px) {

#header h1 a{height:46px;}
#header h1 span{margin-left: 4px;font-size: 1.2rem;}
#header h1 span.logo{background-size:40px; padding-left:40px;}
#header h1 span em{display:none;}
 .ly_center .sns{display:block;}
.ly_center .sns .insta img{width: 28px;height: 28px;position: absolute;top: 10px;left: 576px;z-index:9999;}
}

@media all and (max-width: 480px) {
#header h1 a{height:40px;}
#header h1 .logo img{display:none;}

}


@media all and (min-width: 1440px) {
.ly_center{width:1400px;}
 .ly_center .sns{display:block;}
.ly_center .sns .insta img{width: 28px;height: 28px;position: absolute;top: 18px;left: 426px;z-index: 9999;}

}


/*
 * 메뉴레이아웃
 *     #gnavi                  메뉴가이드
 *     #gnavibg                서브메뉴배경
 *     #gnavibox               메뉴
 *     .gnavi > a              일차메뉴
 *     .gnavi > div            각서브메뉴박스배경
 *     .gnavi > div > p        일차메뉴타이틀
 *     .gnavi > div > ul       각서브메뉴리스트
 *     .mnavi                  각이차서브메뉴리스트
 *     .mnavi > a              각이차서브메뉴명
 *     .mnavi > ul             각삼차서브메뉴리스트
 *     .snavi                  각삼차서브메뉴리스트
 *     .snavi > a              각삼차서브메뉴명
 */

.gnb_top_mo{display:none;}

#gnavi{position:relative;z-index: 999;}


#gnavi .gnavi > .ly_center {width: 200px;background: url("/upload_data/board_data/CNT_ATCHDOWN/172015353010860.png") center top no-repeat;}
#gnavibg{ margin:0; padding:0; position:absolute; left:0; top:82px; width:100%; display:none;}
#gnavibg{ background:#f4f4f4; border-top:3px solid #032bbf; border-bottom:1px solid #000000;}


#gnavibox{width: calc(100% - 420px);float:right;text-align:right;}
#gnavi .gnavi{position:relative;display:inline-block;margin: 0 0 0 5%;} 
#gnavi .gnavi > a{font-size:20px;display:block;text-align:center;padding-top: 20px;font-weight: 600;height: 60px;letter-spacing:-1px;}


#gnavi .gnavi > a:hover{ color:#7035d2;}
#gnavi .gnavi.on > a{ color:#7035d2;}
#gnavi .gnavi.on > a:hover{ color:#7035d2;}


#gnavi .gnavi > div{width:100%;position:absolute;left: calc(50% - 100px);display:none;top:50px;}
#gnavi .gnavi > div > ul{background: #7035d2;padding:5px 0;margin-top:15px;}



#gnavi .gnavi > div > p{ display:block; float:left; width:20%;  margin-right:5%;  margin-top:35px; text-align:center; color:#fff; font-size:30px; font-weight:600; }
#gnavi .gnavi > div > p > span{ color:#fff600;}

#gnavi .mnavi:first-child{ border-top:0;}
#gnavi .mnavi{overflow:hidden;margin:0;line-height:20px;border-top: 1px solid #7f46dd;}


#gnavi .mnavi > a{display: block;font-size:16px;font-weight: 500;background: url("/images/459teaching/inc/menu_icon01.png") left 13px no-repeat;color:#fff;padding:10px 0 10px 20px;margin:0 15px;text-align: left;}
#gnavi .mnavi > a:hover{ color:#fff600;}
#gnavi .mnavi.on > a{ color:#fff600;}
#gnavi .mnavi.on > a:hover{ color:#fff600;}




#gnavi .mnavi > ul{ display:table;display:none !important;  }
#gnavi .snavi{ float:left;background:#fff; margin-bottom:10px;}

#gnavi .snavi > a{ color:#000; font-size:14px; font-weight:400; line-height:12px; padding:0 8px; }
#gnavi .snavi > a:hover{ color:#2750c4;}
#gnavi .snavi.on > a{ color:#2750c4;}
#gnavi .snavi.on > a:hover{ color:#2750c4;}




@media all and (max-width: 1220px) {


#gnavi_btn{ display:block;}
#gsearch_btn{ display:block;}

#header h1 {margin: 0;text-align:center;width:100%;}



#gnavi_btn { display:block;}

#gnavi .gnavi > .ly_center {background: none;}

#gnavi{display:none;margin-top:70px;position:absolute;width:100%;overflow: hidden;}

#gnavibox{width:100%;height: 420px !important;box-shadow:1px 2px 1px #212121;background: #7035d2;border-top: 2px solid #4b2091;}


#gnavi .gnavi{position:static;display: block;margin: 0;}

#gnavi .gnavi > a{height:auto;padding:15px 0 15px 5%;color:#fff;text-align:left;border-bottom: 1px solid #905fe1;background: url("/images/459teaching/inc/submenu_icon01_on.png") 95% center no-repeat;letter-spacing: normal;font-weight:600;font-size: 1rem;}
#gnavi .gnavi > a:hover{ color:#fff600;background: url("/images/459teaching/inc/submenu_icon03.png") 95% center no-repeat;}

#gnavi .gnavi > a.on{color:#fff;background: #4b2091 url(/images/459teaching/inc/submenu_icon01_on.png) 95% center no-repeat;}

#gnavi .gnavi.on > a{ color:#fff;}
#gnavi .gnavi.on > a:hover{ color:#fff600;}

#gnavi .gnavi > div{width:60% !important;background:#fff;top: 2px;left: 40%;height:auto;}
#gnavi .gnavi.on > div{ display:block;}


#gnavi .gnavi > div > p{ display:none;}
#gnavi .gnavi > div > ul{min-height: 420px;padding:10px;margin:0;background:#fff;margi;box-shadow: none;}


#gnavi .mnavi{display:block;margin: 0 3%;position:relative;line-height: normal;border-top:0;}
#gnavi .mnavi > a{padding:12px 5px 12px 18px;margin:0;border-bottom:1px solid #dedede;background: url("/images/459teaching/inc/title02_06.gif") left 16px no-repeat;color:#000;font-size: 0.9rem;}
#gnavi .mnavi > a:hover{ color:#b67029;}
#gnavi .mnavi.on > a{ color:#b67029;}
#gnavi .mnavi.on > a:hover{ color:#b67029;}

#gnavi .mnavi > ul{ display:none; list-style:none; background:#f3f3f3; padding:12px 0 7px 0;border-bottom:1px solid #dedede;}
#gnavi .mnavi_icon{ background: url("/images/459teaching/inc/submenu_icon06.png") right center no-repeat; font-size:12px; height:15px; width:15px; display:inline-block; position: absolute; right:1%;}

#gnavi .snavi{ display:block; float:none;width:100%;background:#f3f3f3;}
#gnavi .snavi > a{ display:list-item; padding:0 5px 0 15px; font-weight:600; line-height:1.4em;background:#f3f3f3 url("/images/459teaching/inc/title02_05.gif") left 7px no-repeat; margin-left:8%;}


}