@charset "UTF-8";

@media screen and (max-width: 1700px){
	.sitemap_wrap {padding-left:28vw}
	.sitemap_wrap::before {max-width:28vw;background-size:900px}
	.sitemap_wrap .logo_area {max-width:28vw}
	.sitemap_wrap .sitemap {padding-right:7vw;padding-left:45px;padding-right:90px}
	.sitemap_wrap .sitemap > li > .sub_gnb_area {max-width:calc(100% - 219px)}
}

@media screen and (max-width: 1500px){
	.sitemap_wrap .container {margin:0}
}

@media screen and (max-width: 1400px){
	.header .header_top .logo_area .logo_text {margin-right:12px;font-size:25px}
	.header .header_top .logo_area .logo {width:158px;height:22px}
	.header .header_top .right_btn_group {column-gap:20px}
	.header .header_top .right_btn_group .btn_li {font-size:1em}
	.header .gnb_cont_area #gnb > li::before {height:20px}
	.header .gnb_cont_area #gnb > li .sitemap_tit {font-size:1.05em}
	.header .gnb_cont_area #gnb > li .sub_gnb > li > a {font-size:1.05em}

	.sitemap_wrap {padding-left:300px}
	.sitemap_wrap::before {max-width:300px;background-size:730px}
	.sitemap_wrap .sitemap_close {top:40px;right:45px}
	.sitemap_wrap .logo_area {max-width:300px}
	.sitemap_wrap .logo_area .logo_text {font-size:27px}
	.sitemap_wrap .container {margin:0 auto}
	.sitemap_wrap .sitemap {padding:90px 65px 40px 30px}
	.sitemap_wrap .sitemap > li {padding:13px 0}
	.sitemap_wrap .sitemap > li:first-child {padding:0 0 13px 0}
	.sitemap_wrap .sitemap > li > a {margin-right:35px}
	.sitemap_wrap .sitemap > li > a .text {font-size:24px}
	.sitemap_wrap .sitemap .sub_gnb_area {max-width:calc(100% - 180px)}
	.sitemap_wrap .sitemap_sub_gnb > li {margin-right:13px;padding-right:17px}
	.sitemap_wrap .sitemap_sub_gnb > li > a {font-size:17px}
	.sitemap_wrap .sitemap_sub_gnb > li > a:hover, 
	.sitemap_wrap .sitemap_sub_gnb > li > a:focus {padding-left:16px;background-size:12px;background-position:left top}
}

@media screen and (max-width: 1280px){
	.header .utility_bar {height:46px}
	.header .utility_bar .btn_portal .btn {font-size:1em}
	.header .utility_bar .ann_text .img {width:26px}
	.header .utility_bar .ann_text .rolling {width:48px;height:23px;transform:translateY(-3px)}

	.header .header_top .logo_area .logo_text {margin-right:10px;font-size:23px}
	.header .header_top .logo_area .logo {width:151px;height:21px}
	.header .header_top .head_sch_cont_area {max-width:350px}
	.header .gnb_cont_area #gnb > li {height:56px}
	.header .gnb_cont_area #gnb > li::before {height:18px}
	.header .gnb_cont_area #gnb > li .sitemap_tit {font-size:1em}
	.header .gnb_cont_area #gnb > li .sub_gnb > li > a {font-size:1em}
	
	.sitemap_wrap {padding-left:270px}
	.sitemap_wrap::before {max-width:270px;background-position:right -130px bottom;background-size:620px}
	.sitemap_wrap .sitemap_close {font-size:30px;right:35px;top:35px}
	.sitemap_wrap .logo_area {max-width:270px;padding-right:35px}
	.sitemap_wrap .logo_area .logo img {max-width:164px}
	.sitemap_wrap .logo_area .logo_text {font-size:25px}
	.sitemap_wrap .sitemap > li > a {margin:0 15px 0 25px}
	.sitemap_wrap .sitemap > li > .sub_gnb_area {max-width:calc(100% - 155px)}
}

