@import url("common_bak.css");
@import url(font.css);

/*.jumbotron{opacity: 0;}
.jumbotron.on{ opacity:1}*/

/* ¸ÞÀÎvisual */
#visual {position: relative; width:100%; height:700px; min-height:600px;}
#visual .slick-slider {position: relative; display: block;}
#visual .slick-list {position: relative; display: block; overflow: hidden;}
#visual .slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
#visual .slick-initialized .slick-slide{display: block;}
#visual .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}

#visual .slick-prev, #visual .slick-next{ font-size: 0; line-height: 0; position: absolute; top: 53%; display: block; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}




/* ·ÑDots */
.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{position: absolute;display: block;list-style: none;text-align: center; left:20px; top:50%}
.slick-dots li{position: relative;display:block; width:15px;height:15px; margin:6px 0;padding: 0;cursor: pointer;}
.slick-dots li button{background:none; font-size: 0;line-height: 0;display: block;width:15px;height:15px; padding:0;cursor: pointer;color: transparent;border: 0;outline: none;}
.slick-dots li button:hover, .slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{border-radius: 15px; background:rgba(255,255,255,0.5); position: absolute;top: 0;left: 0; width:15px;height:15px;content: '';text-align: center;color: black;}
.slick-dots li.slick-active button:before{background:#fff;}



#visual .cover01{background-image:url('../image/main01.jpg');}
#visual .cover02{background-image:url('../image/main06.jpg');}
#visual .cover03{background-image:url('../image/main03.jpg');}
#visual .cover04{background-image:url('../image/main04.jpg');}
#visual .cover05{background-image:url('../image/main05.jpg');}
#visual .cover06{background-image:url('../image/main02.jpg');}



#visual .sub_imgbox{height:700px; min-height:600px;}
#visual .section{margin-bottom:2px;width:100%;height:100%; min-height:600px; position:relative;overflow:hidden;background-position:center;background-size:cover; border:0;}
#visual .sub_imgbox .slick-list ,
#visual .sub_imgbox .slick-track {height:100%;}

#visual .text_area{width:100%;text-align:center;color:#fff;position:absolute;top:37%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}

#visual .txt_ef{opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-timing-function: linear;
transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s;transform: translate3d(0px, 30px, 0);-webkit-transform: translate3d(0px, 30px, 0);}
#visual .slick-slide.action .txt_ef{opacity: 1;transform: translate3d(0px, 0px, 0);-webkit-transform: translate3d(0px, 0px, 0);  }

#visual .txt_ef2{opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.4s;transition-duration:0.4s;-webkit-transition-timing-function: linear;
transition-timing-function: linear;-webkit-transition-delay: 0.4s;transition-delay:0.4s;transform: translate3d(0px, 30px, 0);-webkit-transform: translate3d(0px, 30px, 0);}
#visual .slick-slide.action .txt_ef2{opacity: 1;transform: translate3d(0px, 0px, 0);-webkit-transform: translate3d(0px, 0px, 0);  }

#visual .main_stitle{font-size:30px; font-weight:800;  color:#fff; font-family:'NanumSquare-R',sans-serif; text-shadow: 0px 0px 3px rgba(0,0,0,1.0); line-height:100%;letter-spacing:-1pt; margin-bottom:10px;}
#visual .slick-slide.action .main_stitle{opacity: 1;transform: translate3d(0px, 0px, 0);-webkit-transform: translate3d(0px, 0px, 0);  }
#visual .main_title{font-size:60px; font-weight: bold; font-family:'NanumSquare-R',sans-serif; text-shadow: 0px 0px 5px rgba(0,0,0,1.0); line-height:100%; letter-spacing:-3pt; margin-bottom:15px;}
#visual .main_stxt{font-size:20px; font-weight:600; color:#fff; letter-spacing:-0.6pt; line-height:100%;}
#visual .mainvbtn{z-index: 2;position:relative; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;
background:url('../image/btn_more.png') 125px center no-repeat; display:block; width:130px; margin:50px auto 0 auto; text-align:left; padding:20px; border:1px solid #fff; color:#fff; font-size:16px; letter-spacing:-0.6pt;  line-height:100%;}
#visual .mainvbtn:after{width:0%;height:100%;top:0px;left:0;background:url('/img/btn_more2.png') 125px center no-repeat, #fff; content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#visual .mainvbtn:hover{color:#6f141a;}
#visual .mainvbtn:hover:after{width:100%}



