@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 
/* body,input,textarea,select,button,table{font-family: '나눔바른고딕','Noto Sans KR','Apple Gothic','Open Sans',sans-serif; font-weight:300;line-height:1.7em; letter-spacing:-.03em; color:#555;word-break:keep-all;-webkit-text-size-adjust:none;} */
#skipToContent a { z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden; }
#skipToContent a:focus, 
#skipToContent a:active { width:200px;height:50px;background:#21272e;color:#fff;font-weight:bold;text-align:center;text-decoration:none;line-height:50px; }

/* .contain { *zoom:1; width:1000px; margin:0 auto; } */
.contain:after { content:""; display:block; clear:both; }

/* header */
#header { position:relative; width:100%; min-width:1000px; height:105px; border-top:5px solid #1abacd; z-index:990; }
#header .contain { position:relative; height:100px; z-index:2; }
#header .sitelogo { position:absolute; display:inline-block; top:15px; left:0; z-index:10; }
.util { width:100%; height:25px; }
.util ul { float: right; }
.util ul:after { content:""; display:block; clear:both; }
.util ul li { float:left; line-height:25px; font-size:13px; font-weight:300; color:#555}
.util ul li:after { content:""; display:inline-block; width:1px; height:8px; background:#949494; vertical-align:middle; margin:-.2em 10px 0 10px; }
.util ul li:last-child:after { display:none; }
.util ul li a { text-decoration:none; }

#gnb { padding-left:20px; }
/* #gnb > ul { *zoom:1; float:right; } */
#gnb > ul:after { content:" "; display:block; clear:both; }
#gnb > ul > li { float:left; width:180px; padding:0 20px; padding-bottom:5px; position:relative; text-align:center; font-size:20px; line-height:70px; font-weight:700; letter-spacing:-.03em; }
#gnb > ul > li:last-child { padding-right:0; }
#gnb > ul > li > a { display:block; text-decoration:none; color:#052249; }
#gnb > ul > li a:hover,
#gnb > ul > li.active a { color:#1abacd; }
#gnb .submenu { display:none; position:absolute; top:35px; left:50%; margin-left:-50px; width:180px; background:#fff; z-index:5; }
#gnb .submenu ul { text-align:left; padding:15px 20px; }
#gnb .submenu ul li:hover a { color:#1abacd; }
#gnb .submenu ul li a { position:relative; display:block; padding-bottom:10px; vertical-align:bottom; color:#555; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.03em; text-decoration:none; }
/* 
    kftu 메인  css
===========================================================================*/
.wrap {width:1200px; margin:0 auto;}
.main-headmenu { letter-spacing:0px !important; }
@media screen and (max-width: 1200px) {
    .wrap {width:100%; padding:0 20px;}
}
/* .main h2{font-size: 36px; color: #0f102a;   font-family: 'S-CoreDream-5Medium'; letter-spacing: 2.8px; position: relative; display: inline-block; z-index: 1;}
.main h2::after{position: absolute; right: -9px; bottom: -11px; width: calc(100% + (100vw - 1440px) / 2 + 9px); height: 16px; background-color: #ffdb73; content: ""; z-index: -1;} */
.section1 {position: relative;}
.section1 .wrap {position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); z-index:1;}
.section1 .swiper-btn {position:absolute; top:0; z-index:1; cursor:pointer;}
.section1 .swiper-btn-prev {left:-100px;}
.section1 .swiper-btn-next {right:-100px;}
.section1 .swiper-container {position:relative;}
.section1 .gallery-back{width: 100%; height: 350px; }
.section1 .gallery-back .swiper-slide {display:flex; align-items:center; justify-content:center; overflow: hidden; text-align: center;}
.section1 .gallery-back .swiper-slide .comment {
    text-align: left;
}
.section1 .gallery-back .black {
    width:100%; height:100%;
    position:absolute; top:0; left:0;
    background-color:black;
}
.section1 .gallery-back .basea {
    width:100%; height:100%;
    position:absolute; top:0; left:0;
    background:url('../images/main/visual1.jpg') no-repeat; background-size:cover; background-position:center;
}
.section1 .gallery-back .baseb {
    width:100%; height:100%;
    position:absolute; top:0; left:0;
    background:url('../images/main/visual2.png') no-repeat; background-size:cover; background-position:center;
}
.section1 .gallery-back .basec {
    width:100%; height:100%;
    position:absolute; top:0; left:0;
    background:url('../images/main/visual3.jpg') no-repeat; background-size:cover; background-position:center;
}
/* .header-wrap .logo { max-width:211px; max-height:44px; } */

/* .section1 .gallery-back .swiper-slide .subtitle {font-size:28px; color:#fff; text-shadow: 0px 3px 6px rgba(0,0,0,0.16);} */
.section1 .gallery-back .swiper-slide .title {margin-left: -200px; line-height:52px; font-size:34px; font-weight:500; color:#fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.section1 .gallery-back .swiper-slide .m-ratioBox-wrap {
    width:600px; margin-right:50px; padding-top:300px;
    border-radius:20px; border:none;
}
.section1 .gallery-back video{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.section1 .gallery-back {}

@media screen and (max-width:1200px) {
    .section1 .gallery-back {height:320px;}
    .section1 .gallery-back .swiper-slide {padding:0 40px;}
    .section1 .gallery-back .swiper-slide * {word-break: keep-all;}
    .section1 .gallery-back .swiper-slide .title {margin-top:10px; line-height:32px; font-size:20px;}
    .section1 .gallery-back .swiper-slide .subtitle {font-size:16px;}
    .section1 .swiper-btn {display:none;}
}

@media screen and (max-width:768px) {
    .section1 .gallery-back {height:350px;}
    .section1 .gallery-back .swiper-slide .m-ratioBox-wrap {width:100%; margin-right:0; padding-top:51%; position:absolute; top:0; border-radius:0;}
    .section1 .gallery-back .swiper-slide .m-ratioBox-wrap img {width:auto; height:100%;}
    .section1 .gallery-back .swiper-slide .dark {content:""; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0.3);}
    .section1 .gallery-back .swiper-slide .comment {width:100%; position: relative; top:26%; text-align: center; z-index:2;}
}
/* ============================================== */

.main-comm { background:#f2f2f2; margin-bottom:40px; }
.main-comm .row { margin:0 -15px}
.main-comm .row:after { content:""; display:block; clear:both; }
.main-comm .row .col { position:relative; float:left; width:50%; height:126px; padding:10px; background:url('../images/main/line.jpg') 100% 50% no-repeat; }
.main-comm .row .col:last-child { background:none; }
.main-comm .row .col:after { content:""; display:block; clear:both; }
.main-comm .row .col .tit { float:left; position:relative; }
.main-comm .row .col .tit:after { content:""; display:block; position:absolute;top:5px;left:0; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; }
.main-comm .row .col .tit.ico1:after { width:20px; height:31px; background-image:url('../images/main/ico1.png'); }
.main-comm .row .col .tit.ico2:after { width:19px; height:29px; background-image:url('../images/main/ico2.png'); }
.main-comm .row .col .tit.ico3:after { top:-5px; width:26px; height:31px; background-image:url('../images/main/ico3.png'); }
.main-comm .row .col .tit .txt { margin-left:30px; }
.main-comm .row .col.col2-1 .tit .txt h2 { margin-bottom:7px; font-size:20px; font-weight:800; line-height:1.3em; color:#303030}
.main-comm .row .col.col2-1 .tit .txt p { font-size:14px; font-weight:300; line-height:1.3em; color:#ccc}
.main-comm .row .col.col3-1 { padding:10px 30px; }
.main-comm .row .col.col3-1 .tit { float:none; }
.main-comm .row .col.col3-1 .tit .txt { font-size:14px; font-weight:300; color:#555; margin-top:7px; }
.main-comm .row .col.col3-1 .tit .txt { margin-left:40px; }
.main-comm .row .col.col3-1 .btn { margin-left:30px; border:1px solid #a0a0a0; }
.main-comm .row .col .box { margin-left:135px; height:100%; }
.main-comm .row .col.col2-1 .box { margin-left:155px; }
.main-comm .row .col .box ul li { font-size:14px; font-weight:300; line-height:24px; color:#555}
.main-comm .row .col .box ul li span { display:inline-block; margin-right:5px; }
.main-comm .row .col .box ul li a { text-decoration:none; }
.main-comm .row .col .more { display:block; position:absolute; top:10px; right:140px; width:14px; height:14px; background:url('../images/main/more.png') 0 0 no-repeat; text-indent:-9999px; }
.main-comm .row .col .btn-pack { height:30px;line-height:28px; margin-top:5px; padding:0 15px; font-size:14px; font-weight:400; color:#000; box-shadow:0px -15px 14px -7px rgba(222,222,222,1) inset; border:1px solid #dedede; vertical-align:middle; }
.main-comm .row .col .box .input { border:1px solid #a4a4a4; }
.main-comm .row .col .box .cell { display:inline-block; margin-top:5px; }
.main-comm .row .col .box .cell:first-child { margin-left:-1px; }
.main-comm .row .col .box .member { margin-top:10px; }
.main-comm .row .col .box .member ul { margin:0 -7px; }
.main-comm .row .col .box .member ul:after { content:""; display:block; clear:both; }
.main-comm .row .col .box .member ul li { float:left; padding:0 7px; font-size:14px; font-weight:300; color:#555; line-height:1.3em; }
.main-comm .row .col .box .member ul li a:before { content:""; display:inline-block; width:6px; height:11px; background:url('../images/main/arrow.png') 0 0 no-repeat; vertical-align:middle; margin:-.2em 5px 0 0; }

/* { margin-bottom:40px; } */
/* .head { position:relative; margin-bottom:20px; } */
/* .head:after { content:""; position:absolute; top:0; right:0; display:block; width:876px; height:1px; background:#d3d3d3; }
.head h3 { font-size:20px; font-weight:700; color:#333; line-height:0.8em; } */
/* .row { margin:0 -10px; } */
/* .row:after { content:""; display:block; clear:both; } */
.row .col { float:left; padding:0 10px; }
.row .col.col1 { width:510px !important; }
.row .col.col1-1 p { font-size:13px; font-weight:300; line-height:20px; color:#999}
.row .col.col1-1 ul:after { content:""; display:block; clear:both; }
.row .col.col1-1 ul { margin-top:20px; display:table; border:1px solid #d3d3d3; width:100%; height:148px; text-align:center; }
.row .col.col1-1 ul li { position:relative; display:table-cell; vertical-align:middle;width:25%; height:100%; }
.row .col.col1-1 ul li p { font-size:14px; font-weight:500; color:#181f28; line-height:1.3em; }
.row .col.col1-1 ul li:after { content:""; display:block; position:absolute; top:50%; margin-top:-53px; right:0; width:1px; height:107px; background:#d3d3d3; }
.row .col.col1-1 ul li:last-child:after { display:none; }
.row .col.col1-1 ul li a { display:block; text-decoration:none; }
.row .col.col1-1 ul li .ico { display:block; margin-bottom:15px; }
.row .col.col2 { min-width:325px !important; }
.row .col.col2 .txt { min-height:100px;  }
.row .col.col2.col2-1 { text-align:center; height:210px; }
.row .col.col2.col2-1 a { padding:25px 15px 25px 25px;display:block; text-decoration:none; width:100%; height:100%; }
.row .col.col2.col2-1 a.bg1 { background:url('../images/main/bg1.jpg') 0 0 no-repeat; }
.row .col.col2.col2-1 a.bg2 { background:url('../images/main/bg2.jpg') 0 0 no-repeat; }
.row .col.col2.col2-1 h4 { margin-bottom:10px; font-size:20px; font-weight:500; line-height:1.3em; color:#333}
.row .col.col2.col2-1 p { position:relative; text-align:left;font-size:14px; font-weight:300; color:#777; line-height:1.3em; }
.row .col.col2.col2-1 p:after { content:""; display:block; position:absolute;top:5px; right:0; width:36px; height:36px; background:url('../images/main/arrow1.png') 0 0 no-repeat; vertical-align:middle; margin:-.2em 0 0 5px; }
.row .col.col2.col2-1 p.last:after { background:url('../images/main/arrow2.png') 0 0 no-repeat; }
.row .col.col2.col2-1 span { display:block; margin-bottom:15px; }
.row .col.col2.col2-2 .in { margin-bottom:-10px; }
.row .col.col2.col2-2 a { margin-bottom:20px; border:1px solid #ddd; height:149px; padding:15px 20px; display:block; text-decoration:none; }
.row .col.col2.col2-2 .cell { display:table; margin-bottom:15px; }
.row .col.col2.col2-2 .cell .icon,
.row .col.col2.col2-2 .cell .tit { display:table-cell; vertical-align:middle; }
.row .col.col2.col2-2 .cell .tit h4 { padding-left:15px; font-size:16px; font-weight:500; color:#000; line-height:1.3em; }
.row .col.col2.col2-2 .in p { font-size:13px; font-weight:300; color:#555; line-height:20px; }

.row .col.col2.col2-2.col2-3 a { position:relative; }
.row .col.col2.col2-2.col2-3 a.ab-bg { background:url('../images/main/ab_bg.jpg') 50% 50% no-repeat; background-size:cover; }
.row .col.col2.col2-2.col2-3 .more { position:absolute; bottom:15px; right:15px; width:27px; height:27px; background:url('../images/main/more2.png') 50% 50% no-repeat; text-indent:-9999px; overflow:hidden; }
.row .col.col2.col2-2.col2-3 .more.bg1 { background-color:#1abacd}
.row .col.col2.col2-2.col2-3 .more.bg2 { background-color:#2a86c4}
.row .col.col2.col2-2.col2-3 .cell .tit { display:block; }
.row .col.col2.col2-2.col2-3 .cell .tit h4 { padding-left:0; margin-bottom:20px; }


.board-zone { border:1px solid #d3d3d3; position:relative;height:318px; }
.board-zone .tabs { width:90%; height:57px; display: table; }
.board-zone .tabs li { position:relative; display: table-cell; vertical-align:middle; text-align:center; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background:#fafafa}
.board-zone .tabs li a { text-decoration:none; display:block; font-size:20px; font-weight:700; line-height:1.3em; color:#999}
.board-zone .tabs li.active { border-bottom:0; background:#fff; }
.board-zone .tabs li.active:after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:6px; background:#666; }
.board-zone .tabs li.active a { color:#333; }
.board-zone .more { position:absolute; top:0; right:0; display:block; width:49px; height:57px; background:url('../images/main/more1.png') 50% 50% no-repeat; border-bottom:1px solid #d3d3d3; text-indent:-9999px; }
.board-zone .tab-content { padding:25px 0 15px 15px}
.board-zone .tab-content ul li { font-size:14px; font-weight:300; line-height:29px; color:#777}
.board-zone .tab-content ul li:before { content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#777; vertical-align:middle; margin:-.2em 10px 0 0; }
.board-zone .tab-content ul li .date { display:inline-block; margin-right:10px; color:#000; font-weight:500; }
.board-zone .tab-content ul li img { vertical-align:middle; margin:-.2em 0 0 5px; }

/* sub page */
.sub-visual { width:100%; min-width:1000px; height:200px; overflow:hidden; margin-bottom:30px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; }
.sub-visual .contain { display:table; height:100%; }
.sub-visual.bg1 { background-image:url('../images/common/sub_visual1.jpg'); }
.sub-visual.bg2 { background-image:url('../images/common/sub_visual2.jpg'); }
.sub-visual.bg3 { background-image:url('../images/common/sub_visual3.jpg'); }
.sub-visual.bg4 { background-image:url('../images/common/sub_visual4.jpg'); }
.sub-visual.bg5 { background-image:url('../images/common/sub_visual5.jpg'); }
.sub-visual.bg6 { background-image:url('../images/common/sub_visual6.jpg'); }
.sub-visual .tit { padding-left:20px; padding-top:45px; height:100%; display:table-cell; vertical-align:top; }
.sub-visual .tit h1 { font-size:30px; font-weight:700; line-height:44px; color:#fff; }
.sub-visual .tit h1 span { color:#1acdad}
.sub-visual .tit p { font-size:20px; font-weight:300; color:#fff; line-height:1.3em; }
.sub-visual .tit p span { font-weight:700; color:#a2c7e5}
.sub-visual .tit .c1 { color:#000}
.sub-visual .tit .c1-1 { color:#fee559}
.sub-visual .tit .c1-2 { color:#49dbec}
.sub-visual .tit .c2-1 { color:#ffc822}
.sub-visual .tit .c2-2 { color:#24c268}
.sub-visual .tit .c3-1 { color:#ccd624}
.sub-visual .tit .c3-2 { color:#34da9d}

#sub #container { width:1000px; margin:0 auto; }
#sub #container:after { content:" "; display:block; clear:both; }

#lnb { float:left; width:200px; }
.lnb .title { margin-bottom:20px; background:#fff; padding-bottom:15px; border-bottom:4px solid #1abacd}
.lnb .title h2 { font-size:24px; font-weight:700; color:#3e4e52; }
.lnb .title h2.s { font-size:20px; }
.lnb > ul > li { border-top:1px solid #ddd; }
.lnb > ul > li:first-child { border-top:0; }
.lnb > ul > li:last-child { border-bottom:1px solid #ddd; }
.lnb > ul > li > a { text-decoration:none; display:block; padding:10px 10px; font-size:15px; line-height:1.3em; font-weight:500; color:#333; letter-spacing:-.03em; background:url('../images/common/arrow_off.png') 15px 50% no-repeat; }
.lnb > ul > li.active > a { color:#3eb8bf; background:url('../images/common/arrow_on.png') 15px 50% no-repeat; }

#contArea { overflow:hidden; }
.sub-title { position:relative; padding-bottom:9px; margin-bottom:50px; width:100%; border-bottom:1px solid #b9b9b9; }
.sub-title h2 { position:relative; display:inline-block; text-align:left; vertical-align:top; color:#000; font-size:24px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; }
.sub-title .path { position:absolute; bottom:10px; right:0; font-size:12px; font-weight:300; color:#999; }
.sub-title .path img { vertical-align:middle; margin: -.3em 0 0 0; }
.sub-title .path strong { font-weight:700; color:#000; }
.sub-title .arrow { padding:0 3px; }
.real-cont { min-height:350px; _height:350px; margin-bottom:40px; }

/* footer */
#footer { clear:both; background:#fff; font-size:13px; color:#888; font-weight:300; line-height:20px; }
#footer address { font-style:normal; text-align:left; margin-left:250px; }
.foot-link { text-align:center; background:#56b07d; padding:10px 0; }
.foot-link ul li { display:inline-block; font-size:14px; font-weight:300; color:#fff; line-height:1.3em; }
.foot-link ul li:after { content:""; display:inline-block; width:1px; height:10px; background:#fff; vertical-align:middle; margin:-.2em 10px 0 10px; }
.foot-link ul li:last-child:after { display:none; } 
.foot-link ul li a { text-decoration:none; }
.foot-info { padding:35px 0 20px 0; text-align:center; }
.foot-info .info { display:inline-block; }
.foot-info .f-logo { float:left; margin-top:-5px; }