@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.accessibility {
    overflow: hidden;
    position: relative;
    z-index: 1000;
    width: 100%;
}

html,body {width:100%; font-weight:400; letter-spacing: -0.05em; min-width:360px; font-size:17px; line-height:1.8em; color:#444;}

#header h1{top:125px;}
/*#lnb .top1menu{font-family: 'Noto Sans KR', sans-serif;}*/
    


#lnb ul div.top2m.m5{display:none !important; height:0px !important; padding: 0;}
#lnb ul div.top2m.m5 div{padding: 0;}
#lnb ul ul ul{display:none !important;}
#lnb ul div.top2m div .tit_area .tit{font-size:40px;}

/*.lnb_bg.part_bg {background:none; background:#fff; box-shadow:0 30px 30px rgba(0,0,0,0.2); transition:height 0.1s ease-in-out;}*/

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

	#lnb .top1menu{    margin: 0 0 0 35%;}
	#lnb ul li a{padding: 50px 39px;}

}

/*sublayout */
#container{padding-top:75px; margin-top: -260px; font-family: 'GmarketSansMedium', sans-serif;}
#container:before{content:''; display:block; width:calc(100% - ((100% - 1600px) / 2)) ; background:#fff; height:268px; position: absolute; top:0; left:calc((100% - 1600px) / 2); box-sizing:border-box; border-radius:80px 0 0 0;}


#container .wrap{padding-left: 50px; box-sizing: border-box;}

.subinfo{position:relative; height:545px;  background:url(/images/edunew/info_bg.gif) no-repeat center 0;  font-family: 'GmarketSansMedium', sans-serif;}

