@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('/dept1/common/board.css');

/* Common */ 
html {overflow-y:scroll;font-size:100%;}
body {font-size:14px}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;} 
body,input,textarea,select,button,table {font-family: 'Noto Sans KR', sans-serif !important; color:#3e3e3e;}
input,textarea{text-align:left;}
img,fieldset {border:0} 
ul,ol {list-style:none} 
em,address {font-style:normal}
a {text-decoration:none;} 
a:hover,a:active,a:focus,a:visited {text-decoration:none;}
hr, legend, .hidden{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; }
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}/* caption  display:none 시키지 말것 */
table{border-spacing:0;border-collapse:collapse;width:100%;table-layout:fixed}

/* common */
.clear {clear:both;}
.width100 {width:100%}
.auto {margin:0 auto}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.mr0  {margin-right:0px;}
.mr10  {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}

.pr20 {padding-right:20px;}

.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl18 {padding-left:18px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:30px;}

.pr0 {padding-right:0;}
.pl0 {padding-left:0;}

.pb10 {padding-bottom:10px;}
.pb30 {padding-bottom:30px;}

.fl {float:left;}
.fr {float:right;}
.cen {text-align:center}
.rig {text-align:right}


/* skip */
.skip_nav{position:relative;}
.skip_nav a{display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; font-size:0;color:transparent; color:#fff; font-weight:bold; white-space:nowrap;}
.skip_nav a:focus,.skip_nav a:active{height:auto; width:100%; padding:5px; margin-bottom:10px; position:absolute; left:0; top:0;font-size:20px; background:#2466a6;z-index:10}


#wrap {}
#body_main {background:#fff}


/* Header */
#HeaderWrap {transition:.3s}
/*#HeaderWrap.fixed {position:fixed; top:0; left:0; width:100%; z-index:99999; background:rgba(255,255,255,0.9); box-shadow:0 0 10px 0px #0006;}*/

#header-Top {background:#ededed; font-family: 'Noto Sans KR', sans-serif;}
#header-Top section {max-width:1200px; margin:0 auto; overflow:hidden; font-size:11px; color:#fff; line-height:30px}
#header-Top section .headerTopLeft {list-style:none; margin:0; padding:0; border-left:1px solid rgba(255,255,255,0.2); float:right}
#header-Top section .headerTopLeft li {padding:2px 26px; float:left; border-right:1px solid rgba(255,255,255,0.2); transition:.3s}
#header-Top section .headerTopLeft li.active {background:#0e4e96}
#header-Top section .headerTopLeft li:hover {background:rgba(0,0,0,0.5)}
#header-Top section .headerTopLeft li a {color:#fff; text-decoration:none}
#header-Top section .headerTopLeft li .flagStyle {vertical-align:sub; margin-right:5px}
#header-Top section .headerTopRight {list-style:none; margin:0; padding:0; border-left:1px solid rgba(255,255,255,0.2); float:right}
#header-Top section .headerTopRight li {padding:0 15px; float:left; border-right:1px solid rgba(255,255,255,0.2); transition:.3s}
#header-Top section .headerTopRight li:hover {background:rgba(0,0,0,0.5)}
#header-Top section .headerTopRight li a {color:#fff; text-decoration:none}
#header-Top section .headerTopRight li .snsStyle {font-size:14px; vertical-align:middle}

#header-Gnb {}
#header-Gnb section {max-width:1200px; margin:0 auto; padding:26px 0; position:relative}
#header-Gnb section:after {content:""; display:block; clear:both}
#header-Gnb section h1 {margin:0; padding:0; float:left}
#header-Gnb section h1 > a.btn_side {display:none; float:right; width:12%; color:#000; font-size:24px; text-align:right; margin-top:9px}
#header-Gnb section > .gnb {position:relative; margin:0; padding:0; float:right; list-style:none; z-index:99999}
#header-Gnb section > .gnb > li {float:left; position:relative; font-size:17px; padding-left:40px; cursor:pointer}
#header-Gnb section > .gnb > li > a {display:block; padding:10px 15px; color:#000; font-weight:400}
#header-Gnb section > .gnb > li:hover > a {background:#0d4e96; color:#fff; text-decoration:none}
#header-Gnb section > .gnb > li.active > a {background:#0d4e96; color:#fff}
#header-Gnb section > .gnb > li > ul {margin:0; padding:5px 0; list-style:none; position:absolute; top:100%; right:0; z-index:1000; float:right; min-width:140px; background:#0d4e96; display:none}
#header-Gnb section > .gnb > li > ul > li > a {color:#fff; display:block; padding:3px 10px; font-size:14px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
#header-Gnb section > .gnb > li > ul > li > a:hover {color:#000; background-position: -100% 0;}
#header-Gnb section .tit {display:none; padding:15px 20px; background:#fff; overflow:hidden; margin:0; font-size:18px}
#header-Gnb section .tit > i {float:right; font-size:20px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; background:rgba(0,0,0,0.6)}
#header-Gnb section > .gnb > li:nth-child(2) > ul {min-width:200px}


/* mainVisual */
#mainVisual {background:url('../image/mainVisual1.jpg') top center no-repeat}
#mainVisual section {max-width:1200px; height:600px; margin:0 auto; position:relative; color: #000;letter-spacing: -1pt;}
#mainVisual section > h2 {margin-top: 25px;left:0px;font-size: 38pt; font-weight: 700;}
#mainVisual section > h3 {padding-top: 111px;left:0px;font-size: 15pt;font-weight: 600;}
#mainVisual section > h4 {margin-top: 40px;left:0px; font-size: 12pt; line-height: 28px;letter-spacing: -0.5pt;font-weight: 400;}
#mainVisual section .more {position:absolute;margin-top: 45px;color:#145298; font-size:16px; font-weight:600;}
#mainVisual section .more:hover {color:#073377}
#mainVisual section .more > img {margin:0 0 3px 10px;}

#mainVisual section .ani1 {-webkit-animation-name:ani1; -webkit-animation-duration:2s; animation-name:ani1; animation-duration:2s; z-index:99; position:relative}
#mainVisual section h4 span {display: block;}
#mainVisual section .ani2 {-webkit-animation-name:ani2; -webkit-animation-duration:3s; animation-name:ani2; animation-duration:3s; z-index:9}
#mainVisual section .ani3 {position:absolute; bottom:0; right:0px; -webkit-animation-name:ani3; -webkit-animation-duration:3s; animation-name:ani3; animation-duration:3s; z-index:9}


/* QnA */
#qnaWrap {margin-top:-60px; z-index:999; position:relative}
#qnaWrap section {max-width:1200px; margin:0 auto}
#qnaWrap section ul {overflow:hidden;}
#qnaWrap section ul li {height:120px; box-sizing:border-box; float:left;  position:relative}
#qnaWrap section ul li a.more {position:absolute; top:0; left:0; width:100%; height:100%; transition:0.3s}
#qnaWrap section ul li a.more:hover {background:rgba(0,0,0,0.1)}
#qnaWrap section ul li h2 {font-size:22px; font-weight:300; color:#000; letter-spacing:0px;text-align: center;}
#qnaWrap section ul li h2 > img {margin-right:10px;}
#qnaWrap section ul li h3 {font-size:23px; font-weight:500; color:#fff; letter-spacing:-0.75px}
#qnaWrap section ul li h3 > img {margin-right: 7px;}
#qnaWrap section ul li.qna1 {width:75%;padding:32px 5px;background:#fff;text-align:left;border: 3px solid #0e4e96;}
#qnaWrap section ul li.qna1 > img {float: left;}
#qnaWrap section ul li.qna2 {width:25%;padding:46px 0;background:#0e4e96;text-align:center;}


/* mainContainer */
#mainContainer {margin:30px 0;}
#mainContainer section {max-width:1200px; margin:0 auto; overflow:hidden}
.notice_con{width:50%;}
.info_main {float:left; width:36%; position:relative; background:#fff;border-top:3px solid #000;padding:25px 15px;}
.info_main h2 {font-size: 22px;font-weight:600;color: #000;letter-spacing: -0.75px;text-align: center;}
.info_main .more {float: right;margin-top: 22px;font-size: 16px;font-weight:600;color: #0e4e96;letter-spacing:-0.75px}
.notice {float:left; width:64%; box-sizing:border-box;  position:relative; background:#fff}
.notice .bxslider1 {width:90%; border-top:3px solid #000;margin: auto;}
.notice .bxslider1 li {height:100%}
.notice .bxslider1 .main_tt {width:100%; overflow:hidden; text-overflow:ellipsis; display:block; color:#363636; font-size:17px; font-weight:500; padding: 15px 20px; letter-spacing: -0.90px; border-bottom: 1px dotted #000;}
.notice .bxslider1 .noti_tt {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.notice .bxslider1 .main_day {font-size:14px; display:block; color:#959595;letter-spacing: -0.90px;margin-top:3px;}
.popupzone {float:left; width:50%; position:relative; background:#fff}
.popupzone .bx-wrapper {border:none; box-shadow:none; margin:0; background:none}
.popupzone .bx-wrapper .bx-controls-direction a {width:26px; height:40px}
.popupzone .bx-wrapper .bx-prev {left:20px; background:url('../image/popupzoneControl.png') no-repeat 0 -40px}
.popupzone .bx-wrapper .bx-next {right:20px; background:url('../image/popupzoneControl.png') no-repeat -26px -40px}
.popupzone .bx-wrapper .bx-prev:hover, .popupzone .bx-wrapper .bx-prev:focus {background-position:0 0}
.popupzone .bx-wrapper .bx-next:hover, .popupzone .bx-wrapper .bx-next:focus {background-position:-26px 0}


/* banner */
#banner {margin-bottom: 30px;}
#banner section {max-width:1200px; margin:0 auto; padding:45px 0; background-color: #cad5e2;overflow: hidden;}
#banner section .more {margin-top:;color:#145298; font-size:14px; font-weight:500;display: inline-block;padding: 7px 0;width: 175px;margin:3px;transition: .3s;border: 1px dotted #145298;}
#banner section .more:hover {background:#fff}
#banner section .banner_tt {width: 50%; float: left;padding:10px 0 0 18px;text-align: center;}
#banner section .banner_img {width: 50%; float: right;}
#banner section a img {transition:.3s}
#banner section a:hover img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.5,1.05); transform:scale(1.05,1.05)}
#banner section h2 {font-size:31pt;font-weight:600;color: #2f2f32;letter-spacing: -1px;}
#banner section h2 span{color: #2861a1;}
#banner section p {font-size:17px;font-weight:500;color: #2f2f32;margin-top:13px;}
#banner section .BtnStyle1 {display: inline-block;background: #ffffff;padding: 20px 47px;font-size: 16px;color: #000;margin-top: 30px;transition: .3s; font-weight:500;border-radius: 23px;}
#banner section .BtnStyle1:hover {background:#f5f4ea}
#banner section .col-md-7 {float:right}
#banner section .col-md-7 img {float:right}

/* rink */
#rink {}
#rink section{max-width:1200px;margin:0 auto;padding:0 0 50px 0;}
#rink section a.photo-hover:hover {opacity:0.8}



/* footer */
footer {background:#38383b}
footer .site-footer {max-width:1200px; margin:0 auto; padding:20px 0 30px 0}
footer .site-footer > ul {margin:0; padding:0; list-style:none; float:left; width:20%}
.site-footer ul h4 {font-size:19px; font-weight:600; margin:20px 0 20px 0}
.site-footer ul h4 > a {color: #fff;}
.site-footer ul li {font-size:13px; margin-bottom:10px}
.site-footer a {color: #afafaf;}
.site-footer a:hover {color:#cad5e2}
address {padding:50px 0}
address p {text-align:center; font-size:15px; letter-spacing:-0.3px}
address p span {padding:0 20px}
address .address {color: #fff;}
address .Copyright {color: #afafaf;font-size:13px;}
.privacyStyle {color:red !important}
footer .top {display:block; position:fixed; bottom:20px; right:20px; z-index:200; width:45px; height:45px; background:url('../image/arr_top.png') #000 50% 50% no-repeat; color:#fff; font-size:11px; text-decoration:none; text-align:center}
footer .top em {visibility:hidden}
footer .global-footer {background-color:#2f2f32}
footer .global-footer > div {max-width:1200px; margin:0 auto}
footer .site-footer {overflow:hidden}

.container1400 {margin:0 auto; max-width:1300px}
.breadcrumb {margin:0; padding-right:0; padding-left:0}
.nav-breadcrumb {background:#f5f5f5}
.nav-breadcrumb > div {max-width:1200px; margin:0 auto}

#subContainer {max-width:1200px; letter-spacing: 0pt;margin:20px auto 0 auto}
#subContainer h3{font-weight:600;color: #0e4e96;margin: 35px 0 10px 0;letter-spacing: -0.5px;font-size: 22px;}
/*#subContainer .tit01 {background: url(../image/titDot.jpg) left 10px no-repeat;padding-left:17px;}*/
#subContainer .tit01:before {content:""; width:17px; height:4px; display:block; background:#0e4e96; margin-bottom:2px}
#subContainer h4{font-weight:600;font-size: 19px;color: #404040;margin: 35px 0 15px 0;letter-spacing: -0.5px;}
#subContainer h5{font-weight:500;font-size: 16px;color: #404040;margin:15px 0 10px 0;letter-spacing: -0.5px;}


/* Sub Visual */
#sub_visual div {max-height:270px}
#sub_visual {position: relative; overflow: hidden; margin: 0 auto; max-width:1300px;}
#sub_visual h1 {margin:0; font-size: 3.125em; font-weight:600;	color: #FFF; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
#sub_visual .caption-wrapper {background: none;	position: absolute;	top: 50%; width: 100%; margin-top: -25px; text-align: center; z-index: 13;}
.page-header {border-bottom: none; padding-bottom: 0;}

#page header {margin-bottom:30px}
#page header h1 {font-family: 'Noto Sans KR', sans-serif; font-size:32px; margin-top:20px; font-weight:600;color: #000;letter-spacing: -0.75px;}    

#content-well {font-family: 'Noto Sans KR', sans-serif; padding-bottom:100px}
#content-well {font-size: 15px;line-height:25px;}
#content-well .dList > li {background: url(../image/listDot.png) left 9px no-repeat;padding-left: 10px;line-height: 160%;margin-bottom: 5px;margin-left: 10px;}


/* Secondary Navigation */
.nav-secondary {font-size: 1em;	margin: 30px 0;}
.nav-secondary > nav, .nav-secondary > div, #sidebar > nav, #sidebar > div, #sidebar > article {margin: 30px 0;}
.nav-secondary > h2 + nav, .nav-secondary > h2 + div, #sidebar > h2 + nav, #sidebar > h2 + div, #sidebar > h2 + article, .nav-secondary > div:first-child {	margin-top: 0;}
.site-title, .nav-secondary > * h4, #sidebar > * h4 {border-bottom: 4px solid #f0f0f0; font-size:22px;	font-weight:600; letter-spacing:0em;line-height: 21px; margin: 0 0 12px; padding: 0 0 12px;color:#000;}
.site-title a, .nav-secondary > * h4 a, #sidebar > * h4 a {	color: #54585a;}
.related-links { font-size: 1em; margin: 30px 0;}
.related-links ul {list-style: none; list-style-image: none; margin: 6px 0 0; padding: 0;}
.nav-secondary li, .related-links li {margin: 0; padding: 0;}
.nav-secondary li a, .related-links li a {display: block;line-height: 21px;	padding:12px 10px 12px;color: #404040;font-size: 12pt;font-weight:400;}
.nav-secondary a:hover{color:#0d4e96;background: #f2f2f2;}
.nav-secondary .selected > ul, .nav-secondary .opened > ul {padding-left: 10px;border: 3px solid #0d4e96;}
.nav-secondary nav .lnb_list .selected > a, .nav-secondary nav .lnb_list .opened > a {background: #0d4e96;padding-left: 10px;color:#fff}
.nav-secondary .selected > a {background: #0d4e96;color: #FFF;font-weight:500}
.nav-secondary nav .lnb_list .selected > ul .selected > a {background:#f0f0f0; color:#0d4e96}
.nav-secondary .opened > a {background: #E6E6E6;}


/* 로그인팝업 */
#pop_loginp .top {background-color:#0d4e96; height:40px;}
#pop_loginp h1{margin:10px;font-size:16px;color:#FFF; text-align:left;float:left;}
#pop_loginp ul{margin:20px;}
#pop_loginp ul li {margin:5px auto;}
#pop_loginp ul li input{padding:5px;height:20px;width:250px;line-height:20px; border:1px solid #d7d7d7}
#pop_loginp .footer{position:relative;height:50px; background:#f0f0f0;}
#pop_loginp .footer .idpw{position:absolute;top:10px;left:10px;font-size:12px;color:#b2b2b2;line-height:29px}
#pop_loginp .footer .btlogin{position:absolute;top:10px;right:10px;width:64px;height:29px;overflow:hidden; cursor:pointer; border:1px solid #d7d7d7; font-weight:bold;}

#pop_logging .top {background-color:#b72842; height:40px}
#pop_logging h1{margin:10px;font-size:16px;color:#FFF; text-align:left;float:left;}
#pop_logging .user_info{text-align:center;margin:20px;padding:20px 10px 20px 10px;width:; height:30px; background:#f0f0f0; }
#pop_logging .footer{padding:10px;background:#f0f0f0;}
#pop_logging .btlogout{width:64px;height:29px;width:100%;overflow:hidden;cursor:pointer; border:1px solid #d7d7d7; font-weight:bold;}


/* 로그인 */
.login_box{margin:0 auto; margin-top:80px;width:400px;height:;border:1px solid #eaeaea;background-color:#f7f7f8;}
.login_box h5{display:block;padding:12px;background-color:#b72842;font-size:16px;font-weight:bold;color:#fff;text-align:center;margin:}
.log_wrap{position:relative;overflow:hidden;padding:20px 15px;}
.log_wrap p{float:left;overflow:hidden;margin:0}
.log_wrap p label{width:60px;display:inline-block;font-weight:bold;color:#000;height:;line-height:3px}
.log_wrap p input{width:200px;height:30px;border:1px solid #bebebe;line-height:21px;padding-left:8px;margin-bottom:10px}
.log_wrap p.sb_box{position:absolute;right:20px;top:20;float:none;border:1px solid #bebebe;height:75px;}
.log_wrap p.sb_box input{text-align:center;width:77px;height:75px;background-color:#fff;color:#333333;font-weight:bold;border:none;padding-left:0}
.log_wrap p.pw_box {margin:0}
.log_wrap .noti{overflow:hidden;width:380px;margin-top:20px}
.log_wrap .noti li{float:left;line-height:16px}

.red_btn{overflow:hidden}
.red_btn .bd_guide{float:right;width:123px;height:24px;background-color:#b72842;line-height:24px;text-align:center}
.red_btn .bd_guide a{color:#fff;font-weight:bold;display:block}


/* 테이블 */
.tbl_skin1 {width:100%; border: 1px solid #e6e6e6; background-color:#ffffff; text-align:center;}
.tbl_skin1 thead th {padding:10px; border: 1px solid #e6e6e6; color:#555555;background-color:#f8f8f8;text-align: center;font-weight:500;}
.tbl_skin1 tbody th {padding:20px 10px; border: 1px solid #e6e6e6; background-color:#f8f8f8;text-align: center;font-weight: 500;}
.tbl_skin1 tbody td {padding:20px 10px; border: 1px solid #e6e6e6; text-align: center;}
.tbl_skin1 tfoot th {padding:20px 10px; border: 1px solid #e6e6e6; color:#555555;background-color:#f8f8f8;text-align: center;}
.tbl_skin1 th.end {border-right:none}
.tbl_skin1 td.end {border-right:none !important}
.tbl_skin1 .tl {text-align:left;}
.tbl_skin1 .ri {border-right:1px solid #cccccc;}
.tbl_skin1 .bo {border-bottom:1px solid #cccccc;}
.tbl_skin1 .ing span {color: #0d4e96; font-weight: 600; border-bottom:1px solid #0d4e96;padding-bottom:1px;}
.tbl_skin1 .finish span {color: #ff0000; font-weight: 600;border-bottom:1px solid #ff0000;padding-bottom:1px;}
.tbl_skin1 .close-t span {color: #5d5d5d; font-weight: 600;border-bottom:1px solid #5d5d5d;padding-bottom:1px;}
.btn_t{color: #fff; background-color:#3576bd; border-color:#002b5a; padding: 3px 10px; font-weight:500; white-space: nowrap; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.btn_t:hover{color: #fff;background-color:#0b5ebd;}

.tbl_skin2 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; }
.tbl_skin2 thead th {padding:10px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8;}
.tbl_skin2 tbody th {padding:10px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8;text-align:left;}
.tbl_skin2 tbody td {padding:10px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:left;}
.tbl_skin2 th.end {border-right:none}
.tbl_skin2 td.end {border-right:none !important}
.tbl_skin2 .tl {text-align:left;}
.tbl_skin2 .ri {border-right:1px solid #cccccc;}
.tbl_skin2 .bo {border-bottom:1px solid #cccccc;}

.tbl_skin3 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; }
.tbl_skin3 thead th {padding:10px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; color:#555555;background-color:#f8f8f8;}
.tbl_skin3 tbody th {padding:10px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8;}
.tbl_skin3 tbody td {padding:10px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb;}
.tbl_skin3 .tl {text-align:left;}
.tbl_skin3 .ri {border-right:1px solid #cccccc;}
.tbl_skin3 .bo {border-bottom:1px solid #cccccc;}

.tabStyle {overflow:hidden; border-top:1px solid #d8d9db; margin-bottom:30px}
.tabStyle li:first-child a {border-left:1px solid #d8d9db}
.tabStyle li a {display:block; float:left; background:#eff3f4; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:14px 0; text-align:center; color:#636363; font-size:14px; font-weight:500; transition:.3s}
.tabStyle li.on a, .tabStyle li a:hover {color:#fff;background:#0d4e96;}
.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab2 li:nth-child(3) a, .tab2 li:nth-child(5) a, .tab2 li:nth-child(7) a, .tab2 li:nth-child(9) a, .tab2 li:nth-child(11) a {border-left:1px solid #d8d9db}
.tab3 li a {width:33.3%}
.tab3 li:nth-child(4) a, .tab3 li:nth-child(7) a, .tab3 li:nth-child(10) a {border-left:1px solid #d8d9db}
.tab4 li a {width:25%}
.tab4 li:nth-child(5) a, .tab4 li:nth-child(9) a {border-left:1px solid #d8d9db}
.tab5 li a {width:20%}
.tab5 li:nth-child(6) a, .tab5 li:nth-child(11) a {border-left:1px solid #d8d9db}
.tab6 li a {width:16.66%}
.tab6 li:nth-child(7) a, .tab6 li:nth-child(13) a {border-left:1px solid #d8d9db}


/* 사이트맵 */
.tbl_sitemap {width:100%; border-top:2px solid #555555; background-color:#ffffff; text-align:center; letter-spacing:-1px; line-height:32px; text-align:left; color:#636363; font-size:15px}
.tbl_sitemap tbody th {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#252525; text-align:left;font-weight: 500;font-size: 16px; vertical-align:top}
.tbl_sitemap tbody td {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:top}
.tbl_sitemap tbody td > ul > li {float:left; background: url(../image/listDot.png) left 15px no-repeat; padding-left:10px; width:33.3%}
.tbl_sitemap tbody td > ul > li a {color:#636363}
.tbl_sitemap tbody tr:nth-child(even) {background:#f5f5f5}
.tbl_sitemap tr th:last-child {border-right:none}
.tbl_sitemap tr td:last-child {border-right:none}


/* FAQ */
.faq_list {border-top:2px solid #49494a;}
.faq_list > ul {margin:0; padding:0; list-style:none}
.faq_list > ul > li {position:relative; border-bottom:1px solid #cacaca; color:#636363}
.faq_list > ul > li a {color:#636363}
.faq_list > ul > li strong.q {font-weight:500}
.faq_list > ul > li strong.q, .faq_list ul li .a {display:block; padding:13px 20px 13px 44px}
.faq_list > ul > li strong.q {padding-right:10px; background:url('/site/llec/image/q.png') no-repeat 11px 14px;}
.faq_list > ul > li > .a {overflow:hidden; position:relative; display:block; border-top:1px dashed #cacaca; background:#ecf1f4 url('/site/llec/image/a.png') no-repeat 11px 14px}
.faq_list > ul > li > .a .btn {position:absolute; right:10px; bottom:10px;}
.faq_list > ul > li strong a {text-decoration:none;}

.selectStyle::-ms-expand {display:none}
.selectStyle {width:120px; font-size:14px; padding:0 15px; font-family:inherit; background:url('../image/selectStyleArr.png') no-repeat 90% 50%; border:1px solid #999; border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.selectStyle.width90 {width:90px}
.searchBtn {border:none; background:#0d4e96; color:#fff; font-size:13px; padding:1px 10px; vertical-align:top}

.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}



@-webkit-keyframes ani1 {
	0% {opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px)}
    100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}
}
@keyframes ani1 {
    0% {opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px)}
    100% {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)}
}
.ani1 {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft}

@-webkit-keyframes ani2 {
	0% {opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px)}
	50% {opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px)}
    100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}
}
@keyframes ani2 {
    0% {opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px)}
    50% {opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px)}
    100% {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)}
}
.ani2 {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft}

@-webkit-keyframes ani3 {
  0% {opacity:0}
  30% {opacity:0}
  100% {opacity:1}
}
@keyframes ani3 {
  0% {opacity:0}
  30% {opacity:0}
  100% {opacity:1}
}
.ani3 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.container {width:1200px}

.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}


.boxStyle {position:relative; padding:10px; border:1px solid #eee; background:#f6f6f6; box-sizing:border-box}
.boxStyle:before {content:""; display:block; position:absolute; top:0; left:0; width:70px; height:70px; background:url('https://whc.wsu.ac.kr/site/whc/images/boxStyleLeft.png') no-repeat; background-size:100%}
.boxStyle:after {content:""; display:block; position:absolute; bottom:0; right:0; width:70px; height:70px; background:url('https://whc.wsu.ac.kr/site/whc/images/boxStyleRight.png') no-repeat; background-size:100%}
.boxStyle .inner {position:relative; background:#fff; padding:30px; box-sizing:border-box; z-index:9; font-size:17px}
.boxStyle .inner strong {color:#006bbc}
.btnBadge {display:inline-block; padding:17px 30px; background:#006bbc; box-sizing:border-box; color:#fff; font-size:16px; font-weight:700; transition:.3s; margin:5px}
.btnBadge:hover, .btnBadge:focus {background:#005697; color:#fff}




/* 반응형 */
@media screen and (max-width:1194px) {
	.popupzone {height: 100%;}
	.info_main h2 {text-align: right;}
	.info_main h2 span{display: block;}
}


@media screen and (max-width:1139px) {
	#header-Gnb section {padding:20px 15px}
	#header-Gnb section h1 {float:none}
	#header-Gnb section h1 > a.logo {float:left; width:88%; display:block}
	#header-Gnb section h1 > a.btn_side {display:block}
	#header-Gnb section > .gnb {display:none; position:fixed; top:0; right:0; width:300px; height:100%; z-index:999999; float:none; background:#0d4e96}
	#header-Gnb section > .gnb li {float:none; padding:0}
	#header-Gnb section > .gnb > li > a {margin-left:0; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff}			
	#header-Gnb section > .gnb > li:hover > a {background:#0d4e96; color:#fff}
	#header-Gnb section > .gnb > li.active > a {background:#0d4e96; color:#fff}
	#header-Gnb section > .gnb > li > ul {position:inherit; float:none; background:#ddd}
	#header-Gnb section > .gnb > li > ul > li > a {padding:3px 15px; color:#000; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(192, 192, 192,1) 50%)}

	#mainVisual {padding: 0 50px;}
	#mainVisual section {height: 450px;}
	#mainVisual section .ani3 {max-width: 50%;margin-bottom: 58px;}
	#mainVisual section > h3 {padding-top: 60px;}

	#qnaWrap section ul li {height: 88px;}
	#qnaWrap section ul li h2 {font-size: 18px;}
	#qnaWrap section ul li h3 {font-size: 20px;}
	#qnaWrap section ul li.qna1 {padding:24px;}
	#qnaWrap section ul li.qna2 {padding: 33px 0;}
	#qnaWrap section .qna1 img {width:6%;margin-right: 10px;}

	#banner section .banner_img a img {width: 33%;}
	#banner section h2 {font-size: 22pt;}	
	#banner section {padding: 30px 0;}
	#banner section .banner_tt {padding: 10px 30px;}
	#banner section .BtnStyle1 {padding: 10px 37px;margin-top: 10px;}

	.notice_con {width: 100%;margin-bottom: 30px;overflow: hidden;}
	.popupzone {width: 100%;height: 100%;}
	.info_main {width: 30%;}
	.notice {width: 70%;float: left;}
	.info_main h2 {text-align: right;}
	.info_main h2 span{display: block;}

	.nav-breadcrumb > div {width: 85%;}
	#subContainer {width:90%;}

	footer .site-footer {padding: 20px 60px;}
	.row {margin: 0 auto;}

}

@media screen and (max-width:880px) {
	#qnaWrap section ul li.qna1 {padding:14px 0;}
	#qnaWrap section ul li.qna1 img {width: 6%;}
	#qnaWrap section ul li h2 {font-size: 18px;text-align: center;padding: 3px 0px;clear:both;}	
	#subContainer .row {margin: 0;}
	#subContainer .lnb_list{border-bottom: 4px solid #f0f0f0;padding-bottom: 15px;}
	.nav-breadcrumb > div {padding-left: 15px;width: 100%;}	
	.tableResponsive {position:relative; border:none}
	.tableResponsive.scroll {position:relative; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableResponsive.scroll table {width:860px; margin-bottom:15px}
	.ToolTip {position:absolute; width:100%; top:15%; left:0; opacity:0; display:block; padding:5px 8px; font-size:13px; color:#fff; text-align:center; letter-spacing:0.45px; margin:5px 0; -webkit-animation-name:fadeOut; -webkit-animation-duration:4s; animation-name:fadeOut; animation-duration:4s;}
	.fa, .fas {font-family: 'Font Awesome 5 Free';font-weight: 900;}
	.ZoomIcon i, .ZoomIcon0 i, .ZoomIcon1 i, .ZoomIcon2 i, .ZoomIcon3 i, .ZoomIcon4 i, .ZoomIcon5 i, .ZoomIcon6 i, .ZoomIcon7 i, .ZoomIcon8 i, .ZoomIcon9 i, .ZoomIcon10 i {color: #fff;font-size: 22px;}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {
    position: absolute;bottom: 0;right: 0;padding: 10px 0px;background: rgba(0,0,0,0.5);width: 40px;height: 40px;box-sizing: border-box;display: block;text-align: center;}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {
    position: relative;overflow: hidden;}
}


@media screen and (max-width:767px) {
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon i, .ZoomIcon0 i, .ZoomIcon1 i, .ZoomIcon2 i, .ZoomIcon3 i, .ZoomIcon4 i, .ZoomIcon5 i, .ZoomIcon6 i, .ZoomIcon7 i, .ZoomIcon8 i, .ZoomIcon9 i, .ZoomIcon10 i {color:#fff; font-size:22px}
	.bZoomIcon i, .bZoomIcon0 i, .bZoomIcon1 i, .bZoomIcon2 i, .bZoomIcon3 i, .bZoomIcon4 i, .bZoomIcon5 i, .bZoomIcon6 i, .bZoomIcon7 i, .bZoomIcon8 i, .bZoomIcon9 i, .bZoomIcon10 i {color:#fff; font-size:22px}
	.table-responsive {position:relative; border:none}
	.table-responsive.scroll {position:relative; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.table-responsive.scroll table {width:825px; margin-bottom:15px}
	.ToolTip {position:absolute; width:100%; top:15%; left:0; opacity:0; display:block; padding:5px 8px; font-size:13px; color:#fff; text-align:center; letter-spacing:0.45px; margin:5px 0; -webkit-animation-name:fadeOut; -webkit-animation-duration:4s; animation-name:fadeOut; animation-duration:4s;}
	#qnaWrap section ul li.qna1 {width: 100%;text-align: center;}
	#qnaWrap section ul li.qna2 {width: 100%;margin: 0 auto;}

	#banner section {padding: 30px 0;}
	#banner section h2 {font-size: 30pt;}
	#banner section p {font-size: 20px;}
	#banner section .banner_tt {text-align: center;width: 100%;margin-bottom: 20px;}
	#banner section .banner_img {width: 100%;text-align: center;padding: 0 30px;}
	#banner section .BtnStyle1 {background: #2f2f32;color: #fff;font-size: 20px;}
	#banner section .BtnStyle1 img {display: none;}
	#rink .photo-hover .img-responsive{margin-bottom: 10px;width: 100%;}
	#rink .row .col-xs-6 {width: 100%;}

	.info_main {width: 30%;}
	.notice {width: 70%;}
	.notice .bxslider1 {width: 9F; margin-left: auto;}
	.popupzone {width: 100%;}
	.tbl_sitemap tbody td > ul > li {width:100%}

	footer .site-footer > ul {width: 33%;}

	#sub_visual {display: none;}
	#subContainer {width:100%;}


}

@media screen and (max-width:576px) {
	#mainVisual section {height: 650px;}
	#mainVisual section > h3 {padding-top: 40px;}
	#mainVisual section > h2 span{display: block;}
	#mainVisual section .ani3 {max-width:70%;}
	#qnaWrap section ul li.qna1 {padding: 15px 0;height: 100%;}

	footer .site-footer {padding: 20px 30px;}
	footer .site-footer > ul {width: 50%;}
}

@media screen and (max-width:500px) {
	#layerPopup1,#layerPopup2,#layerPopup3,#layerPopup4,#layerPopup5,#layerPopup6,#layerPopup7,#layerPopup8,#layerPopup9,#layerPopup10,#layerPopup11,#layerPopup12,#layerPopup13,#layerPopup14,#layerPopup15 {width:100% !important; left:0 !important}
	#layerPopup1 img,#layerPopup2 img,#layerPopup3 img,#layerPopup4 img,#layerPopup5 img,#layerPopup6 img,#layerPopup7 img,#layerPopup8 img,#layerPopup9 img,#layerPopup10 img,#layerPopup11 img,#layerPopup12 img,#layerPopup13 img,#layerPopup14 img,#layerPopup15 img {width:100%}
}
@media screen and (max-width:425px) {
	#mainVisual {padding: 0 40px;}
	#mainVisual section {height: 620px;}
	#mainVisual section > h3 {font-size: 12pt;}
	#mainVisual section > h2 {font-size: 28pt;margin-top: 15px;}
	#mainVisual section > h4 {margin-top: 20px;}
	#mainVisual section h4 span {display: inline;}
	#mainVisual section .more {margin-top: 30px;}
	#mainVisual section .ani3 {max-width: 100%;}
	#qnaWrap section ul li h2 span {display: block;margin-top:5px;}
	#qnaWrap section .qna1 img {margin: 0 10px 0 0px;}
	#banner section h2 {font-size: 23pt;}
	#banner section p {margin-top: 8px;font-size: 18px;}
	#banner section .banner_img {padding: 0;}


	.info_main {width: 100%;border: none;}
	.info_main h2 {text-align: center;}
	.info_main h2 span {display: inline;}
	.info_main .more {display: none;}
	.notice {width: 100%;}

	address p {font-size: 12px;}
	address .Copyright {font-size: 11px;}
}