/* Common */
.w1200 {width:1200px; margin:0 auto;}
.tbl {display:table;}
.tbl-cell {display:table-cell; vertical-align:middle;}

#doc {position:relative;}
/* Header */
/*
LOGO 위치는 .logo-box 에 선언된 position 값으로 조정.
*/
#header {position:fixed; top:0; left:0; width:100%; min-width:1200px; z-index:999;}
#header .top-bar{width:100%; border-bottom:1px solid rgba(255,255,255,0.3);background-color:#00a1d3;}
#header .top-bar .top-area {overflow:hidden;}
#header .top-bar .top-area .info-box {float:left;}
#header .top-bar .top-area .info-box li {display:inline-block; padding:0 16px 0 0; font-size:13px; font-weight:bold; line-height:40px; color:#fffb87;}
#header .top-bar .top-area .gnb {float:right;}
#header .top-bar .top-area .gnb li {display:inline-block; padding:0 0 0 16px;}
#header .top-bar .top-area .gnb li a{font-size:13px; font-weight:bold; line-height:40px; color:#fff;}
#header .lnb-bar{width:100%;}
#header .lnb-bar .lnb-area {position:relative;}
#header .lnb-bar .lnb-area .logo-box {position:absolute; top:50%; left:0; margin:-12px 0 0 0;}
#header .lnb-bar .lnb-area .logo-box .logo {}
#header .lnb-bar .lnb-area .logo-box .logo a{font-size:24px; font-weight:bold; color:#fff;}
#header .lnb-bar .lnb-area .lnb-box {text-align:right;}
#header .lnb-bar .lnb-area .lnb-box .lnb{font-size:0;}
#header .lnb-bar .lnb-area .lnb-box .lnb li{display:inline-block; position:relative; padding: 52px 0px 50px 0px !important; margin-left: 40px !important;}
#header .lnb-bar .lnb-area .lnb-box .lnb li a {font-size:16px; color:#fff;}
#header .lnb-bar .lnb-area .lnb-box .lnb li .sub-lnb {display:none; position:absolute; top:90px; left:-30px; 
padding:30px 0; width:180px; background:rgba(24,24,24,0.95); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);}
#header .lnb-bar .lnb-area .lnb-box .lnb li .sub-lnb li{display:block; padding: 0px 30px 15px 30px !important; 
margin: 0px !important; text-align:left;}
#header .lnb-bar .lnb-area .lnb-box .lnb li .sub-lnb li:last-child {padding-bottom:0 !important;}
#header .lnb-bar .lnb-area .lnb-box .lnb li .sub-lnb li a {font-size:13px;}

/* Fixed Header */
#header.fix-header {position:fixed; background:rgba(0,0,0,0.7);}
#header.fix-header .lnb-bar .lnb-area .lnb-box .lnb li {padding:22px 0 20px 0 !important;}
#header.fix-header .lnb-bar .lnb-area .lnb-box .lnb li .sub-lnb {top:58px;}

/* Contents */
#wrap {min-width:1200px;}
#wrap #main-visual .swiper-slide {position:relative;}
#wrap #main-visual .swiper-slide .content-box {position:absolute; width:100%; text-align:center;}
#wrap #main-visual .swiper-slide .content-box .content-tit {font-size:34px; font-weight:bold; color:#fff; padding:0 0 32px 0;}
#wrap #main-visual .swiper-slide .content-box .content-txt {font-size:26px; color:#fff;}
#wrap #main-visual img{width:100%;}


#wrap .cont_top {width:1200px;padding:30px 30px 0px 30px;margin:0 auto;}

#wrap .cont {padding:80px 0 0 0;}
#wrap .cont .cont-box{}
#wrap .cont .cont-box .tit-box{overflow:hidden;}
#wrap .cont .cont-box .tit-box h2{font-size:28px; color:#222222; text-align:center; text-transform:uppercase; }
#wrap .cont .cont-box .tit-box .line { width:30px; height:4px; margin:20px auto; border-top:1px solid #00b7f3; border-bottom:1px solid #00b7f3;}
#wrap .cont .cont-box .tit-box .txt-box {font-size:15px; color:#303030; text-align:center;}

#wrap .cont .cont-box .tit-box1 h2{font-size:28px; color:#fff; text-align:center; text-transform:uppercase; }
#wrap .cont .cont-box .tit-box1 .line { width:30px; height:4px; margin:20px auto; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#wrap .cont .cont-box .tit-box1 .txt-box {font-size:15px; color:#303030; text-align:center;}

