@charset "utf-8";

.only-pc {}
.only-ta {}
.only-mo {}
.not-pc {}
.not-ta {}
.not-mo {}

@media all and (min-width:1025px) {
	.not-pc {display:none !important;}
	.only-ta {display:none !important;}
	.only-mo {display:none !important;}
}

@media all and (max-width:1024px) and (min-width:641px) {
	.not-ta {display:none !important;}
	.only-pc {display:none !important;}
	.only-mo {display:none !important;}
}

@media all and (max-width:640px) {
	.not-mo {display:none !important;}
	.only-pc {display:none !important;}
	.only-ta {display:none !important;}
}

@media screen and (max-width:1400px) {
	body {transition:0.3s;}
	#gnbWrap .gnb_nav >li:first-child {border-left: none;}
	.copy_logo {text-align: center;}
	.familysite >li:first-child {border-left: none;}
	.familysite >li:last-child {border-right: none;}
}

@media screen and (min-width:1025px) {
	#searchWrap {display: block !important;}
}

@media screen and (max-width:1024px) {
	/* common */
	div.ctn_area{padding-left:2%; padding-right:2%;}
	body {min-width: 100%;}
	.stop_scrolling {height: 100%;overflow: hidden !important;}
    #gnbWrap {padding-left:.7rem;}
	#gnbWrap >div, #innerHead >div, #lnbWrap nav, .lnb_sub,
    .cont_wrap >div,  #bannerWrap >div,
    #container, .familysite, footer .info_wrap, #content {width: 100%;}
    #innerHead {border-bottom: 1px solid #838e95;}
	#innerHead .sns_con {display:none;}
	#innerHead >div {padding: 4rem 0;}
	#innerHead h1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	#innerHead button {display: inline-block; position: absolute;top: 50%;width: 42px;height: 42px;transform: translateY(-50%);z-index: 100000;}
    #openSearch {right: 1rem;background: #ff4e00 url('/common/img/common/ico_search.png') 50% 50% no-repeat;}
    #openSearch.close {background-position: -82px 9px !important;}
	#openMenu {left: 1rem;background: #335cd9;}
	#openMenu .bar {width: 24px;height: 3px;position: absolute;display: inline-block;background:#fff;transform-origin:0% 0%;transition: 0.3s;}
	#openMenu .bar {left: 9px;}
	#openMenu span:nth-of-type(2) {top: 15px;}
	#openMenu span:last-of-type {top: 25px;}
	#openMenu.close span:nth-of-type(2) {transform:rotate(45deg);top: 11px;left: 14px;}
	#openMenu.close span:last-of-type {transform:rotate(-45deg);top: 28px;left: 12px;}

	#openSearch .bar {display:none; width: 24px;height: 3px;position: absolute;background:#fff;transform-origin:0% 0%;transition: 0.3s;}
	#openSearch .bar {left: 9px;}
	#openSearch span:nth-of-type(2) {top: 15px;}
	#openSearch span:last-of-type {top: 25px;}
	#openSearch.close .bar {display: inline-block;}
	#openSearch.close span:nth-of-type(2) {transform:rotate(45deg);top: 11px;left: 14px;}
	#openSearch.close span:last-of-type {transform:rotate(-45deg);top: 28px;left: 12px;}

	#searchWrap {display: none;position: absolute;top: 81px;width: 100%;z-index: 99999;padding: 1rem 1rem 1.4rem;background: #fff;}
	#searchWrap span.search_btn {float:none; position:absolute; top:1rem; right:1rem; z-index:1;}
	#searchWrap input[type="submit"] {width:5rem; height:5rem;}
	.total_search {display:block; position:relative; width:auto; float:none; border: none;border-bottom: 2px solid #003e92;border-radius:0; padding-left:110px; margin-right:60px; z-index:0;}
	.total_search li {float:none;}
	.total_search li:first-child {position:absolute; top:0; left:0;} 
	.total_search li:nth-child(2) {}
	.total_search li:nth-child(3) {top: 17px;right: 1rem;}
	.total_search input[type="submit"] {padding: 0.7rem;background: #fff;color: transparent;background: url('/common/img/common/ico_search.png') 50% 50% no-repeat;}
	.total_search input[type="text"] {width: 96%; font-size:1.7rem;}
	#bannerWrap >div {width: 96%;margin: 0 auto;}
	#bannerWrap .banner_list {width: 65%;}
	footer .info_wrap >div {text-align: center;}
	footer .info_wrap ul.edu_footer {text-align: left;}
	footer .info_wrap ul.edu_footer address {display: inline;}
	.familysite >li {width: 33.33%;border-bottom: 1px solid #838e95;}
	.familysite >li:nth-child(3) {border-right: none;}
	.familysite >li:nth-child(4) {border-left: none;}
	.familysite >li .list1 {width: 100%;}
	.familysite >li .list1 >ul {height: 450px;overflow-y: auto;}
	.familysite >li .list1 >ul >li {float: none;width: auto;}
	.familysite >li .list1 .btn_close {width: 100%;}
	.copy_logo {width: 15%;padding: 0.96rem 0;}
	.copy_info {width: 75%;}

	#snbWrap {display: none;}
	#content {float: none;}
	#titWrap {padding: 0 1rem 17px 1rem;}
	#conts {padding: 0 1rem;}
	.share_list {right: 3px;}
	.spot_list {float: none;display: inline-block;}

	#lnbWrap {z-index: 99998;position: absolute;left: -100%;width: 80%;height:auto;top:114px;bottom:0;overflow-y: auto;background: #335cd9;/* background: -webkit-linear-gradient(45deg, #335cd9, #1c91f5, #20a9f3, #ff4e00); *//* background: linear-gradient(45deg, #335cd9, #1c91f5, #20a9f3, #ff4e00); */border-right: 1px solid #ddd;border-top-width:0px;}
	#lnbWrap .in_lnb.sns_con {display:block;}
	#lnbWrap .sns_con{padding:.5em; text-align:center; background:#fff; border-bottom:1px solid #dadada; line-height:1;}
	#lnbWrap .sns_con ul{display:inline-block;}
	#lnbWrap .sns_con ul li{float:left;margin-left:0;}
	#lnbWrap .sns_con ul li:first-child{margin-left:0;}
	#lnbWrap .sns_con ul li a{display:block;width:38px;height:38px;font-size:0;text-indent:-999999px;background:url(/common/img/common/ico_sns.png); transform:scale(0.9); -webkit-transform:scale(0.9);}
	#lnbWrap .sns_con ul li:nth-child(1) a{background-position:0 0;}
	#lnbWrap .sns_con ul li:nth-child(2) a{background-position:-57px 0;}
	#lnbWrap .sns_con ul li:nth-child(3) a{background-position:-113px 0;}
	#lnbWrap .sns_con ul li:nth-child(4) a{background-position:-170px 0;}
	#lnbWrap .sns_con ul li:nth-child(5) a{background-position:-226px 0;}
	#lnbWrap .sns_con ul li:nth-child(6) a{background-position:-283px 0;}

	#lnbWrap >.layer {overflow: visible;height: 0;}
	#lnbWrap >.layer.on {box-shadow: none;border-bottom:none;height: auto;}
	#lnbWrap >.layer.on:before {display: none;}
	#lnb li {position: relative;}
	#lnb >li {border-bottom: 1px solid rgba(255,255,255,0.3);}
	#lnb >li, .lnb_sub .depth02 >li {width: 100% !important;margin: 0 !important;float: none;}
	#lnb >li {text-align: left;position: relative;}
	#lnb >li:after {display:none;}
	#lnb >li.on:after {background-position: -132px 0;}
	#lnb a {font-weight: 500;}
	#lnb >li >a {padding:1.6rem; text-shadow:-1px -1px 0 #3753d4, 1px -1px 0 #3753d4, -1px 1px 0 #3753d4,1px 1px 0 #3753d4; color:#fff !important;}
	#lnb > li > a:after,
	#lnb >li >a:before {display: none;}
	#lnb >li >a[target=_blank] span {display: inline-block;}
	#lnb >li >a[target=_blank] span:after {content: '';width: 17px;height: 15px;float:right;margin: 3px 0 0 9px;background: url(http://localhost:8080/common/img/common/spr_common.png) 0 0 no-repeat;}
	#lnb li.has-sub > a {margin-right:60px;}
	#lnb li.has-sub > .open_lnbsub {display:block; position:absolute; top:7px; right:0; width:60px; height:48px; overflow:hidden; text-indent:-999px; background:url('/common/img/common/spr_bu.png') no-repeat 50% 20px; z-index:1;}
	#lnb li.has-sub:after {content:""; display:block; position:absolute; top:0; right:0; width:60px; height:62px; z-index:0; background:rgba(0,0,0,.1);}
	#lnb li.has-sub.opend-sublnb > .open_lnbsub {background-position:50% -8px;}
	#lnb li.has-sub.opend-sublnb > .lnb_sub {display:block;}
	#lnb .depth02 .open_lnbsub {display:none !important;}
	#lnb .depth02 li.has-sub > a {margin-right:0;}
	#lnb .depth02 li.has-sub:after {display:none;}
	
	.lnb_sub {top: 0;display: block;background: #fff;padding: 0.8rem;position: relative !important;}
	#lnbWrap .lnb_sub {display: none;}
	#lnbWrap .lnb_sub.on {display: block;}
	#lnbWrap .lnb_sub .depth02 {width: 100% !important;overflow: visible;float: none;padding: 0;}
	#lnbWrap .lnb_sub .depth02 >li >a {width: auto !important;border-bottom:none !important;padding: 0.8rem !important;letter-spacing: -0.5pt;font-size: 1.7rem;position: relative;}
	#lnbWrap .lnb_sub .depth02 >li >a, #lnbWrap .lnb_sub .depth02 >li >a:hover, #lnbWrap .lnb_sub .depth02 >li >a:focus {border-radius: 0;margin: 0 !important;background: #fff  !important;color: #ff4e00 !important;padding-left: 8px !important;}
	#lnbWrap .lnb_sub .depth02 >li >a:before,
	#lnbWrap .lnb_sub.depart .depth02 li >a:before {content: '';width: 0;height: 0;border-top: 5px solid transparent;border-right: 0;border-bottom: 5px solid transparent;border-left: 7px solid #fe8b58;background: none;margin-right: 4px;margin-top: -5px;position: absolute;top: 50%;transform: translateX(-50%);}
	#lnbWrap .lnb_sub .depth02 >li >a >span {padding-left: 0.8rem;}
    #lnbWrap .lnb_sub .depth02 >li >a.on {color: #3753d4 !important;}
	#lnbWrap .lnb_sub .depth02 >li >a.on:before {background: #3753d4;}
	#lnbWrap .lnb_sub .depth03 {width: 97%;margin-left: 1rem !important;padding: 0.0rem 0.9rem 0.5rem 0.9rem !important;/* border: 1px solid #ddd; */}
	#lnbWrap .lnb_sub .depth03 >li {float:none !important;position: relative;}
	#lnbWrap .lnb_sub .depth03 >li >a {color: #999;padding: 0.1rem 0 0.1rem 1rem;font-size: 1.6rem;font-weight: normal;}
    #lnbWrap .lnb_sub .depth03 >li >a:only-child {border: none !important;}
	#lnbWrap .lnb_sub .depth03 >li >a:not(:only-child) {border-bottom: 1px dashed #ececec !important;}
	#lnbWrap .lnb_sub .depth03 >li:last-child >a {border-bottom:none !important;}
	#lnbWrap .lnb_sub .depth03 >li >a:before {content: '';background: #c5c5c5;position: absolute;width: 6px;height: 2px;left: 0;top: 1.2rem;}
	#lnbWrap.type02:hover {box-shadow: none;}
	#lnbWrap.type02 .lnb_sub .tit {display: none;}
	#lnbWrap.type02 .lnb_sub .depth03 >li:not(:last-of-type) >a:after {display: none;}
	#lnbWrap.type02 .lnb_sub .depth02 >li >a:hover {text-decoration: underline}
	#lnbWrap .lnb_sub.depart:before {display: none;}
	#lnbWrap .lnb_sub.depart .depth02 {margin: 0;}
	#lnbWrap .lnb_sub.depart .depth02 li {border:none;}
	#lnbWrap .lnb_sub.depart .depth02 li >a {text-align: left;}
	#lnbWrap .lnb_sub.depart .depth02 li >a span {text-align: left;font-size: 1.7rem;margin: 0;}
	#lnbWrap.type01 .lnb_sub.depart .depth02 li >a:hover,
	#lnbWrap.type02 .lnb_sub.depart .depth02 li >a:hover {text-decoration: underline !important; background-color: #fff !important;}
	#lnbWrap.type02 .lnb_sub.depart .depth02 li, #lnbWrap.type02 .lnb_sub.depart .depth02 li a {border-radius: 0;}

	/* scroll >IE
	html { scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef; }
	
	::-webkit-scrollbar { width: 8px; }
	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: #fff; }
	::-webkit-scrollbar-track { background: #fff; border-radius: 0; }
	::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: #888; border-radius: 0; }
	::-webkit-scrollbar-thumb:window-inactive { background: #888; border-radius: 0; }
	  */

	/* 로그인 */
	.login .c_bottom .sns_login {clear:both; max-width:500px; margin-left:auto; margin-right:auto;}
	.sns_login > * {max-width:290px; margin-left:auto;margin-right:auto;}
	.sns_login .sns_btn {width:100%;}
	.login .c_bottom .sns_login a:last-child {margin-bottom:30px;}
}
@media screen and (max-width:930px) {
	#gnbWrap .gnb_option{display:none;}
}

@media screen and (min-width:821px) {
	/*#gnbWrap .gnb_nav {display:block !important;}*/
}

#gnbWrap {position:relative; z-index:1000000;}
#gnbWrap .gnb_control {display:block; position:relative; min-width:130px; font-size: 1.4rem; color:#4d4d4d; font-weight:500; padding:1.1rem; background:#fff;}
#gnbWrap .gnb_control i {display:inline-block; width:15px; height:15px; margin-bottom:.2rem; vertical-align:middle; background:url('/common/img/common/spr_portal_select.png') no-repeat 50% 100%;}
#gnbWrap .gnb_control:after {content: ''; display: inline-block;vertical-align: middle;width: 1px; height: 1.3rem; background: #dcdcdc; margin-left: 1.1rem;}

#gnbWrap .gnb_control.close {display:none;}
#gnbWrap .gnb_nav + .gnb_control i {background-position:50% 0;}
#gnbWrap .gnb_nav_box {position:relative;}
#gnbWrap .gnb_nav_box .gnb_nav {display:none; position:absolute; top:100%; left:0; right:-25px; background:#fff; border:1px solid #cecece; border-top-width:0;}
#gnbWrap .gnb_nav_box .gnb_nav li {display:block; float:none;}
#gnbWrap .gnb_nav_box .gnb_nav li a {padding:1.1rem;}
#gnbWrap .gnb_nav_box .gnb_nav li a:after {display:none;}
#gnbWrap .gnb_nav_box.open .gnb_nav {display:block;}
#gnbWrap .gnb_nav_box.open .gnb_control.open {display:none;}
#gnbWrap .gnb_nav_box.open .gnb_control.close {display:block;}

@media screen and (max-width:768px) {

	/* common */
	#innerHead >div {padding: 3.52rem 0;}
    #innerHead h1 a {font-size: 2.5rem /* 25px */;}
	#searchWrap {top: 71px;}
	#bannerWrap .btn.next {float: left;}
	#bannerWrap .banner_list {width: 100%;margin-left: 0;}
	footer .info_wrap {padding: 1.6rem;}
	.copy_logo {display: none;}
	.copy_info {width: 100%;}
}

@media screen and (max-width:640px) {
    /* common */
    .total_search {padding-left:0;}
	.total_search li:first-child {display: none;}
	.total_search input[type="text"] {width: 100%;}
    .total_search input[type="submit"] {padding: 0.8rem;}

	.familysite >li {width: 50%;}
    .familysite >li .list3 {width: 101%;}
    .familysite >li:nth-child(3) {border-right: 1px solid #838e95;}
	.familysite >li:nth-child(2n) {border-right: none;}

	#lnbWrap .lnb_sub .depth02 >li >a {font-size: 1.7rem;}
	#lnbWrap .lnb_sub .depth02 >li >a:before {}
	#lnbWrap .lnb_sub .depth03 {width: 96%;}
	#lnbWrap .lnb_sub .depth03 >li >a {font-size: 1.6rem;}
	#lnbWrap .lnb_sub .depth03 >li >a:before {width: 4px !important;}
}

@media screen and (max-width:460px) {
	#gnbWrap {padding-left:0;}
	#gnbWrap .gnb_control,
	#gnbWrap .gnb_nav li a {font-size:1.2rem;}
	#gnbWrap .gnb_control {padding:1rem; min-width:0;}
	#gnbWrap .gnb_control:after {margin-left:.7rem;}
}

@media screen and (max-width:375px) {
	#gnbWrap .gnb_control {padding:1.1rem .6rem;}
	#gnbWrap .gnb_control:after {margin-left:.4rem;}
	#gnbWrap .gnb_nav li a{padding: 1.1rem 0.6rem 1.1rem 0;}
	#gnbWrap .gnb_nav li a:after{margin-left: 0.6rem;}

    /* common */
    #openSearch {right: 0.5rem;}
    #openMenu {left: 0.5rem;}
    #searchWrap {font-size: 0.9375rem;padding: 0.8rem;}
    .total_search li:nth-child(3) {right: 0.5rem;}
    .total_search input[type="submit"] {background-position: -46px -26px;}
	.familysite >li {width: 100%; border-left: none; border-right: none !important;}
	footer .btn_open {padding: 1.4rem 1.6rem 1.4rem;}
	footer .btn_close {bottom: -44px;}
	.familysite >li div {bottom: 43px;}
}

@media screen and (max-width:320px) {
	/* common */
    .total_search li:nth-child(2) {width: 86%;}
}