@charset "utf-8";
 #swrap {position:relative;overflow-x: hidden;}
#header {margin-top: -52px;}

#header *{box-sizing:border-box}

.snb_box .hlogo_box{border-bottom: none;}
#wrap{position:relative;width:100%;overflow-x: hidden;}
#gnb_device *{box-sizing:border-box}
.ir{overflow: hidden;font-size: 0;line-height: 0;background-image:url(/images/kor/common/2020/ir.png);}
.layout{position:relative;width:100%;margin:0 auto;}
.layout:after {display:block;visibility:hidden;clear:both;content:""}
.skip,
.sr-only{width:0;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0,0,0,0);position:absolute;top:0;left:0;}

.btn_sitemap{position:fixed;top:0;right:0;width: 78px;height:75px;background-color:#7cc242;z-index: 10002;padding: 23px 17px;box-sizing: border-box;}
.btn_sitemap .bar__one,
.btn_sitemap .bar__two,
.btn_sitemap .bar__three {width: 100%;background: #fff;height: 3px;display: block;margin-bottom: 9px;-webkit-backface-visibility: hidden;}

#open_mn .bar__one,
#open_mn .btn_sitemap .bar__two,
#open_mn .btn_sitemap .bar__three {width: 100%;background: #fff;height: 3px;display: block;margin-bottom: 9px;-webkit-backface-visibility: hidden;}

#footer-grap *{box-sizing:border-box}
#footer-grap,
#footer-layout{/* overflow:hidden; */position:relative;width:100%;z-index: 90;}
#footer-grap{background-color:#2c333d;}
#footer-layout{background-color:#1f2228;}
#footer-grap .layout,
#footer-layout .layout{max-width:1200px;}
#footer-grap .family-link{padding:57px 0}
#footer-grap .family-link .listbox{display:inline-block;float:left;height:100%;}
#footer-grap .family-link .listbox.college{width:66.66%;}
#footer-grap .family-link .listbox.gradu{width:16.67%;}
#footer-grap .family-link .listbox.edu{width:16.67%;}
#footer-grap .family-link .listbox strong{display:block;margin-bottom:39px;width: 100%;}
#footer-grap .family-link .listbox strong span{display:block;position:relative;color:#fff;font-size:22px;}
#footer-grap .family-link .listbox.college strong span:before{content:'';display: block;position:absolute;bottom:10px;left:100px;width:80%;height:1px;background-color:#565c64;}
#footer-grap .family-link .listbox a{position:relative;display:inline-block;font-size: 16px;color: #B7B7BD;line-height:1.5;font-weight:400;padding-left: 10px;word-break: keep-all;margin-bottom: 7px;}
#footer-grap .family-link .listbox a:before{position:absolute;top: 10px;left:0;content:"";display:inline-block;width: 3px;height: 3px;background-color:#767676;margin-right:2px;vertical-align:middle;border-radius: 50%;}
#footer-grap .family-link .listbox > ul > li{display:block;margin-bottom:20px;}
#footer-grap .family-link .listbox > ul > li > a{display:block;color:#fff;line-height:1;margin-bottom: 20px;font-weight:600;padding-left:0;font-size:18px;}
#footer-grap .family-link .listbox > ul > li > a:before{display:none;}
#footer-grap .family-link .listbox > ul > li > a > a{font-size:16px;}
#footer-grap .family-link .listbox.college > ul{float:left;display:inline-block;width:25%;}
#footer-grap .footer-link{border-top:1px solid #565c64}
#footer-grap .footer-link ul{}
#footer-grap .footer-link ul li{display:inline-block;float:left;position:relative}
#footer-grap .footer-link ul li:before{display:block;position:absolute;top: 29px;left:-1px;width:1px;height: 17px;background:#525c64;content:'';}
#footer-grap .footer-link ul li.first-chlid:before{ display:none;}
#footer-grap .footer-link ul li:first-child:before{ display:none;}
#footer-grap .footer-link ul li a{display:block;padding: 24px 17px;font-size:15px;color:#acadb0;text-align:center;}
#footer-grap .footer-link ul li.first-chlid a{color:#2f9366;font-weight: bold;}
#footer-layout .footer-info{padding:45px 0;padding-left:183px;/* padding-right:502px; */}
#footer-layout .flogo{position:absolute;left:0;top:45px;width: 158px;height:35px;background-position: 0 -327px;}
#footer-layout .footer-info address p,
#footer-layout .footer-info .copy{display: block;margin:0;padding:0;font-size:15px;color:rgba(203,203,203,0.8);text-align:left;}
#footer-layout .footer-info .copy{margin-top:10px;font-family: Roboto, "Helvetica Neue", Arial;font-size: 13px;letter-spacing: 1px;}
#footer-layout .footer-info address p strong{position:relative;display:inline-block;padding-right:13px;margin-right:13px;color:rgba(203,203,203,0.8);font-weight: normal;}
#footer-layout .footer-info address p strong:before{display:block;position:absolute;top:6px;right:0;width:1px;height:10px;background-color:rgba(203,203,203,0.8);content:'';}
#footer-layout .footer-info address .tel,
#footer-layout .footer-info address .fax{letter-spacing:0;color: rgba(203,203,203,0.8);display: inline-block;margin-right: 10px;}
#footer-layout .linksite_wrap {position:absolute;z-index: 1;right: 50%;top: 45px;width: auto;margin-right: -620px;}
#footer-layout .linksite_wrap .linksite {display: inline-block;position: relative;width:200px;margin-left: -1px;border: 1px solid #636363;}
#footer-layout .linksite_wrap .linksite.on:after {top: 18px;border-width: 0 2px 2px 0;}
#footer-layout .linksite_wrap .linksite > button {display:block;width:100%;height:100%;padding: 0 25px;line-height: 48px;color: rgba(255,255,255,.8);font-size: 15px;text-align:left;background-color: transparent;}
#footer-layout .linksite_wrap .linksite >div {display:none;}
#footer-layout .linksite_wrap .linksite.on >div {display:block;position:absolute;left:0;bottom:0;width: 100%;padding: 0 0 48px;}
#footer-layout .linksite_wrap .linksite >div ul {overflow-y: auto;max-height: 290px;    border-bottom : 1px solid rgba(255,255,255,0.2);text-align:left;}
#footer-layout .linksite_wrap .linksite >div ul li {display:block;width:100%;height: 40px;border: 1px solid #636363;border-bottom:none;background: #2c333d;box-sizing: border-box;}
#footer-layout .linksite_wrap .linksite >div ul li a {display:block;width:100%;height:100%;padding: 10px 15px;line-height: 1.4;color:#fff;font-size:14px;/* font-family: 'nsr';*/box-sizing: border-box;}
#footer-layout .linksite_wrap .linksite >div ul li a:hover,
#footer-layout .linksite_wrap .linksite >div ul li a:focus {background:rgba(255,255,255,.1);}
#footer-layout .linksite_wrap .linksite >div > button {display:block;width:100%;height: 48px;position:absolute;font-size:0;background-color:transparent}


.move_top {opacity: 0;position: fixed;top:auto;right: 6%;bottom: 50px;z-index: 50;width: 52px;height: 50px;}
.move_top.show {opacity: 1;transition: opacity .2s ease-in-out;}
.move_top a{display:block;width:100%;height:100%;background-color:#1f2228;border:1px solid #8f9194}
.move_top a span{font-size:0}
.move_top a span:after{
	opacity:0; content:""; display:block; position:absolute; left:50%; top:20px; width:14px; height:21px; margin-left:-7px; background:url(/images/kor/common/2020/quick_icon.png) no-repeat center center;
	animation-name:quick_box_top;
	animation-iteration-count:infinite;
	animation-duration:2s;
}
@keyframes quick_box_top{
	0%{opacity:0; top:20px;}
	50%{opacity:1; top:12px;}
	99%{opacity:0; top:6px;}
	100%{opacity:0; top:12px;}
}
@-webkit-keyframes quick_box_top{
	0%{opacity:0; top:20px;}
	50%{opacity:1; top:12px;}
	99%{opacity:0; top:6px;}
	100%{opacity:0; top:12px;}
}



@media(max-width:1279px) {
	#footer-grap > .layout{max-width:none;padding: 57px 30px;}
	#footer-grap .footer-link ul li a{padding: 24px 10px;}
	#footer-layout .footer-info{padding:45px;padding-left:215px;}
	#footer-layout .flogo{left:30px;}
	#footer-layout .linksite_wrap{margin-right:-500px;}
	#footer-layout .linksite_wrap .linksite{width: 200px;}
	#footer-layout .footer-info address p, #footer-layout .footer-info .copy{font-size:14px;}
	#footer-layout .footer-info address .tel, #footer-layout .footer-info address .fax{font-size:14px;}
}

@media(max-width:1023px) {
	#footer-layout .footer-info address {text-align:center}
	#footer-layout .footer-info{padding:30px;box-sizing: border-box;}
	#footer-layout .flogo{position:relative;top: auto;left: auto;margin: 0 auto 10px;}
	#footer-layout .footer-info address p, #footer-layout .footer-info .copy{font-size:16px;text-align:center}
	#footer-layout .footer-info address .tel, #footer-layout .footer-info address .fax{font-size:16px;text-align:center}
	#footer-layout .linksite_wrap{position:relative;right: auto;top: auto;margin: 20px auto;width: 415px;}
	#footer-layout .linksite_wrap .linksite > button{padding:0 20px;}
	#footer-grap .footer-link ul li a{padding: 24px 25px;}
	#footer-grap .footer-link ul li:nth-child(4), #footer-grap .footer-link ul li:nth-child(5), #footer-grap .footer-link ul li:nth-child(6){display:none;}

	#footer-grap .family-link .listbox.college,
	#footer-grap .family-link .listbox.gradu,
	#footer-grap .family-link .listbox.edu{display:block;float:none;width:100%;}
	#footer-grap .family-link .listbox.gradu > ul > li,
	#footer-grap .family-link .listbox.edu > ul > li{width:25%;float:left;}

    #footer-grap .family-link .listbox.on > ul{display:block;}


	.btn_sitemap{display:none}
	.nav_mobile a{top:18px;padding: 20px;}
	#gnb_device li a{height: auto;}
	#topmenu{min-height:100%;}
	#topmenu .mobile_global .global_l {display:block;right: 0;top: 0;position: relative;padding-top: 0;}
	#topmenu .mobile_global .global_l  *{box-sizing:border-box}
	#topmenu .mobile_global .global_l ul{width:100%;height: 72px;background:#404142;}
	#topmenu .mobile_global .global_l ul:after { display:block; content:""; clear:both; }
	#topmenu .mobile_global .global_l ul li {float:left;width:50%;background-color:#404142;box-sizing: border-box;}
	#topmenu .mobile_global .global_l ul li + li { border-left:1px solid #676a6e; }
	#topmenu .mobile_global .global_l ul li + li + li { border-top:1px solid #676a6e; border-left:0; }
	#topmenu .mobile_global .global_l ul li + li + li + li { border-left:1px solid #676a6e; }
	#topmenu .mobile_global .global_l ul li a {display:inline-block;float:none;width:auto;height:35px;padding:15px 0 12px 20px;margin-left:17px;background:url(/images/kor/common/icon_gnb2.png) no-repeat left top;font-size:0.813em;color:#fff;box-sizing: border-box;line-height:1;}
	#topmenu .mobile_global .global_l ul li a.btn_home { background-position:left 11px; }
	#topmenu .mobile_global .global_l ul li a.btn_sitemap {background-position:-90px 11px;position: relative;}
	#topmenu .mobile_global .global_l ul li a.btn_info { background-position:-179px 11px; }
	#topmenu .mobile_global .global_l ul li a.btn_glocal { background-position:-268px 11px; }
	/* #topmenu .mobile_global .global_l ul li a.btn_eng { background-position:-268px 11px; } */
	/* #topmenu .mobile_global .global_l ul li a.btn_eng span { padding-right:15px; background:url(/images/kor/common/language_off.png) no-repeat right 7px; line-height:1;} */
	#topmenu .mobile_global .global_l ul li a.fold { background-position:-268px -21px; color:#92bb43; }
	#topmenu .mobile_global .global_l ul li a.fold span { padding-right:15px; background:url(/images/kor/common/language_on.png) no-repeat right 7px; }
	#topmenu .mobile_global .global_l .eng_box {display:none;position:absolute;right:0;top: 120px;float:none;width: 115px;height: 100px;padding:10px 23px 10px 17px;margin:0;background:#fff;border-left:2px solid #383d43;border-bottom:2px solid #383d43;border-right:2px solid #383d43;box-sizing: border-box;}
	#topmenu .mobile_global .global_l .eng_box li { float:none; width:auto; background:#fff; border:0; }
	#topmenu .mobile_global .global_l .eng_box li a { float:none; height:auto; padding:0 0 0 10px; margin:4px 0; background:url(/images/kor/common/dot_language.gif) no-repeat left 9px; color:#545454; }
	#topmenu .mobile_global .global_l .eng_box li a:hover,
	#topmenu .mobile_global .global_l .eng_box li a:focus,
	#topmenu .mobile_global .global_l .eng_box li a:active { text-decoration:underline; color:#2b6b4d; }



}


@media(max-width:767px) {
#footer-grap .footer-link{border-top:none;}
#footer-grap .footer-link ul li{width: 33.33%;border-top: 1px solid #565c64;}
#footer-layout .linksite_wrap .linksite{width:180px;}
#footer-layout .linksite_wrap .linksite > button{padding: 0 15px;font-size:13px;}

#footer-grap .family-link .listbox.college > ul,
#footer-grap .family-link .listbox > ul{display:none;}
#footer-grap .family-link .listbox.college > ul{width:33.33%}
#footer-grap .family-link .listbox.gradu strong{clear:both;cursor: pointer;}
/*
#footer-grap .family-link .listbox.gradu strong span:before,
#footer-grap .family-link .listbox.edu strong span:before{content:'';disolay:block;position:absolute;bottom:10px;left:100px;width:80%;height:1px;background-color:#565c64}
*/
#footer-grap > .layout{padding:30px;}
#footer-grap .footer-link ul li:nth-child(7){display:none;}



#footer-grap .family-link .listbox.on > ul,
#footer-grap .family-link .listbox.on > ul{display:block;}
#footer-grap .family-link .listbox.on > ul{width:100%;}
#footer-grap .family-link .listbox.on > ul  >li{float:left;width:50%;}
#footer-grap .family-link .listbox.college strong span:before{display:none;}
#footer-grap .family-link .listbox strong span:after{content: '';width: 80px;height: 11px;display: inline-block;position: absolute;bottom: 5px;background-image: url(/images/kor/main/2020/arrow.png);background-repeat: no-repeat;background-position: left center;right: 40px;}
#footer-layout .footer-info .copy ,
#footer-layout .footer-info .copy span{display:block;font-size:13px}


}
@media(max-width:559px) {
#footer-layout .linksite_wrap{width:300px}
#footer-layout .linksite_wrap .linksite{width: 300px;margin-bottom:5px}
#footer-layout .linksite_wrap .linksite > button{padding: 0 25px;font-size:15px;}
#footer-layout .footer-info .copy{font-size:14px;}

#footer-grap .family-link .listbox.college > ul{/* width:50% */}


#footer-grap .footer-link ul li{width:50%}
#footer-grap .footer-link ul li:nth-child(6){display:inline-block;}
#footer-grap .footer-link ul li:nth-child(10){display:none;}
#footer-layout .footer-info address p strong{display:none;}
}

#search_top {}
#search_top > a.linkbtn{display: none;width: 27px;height: 27px;border-radius: 50%;background: #7cc242 url(/images/kor/main/2020/ky_search1.png)no-repeat center;background-size: 14px 14px;font-size:0;}
#search_top >div {display: block;position: absolute;top:17.5px;right: 220px;z-index: 100;}
#search_top.on >div {display:block;}
#search_top >div .form_wrap {position:relative;}
#search_top >div .form_wrap fieldset {border:none;}
#search_top >div span {display:block;  }
#search_top >div span input[type="text"] {display: block;width:220px;height: 40px;padding: 0 0 0 15px;border-radius: 30px;border: 1px solid #b3babe;box-sizing: border-box;color: #57554b;font-size: 14px;}
#search_top >div span input[type="submit"] {position:absolute;right: 10px;top: 6px;width: 27px;height: 27px;margin:0;padding:0;border:none;border-radius: 50%;background: #7cc242 url(/images/kor/main/2020/ky_search1.png)no-repeat center;background-size: 14px 14px;font-size:0;}
#search_top > button.clickClose {display: none;position:absolute;right: 225px;z-index: 99999;margin: 24px 0 0;width: 27px;height: 27px;border-radius: 50%;background: #374a54;}
#search_top > button.clickClose span {display:block;position:relative;width:100%;height:100%;font-size:0;}
#search_top > button.clickClose span:before{position:absolute;top:50%;left:50%;width:10px;height:2px;margin:-1px 0 0 -5px;border-radius:20px;background-color: #fff;content:"";transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#search_top > button.clickClose span:after{position:absolute; top:50%; left:50%; width:10px; height:2px; margin:-1px 0 0 -5px;  border-radius:20px;  background-color:#fff; content:""; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}


.global_l{display: inline-block;position: absolute;right: 115px;top: 11px;z-index: 100;}
.global_l a {display: block;/* float:left; */width:auto;/* height:25px; */padding: 15px 0 12px 20px;/* margin-right:17px; */background:url(/images/kor/main/2020/icon_gnb.png) no-repeat left top;font-size: 14px;color: #666;}
.global_l a.btn_eng {background-position:-357px 17px;/* background-position: -357px 20px; */}
.global_l a.btn_eng span {display: block;padding-right: 10px;background: url(/images/kor/main/2020/language_off.png) no-repeat right 13px;}
.global_l a.fold { background-position:-357px -21px; color:#92bb43; }
.global_l a.fold span { padding-right:15px; background:url(/images/kor/main/2020/language_on.png) no-repeat right 7px; }
/* .global_l a.*/
.global_l .eng_box {display:none;/* position:absolute; *//* left:337px; *//* top:52px; */float:none;padding: 10px;margin:0;background:#fff;border: 2px solid #383d43;border-bottom:2px solid #383d43;border-right:2px solid #383d43;}
/* .global_l .eng_box li a { float:none; height:auto; padding:0 0 0 10px; margin:4px 0; background:url(/images/kor/common/dot_language.gif) no-repeat left 9px; color:#545454; } */
.global_l .eng_box li a:hover,
.global_l .eng_box li a:focus,
.global_l .eng_box li a:active { text-decoration:underline; color:#2b6b4d; }

/* 로그아웃 버튼 */
#logout {display:block;position:absolute;top: 25px;right: 458px;z-index:10002;}
#logout span:before {content:'';width:12px;height:15px;background:url(/images/kor/main/2020/logout_ico.png) no-repeat;position:absolute;top: 4px;left:-15px;}

#logout span {font-size: 14px;border-bottom:3px solid #7CC242;}
@media(max-width:1990px){
	#logout span {font-size:0;}
}
@media(max-width: 1799px){
	#search_top {}
	#search_top > a.linkbtn {display:none;position: absolute;z-index: 9999;right: 225px;margin: 24px 0 0;}
	#search_top.on >div {}
	#search_top >div span input[type="text"] {width: 800px;height:53px;}
	#search_top >div span input[type="submit"] {width:94px;height:42px;line-height: 42px;padding:1px 0 0 18px;border-radius:20px;background-size:20px auto;background-position:15px center;font-size:16px;}
	#search_top.on > button.clickClose {display:block; }
	#logout {right:270px;}

}

@media(max-width:1669px){
	.global_l {right: 110px;}
	#search_top > a.linkbtn,
	#search_top > button.clickClose {right: 212px;}
	#search_top >div span input[type="text"] {width:730px;}
	#logout {right:250px;}
}
@media(max-width:1500px){
	#logout span {font-size:0;}
}
@media(max-width:1469px){
	#search_top >div span input[type="text"] {width: 662px;}
}
@media(max-width:1330px) {
	.move_top{right:20px;}
}
@media(max-width:1200px){
	#search_top > div {left:auto;right: 274px;width:570px;margin:0;}
	#search_top >div span input[type="text"] {width:570px;}
}
@media(max-width:1023px) {

	.global_l{display:none}
	.move_top{right: 10px !important;bottom: 50px !important;}
	#logout {top: 27px;right:120px;}

	#search_top > button.clickClose {right: 80px;margin: 25px 0 0;background:#fff;}
	#search_top > button.clickClose span:before{position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:20px;background-color: #000;content:"";transform:rotate(45deg);-webkit-transform:rotate(45deg);}
    #search_top > button.clickClose span:after{position:absolute; top:50%; left:50%; width:16px; height:2px; margin:-1px 0 0 -8px;  border-radius:20px;  background-color:#000; content:""; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

	#search_top > a.linkbtn {right: 80px;margin: 25px 0 0;background: url(/images/kor/main/2020/ky_search2.png)no-repeat center;}
	#search_top >div span input[type="text"] {width:240px;border-radius: 0;background: #fff;}
	#search_top >div span input[type="submit"] {top: 12px;width:27px;height:27px;background: url(/images/kor/main/2020/ky_search2.png)no-repeat center;font-size:0;}
}

@media(max-width:767px){
	#search_top > button.clickClose,
    #search_top > a.linkbtn {right:65px;}

    #logout {right:105px;}
}
	/*
@media(min-width:1024px) {
	#tm {width: 92%;padding-left:18%;}
	#tm li.th1 a.th1_lnk {position:relative;display:block;height:47px;padding:25px 0 0 0;margin: 0 20px;font-weight:bold;font-size: 1em;z-index:1;color:#545454;}

}
@media(min-width:1280px) {

	#tm li.th1 a.th1_lnk {margin: 0 21px;font-size: 1.12em;}

}*/

@media(min-width:1200px) {
	#tm{padding-right: 214px;}
	#tm li.th1 a.th1_lnk {margin: 0 13px;font-size: 1.12em;}
}
@media(min-width:1331px) {
    #tm{padding-right: 185px;}
}
@media(min-width:1800px) {
    #tm{padding-right: 165px;}
	#tm li.th1 a.th1_lnk {margin: 0 20px;font-size: 1.12em;}

}
@media(min-width:1990px) {
    #tm{padding-right: 120px;}


}
.mobile_close{top: 64px;}


#footer-grap .family-link{display:none}