@charset "UTF-8";
/*
    WRITER : Lee Jeong-hee
	Last Modify Date : 2021. 06. 09. 
*/

/* header */
@media all and (max-width:960px) {
    #header { position:absolute; text-align:left; height:80px; background:transparent; }
    #header .hLogo a,
    #header.active .hLogo a { background:url('../images/common/h_logo.png') no-repeat center; }
    #menuIcon button { background:url('../images/common/icon_sitemap_m_h.png') no-repeat center; }
}

/* visual */
.visual { position:relative; overflow:hidden; max-height:888px; }
.visualSlide { overflow:hidden; }
.visualSlide .slick-slide { background-repeat:no-repeat; background-position:center top; background-size:cover; }
.visualSlide .slick-slide img { display:none; }
.visualSlide .slick-dots { font-size:0; position:absolute; bottom:14.125rem; left:50%; margin-left:-640px; width:100%; max-width:1280px; padding-left:36px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.visualSlide .slick-dots li { display:inline-block; margin-right:7px; }
.visualSlide .slick-dots li button { width:10px; height:10px; background:#fff; border:2px solid #fff; border-radius:50%; text-indent:-9999px; }
.visualSlide .slick-dots li.slick-active button { background:transparent; }
.visualSlide a { display:block; height:100%; }
.visualSlide .inner { max-width:1280px; margin:0 auto; padding:23.875em 0 0 0; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.visualSlide .txt { font-weight:700; color:#fff; padding-left:35px; padding-bottom:16.25em; position:relative; height:100%; letter-spacing:-0.2em; line-height:1; }
.visualSlide .txt::before { content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff; }
.visualSlide .txt::after { content:''; display:block; position:absolute; top:0; left:0; width:2px; height:230px; background:#ffd800; }
.visualSlide .txt .txt01 { display:block; font-size:2.5rem; margin-bottom:10px; padding-top:10px; }
.visualSlide .txt .txt02 { display:block; font-size:4.5rem; margin-bottom:34px; }
.visualSlide .txt .txt03 { display:block; font-size:1.563rem; font-weight:500; letter-spacing:-0.1em; }
.visualSlide .txt i { display:block; margin-top:44px; background:url('../images/main/btn_viewmore01.png') no-repeat; width:120px; height:11px; text-indent:-9999px; }
@media all and (max-width:1280px) {
    .visualSlide .slick-dots { left:3%; margin-left:0 }
    .visualSlide .inner { padding:23.875em 3% 0 3%; }
}
@media all and (max-width:960px) {
    .visual { height:auto; }
    .visualSlide .slick-slide { background-image:none !important; }
    .visualSlide .slick-slide img { display:block; width:100%; }
    .visualSlide .slick-dots { bottom:15vw; padding-left:0; }
    .visualSlide .inner { padding:0; position:relative; }
    .visualSlide .txt { position:absolute; top:45vw; left:3%; padding:0; }
    .visualSlide .txt::before,
    .visualSlide .txt::after { display:none; }
    .visualSlide .txt .txt01 { font-size:4vw; }
    .visualSlide .txt .txt02 { font-size:8vw; margin-bottom:6%; }
    .visualSlide .txt .txt03 { font-size:2.5vw; }
    .visualSlide .txt i { margin-top:9%; background:none; width:30.4%; height:auto; min-width:117px; }
    .visualSlide .txt i img { display:block; }
}
@media all and (max-width:640px) {
    .visualSlide .txt  { top:42vw; }
    .visualSlide .txt .txt01 { font-size:5.5vw; }
    .visualSlide .txt .txt02 { font-size:10.4vw; }
    .visualSlide .txt .txt03 { font-size:3.7vw; letter-spacing:-0.05em; }
    .visualSlide .slick-dots { bottom:10vw; }
}

/* program */
.program { padding:6.25em 0 6.625em 0; background:#f5f5f5; }
.program::after { content:''; display:block; clear:both; }
.program .inner { max-width:1255px; margin:0 auto; padding:0 3%; }
.program .titBox { float:left; position:relative; width:25.1%; padding-right:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.program .titBox .tit { margin-bottom:18px; }
.program .titBox h3 { font-size:2.5rem; font-weight:700; letter-spacing:-0.07em; color:#1f5b5b; line-height:1.1; margin-bottom:30px; }
.program .titBox h3 span { display:block; color:#257f7f; font-weight:300; }
.program .titBox .txt { font-size:1.063rem; color:#626262; font-weight:300; }
.program .titBox .control { margin-top:43.5% }
.program .titBox .control button { display:inline-block; }
.program .titBox .control .prev { margin-right:4px; background:url('../images/main/pro_btn_prev.png'); width:41px; height:41px; text-indent:-9999px; }
.program .titBox .control .next { background:url('../images/main/pro_btn_next.png'); width:41px; height:41px; text-indent:-9999px; }
.program .titBox .control .count { vertical-align:middle; display:inline-block; margin-left:15px; font-size:1.125rem; }
.program .proSlide { float:right; width:74.9%; }
.program .proSlide a { display:block; position:relative; }
.program .proSlide a img { width:100%; }
.program .proSlide p { position:absolute; bottom:40px; right:28px; color:#fff; font-size:1.375rem; padding-bottom:25px; }
.program .proSlide i { position:absolute; bottom:0; right:0; background:url('../images/main/btn_viewmore02.png') no-repeat; width:109px; height:10px; text-indent:-9999px; }
.program .controlMo { display:none; }
@media all and (max-width:1080px) {
    .program .titBox .control { margin-top:73% }
}
@media all and (max-width:960px) {
    .program { padding:4em 0; }
    .program .titBox { float:none; width:100%; }
    .program .titBox .tit { margin-bottom:10px; }
    .program .titBox h3 span { display:inline-block; margin-left:5px; }
    .program .titBox .txt { display:none; }
    .program .titBox .control { display:none; }
    .program .proSlideWrap { position:relative; overflow:hidden; }
    .program .proSlide { float:none; width:100%; }
    .program .proSlide p { right:auto; left:10%; bottom:15%; }
    .program .proSlide i { right:auto; left:0; }
    .program .controlMo { display:inline-block; background:rgba(0, 0, 0, 0.73); padding:1.3% 15px; position:absolute; bottom:0; right:0; }
    .program .controlMo button { display:inline-block; }
    .program .controlMo .prev { background:url('../images/main/pro_btn_prev_m.png') no-repeat center; background-size:24px auto; width:24px; height:35px; text-indent:-9999px; }
    .program .controlMo .next { background:url('../images/main/pro_btn_next_m.png') no-repeat center; background-size:24px auto; width:24px; height:35px; text-indent:-9999px; }
    .program .controlMo .count { vertical-align:middle; display:inline-block; margin:0 15px; font-size:1.125rem; color:#fff; }
}
@media all and (max-width:640px) {
    .program { padding:3.5em 0; }
    .program .inner { padding:0 0 0 3%; }
    .program .titBox { float:none; width:100%; }
    .program .titBox .tit img { width:120px; }
    .program .titBox h3 { font-size:2.3rem; }
    .program .proSlide { width:82%; }
    .program .proSlide .slick-list { overflow:visible; }
    .program .controlMo { right:3%; }
    .program .controlMo .prev,
    .program .controlMo .next { background-size:19px auto; width:19px; }
    .program .controlMo .count { margin:0 10px; font-size:1rem; }
}

/* iconbtn */
.iconbtn { padding:4em 0 4.125em 0; }
.iconbtn .inner { max-width:1210px; margin:0 auto; padding:0 3%; }
.iconbtn ul { font-size:0; text-align:center; }
.iconbtn ul li { display:inline-block; width:33.3%; position:relative; }
.iconbtn ul li::after { content:''; display:block; width:1px; height:100%; background:#e6e6e6; position:absolute; top:0; right:0; }
.iconbtn ul li:last-child::after { display:none; }
.iconbtn ul li a { display:block; padding-top:100px; background-repeat:no-repeat; background-position:top center; vertical-align:top; }
.iconbtn ul li.ib01 a { background-image:url('../images/main/icon_iconbtn01.png'); }
.iconbtn ul li.ib02 a { background-image:url('../images/main/icon_iconbtn02.png'); }
.iconbtn ul li.ib03 a { background-image:url('../images/main/icon_iconbtn03.png'); }
.iconbtn ul li .tit { font-size:1.375rem; color:#272727; font-weight:500; }
.iconbtn ul li .txt { font-size:1rem; margin-top:13px; color:#656565; font-weight:300; word-break:keep-all; }
.iconbtn ul li i { display:inline-block; font-size:0.938rem; margin-top:24px; color:#272727; font-weight:300; padding:0 22px 4px 4px; border-bottom:1px solid #000; background:url('../images/main/btn_iconbtn_more.png') no-repeat right 2px; }
@media all and (max-width:960px) {
.iconbtn { padding:3em 0 3.1em 0; }
    .iconbtn .inner { padding:0; }
    .iconbtn ul li a { padding-top:80px; background-size:59px; }
    .iconbtn ul li .tit { font-size:1.25rem; }
    .iconbtn ul li .txt { display:none; }
    .iconbtn ul li i { font-size:0.85rem; padding:0 16px 2px 2px; background:url(../images/main/btn_iconbtn_more.png) no-repeat right 3px; background-size:11px; margin-top:20px; }
}
@media all and (max-width:640px) {
    .iconbtn ul li a { padding-top:60px; background-size:45px; }
    .iconbtn ul li .tit { font-size:1.1rem; }
    .iconbtn ul li i { margin-top:15px; }
}

/* board */
.board { padding:8.125em 0; background:url('../images/main/board_bg.jpg') no-repeat center; position:relative; overflow:hidden; }
.board .inner { max-width:1255px; margin:0 auto; padding:0 3%; overflow:hidden; }
.board .video { float:left; text-align:center; cursor:pointer; width:49.72%; }
.board .video .videoWrap { position:absolute; display:none; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.7); z-index:10}
.board .video:hover .videoWrap { display:table; }
.board .video .videoWrap .videoInner { display:table-cell; vertical-align:middle; text-align:center; }
.board .video .videoWrap .videoArea { position:relative; max-width:1255px; margin:0 auto; height:100%; }
.board .video .videoWrap .videoArea button { display:none; }
.board .video .videoWrap .videoArea iframe { width:100%; height:100%; }
.board .notice { float:right; position:relative; width:46.21%; }
.board .notice h3 { font-size:1.625rem; font-weight:700; color:#fff; padding:16px 0 27px 0; }
.board .notice ul {}
.board .notice ul li { position:relative; margin-bottom:11px; }
.board .notice ul li.top { font-size:1.188rem; padding:23px 0; margin-bottom:23px; border:1px solid rgba(255, 255, 255, 0.15); border-width:1px 0; }
.board .notice ul li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; padding-right:155px; }
.board .notice ul li.top .dottxt { display:block; white-space:initial; line-height:1.5; height:3em; }
.board .notice ul li .cate { font-weight:600; color:#fcff00; }
.board .notice ul li .date { position:absolute; top:0; right:3px; color:#fff; }
.board .notice ul li.top .date { font-size:1rem; top:29px; }
.board .notice .more { display:block; width:34px; height:10px; text-indent:-9999px; background:url('../images/main/btn_notice_more.png') no-repeat; position:absolute; top:30px; right:0; }
@media all and (max-width:960px) {
    .board { background-size:cover; padding:5em 0; }
    .board .video { float:none; width:100%; margin-bottom:2em; }
    .board .video:hover .videoWrap { display:none; }
    .board .video .videoWrap.active { display:table; }
    .board .video .videoWrap .videoArea { position:relative; height:400px; }
    .board .video .videoWrap .videoArea button { display:block; color:#fff; text-align:center; font-size:0.938rem; font-weight:300; position:absolute; top:-40px; left:50%; margin-left:-25px; z-index:1; padding-left:25px; background:url('../images/main/video_close.png') no-repeat left center; }
    .board .notice { float:none; width:100%; }
    .board .notice h3 { padding:16px 0 20px 0; }
    .board .notice ul li a { padding-right:120px; }
    .board .notice ul li.top { padding:18px 0; font-size:1rem; }
    .board .notice ul li.top .date { top:21px; }
}

/* banner */
.banner { background:#f9f9f9; padding:0 3%; }
.banner .inner { max-width:1255px; margin:0 auto; position:relative; padding:1.7% 0 1.7% 160px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 
.banner .bannerWrap { overflow:hidden; }
.banner .bannerSlide .slick-list { margin:0 -20px; }
.banner .bannerSlide .slick-slide { margin:0 20px; }
.banner .bannerControl { position:absolute; top:1.8vw; left:0; font-size:0; }
.banner .bannerControl button { display:inline-block; width:32px; height:32px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; margin-left:-1px; }
.banner .bannerControl .prev { background-image:url('../images/main/btn_banner_prev.png'); }
.banner .bannerControl .next { background-image:url('../images/main/btn_banner_next.png'); }
.banner .bannerControl .play { background-image:url('../images/main/btn_banner_play.png'); }
.banner .bannerControl .stop { background-image:url('../images/main/btn_banner_stop.png'); }
@media all and (max-width:960px) { 
    .banner { margin-top:0; }
    .banner .inner { padding:2.2% 0 2.2% 100px; }
    .banner .bannerSlide .slick-list { width:115%; margin:0 -10px; }
    .banner .bannerSlide .slick-slide { margin:0 10px; }
    .banner .bannerControl { top:3vw; }
    .banner .bannerControl button { width:26px; height:26px; background-size:26px; }
}
@media all and (max-width:720px) { 
    .banner .inner { padding:2.8% 0 2.8% 100px; }
    .banner .bannerControl { top:3.8vw; }
}
@media all and (max-width:640px) {
   .banner .bannerControl {top:31%; }
}
@media all and (max-width:480px) {
    .banner .inner {padding:3.4% 0 3.4% 80px; }
    .banner .bannerSlide .slick-list { width:125%; }
    .banner .bannerControl { top:33%; }
    .banner .bannerControl button { width:22px; height:22px; background-size:22px; }
}
@media all and (max-width:400px) { 
    .banner .inner { padding:4% 0 4% 80px; }
}