#wrap .cont01 .cont-box01 .cont-detail {padding:20px 30px 20px 30px;}
#wrap .cont01 .cont-box01 .cont-detail .cont-detail01 {float:left;}
#wrap .cont01 .cont-box01 .cont-detail .cont-detail02 {float:right;}
#wrap .cont01 .cont-box01 .cont-detail .cont-detail03 {float:left;padding-top:27px;}
#wrap .cont01 .cont-box01 .cont-detail .cont-detail04 {float:right;padding-top:27px;}



#wrap .cont01 .cont-box01 .cont-detail{}
#wrap .cont01 .cont-box01 .cont-detail .list-box{font-size:0; margin:30px 0 0 0;}
#wrap .cont01 .cont-box01 .cont-detail .list-box li{display:inline-block; font-size:14px; margin:0 20px; text-align:center;}
#wrap .cont01 .cont-box01 .cont-detail .list-box li .img-box{width:350px; height:350px; border:1px solid #000; box-sizing:border-box; line-height:350px; text-align:center;}
#wrap .cont01 .cont-box01 .cont-detail .list-box li .detail-tit {margin:30px 0 20px 0; font-size:18px; font-weight:bold;}
#wrap .cont01 .cont-box01 .cont-detail .list-box li .detail-txt {font-size:12px; line-height:18px;}


#wrap .cont01 .tbl table {width:100%; text-align:center; margin:0px 0 0 0;}
#wrap .cont01 .tbl table th {padding:10px; background:#22bef0; border-left:none; border-right:none; text-align:center;color:#fff;}
#wrap .cont01 .tbl table td {padding:14px; border:1px solid #cbcbcb; border-left:none; border-right:none;font-size:13px;}

#wrap .cont02 .cont-box02 {overflow:hidden;padding:0px 30px 0px 30px;}
#wrap .cont02 .cont-box02 h2 {font-size:26px; text-align:center;padding-bottom:20px;font-weight:normal;}
#wrap .cont02 .cont-box02 .cont-box-left {float:left; width:554px;}
#wrap .cont02 .cont-box02 .cont-box-left ul{text-align:center; padding:30px 0 0 0;}
#wrap .cont02 .cont-box02 .cont-box-left ul li{display:inline-block; margin:0 10px;}
#wrap .cont02 .cont-box02 .cont-box-left ul li .img-box {width:250px; height:250px; line-height:250px; text-align:center; border:1px solid #000; box-sizing:border-box;}
#wrap .cont02 .cont-box02 .cont-box-left ul li .caption-txt {font-size:13px; padding:10px 0 0 0;}
#wrap .cont02 .cont-box02 .cont-box-right {float:right; width:556px;}
#wrap .cont02 .cont-box02 .cont-box-right table {width:556px; text-align:center; margin:0px 0 0 0;}
#wrap .cont02 .cont-box02 .cont-box-right table th {padding:10px; background:#22bef0; border-left:none; border-right:none; text-align:center;color:#fff;}
#wrap .cont02 .cont-box02 .cont-box-right table td {padding:14px; border:1px solid #cbcbcb; border-left:none; border-right:none;font-size:13px;}

#wrap .cont03 .cont-box03 .cont-detail .list-box {font-size:0; margin:60px 0;}
#wrap .cont03 .cont-box03 .cont-detail .list-box li{display:inline-block; width:170px; height:170px; line-height:170px; border:1px solid #ccc; font-size:14px; text-align:center; margin:0 10px; }

#wrap .cont04 {background:url('/image/main/contact_bg.jpg') center top no-repeat; padding-bottom:48px;}
#wrap .cont04 .cont-box04 h2 {font-size:26px; text-align:center;padding-bottom:20px;font-weight:normal;color:#fff;}
#wrap .cont04 .cont-box04 .cont-detail {width:1020px; margin:0 auto;}
#wrap .cont04 .cont-box04 .cont-detail {}
#wrap .cont04 .cont-box04 .cont-detail .contact-box{overflow:hidden; margin:50px 0;}
#wrap .cont04 .cont-box04 .cont-detail .contact-box .contact-left{float:left; width:500px;}
#wrap .cont04 .cont-box04 .cont-detail .contact-box .contact-right{float:right; width:500px;}
#wrap .cont04 .cont-box04 .cont-detail .contact-box ul {}
#wrap .cont04 .cont-box04 .cont-detail .contact-box ul li {margin:0 0 20px 0;}
#wrap .cont04 .cont-box04 .cont-detail .contact-box ul li select,
#wrap .cont04 .cont-box04 .cont-detail .contact-box ul li input {width:100%; padding:10px; box-sizing:border-box;}
#wrap .cont04 .cont-box04 .cont-detail .btn-box {text-align:center;}
#wrap .cont04 .cont-box04 .cont-detail .btn-box a {display:inline-block; border:1px solid #fff;padding:10px 40px;
line-height:22px; font-size:16px; text-align:center;color:#fff;}
#wrap .cont04 .cont-box04 .cont-detail .btn-box a:hover {display:inline-block; padding:10px 40px;
line-height:22px; font-size:16px; text-align:center;background-color:#fff;color:#000;}