.cont-top {max-width:1600px; text-align: center; margin:0 auto;}
.cont-top:after{display:none;}
.cont_tit h2 {display:block; font-size:52px; color:#333; letter-spacing:-0.07em; padding:90px 0 20px; line-height: 1em; font-family: 'yg-jalnan'; color:#5d48b5;}


.cont-top .navi-print-share{position:relative; padding:0;}
.cont-top .navi-print-share:after{clear:both; content:""; display:block;}


.cont-top .navi-print-share .navi{margin-top:0px; float:none; overflow:hidden; display: flex; align-items: center; justify-content: center;}
.cont-top .navi-print-share .navi li{position:relative; float:left;     padding: 0 25px 0 25px}
.cont-top .navi-print-share .navi li a { font-size:18px; color:#777777; font-weight:400;}
.cont-top .navi-print-share .navi li::before{position:absolute; top:50%; margin-top:-7px; left:0px; content:""; background:url(/images/edunew/location_arr.png) no-repeat; width:9px; height:14px; display:block;}
.cont-top .navi-print-share .navi li:last-child{padding-right:0px; font-weight:600;}
.cont-top .navi-print-share .navi li:last-child a {font-weight:600; color:#333;}

.cont-top .navi-print-share .navi li.home{padding-left:0px; margin-top:0px; background: none; width: 52px; height: 52px;}
.cont-top .navi-print-share .navi li.home a {font-weight:300; border-radius:50%; background:#000 url(/images/edunew/common_icon.png) no-repeat center center; text-indent:-9999px; width:52px; height:52px;     display: block;}

.cont-top .navi-print-share .print-share .print-btn{ background:#fff url(/images/portal/new/common_icon.png); background-position: -274px -72px; border-radius: 50%;}
.cont-top .navi-print-share .print-share .share{background: #fff;  border-radius: 50%;     margin-right: 10px;}

/*좌측메뉴*/
 
#side {width: 20%; padding: 0; margin-top: -160px;}
#side .sub_title {position:relative; background:none; border-radius: 30px; padding: 50px 0 0 0; background:#7040b7;  height:160px; color: #fff;  font-size: 32px; text-align: center;  font-family: 'GmarketSansBold';}
#side .sub_title span{color:#ebe3ff; display:block; text-align: center; maring-bottom:10px; font-size:16px; font-family: 'GmarketSansMedium';}
#side .sub_title:after{content:''; display:block; position: absolute; top:-64px; left:50%; margin-left:-49px; width:98px; height:107px; background:url(/images/edunew/subtit_icon01.png) no-repeat;}

.sub_menu{padding:25px 0;  background:#fff; box-sizing:border-box; margin-top:0px; border:0; border-radius:0;}
.sub_menu .sm_2th {width: 100%;  padding: 0;  margin: 0; }
.sub_menu .sm_2th > li { margin: 0; padding: 0; border-bottom: solid 1px #e0e0e0; border-top: none; }
.sub_menu .sm_2th > li:last-child {border-bottom: solid 1px #e0e0e0;}

.sub_menu .sm_2th > li > a {font-size: 18px; font-weight: 400; letter-spacing: -0.5px;}
.sub_menu .sm_2th > li > a > .more{border:none;}  
.sub_menu .sm_2th > li.on > a, .sub_menu .sm_2th > li > a:hover, .sub_menu .sm_2th > li > a:focus{color:#5d48b5; font-weight: 600;}

.sm_2th > li.on > a > .more, .sm_2th > li > a:hover > .more, .sm_2th > li > a:focus > .more{border:none; }
.sub_menu .sm_2th > li > a > .more em{display:none;}
.sub_menu .sm_2th > li > a > .more .hor{display:none;}

.sub_menu .sm_2th > li > a > .more{ background:url(/images/edunew/left_bg_off.png) no-repeat center center;}
.sub_menu .sm_2th > li.on > a > .more{ background:url(/images/edunew/left_bg_on.png) no-repeat center center;}
.sub_menu .sm_2th > li > a:hover .more{ background:url(/images/edunew/left_bg_on.png) no-repeat center center;}

.satisfaction{font-family: 'Noto Sans KR', sans-serif;}
  
/** ****** 푸터 ******** */
#footer {font-family: 'Noto Sans KR', sans-serif;}
.foot_menus > li{width: 25%;}
#foot_info .footer_logo img{ width: 180px;}
#foot_info .f-info .addr{padding-bottom: 8px;}
#foot_info .f-info .addr strong{color:#333;}


#contents h3, .body_conts h3{position:relative; margin:60px 0 30px 0; font-size:24px;line-height:1em; color:#783cb8; padding-left:35px; font-family: 'GmarketSansBold';}
#contents h3:before, .body_conts h3:before{content:''; display:block;     position: absolute; left:0; top:-2px;  background:url(/images/edunew/h3_bul.png) no-repeat; width:23px; height:23px;}

#contents h4, .body_conts h4{position:relative; margin:40px 0 20px 35px; color:#333; font-size:20px; line-height:1em; padding-left:20px; font-family: 'GmarketSansBold';}
#contents h4:before, .body_conts h4:before{content:''; display:block;     position: absolute; left:0; top:0px;  background:#d23175;  border-radius:3px; width:12px; height:12px;}

#contents h5, .body_conts h5{margin:25px 0 5px 14px;padding:0 0 0 23px;background-position:left top;color:#000;font-size:1.1em;line-height:22px; font-weight:600;}



.recom_tab+h3, .recom_tab+div+h3, #contents > h3:first-child {margin-top: 0px;}  
#contents {min-height: 300px; line-height:180%; position: relative; }


#contents h3 + h4{margin:0px 0 20px 35px;}
#contents h3 + .list_ul{margin-left:35px;}
#contents h4 + .list_ul{margin-left:55px;}


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

		.wrap{width:100%;}
		#header h1{left:20px;}
		#container{padding: 50px 20px 0 20px; box-sizing:border-box;}
		#container:before {left: 0; border-radius: 0; width: 100%;}
		#container .wrap{padding-left:0;}
		#lnb .wrap{width:100%;}
		#lnb ul div.top2m{width:100%;}

}
@media only screen and (max-width:1500px) {
	 #lnb ul li a{padding: 50px 30px;}
}
@media only screen and (max-width:1380px) {
	 #lnb ul li a{padding: 50px 20px;}
}



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

	 #side{display:none;}
	 .rowgroup{width:100%;}
}

@media only screen and (max-width:1200px) {
#lnb ul ul ul{display:block !important;}
	#container {  padding: 0px 20px 0 20px;}
	#header .top_link .lnb .flag, #header .top_link .lnb .font-big-small, #header .top_link .lnb .sns{display:none;}
	#header .top_link .lnb{padding-right:10px;}

	.cont-top .navi-print-share .print-share .print-btn{display:none;}
	#lnb ul{padding-left:0;}
	#lnb .wrap {  width:auto; height:auto; margin:0;  padding:0; right:0;}
	#lnb ul div.top2m { width:100%; margin:0;}

	.lnb_m_nav {display:block;position:absolute; top:123px;right:10px;z-index:910;}
	.lnb_m_nav .open{width:60px;height:60px;    background: url(/images/portal/new/common_icon.png) no-repeat 0 0; background-position: -13px -7px; font-size: 0;}
	#lnb .top2mbg{display:none}
	#lnb {/*overflow-y:scroll;*/ position:fixed; top:0px; right:-280px; z-index:920; left:inherit; width:280px; height:100%; background:#fff; }
	#lnb .top1menu{z-index:930; width:100%; left:0; top:0 ; margin-left:0%;}
	#lnb ul li {display:block;float: none; width:100%;}
	#lnb ul li a{ display:block; margin:0;padding:10px 7%;background:#f7f8fa url(/images/portal/common/depth1_m_off.png) no-repeat 95% 45%;border-bottom:solid 1px #ddd; text-align:left;color:#333; font-size:16px;}
	#lnb ul li:first-child a { border-top:none;}
	#lnb ul li a.tit.active,#lnb ul li a.tit:hover {padding:10px 7%; background:#1c73d2 url(/images/portal/common/depth1_m_on.png) no-repeat 95% 45%; border:none; color:#ffffff;}
	#lnb ul div.top2m { position:static; padding:0;}
	#lnb ul div.top2m div{border:none; background:#ffffff; padding:0;}
	#lnb ul ul {padding:0; padding: 0 10px; border-bottom: 1px solid #ddd;}
	#lnb ul ul li{ float:none;  width:100%; margin:0; padding:0;background:none;border:none; }
	#lnb ul ul li.split_line  { display:none;}
	#lnb ul ul li a{padding: 10px 8% 10px 10px;    background: none;    border: none;  color: #5b5e64;  font-size: 14px;  text-align: left;  border-bottom: 1px solid #ddd; border-radius: 0;    background: url(/images/portal/new/sm_3th.png) no-repeat 95% center;}
	#lnb ul li li a.active,  #lnb ul li li a:hover { padding:10px 8% 10px 10px; color:#00379a;  background: none; border:none; border-bottom:solid 1px #ddd; background: url(/images/portal/new/sm_3th_on.png) no-repeat 95% center;}
	#lnb ul ul ul{display:none;padding:10px 0 7px; background:#ececec; }
	#lnb ul ul ul li{ float:none;  border:none;}
	#lnb ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec;color:#535353; text-align:left; font-size:14px; }
	#lnb ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec; color:#535353;}
	#lnb ul ul ul ul { display:none; padding:10px 0 ; background:#cddbeb;}
	#lnb ul ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; }
	#lnb ul ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; color:#535353;}

	#lnb ul .m1 ul,	#lnb ul .m2 ul,	#lnb ul .m3 ul,	#lnb ul .m4 ul,	#lnb ul .m5 ul,	#lnb ul .m6 ul,	#lnb ul .m7 ul{margin:0;}
	#lnb ul div.top2m.m5 {border-right:none}
        #lnb ul div.top2m.m10 {border-right:none}
	.lnb_close{display:none;position:fixed;right:280px;top:0px; z-index:910; }
	.lnb_close button{width:60px;height:60px; background:url(/images/portal/common/topmenu_btn_close.png) no-repeat center center #5c94e2;font-size:0}
	.mask{  position: fixed; top: 0; left: 0;  z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
	#lnb .depth1 .m6 .tit_arae { display:none;}
	#header .weather { display:none;}

	.tablet_skip, .qrcode, .footer_logo{display:none;}

	#header .Search_btn, #header .site_map{display:none;}


	.cont-top .navi-print-share .navi li{padding: 0 10px 0 10px;}
	


}


@media only screen and (max-width:1000px) {
	
	#header{min-height:122px;}
	#header::after{top:50px;}
	#header h1{top:70px;}
	#header h1 img{width:180px;}
	.lnb_m_nav{top: 57px;}

	.subinfo{height: auto;}

	.cont_tit h2{padding: 30px 10px 10px 10px; font-size: 30px;}
	.cont-top .navi-print-share .navi li.home{width: 30px; height: 30px; }
	.cont-top .navi-print-share .navi li.home a{background-size: 50%; width: 30px; height: 30px; }
	.cont-top .navi-print-share .navi li a{font-size:16px;}

	#container{margin-top:0;}

	.cont-top .navi-print-share .print-share .share{display:none;}

}

      

                                         


.ir{text-indent: -99999999px;}      
.txt_center{text-align: center;}   




.list_ul li {position:relative; padding-left:15px; margin-bottom:10px; font-weight: 400; line-height: 25px;}
.list_ul li:last-child {margin-bottom:0;}
.list_ul li:before {content:''; display:inline-block; width:6px; height:6px; background:#b7ade5; border-radius:50%; position:absolute; top:7px; left:0;}

.list_ul li ul {margin:1.0rem 0;}
.list_ul li ul li {margin-bottom:0px; padding-left:20px; }
.list_ul li ul li:before {content:''; display:inline-block; width:9px; height:4px; background:#d5d5d5; border-radius:30px; position:absolute; top:6px; left:0; font-size:4px; color:#999;}  


.foot_menus .fm_3 {top:-402px; height: auto;}