@charset "utf-8";

*{padding: 0; margin: 0; border:0;}
body,html{font-size: 12px; color: #333333; border:0;}
ol,ul{list-style: none;}
h1,h2,h3,h4,h5,h6{font-size: 100%;}
table{border-collapse: collapse;}
img{vertical-align: bottom;}
a{text-decoration: none; color:inherit;}
address,em{font-style: normal;}
button{border: none; background: transparent;}
select,input{vertical-align: middle;}

/*나눔고딕_노토산스*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Noto+Sans+KR&display=swap');



/* ///////////////////////////////// main contents */
#header{position:relative;text-align:center;margin:0 auto;width:100%;height:88px;background-color:#fff;}
.sbg {height:20px;}


/* skipNavi */
#skipNavi{position:absolute;left:0;top:0;width:100%;z-index:5}
#skipNavi li{position:absolute;left:0;top:0;width:100%;z-index:5}
#skipNavi a{display:block;width:1px;height:1px;margin-bottom:-1px;font-size:0;overflow:hidden}
#skipNavi a:active, #skipNavi a:focus{width:100%;height:auto;padding:10px 0;background:#393939;color:#fff;font-size:1em;font-weight:bold;text-align:center}

/*skipNavigation*/
#skip a{overflow:hidden; display:block; width:0; height:0; text-align:center; color:#000;}
#skip a:focus, #skip a:active {width:auto; height:auto; padding:5px; background:#f2f2f2; border:1px solid #ddd; display:block;}

#main_wrap {width:100%; min-width: 1100px;line-height:1.2}
#main_wrap .navi_wrap {display: block; position: relative;  overflow:hidden;width:100%; height: 104px;background:#285ab6; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#main_wrap .navi_wrap_lockup {display: block; position: relative;  overflow:hidden;width:100%; height: 104px;}


/* layout */
html, body{height:100%;}
body.admin{background:#fafafa}
#wrap{background:url(../images/bg_header.gif) repeat-x 0 85px;*position:relative;*height:100%;}
#header{position:relative;z-index:9999;width:100%;background-color:rgba(255, 255, 255, 0.5);filter:alpha(opacity=70);opacity: 1.0;-moz-opacity:1.0; height: 140px;}
.h_boxalign{width:1280px;margin: auto;}
.header_wrap{position:absolute;margin:0 auto;width:1280px;height:140px;filter:alpha(opacity=80);opacity: 1.0;-moz-opacity:1.00;}
.logo{float:left; width: 414px; margin-top: 50px;}
.logo img{width: 100%;}
.account{position:absolute;z-index:999;top:11px;right:0;}
.account li{float:left;}
.account li a{padding-left:8px;color:#4b4b4b;font-size:11px;font-family:돋움;line-height:1.2}
.account li a:hover{color:#141414;text-decoration:none;}
.main{margin-top: -140px;}

/* nav_depth  */
.nav{position:absolute;z-index:9999;top:65px;left:720px;width:800px;}
.nav li{float:left;padding-bottom:5px;}
.nav li a{display:inline-block;color:#333333;font-weight:bold;font-size:18px;letter-spacing:-0.5px;line-height:1.8;}
.nav li a .txt_ls{letter-spacing:-2px}
.nav li a:hover .txt_ls{letter-spacing:-3px}
.nav li.on a, .nav li a:hover{color:#e3921e;font-weight:bold;text-decoration:none;letter-spacing:-0.5px;}
.nav_depth{display:none;position:relative;z-index:999;margin:30px 0px 0 0px;padding-top:2px;padding-left:0px;height:185px;}
.nav_depth.on{display:block}
.nav_depth li{float:none;padding-bottom:0px;}
.nav_depth li a{color:#333333 !important;font-size:14px;line-height:2;font-weight:bold; !important}
.nav_depth li a:hover{color:#e3921e !important;font-weight:bold !important;text-decoration:none;letter-spacing:-0.5px;}
.nav .stext{font-size:13px;text-align:center;}
.nav .list01{width:120px;text-align:center;margin-right: 70px;}
.nav .list02{width:120px;text-align:center;margin-right: 70px;}
.nav .list03{width:120px;text-align:center;margin-right: 70px;}
.nav .list04{width:120px;margin-right:0;}
.nav_bg{display:none;position:absolute;z-index:999;width:100%;margin-top:0px;height:250px;background:rgb(255, 255, 255) url(/images/bg_header.gif) repeat-x left bottom;filter:alpha(opacity=90);opacity: 0.95;-moz-opacity:0.90;
box-shadow: 0 5px 5px rgba(47, 47, 47, 0.18);}
.nav_bg.over{display:block;}
.nav_bg_in{margin:0 auto;width:1100px;overflow:hidden}
.prd_area{padding-left:0px;}


/*top_navi*/
#main_wrap .navi_wrap .navi {position:relative;overflow:hidden;background:#285ab6; height:104px;width:1100px; margin:0 auto; line-height:1.4;}
#main_wrap .navi_wrap .navi h1 {position:absolute;top:26px;left:0px;}  
#main_wrap .navi_wrap .navi .navi_list {position:absolute;overflow:hidden;left:480px;top:30px;line-height:1.4;}
#main_wrap .navi_wrap .navi .navi_list li {float:left;padding:0px;} 
#main_wrap .navi_wrap .navi .navi_list li a {color:#1a1c22;font-size:17px;font-weight:600;border: 0;}
#main_wrap .navi_wrap .navi .navi_list li a:hover {color:#F18D00;font-size:17px;font-weight:600;}
#main_wrap .navi_wrap .navi .navi_list li.on a {color:#1a1c22;font-size:17px;font-weight:600;}
#main_wrap .navi_wrap .navi .navi_list li a:focus {color:#1a1c22;font-size:17px;font-weight:600;}

#main_wrap .navi_wrap .navi .navi_top {position:absolute;top:10px;right:0px;font-size:12px;overflow:hidden;}
#main_wrap .navi_wrap .navi .navi_top li {float:left;padding:0 3px 0 6px}
#main_wrap .navi_wrap .navi .navi_top li a {float:left;color:#fefefe; font-size:12px;}
#main_wrap .navi_wrap .navi .navi_top li a:hover {color:#80feff;text-decoration:none;}
#main_wrap .navi_wrap .navi .navi_top li.last {background:none;}
#main_wrap .navi_wrap .navi .navi_top li img {vertical-align:middle}

/*sub title*/
#main_wrap .navi_wrap .sub_navi {position:absolute; top:49px; overflow:hidden; width:100%;line-height:1.4; margin-bottom:0px;
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#main_wrap .navi_wrap .sub_navi .tit_list {overflow:hidden;margin:0 auto; text-align: right;line-height:1.4;}
#main_wrap .navi_wrap .sub_navi .tit_list li {float:left;padding:0px 5px; margin: 0 auto; line-height:1.4;}
#main_wrap .navi_wrap .sub_navi .tit_list li.on{font-size:15px;font-weight:600;color:#ffff00;padding:0px 15px;latter-spacing:-1px;line-height:1.4;}
#main_wrap .navi_wrap .sub_navi .tit_list li a{font-size:14px;font-weight:600;color:#f8ce48;latter-spacing:-1px;}
#main_wrap .navi_wrap .sub_navi .tit_list li a:hover {font-size:14px;font-weight:600;color:#dca923;latter-spacing:-1px;}
#main_wrap .navi_wrap .sub_navi .tit_list li.now a{font-size:14px;font-weight:600;color:#E17100;latter-spacing:-1px;}
#main_wrap .navi_wrap .sub_navi .sub1{position:relative; left:50px; width: 550px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#main_wrap .navi_wrap .sub_navi .sub2{position:relative; left:120px; width: 760px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#main_wrap .navi_wrap .sub_navi .sub3{position:relative; left:300px; width: 400px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#main_wrap .navi_wrap .sub_navi .sub4{position:relative; left:360px; width: 310px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

/* spot */
/*
.spot{position:relative;z-index:0;min-width:1100px;height:450px;top:-1px;color:#fff;font-size:0px;}
.spot .spot_li{position:absolute;width:100%;height:450px;overflow:hidden;}
.spot .spot_li li{height:390px;}
.spot .spot_li iframe, .spot .spot_li img{position:absolute;width:1960px;}
.spot .spot_li .image{height:500px;position:relative;}
*/
.spot{position:relative;z-index:0;top:-90px;min-width:1040px;height:415px;}
.spot .spot_li{position:absolute;top:90px;width:100%;height:400px;overflow:hidden;}
.spot .spot_li li{height:500px;}
.spot .spot_li iframe, .spot .spot_li img{position:absolute;top:0px;width:1100px;left:50%;margin-left:-550px;}
.spot .spot_li .image{height:500px;position:relative;bottom:-1px;}


/* FlexSlider Styles */ 
.flexslider .slides li{display:none;-webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slides:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height: 0;color:#fff;font-size:0px;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 390px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px;color:#fff;font-size:0px;}
.flex-direction-nav{z-index:99999;position:absolute;top:0;left:50%;margin-left:-600px;width:1200px;color:#fff;}
.flex-direction-nav a{padding:5px;width:40px;height:68px;display:block;position:absolute;cursor: pointer;text-indent: -9999px;-webkit-transition: all .3s ease;color:#fff;}
.flex-direction-nav .flex-next {background: url(http://rc.ync.ac.kr/images/btn_next.png) no-repeat 15px 22px;top:250px;right:-50px;}
.flex-direction-nav .flex-prev {background: url(http://rc.ync.ac.kr/images/btn_pre.png) no-repeat 15px 22px;top:250px;left:-50px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/**한글파일 다운로드 버튼*/
.hwp-btn,.pdf-btn {position:relative;display:inline-block;font-size:14px;vertical-align:middle;background:#fff;border:1px solid #ccc;color:#444;padding:15px 45px 15px 45px;line-height:1;box-sizing:border-box;}
.hwp-btn:before,.pdf-btn:before {position:absolute;top:10px;left:15px;content:"";display:block;width:19px;height:23px;}
.hwp-btn:before {background:url(/images/ico-hwp.png) no-repeat 0 0;}
.pdf-btn:before {background:url(/images/ico-pdf.png) no-repeat 0 0;}
.hwp-btn .ico,.pdf-btn .ico {position:absolute;right:15px;top:50%;width:16px;height:16px;margin-top:-7px;background:url(/images/ico_cbtn.png) no-repeat 0 0;transition:right .25s ease-out}
.hwp-btn .down,.pdf-btn .down {background-position: -107px 0;}
.hwp-btn:hover,.pdf-btn:hover {color:#fff;background-color:#2841a1;border:1px solid #2841a1;}
.hwp-btn:hover .ico,.pdf-btn:hover .ico {right:20px;background-position:-107px -44px;}