/* 공통 */
body { font-size: 12px; }

.bg-gray { background: #f7f7f7; }
.bg-white { background:#fff; }
.bg-black { background:#303030; }
.bg-img { background:no-repeat; background-size: cover; }
.bg-none { background:none !important; }


.full-width { width:100%; display: inline-block; }
.container { width:1170px; margin:0 auto; }

.fw10 { font-weight: 100 !important; }
.fw20 { font-weight: 200 !important; }
.fw30 { font-weight: 300 !important; }
.fw40 { font-weight: 400 !important; }
.fw50 { font-weight: 500 !important; }
.fw60 { font-weight: 600 !important; }
.fw70 { font-weight: 700 !important; }
.fw80 { font-weight: 800 !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }


.col-12-4 ,.col-12-6 { float: left !important; }


.col-12-4 { width: 33.33% !important; }
.col-12-6 { width:50% !important; }


.mt40 { margin-top: 40px !important; }

.ml50 { margin-left: 50px !important; }


.table-box {margin-bottom: 20px;background-color: #fff;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);border: 1px solid #ddd;overflow:hidden;margin: 0 auto 20px;}
.table-box .table-heading {color: #333;background-color: #f5f5f5;font-size: 14px;padding: 10px 15px;border-top-right-radius: 3px;border-top-left-radius: 3px;position:relative;}
.table-body textarea {padding: 15px;background: #f7f7f7;font-size: 12px;margin-top: 10px;width: 95%;}
.table{width:100%;border-collapse: collapse;border-spacing: 0;}
.table-body{border-collapse: collapse;border-spacing: 0; width: 100%;}
.table-body .msg_content{padding: 30px;border-top: 1px solid #ddd;}
.table-footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;overflow: hidden;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.table-body>thead>tr>th, .table-body>tbody>tr>th, .table-body>tfoot>tr>th, .table-body>thead>tr>td, .table-body>tbody>tr>td, .table-body>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}

.view-all {float: right;width: 75px;position: absolute;top: 10px;right: 0;}
.table>tbody:last-child{border-bottom: 1px solid #ccc;}
.table li{float:left; width:25%;}
.table>thead{border-top: 2px solid #000;}

.view-all {float: right;width: 75px;position: absolute;top: 10px;right: 0;}
.table>tbody:last-child{border-bottom: 1px solid #ccc;}
.table li{float:left; width:25%;}
.table>thead{border-top: 2px solid #000;}

.thumbnail {display: block;padding: 4px;margin-bottom: 10px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.thumbnail>img, .thumbnail a>img {margin-left: auto;margin-right: auto;display: block;max-width: 100%;}

.register{width: 700px; margin: 0 auto;}
.group{overflow:hidden;}
.checkbox{padding-top: 5px;}

.modal{width:600px; margin: 30px auto;position: relative;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);background-clip: padding-box;outline: 0;}
.modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5;min-height: 16.42857143px;}
.modal-body {position: relative;padding: 20px;}
.modal-body li{display: inline-block;}
.modal-body form li{display: block;}
.modal-footer {margin-top: 15px;padding: 19px 20px 20px;text-align: right;border-top: 1px solid #e5e5e5;}
.close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .2;filter: alpha(opacity=20);}
.modal-title {margin: 0;line-height: 1.42857143;}
.modal .modal-body .profile-info {overflow: hidden;}

/* left */
.left{float: left;width: 830px; margin-right: 20px;}
.container h3 {font-size: 18px;display: block;padding-bottom: 5px;margin-bottom: 20px;line-height: inherit;color: #333;border: 0;border-bottom: 1px solid #e5e5e5;font-weight: normal;clear: both;
}
.table-bottom {overflow: hidden;}
.pagination {text-align: center;margin: 15px auto;}
.pagination .active {border: 1px solid #ddd;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;padding: 0 7px;margin: 0 2px;display: inline-block;line-height: 20px;background: #428bca;}
.pagination .active a {color: #fff;font-weight: bold;}
.pagination li{font-size: 12px;line-height: 20px;display: inline-block;background-image: -moz-linear-gradient(center top , #fff, #E0E0E0);border: 1px solid #ddd;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;padding: 0 7px;margin: 0 2px;}
.pagination a{font-size: 12px;}
.pagination li:hover{background: #428bca;}
.pagination li:hover a {color: #fff;}
.table-answer{padding: 20px;}

/* 헤더영역 */
section.header { border-bottom: 1px solid #dadada; }
div.tnb { float: right; }
.tnb article { float: left; margin-right: 16px; margin-top: 10px; }
.tnb article:first-child { padding-right: 16px; box-sizing: border-box; background:url(/assets/images/bl_dot.png) center right no-repeat;}
.tnb article.search_box { margin-top: 0; }
.tnb article img { vertical-align: middle; font-size:12px; margin-right: 5px; }
.tnb input { background: #4bc3f8; color:#fff; width:160px; height:40px; border: 0; float: left; padding-left: 15px; box-sizing:border-box; font-weight: 400; }
.tnb button { background: url(/assets/images/search.png) no-repeat; width:40px; height:40px; border: 0; }


/* gnb */
section.nav { height:125px; border-bottom: 2px solid #435061; padding-top: 20px; box-sizing: border-box; margin-bottom: -5px; }
.navbar h1.logo { float: left; }
.navbar .menu { width:626px; margin-top: 24px; }
.navbar .menu li.dropdown { float: left; width:25%; text-align: center; position: relative; z-index: 9999; }
.navbar .menu li.dropdown:hover ul { display: block; }
.navbar .menu .dropdown a { display:block; background:url(/assets/images/bl_dot.png) center right no-repeat; font-size:1.167em; font-weight: 600; padding: 10px 0; box-sizing:border-box; }
.navbar .menu .dropdown a:hover { color:#00a1e9; }
.navbar .menu .dropdown li a { display:inline-block; background:url(/assets/images/bl_dot.png) center right no-repeat; font-size:1.167em; font-weight: 500; }
.navbar .menu .dropdown ul { display:none; background:#fff; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); width:100%; position:absolute; top:; left:0; }
.navbar .menu .dropdown ul li { border-top: 1px solid #dadada; box-sizing:border-box; }
.navbar .menu .dropdown ul li:first-child { border-top: 0; }
.navbar .menu .dropdown ul li a { color:#444; background-image:none; padding: 10px 0; box-sizing:border-box; display: block; text-align:left; padding-left: 15px; box-sizing:border-box; font-weight: 400; font-size:13px; }
.navbar .menu .dropdown ul li a:hover { color:#fff; background:#00a1e9; }


/* 메인 */
div.visual { height:559px; background:url(/assets/images/visual_img.png); padding-top: 85px; padding-left: 44px; box-sizing:border-box; }
.visual h3 { color:#92adb9; font-size:1.9em; margin-top: 20px; margin-bottom: 20px; display:inline-block; padding-right: 50px; box-sizing:border-box; }
.visual h3 span { color:#92adb9; font-size:1.3em; color:#00a1e9; }
.visual p { color:#fff; font-size:16px; }


div.about { padding: 10px 0; box-sizing: border-box; }
div.about .main_about { padding-left: 20px; box-sizing:border-box; }
div.about .stit { color:#00a1e9; font-size:1.917em; margin-top: 20px; }
div.about p { font-size:13px; line-height: 20px; color:#666; margin-top: 10px; }
div.about a.more { display:inline-block; width:150px; height:40px; line-height: 40px; text-align: center; background:#00a1e9; box-sizing: border-box; color:#fff;  border: 1px solid transparent; float: right; margin-right: 10px; margin-top: 40px; transition: all 0.5s; }
div.about a.more:hover { color:#00a1e9; border: 1px solid #00a1e9; background:transparent; }


div.main_mid article:first-child { padding-right: 15px; box-sizing:border-box; }
div.main_mid article.second_article { padding-left: 15px; box-sizing:border-box; }
h2.tit { font-size:1.917em; color:#333; font-weight: 600; margin-top: 36px; }
h2.tit a.more { float: right; color:#00a1e9; font-size:13px; margin-top: 15px;	 }
h2.tit a.more:hover { color:#3a3a3a; }
div.br { width:100%; height:1px; background:#dadada; position: relative; margin: 5px 0 20px; }
div.br span.s_br { display:inline-block; width:10%; background: #00a1e9; height:2px; position: absolute; left:0; bottom: 1px; }

article.product .bg-img { background: url(/assets/images/main_prd-hover.png); height:225px; position: relative; overflow: hidden; }
article.product .bg-img .nover { background: rgba(0, 0, 0, 0.5); height: inherit; transition: all 0.5s; padding: 10px; box-sizing:border-box; }
article.product .bg-img .nover h5 { font-size:24px; color:#fefefe;
font-weight: 600; text-align: center; margin: 10px 0; }
article.product .bg-img .nover p { font-size:12px; font-weight: 400; color:#fff; text-align: center; padding: 0 20px; box-sizing:border-box; line-height: 21px; }
article.product .bg-img a.more { display:inline-block; font-size:12px; font-weight: 500; color:#fff; position:absolute; bottom:20px; left:43%; transition: all 0.5s; box-sizing: border-box; }
article.product .bg-img a img { margin-right: 10px; vertical-align: middle; transition: all 0.7s; }
article.product .bg-img a.more span { display:inline-block; width:100%; height:100%; border: 1px solid transparent; box-sizing:border-box; transition: all 0.7s; }
article.product .bg-img .bd1 { width: 100%; height:100%; border: 1px solid #fff; box-sizing:border-box; }
article.product .bg-img:hover .nover { transform: scale(0); border-:0; }
article.product .bg-img:hover a.more { top:0; left:0; line-height: 205px; text-align: center; width:100%; height:100%; font-size:18px; padding: 10px; background: rgba(0, 0, 0, 0.5); }
article.product .bg-img:hover a.more span { padding: 10px; border: 1px solid #fff; }


div.board li {line-height: 38px; font-size:12px;}
div.board li span { display:inline-block; }
div.board li span.date { color:#00a1e9; font-weight: 600; margin-right: 30px; }
div.board li span.bd_tit { font-size:#666; font-weight: 400; text-align:left; }
div.board li div.info { background:none; }
div.board li div.info span { margin-right: 15px; color:#939393; }
div.board li div.info span img { vertical-align: baseline; margin-right: 5px; }


/* 푸터 */
div.ft_contant.bg-img { background: url(/assets/images/ft_back.png); height:200px; }
ul.ft-contact { padding-top: 62px; box-sizing: border-box; }
ul.ft-contact li { width:365px; height:75px; float: left; margin-left: 37px; }
ul.ft-contact li:first-child { margin-left: 0; }
ul.ft-contact li span.img { background:#00a1e9; display:inline-block; width:65px; height: inherit; float:left; text-align: center;  }
ul.ft-contact li span img { margin-top: 20px; }
ul.ft-contact li article { font-size:12px; color:#fff; background:rgba(0, 161, 233, 0.5); height: inherit; padding: 5px 0 0 20px; box-sizing:border-box; overflow: hidden; }

footer.copyright_wrap {padding: 36px 0 40px 0 ; box-sizing:border-box;}
.copyright .copy_txt {margin-top: 10px; font-size:10px; color:#666;}
ul.ft-contact li article h5 { font-size:14px; font-weight: 600; margin-bottom: 10px; }
div.copy_menu { width:750px; margin-top: 10px; }
div.copy_menu ul { float: left; width:25%; text-align: center; }
div.copy_menu h5 { font-size:18px; font-weight: 400; color:#666; line-height: 25px; }
div.copy_menu h5 span { height:3px; width:50px; display:inline-block; background: #dadada; }
div.copy_menu li { font-size:14px; font-weight: 400; color:#666; }


/* 서브 헤더 */
h2.hd-img { height:200px; position:relative; }

h2.company-hd { background:url(/assets/images/content/company_hd.png) no-repeat; }
h2.product-hd { background:url(/assets/images/content/prd_hd.png) no-repeat; }
h2.news-hd { background:url(/assets/images/content/news_hd.png) no-repeat; }
h2.contact-hd { background:url(/assets/images/content/contact_hd.png) no-repeat; }

div.navi_wrap { position: absolute; left:75px; top:40px; width:50%; }
h2.hd-img p.back_tit { font-size:80px; color:rgba(255, 255, 255, 0.05); font-weight: 800; float: left; }
div.navi_box { position:absolute; top:28px; left:345px; }
h2.hd-img p.hd_tit { color:#fff; font-size:30px; font-weight: 800; }
div.navi_box ul.navigation { margin: -10px; }
h2.hd-img li {float: left;}
h2.hd-img li a { color:#aeaeae; font-weight: 400; font-size:11px; background:url(/assets/images/content/blue_dot.png) right center no-repeat; padding:0 15px; box-sizing:border-box; }
h2.hd-img li.third_li a { color:#00a1ea; font-weight: 600; background:none; }
h2.hd-img li a:hover { text-decoration: underline; }