@media screen and (max-width: 1080px){
	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 0 150px 0;}
	.head_popzon .popzon_box .nav_box {margin: -13px 0 0;}
	.head_popzon .popzon_box .nav_box .nav {width: 17px; height: 17px;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px; font-size: 14px; line-height: 21px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 15px 0;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 27px; font-size: 18px; line-height: 27px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 21px; font-size: 14px; line-height: 21px;}
	.head_popzon .popzon_box .head_popzon_close {top: 5px; width: 12px; height: 12px;}
	.head_popzon .popzon_box .chk_each {bottom: 5px;}
	.head_popzon .popzon_box .chk_each label .text {font-size: 12px;}
	/* ==================== POPZON ==================== */
	
	.header .header_top .container {padding:13px 0}
	.header .header_top .head_sch_cont_area {display:none}
	.header .header_top .right_btn_group {column-gap:18px}
	.header .header_top .right_btn_group .btn_li.b1 {order:1}
	.header .header_top .right_btn_group .btn_li.b2 {order:2}
	.header .header_top .right_btn_group .btn_li.b3 {order:3}
	.header .header_top .right_btn_group .btn_li.b4 {order:4}
	.header .header_top .right_btn_group .btn_li .btn {display:block;text-align:center}
	.header .header_top .right_btn_group .btn_li .btn .text {display:block;margin-top:3px}
	
	.header .gnb_cont_area {display:none} 

	.sitemap_wrap {padding-left:0;background-image:none;background-color:rgba(0,0,0,0.6)}
	.sitemap_wrap::before {display:none}
	.sitemap_wrap::after {display:block;height:0;content:'';clear:both;visibility:hidden}
	.sitemap_wrap .logo_area {display:flex;align-items:center;width:calc(100% - 60px);max-width:inherit;height:60px;padding:15px;text-align:right;color:#fff;background-color:var(--colorMain);background-image:url(/images/edu/kor/user/common/logo2.png);background-repeat:no-repeat;background-position:left 15px center;background-size:160px;position:relative;top:auto;left:auto}
	.sitemap_wrap .logo_area .logo {padding-left:170px}
	.sitemap_wrap .logo_area .logo img {display:none}
	.sitemap_wrap .logo_area .logo_text {margin-top:0;font-size:16px;font-weight:500}
	.sitemap_wrap .container {height:calc(100% - 70px);margin:0 auto;overflow-y:auto}
	.sitemap_wrap .sitemap_obj {float:right;width:90%;max-width:400px;height:100%;background-color:var(--colorWhite)}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area {width:100%;padding:12px 15px;border-bottom:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area > .list {display:block}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area > .list > li {margin:0}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area > .list > li:first-child {margin-left:0}
	.sitemap_wrap .sitemap {display:block;height:auto;padding:0}
	.sitemap_wrap .sitemap a {color:var(--colorBlack)}
	.sitemap_wrap .sitemap > li {width:auto;padding:0 !important;border-bottom:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap > li:nth-child(-n+4) {padding-top:0}
	.sitemap_wrap .sitemap > li > a .text {display:block;padding:0;font-size:inherit;line-height:1.4}
	.sitemap_wrap .sitemap > li > a .text::before {display:none}
	.sitemap_wrap .sitemap .sitemap_tit {display:block;margin:0;padding:17px 15px;font-size:18px;text-align:left}
	.sitemap_wrap .sitemap .sitemap_tit::before {display:none}
	.sitemap_wrap .sitemap .sitemap_tit::after {font-family:'xeicon';content:'\e943';color:#6D7882;font-size:20px;position:absolute;right:22px;top:50%;transform:translateY(-50%)}
	.sitemap_wrap .sitemap .sub_gnb_area {display:none;width:100%;max-width:inherit !important}
	.sitemap_wrap .sitemap_sub_gnb {margin-left:0}
	.sitemap_wrap .sitemap_sub_gnb > li {display:block;margin:0;padding:0;text-align:left;border-top:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap_sub_gnb > li::after {display:none}
	.sitemap_wrap .sitemap_sub_gnb > li > a {display:block;padding:12px 5px 12px 28px;font-size:16px;background-color:var(--colorBgGray)}
	.sitemap_wrap .sitemap_sub_gnb > li > a::before {background-color:#d9d9d9;left:15px;top:22px}
	.sitemap_wrap .sitemap_sub_gnb > li > a:hover, 
	.sitemap_wrap .sitemap_sub_gnb > li > a:focus {padding-left:28px;color:var(--colorSub);background-color:#fff;background-image:none}
	.sitemap_wrap .sitemap_sub_gnb > li.s2 > a::after {font-family:'xeicon';content:'\e913';color:#B1B8BE;position:absolute;right:22px;top:50%;transform:translateY(-50%)}
	.sitemap_wrap .sitemap_sub_gnb .depth3 {display:none;height:auto !important;margin:0}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li {margin-bottom:0;border-top:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a {display:block;padding:10px 30px;background-color:#E6E8EA}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover {text-decoration:none;color:var(--colorWhite);background-color:var(--colorMain)}
	.sitemap_wrap .sitemap > li.on {}
	.sitemap_wrap .sitemap > li.on .sitemap_tit {padding-left:32px;color:var(--colorMain);background-color:#E2F2FF;background-image:url(/images/edu/kor/user/header/ic_sitemap_gnb.png);background-repeat:no-repeat;background-position:left 15px top 20px;background-size:12px}
	.sitemap_wrap .sitemap > li.on .sitemap_tit::after {content:'\e946'}
	.sitemap_wrap .sitemap_sub_gnb > li.on > a {color:var(--colorWhite);background-color:var(--colorSub)}
	.sitemap_wrap .sitemap_sub_gnb > li.on > a::before {background-color:var(--colorWhite)}
	.sitemap_wrap .sitemap_sub_gnb > li.s2.on > a::after {content:'\e91a';color:var(--colorWhite)}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover, 
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:focus {color:var(--colorWhite);background-color:var(--colorMain)}
	.sitemap_wrap .sitemap_close {width:60px;height:60px;font-size:25px;color:var(--colorBlack);background-color:transparent;right:0;top:0}
	.sitemap_wrap .sitemap_close:hover, 
	.sitemap_wrap .sitemap_close:focus {color:var(--colorMain);background-color:transparent}
}

@media screen and (max-width:767px){
	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 8px 5px;}
	.head_popzon .popzon_box .nav_box {position: inherit; top: inherit; left: inherit; margin: 0;}
	.head_popzon .popzon_box .nav_box.pc {display: none;}
	.head_popzon .popzon_box .nav_box.m {display: inline-block; }
	.head_popzon .popzon_box .nav_box .nav {width: 17px; height: 17px;}
	.head_popzon .popzon_box .nav_box .nav:last-child {margin:	0;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px; font-size: 12px; line-height: 18px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 0 0 8px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 24px; font-size: 16px; line-height: 24px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 18px; font-size: 12px; line-height: 18px;}
	.head_popzon .popzon_box .chk_each {display: inline-block; position: inherit; bottom: inherit; right: inherit; margin: 0 0 0 10px; vertical-align: middle;}
	.head_popzon .popzon_box .chk_each .chk_inp {}
	.head_popzon .popzon_box .chk_each label .text {font-size: 12px;}
	.head_popzon .popzon_box .head_popzon_close {position: inherit; top: inherit; right: inherit; margin: 0 0 0 10px; vertical-align: middle;}
	/* ==================== POPZON ==================== */
	
	.header .utility_bar {height:auto}
	.header .utility_bar .container {grid-template-columns:auto}
	.header .utility_bar .portal {order:2}
	.header .utility_bar .btn_portal {flex:1;text-align:center}
	.header .utility_bar .btn_portal .btn {padding:12px 16px}
	.header .utility_bar .btn_portal.on .btn {background-color:#fff;border-radius:15px 15px 0 0}
	.header .utility_bar .btn_portal.on::after {display:none}
	.header .utility_bar .ann_fix {order:1;padding:10px 0}
	.header .utility_bar .ann_text {justify-content:center}
	
	.header .header_top .logo_area .logo_text {margin-right:6px;font-size:19px}
	.header .header_top .logo_area .logo {width:130px;height:18px}
	.header .header_top .right_btn_group {column-gap:12px}
	.header .header_top .right_btn_group .btn_li .btn {font-size:14px}

	.sitemap_wrap .sitemap .sitemap_tit {}
}

@media screen and (max-width:480px){
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 21px; font-size: 14px; line-height: 21px;}
	
	.header .utility_bar .ann_text {flex-wrap:wrap;row-gap:4px}
	.header .utility_bar .ann_text .img {width:22px}
	.header .utility_bar .ann_text .text {margin:0}
	.header .utility_bar .ann_text .rolling {transform:translateY(-4px)}
	.header .utility_bar .ann_text .btn_link {width:100%;padding:3px;font-size:13px;font-weight:600;background-color:#fff;border:1px solid var(--colorMain);border-radius:5px}
	.header .utility_bar .ann_text .btn_link .icon {width:auto;height:auto;border:0;vertical-align:text-top}

	.header .header_top {border-bottom-color:var(--colorBorderGray)}
	.header .header_top .container {flex-wrap:wrap;margin:0;padding:0}
	.header .header_top .logo_area {width:100%;margin:0 10px;padding:20px 0}
	.header .header_top .right_btn_group {width:100%;column-gap:0;border-top:1px solid var(--colorBorderGray)}
	.header .header_top .right_btn_group .btn_li {flex:1;border-right:1px solid var(--colorBorderGray)}
	.header .header_top .right_btn_group .btn_li .btn {display:flex;justify-content:center;column-gap:1px;height:38px;margin-top:0}
	.header .header_top .right_btn_group .btn_li .btn .icon {font-size:16px}
	.header .header_top .right_btn_group .btn_li .btn .text {margin-top:1px}
	
	.sitemap_wrap .sitemap_obj {max-width:inherit;width:100%}
	.sitemap_wrap .logo_area {width:calc(100% - 68px);height:68px;text-align:left;background-position:left 15px top 13px}
	.sitemap_wrap .logo_area .logo {padding:24px 0 0 28px}
	.sitemap_wrap .logo_area .logo_text {font-size:14px}
	.sitemap_wrap .sitemap .sitemap_tit {font-size:17px}
	.sitemap_wrap .sitemap > li.on .sitemap_tit {padding-left:30px;background-size:10px}
	.sitemap_wrap .sitemap_sub_gnb > li > a {font-size:15px}
	.sitemap_wrap .sitemap_close {width:68px;height:68px;font-size:24px}
	.sitemap_wrap .sitemap .sitemap_tit::after {font-size:18px;right:15px}
}