/* sub01 CSS */
#wrap .cont05 {padding-bottom:60px;}
#wrap .cont05 .cont-box05 {}
#wrap .cont05 .cont-box05 .cont-detail {width:800px; margin:40px auto 0 auto;}
#wrap .cont05 .cont-box05 .cont-detail table{width:100%; border-top:2px solid #000;}
#wrap .cont05 .cont-box05 .cont-detail table th {width:200px; padding:10px; background:#f6f6f6; border:1px solid #e1e1e1; vertical-align:middle;}
#wrap .cont05 .cont-box05 .cont-detail table td {width:600px; padding:10px; text-align:center; border:1px solid #e1e1e1;}
#wrap .cont05 .cont-box05 .cont-detail table td input {width:480px; padding:10px; box-sizing:border-box; background:#f9f9f9; border:1px solid #ccc;}
#wrap .cont05 .cont-box05 .cont-detail table td select {width:480px; padding:10px; box-sizing:border-box; background:#f9f9f9; border:1px solid #ccc;}
#wrap .cont05 .cont-box05 .cont-detail .btn-box {text-align:center; margin:60px 0 0 0;}
#wrap .cont05 .cont-box05 .cont-detail .btn-box a {display:inline-block; border:2px solid #000; width:150px; height:50px; line-height:50px; font-size:16px; text-align:center; }

/* footer */
#footer {position:relative; margin-bottom:-30px;}
#footer #back-to-top {position:fixed; bottom:50px; right:50px; width:40px; height:30px; line-height:24px; text-align:center; background:#fff; border:1px solid #000; color:#000; cursor:pointer;}
#footer .ft-bar {padding:70px 0; background:#2e2e2e;}
#footer .ft-bar .ft-area {overflow:hidden;}
#footer .ft-bar .ft-area .ft-box{float:left; width:30%;}
#footer .ft-bar .ft-area .ft-box h3{font-size:24px; color:#fff;}
#footer .ft-bar .ft-area .ft-box .line {width:40px; height:1px; background:#979797; margin:20px 0;}
#footer .ft-bar .ft-area .ft-box .ft-detail {padding:0 100px 0 0;} 
#footer .ft-bar .ft-area .ft-box .ft-detail .ft-txt {color:#909090; font-size:14px; line-height:18px; font-weight:200; text-align:justify;}
#footer .ft-bar .ft-area .ft-box .ft-detail .link-list {}
#footer .ft-bar .ft-area .ft-box .ft-detail ul li{padding:0 0 10px 0; font-size:12px; line-height:16px; font-weight:200; color:#909090;}
#footer .ft-bar .ft-area .ft-box .ft-detail ul li a {font-size:12px; line-height:16px; font-weight:200; color:#909090;}
#footer .ft-bar .ft-area .ft-box .ft-detail ul li a:hover {color:#fff;}

#footer .ft-bar .ft-area .ft-box1 {float:left; width:40%;}
#footer .ft-bar .ft-area .ft-box1 h3{font-size:24px; color:#fff;}
#footer .ft-bar .ft-area .ft-box1 .line {width:40px; height:1px; background:#979797; margin:20px 0;}
#footer .ft-bar .ft-area .ft-box1 .ft-detail {padding:0 100px 0 0;} 
#footer .ft-bar .ft-area .ft-box1 .ft-detail .ft-txt {color:#909090; font-size:14px; line-height:18px; font-weight:200; text-align:justify;}
#footer .ft-bar .ft-area .ft-box1 .ft-detail .link-list {}
#footer .ft-bar .ft-area .ft-box1 .ft-detail ul li{padding:0 0 10px 0; font-size:12px; line-height:16px; font-weight:200; color:#909090;}
#footer .ft-bar .ft-area .ft-box1 .ft-detail ul li a {font-size:12px; line-height:16px; font-weight:200; color:#909090;}
#footer .ft-bar .ft-area .ft-box1 .ft-detail ul li a:hover {color:#fff;}


#footer .copyright-bar {padding:30px 0; background:#262626;}
#footer .copyright-bar .copyright {}
#footer .copyright-bar .copyright p{font-size:13px; font-weight:200; text-align:center; color:#fff;}