h3.main_title{font-family:'NanumSquare-R',sans-serif; font-weight:800; letter-spacing:-2.3pt;margin-bottom:40px; font-size:38px; color:#121CA0; line-height:100%;}
h2.main_stitle{font-family:'NanumSquare-R',sans-serif; font-weight:100; margin-bottom:40px; font-size:20px; color:#333;}
h4.eng_title{font-family: 'Noto Serif KR', serif; font-weight:700; font-size:18px; color:#700000; font-style: italic; letter-spacing: 0.3pt; line-height:100%; margin-bottom:15px;}
p.main_txt{font-size:16px; font-family:NanumSquare-R; line-height:26px;  letter-spacing: -0.5pt; color:#666}

.ma_btn{z-index: 2;position:relative; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; border:1px solid #6f141a;
background:url('../image/btn_more.png') 105px center no-repeat, #6f141a; display:block; width:110px; text-align:left; padding:20px; color:#fff; font-size:16px; letter-spacing:-0.6pt;  line-height:100%;}
.ma_btn:after{width:0%;height:100%;top:0px;left:0;background:url('../image/btn_more2.png') 105px center no-repeat, #fff; content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.ma_btn:hover{color:#6f141a;}
.ma_btn:hover:after{width:100%;}

/* ¹ú·éÀ̺¥Æ® */
.m_informationW { overflow: hidden; background: #fafafa url(../image/main_event_bg.png) no-repeat center top; background-size: cover;}
.m_information { width: 1200px; margin: 0 auto; overflow: hidden; padding: 67px 0 79px;}
.m_information h3 { font-weight: bold; font-size: 27px; line-height: 100%; color: #17469e; text-align: center; margin-bottom: 8px;}
.m_information > p { font-size: 18px; line-height: 120%; color: #666; text-align: center; margin-bottom: 29px;}
.m_information ul { overflow: hidden;}
.m_information ul li { float: left; width: 25%; min-height: 369px;}
.m_information ul li a { display: block;}
.m_information ul li a .img { width: 100%; height: 227px; overflow: hidden; position: relative;}
.m_information ul li a .img img {position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; }
.m_information ul li:hover a .img img { animation:vs_img 2s ease-in-out; -webkit-animation:vs_img 2s ease-in-out; -moz-animation:vs_img 2s ease-in-out;}
.m_information ul li a .txt {min-height: 111px ; padding: 20px 29px 0;}
.m_information ul li.txtBgBlue a .txt { background: #17469e; color: #fff;}
.m_information ul li.txtBgwhite a .txt { background: #fff; color: #3a3a3a;}
.m_information ul li a .txt strong {display: block; font-size: 20px; line-height: 100%; margin-bottom: 10px;}
.m_information ul li a .txt p { font-size: 14px; line-height: 130%; letter-spacing: -.8px;}

@keyframes vs_img { 
	0% { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1);}
	100% { transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15);}
}
/* Áß¾ÓmBanner */
#mBanner{width:100%; height:390px; display:table; background:url(../image/cusbox_bg.jpg) no-repeat center  fixed; background-size:cover}
#mBanner p {display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-size:2.7em; font-weight:200; letter-spacing:-0.03em}
#mBanner p span.bold {font-weight:600}
#mBanner p span.point {position:relative;}
#mBanner p span.point::after {content:""; display:block; width:4px; height:4px; border-radius:100%; background:#fff; position:absolute; top:-5px; left:50%; margin-left:-2px}


/* °¶·¯¸®PORTFOLIO */
.wrap {width:1200px; margin:0 auto;}
.clear:after { display:block; content:''; clear:both; }
* { margin:0; padding:0; }	
.after:after { display:block; content:''; position:absolute; }
.main .cnt {padding:20px 0; text-align:center; }
.main .title {font-size:35px; font-weight:700; color: #17469e;}
.main .title1 {font-size:20px; font-weight:500; color: #17469e;ine-height: 120%; color: #666; text-align: center;}
.main .t_span {padding-top:30px; font-size:17px; color:#4f4f4f; }
.main .cnt_2 { background:url(../image/main_gallery_bg.jpg) no-repeat center top; }
.main .cnt_2 .wrap { position:relative; }
.main .cnt_2 .more { position:absolute; top:0; right:0; color:#909090; transition:0.3s; }
.main .cnt_2 .more:focus , .main .cnt_2 .more:hover { font-weight:700;color:#17469e; }
.main .cnt_2 .more span { display:inline-block; transition:0.3s; }
.main .cnt_2 .more:focus span , .main .cnt_2 .more:hover span { transform:rotate(180deg); }
.main .cnt_2 .list_btn {padding-top:35px; }
.main .cnt_2 .list_btn li {float:left; position:relative; width:240px; font-size:18px; line-height:80px; text-align:center; border:1px solid #dbdbdb; border-left:0; box-sizing:border-box; background:#fff; cursor:pointer; transition:0.3s; }
.main .cnt_2 .list_btn li:after { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:0px; background:#17469e; transition:0.3s; }
.main .cnt_2 .list_btn li.on , .main .cnt_2 .list_btn li:focus , .main .cnt_2 .list_btn li:hover {font-weight:700; color:#17469e; }
.main .cnt_2 .list_btn li.on:after , .main .cnt_2 .list_btn li:focus:after , .main .cnt_2 .list_btn li:hover:after { height:2px; }
.main .cnt_2 .list_btn li:nth-child(1){width:240px; border-left:1px solid #dbdbdb; }
.main .cnt_2 .list_btn li:nth-child(7){width:171px; }
.main .cnt_2 .menu_box {padding-top:10px; height:235px; overflow:hidden;}
.main .cnt_2 .menu_box .menu {  }
.main .cnt_2 .menu_box .menu li {float:left; padding-left:20px; }
.main .cnt_2 .menu_box .menu li:nth-child(1) { padding-left:5px; }
.main .cnt_2 .menu_box .menu li a {position:relative; width:280px; height:232px; }
.main .cnt_2 .menu_box .menu li a span {position:absolute; top:80px; left:10px; padding:7px 9px; background:#2f2f2f; color:#fff; border-radius:5px; }

/*Áß¾Ó°Ô½ÃÆÇ */
#mainWrap03{width:100%; float:left;position:relative; z-index:2; margin-top:0px; margin-bottom:30px;}
.customerWrap{width:1200px; height:280px; margin:0 auto;}
.customLeft{width:400px; height:100%; overflow:hidden; float:left;}
.customCenter{width:386px; height:100%; border-left:2px solid #f1f1f1; border-right:2px solid #f1f1f1; overflow:hidden; float:left;}
.customRight{width:410px; height:100%; overflow:hidden; float:left;}

.customLeft .movieWrap{width:400px; float:left; padding:15px 0px 20px; border-bottom:2px solid #f1f1f1;}
.customLeft .movieWrap .movieCenter{width:100%; float:left; position:relative;}
.customLeft .movieWrap .movieTit{width:100%; float:left; font-size:18px; font-weight:bold; color:#333; padding-bottom:20px;}
.customLeft .movieWrap .moviemore{position:absolute; top:-5px; right:0px; font-size:13px; font-weight:600;color:fff; }
.customLeft .movieWrap .moviemore a{display:inline-block; width:100px; height:30px; line-height:30px; color:fff; background:#fad117; text-align:center; font-size:13px; font-weight:600;}
.customLeft .movieWrap .moviemore a:hover{background:#c71313;}
.customLeft .movieWrap .noticeMore{position:absolute; top:0px; right:10px;}
.customLeft .movieWrap .noticeMore a span.off{display:block;}
.customLeft .movieWrap .noticeMore a span.ov{display:none;}
.customLeft .movieWrap .noticeMore a:hover span.off{display:none;}
.customLeft .movieWrap .noticeMore a:hover span.ov{display:block;}

.customCenter .ctmWrap{width:386x; float:center; padding:15px 10px 30px;}
.customCenter .ctmWrap .ctmCenter{width:100%; height:150px; margin:0 auto;}
.customCenter .ctmWrap .ctmTit{width:100%; float:left; font-size:18px; font-weight:bold; color:#333; padding-bottom:20px;}
.customCenter .ctmWrap .ctmTel{width:98%; padding-left:2%; font-size:30px; font-weight:bold; color:#17469e; line-height:34px;padding:5px 10px 0px;}
.customCenter .ctmWrap .ctmTel span{display:inline-block; width:30%; font-size:18px; color:#999; font-weight:normal;}
.customCenter .ctmWrap .ctmEmail{width:98%; padding-left:2%; font-size:20px; font-weight:bold; color:#000; line-height:34px;padding:3px 10px 0px;}
.customCenter .ctmWrap .ctmEmail span{display:inline-block; width:30%; font-size:18px; color:#999; font-weight:normal; }
.customCenter .ctmWrap .ctmInfo{width:98%; padding-left:2%; font-size:18px; font-weight:bold; color:#191919; line-height:28px; padding:5px 2% 10px; }
.customCenter .ctmWrap .ctmInfo .light{font-weight:normal;}
.red{color:#c71313 !important;}

.customCenter .ctmWrap .ctmBtn{width:100%; height:130px; float:left; padding:13px 0px 0px;}
.ctmWrap .ctmBtn .ctmBtn01{display:inline-block; width:175px; height:45px; line-height:45px; background:#c71313; color:#fff; font-size:17px; text-align:center; float:left;}
.ctmWrap .ctmBtn .ctmBtn01:hover{background:#000;}
.ctmWrap .ctmBtn .ctmBtn02{display:inline-block; width:175px; height:45px; line-height:45px; background:#000; color:#fff; font-size:17px; text-align:center; float:right;}
.ctmWrap .ctmBtn .ctmBtn02:hover{background:#c71313;}


.customRight .noticeWrap{width:100%; float:left; padding:15px 0 20px; positon:relative; }
.customRight .noticeWrap .noticeCenter{width:400px; float:left; margin-left:10px; position:relative; }
.customRight .noticeWrap .notice1Tit{width:100%; float:left; font-size:18px; font-weight:bold; color:#333; padding-bottom:20px;}
.customRight .noticeWrap.noticeTitle{width:100%; float:left; font-size:18px; font-weight:bold; color:#333; padding-bottom:20px;}
.customRight .noticeWrap .noticeTit .notTit02{display:inline-block; padding:10px 0; height:30px; line-height:30px; text-align:left; color:#191919; line-height:1.9em; font-size: 16px;  float:left; clear:both;}
.customRight .noticeWrap .noticeTit .notDate{display:inline-block; padding:10px 0; height:30px; line-height:30px; color:#191919; font-size:16px; font-weight:normal; float:right;}
.customRight .noticeWrap .noticeCont{width:100%; float:left; padding-top:10px; font-size:16px; color:#191919; line-height:24px;}

.customRight .noticeWrap .noticeMore{position:absolute; top:0px; right:10px;}
.customRight .noticeWrap .noticeMore a span.off{display:block;}
.customRight .noticeWrap .noticeMore a span.ov{display:none;}
.customRight .noticeWrap .noticeMore a:hover span.off{display:none;}
.customRight .noticeWrap .noticeMore a:hover span.ov{display:block;}



/*** ¸ÞÀΰøÁöÅ×À̺í ***/
.mboard_style01 table {border-top: 2px solid #111; border-bottom:0px solid #00198a; position:relative; width:100%;margin-top:0px;}
.mboard_style01 th {padding:15px 0 14px; border-bottom: 1px solid #dfdfdf; font-size: 16px; vertical-align: middle; background-color:rgba(0,0,0,0.02);  font-family: 'roboto','NanumSquare-R';}
.mboard_style01 tr td {padding:12px 0 8px; border-bottom: 1px solid #dfdfdf; vertical-align: middle;font-size: 14px;}
.mboard_style01 .title {font-size: 18px; text-align:left}
.mboard_style01 .title.nodata {text-align:center !important;}
.mboard_style01.view th:first-child {text-align:center}
.mboard_style01.view th, .board_style01.view td {padding: 22px 20px 19px 0px; text-align:left}
.mboard_style01.view .view_contents {line-height:1.9em; font-size: 16px; padding: 30px;}
.mboard_style01.view .view_contents p {margin-bottom:15px;}
.mboard_style01.view .view_contents img {max-width:100%; }

.mboard_style01.view.certi .view_contents p {text-align:center}
.mboard_style01.view.certi .view_contents p img {width:50%}

.more {display:inline-block;float:right; font-size:11px;color:#666; vertical-align:middle; font-family:'NanumSquare-R','roboto',sans-serif; letter-spacing:-0.04em; border:1px solid #dfdfdf; padding:5px 6px 3px; line-height:1em; border-radius:3px}
.more.center {float:none; margin-top:8px}



/* Çϴܹè³Ê */

#banner-wrap { position:relative; clear:both;width:1200px; padding:30px 0px 200px 0px; margin:0 auto;  }
#banner-wrap * {margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
#banner-wrap .bann-box1 { position:relative; float:left; width:33%; height:185px; border:1px solid #d5d6d9; cursor:pointer}
#banner-wrap .bann-box2 { position:relative; float:left; width:32%; margin-left:1.5%; height:185px; border:1px solid #d5d6d9; cursor:pointer}
/*#banner-wrap .bann-box3 { position:relative; float:left; width:20.2%; margin-left:1.6%; height:185px; background:#fff ; border:3px solid #ddd;}*/
#banner-wrap .bann-box4 { position:relative; float:left; width:32%; margin-left:0%; height:185px; cursor:pointer !important}


#banner-wrap dl {position:relative;float:left; width:100%; margin:0px; padding:0 10px}
#banner-wrap dl dt {float:left;width:100%; font-size:21px; line-height:24px; color:#444; margin-bottom:20px;}
#banner-wrap dl dd {float:left;width:100%; font-size:15px; line-height:21px; color:#777; font-family: 'NanumBarunGothic';}
#banner-wrap dl img { position:absolute; right:0; top:30%;}
#banner-wrap  .btn-view { position:absolute; right:40px;bottom:30px; text-align:right; }
#banner-wrap  .btn-view a {display:block; font-size:14px; text-decoration:underline; color:#555;font-family: 'OpenSans-Regular';}


#banner-wrap dl img { position:absolute;top:0;}
#banner-wrap  .btn-view { position:absolute; right:40px;bottom:30px; text-align:right; }
#banner-wrap  .btn-view a {display:block; font-size:14px; text-decoration:underline; color:#555;font-family: 'OpenSans-Regular';}


}

/* ÄÁÅÙÃ÷4*/
.mainBox{width:1200px; margin:0 auto; overflow:hidden;}
.mainCusBox {width:100%; padding:60px 0px; color:#fff; background:url("../image/cusbox_bg.jpg") no-repeat fixed; background-size:cover;}
.mainCusBox .box_in4 {width:100%; overflow:hidden;}