@charset "utf-8";

/* reset */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*** reset ***/
html {-webkit-text-size-adjust:none;}
html, body, div, ul, ol, li, dl, dt, dd, p, strong, span, em, a, table, th, td, caption, input, button, textarea, label, form, legend, fieldset, select, hr, h1, h2, h3, h4, h5, h6, img {padding:0; margin:0; border:0; color:inherit; background:none; line-height:inherit; font-size:inherit; font-family:inherit}
html, body {min-height:100%; font-size:18px; color:#111; font-weight:300; letter-spacing:-0.04em; line-height:1.3; font-family:'Noto Sans KR','HelveticaNeue-Light','Apple SD Gothic Neo','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif !important; background:url(../_img/bg.png);}
table {width:100%; border-collapse:collapse; border-spacing:0;}
th, td {vertical-align:middle}
input {-webkit-appearance:none; border-radius:0}
select, button {cursor:pointer}
ul, ol {list-style:none;}
img {max-width:100%; vertical-align:top;}
button,
a {-moz-transition:0.15s;-o-transition:0.15s;-webkit-transition:0.15s;transition:0.15s;}
a {color:inherit; text-decoration:none;}
em {font-style:normal}
strong {font-weight:600}
header, footer {display:block;}

/*** common ***/
.block {display:block;}
.hide {display:none;}
.hidetxt {font-size:0; line-height:0; text-indent:-9999px;}
.blind {position:absolute; top:-9999px; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.thumb {position:relative;}
.thumb:after {position:absolute; top:0; left:0; bottom:0; right:0; border:1px solid rgba(0,0,0,0.1); content:''}
.dimm {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.fwb {font-weight:500;}
.lts0 {letter-spacing:0;}
.emph {color:#d71920;}
/* 정렬 */
.ovf {overflow:hidden;}
.after:after {display:block; width:100%; height:0; visibility:hidden; clear:both; content:''}
.fl {float:left;}
.fr {float:right;}
.tal {text-align:left}
.tar {text-align:right;}
.tac {text-align:center;}
.ico_new {display:inline-block; font-size:10px; font-family:'돋움','dotum'; letter-spacing:0; color:#d71920; line-height:14px; padding:0 3px; border:1px solid #d71920; border-radius:2px; margin:5px 0 0 8px; font-weight:500; vertical-align:top;}
@media (max-width:700px){
	.ico_new {background:url(../_img/ico_new.png) 50% 50% no-repeat #d71920; background-size:16px; border-radius:100%; width:16px; height:16px; border:none; padding:0; color:#fff; text-align:center; margin:3px 0 0 7px; font-size:0; line-height:0;}

}

/* Slider */
.slick-slider {display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

/*** layout ***/
#container {min-width:1140px;}
.wfix {width:1140px; margin:0 auto;}
header {position:absolute; top:0; left:50%; width:1140px; height:80px; margin-left:-570px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:999}
header h1 {float:left; padding:31px 0 0 40px;}
header .btn_menu,
header .logo_gnb,
header .close {display:none;}
header #gnb {float:right; margin-right:50px; font-size:16px;}
header #gnb a { -moz-transition:0s;-o-transition:0s;-webkit-transition:0s;transition:0s; color:#000}
header #gnb .d1 {position:relative; float:left; margin:25px 0 0 75px;}
header #gnb .d1 > a {display:block; position:relative; padding:5px 5px 30px; letter-spacing:0.05em;}
header #gnb .d1 .kor {display:none;}
header #gnb .d1 ul {position:absolute; top:55px; left:50%; width:198px; height:0; overflow:hidden; margin-left:-100px; border:1px solid #ccc; border-top:none; border-color:rgba(0,0,0,0.2); background:url(../_img/sub_shadow.png) 0 0 repeat-x #fff; }
header #gnb .d2 + .d2 {border-top:1px solid #ddd; }
header #gnb .d2 a {display:block; line-height:50px; text-align:center;}
footer {position:relative; padding:70px 0; background:#062535; color:#fff; text-align:center; font-size:15px;}
/*
footer .links {padding-bottom:28px; margin-bottom:28px; border-bottom:1px solid #38515d; font-size:0;}
footer .links li {display:inline-block; padding:0 16px;}
footer .links a {font-size:16px; opacity:0.6;}
*/
footer .info dl {display:inline-block; position:relative; font-size:15px;}
footer .info dt,
footer .info dd {display:inline-block;}
footer .info dt {font-weight:400; margin-right:6px;}
footer .info dd {opacity:0.6; letter-spacing:0}
footer .info dl + dl {position:relative; padding-left:14px; margin-left:14px;}
footer .info dl + dl:before {position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-7px; background:#fff; content:'';}
footer .info .as {display:block; padding:0; margin:16px 0 65px; font-size:24px;}
footer .info .as:before {display:none;}
footer .info .as dt,
footer .info .as dd {font-weight:500; opacity:1}
footer > a {width:158px; margin:0 auto;}
footer .copyright {margin-top:16px; opacity:0.6; letter-spacing:0;}
footer .adm {margin-top:30px;}
footer .adm  a {display:inline-block; padding:0 15px; line-height:30px; border-radius:30px; background:rgba(0,0,0,0.5); margin:0 5px; font-size:14px; color:rgba(255,255,255,0.8);}
footer .totop {position:absolute; top:70px; right:50px; width:auto; letter-spacing:0;}
footer .totop .arw {display:inline-block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #fff; vertical-align:top; margin:6px 0 0 3px;}

@media (min-width:1140px){
	header #gnb .d1:hover > a {color:#d71920}
	header #gnb .d1:hover:after {position:absolute; bottom:0; left:50%; width:80px; height:4px; margin-left:-40px; background:#d71920; content:'';}
	header #gnb .d2:hover {background:#f5f5f5; font-weight:500; }
	header #gnb .d2:first-child:hover {background:url(../_img/sub_shadow.png) 0 0 repeat-x #f5f5f5;}
	footer .links a:hover {opacity:1;}
	footer .adm  a:hover {background:#000; color:#fff;}
}

@media (max-width:1140px){
	#container {min-width:0;}
	.wfix {width:auto; margin:0 20px;}
	header {height:60px; width:100%; top:0; left:0; margin:0; box-shadow:none;}
	header h1 {float:none; width:125px; padding:22px 0 0; margin:0 auto;}
	header .btn_menu {display:block; position:absolute; top:0; right:0; width:22px; height:18px; padding:21px 19px;}
	header .btn_menu:before,
	header .btn_menu:after,
	header .btn_menu span {position:absolute; left:19px; width:22px; height:2px; background:#111; content:''}
	header .btn_menu:before {top:21px;}
	header .btn_menu:after {bottom:21px;}
	header .btn_menu span {top:50%; margin-top:-1px;}
	header #gnb {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); float:none; margin:0;}
	header #gnb .wrapper {position:absolute; top:0; right:-400px; width:300px; height:100%; background:#fff; }
	header #gnb .logo_gnb {display:block; height:60px; border-bottom:1px solid #ddd; text-align:center}
	header #gnb .logo_gnb img {width:125px; height:auto; padding-top:22px;}
	header #gnb .close {display:block; position:absolute; padding:10px; top:10px; right:310px; width:20px; height:20px;}
	header #gnb .d1 {float:none; margin:0; border-bottom:1px solid #d5d5d5;}
	header #gnb .d1 > a {display:none; }
	header #gnb .d1 .kor {display:block; position:relative; padding:0 0 0 20px; font-size:18px; line-height:60px; font-weight:500; letter-spacing:-0.04em}
	header #gnb .d1 .kor:before {display:inline-block; width:3px; height:16px; background:#d71920; margin:21px 7px 0 0; vertical-align:top; content:'';}
	header #gnb .d1 .kor:after {position:absolute; top:50%; right:20px; width:16px; height:9px; margin-top:-4px; background:url(../_img/m/gnb_arw.png) 50% bottom no-repeat; background-size:100% auto; content:'';}
	header #gnb .d1 .kor.on:after {background-image:url(../_img/m/gnb_arw_on.png);}
	header #gnb .d1 ul {display:none; position:relative; top:0; left:0; width:auto; height:auto; margin:0; line-height:50px; background:#f1f1f1; border:none;}
	header #gnb .d2 a {padding-left:30px; text-align:left;}
	header #gnb .d2 a:before {display:inline-block; width:3px; height:3px; border-radius:100%; background:#555; vertical-align:top; margin:23px 6px 0 0; content:''}
	header #gnb .d2 + .d2 {border-color:#fff;}
	footer {padding:30px 0}
	footer .links {padding-bottom:16px; margin-bottom:16px;}
	footer .links li {padding:0;}
	footer .links li + li {padding-left:25px;}
	footer .links li a {font-size:14px;}
	footer .info {padding:0 20px;}
	footer .info dl {display:block; font-size:12px;}
	footer .info dl * {display:inline-block !important;}
	footer .info dl + dl {padding:0; margin:0 0 4px;}
	footer .info dl + dl:before {display:none;}
	footer .info .call,
	footer .info .fax {display:inline-block}
	footer .info .fax {padding-left:10px; margin-left:10px; position:relative;}
	footer .info .fax:after {position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#fff; content:'';}
	footer .info .as {margin:16px 0 35px;}
	footer .info .as dt,
	footer .info .as dd {vertical-align:bottom;}
	footer .info .as dt {font-size:15px; border:2px solid #fff; line-height:22px; padding:0 8px; border-radius:24px;}
	footer .info .as dd {font-size:20px;}
	footer > a {width:125px; padding:5px 0;}
	footer .copyright {margin-top:3px; font-size:11px;}
	footer .totop {position:fixed; top:auto; bottom:20px; right:20px; width:40px; height:40px; border:1px solid rgba(0,0,0,0.2); font-size:0; line-height:0; background:url(../_img/ico_top.png) 50% 50% no-repeat rgba(255,255,255,0.9); padding:0; background-size:15px 18px; z-index:99}
	footer .totop .arw {display:none;}

}
@media (max-width:330px){
	#container {font-size:16px;}
}

/** contents **/
#visual {position:relative; text-align:center; overflow:hidden; background-position:50% 50%; background-size:cover; background-repeat: no-repeat;}
.v_company {background-image:url(../_img/visual_company.jpg);}
.v_business {background-image:url(../_img/visual_business.jpg);}
.v_customer {background-image:url(../_img/visual_customer.jpg);}
#visual .wrap_visual {height:600px; overflow:hidden;}
#visual .tit {position:absolute; top:245px; left:0; width:100%; text-align:center; color:#fff;}
#visual .tit h3 {font-size:48px; letter-spacing:0; font-family:arial; font-weight:900;}
#visual .tit h3:after {display:block; width:28px; height:2px; background:#fff; margin:18px auto 18px; content:'';}
#visual .tit span {font-size:30px; font-weight:200;}
#visual img {max-width:none; width:100%; display:inline-block; position:absolute; top:50%; left:50%; margin:0; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); overflow:hidden; opacity:0;}

#sub {position:absolute; top:530px; left:0; width:100%; background:#001c3b; background:rgba(0,28,59,0.8); color:#fff; z-index:99}
#sub ul {text-align:center;}
#sub li {display:inline-block; margin:0 40px;}
#sub li.on { font-weight:500;}
#sub li a {display:block; padding:0 20px 2px; line-height:64px; opacity:0.7}
#sub li.on a {position:relative; opacity:1}
#sub li.on a:before {display:block; width:100%; height:4px; background:#d71920; content:'';}

#contents {padding-top:90px;}
.tit_cont:after {display:block; width:90px; height:2px; background:#d71920; margin:16px 0 0 4px; content:'';}
.tit_cont span {display:block; margin-left:4px; font-size:18px;}
.tit_cont strong {font-size:48px; font-weight:900; letter-spacing:0;}

@media (min-width:1140px){
	#sub li a:hover {position:relative; opacity:1}
	#sub li a:hover:before {display:block; width:100%; height:4px; background:#d71920; content:'';}
}

@media (max-width:1140px){
	#visual {padding-top:60px;}
	#visual .wrap_visual {position:relative; height:160px;}
	#visual .tit {top:35px;}
	#visual .tit h3 {font-size:24px;}
	#visual .tit h3:after {margin:10px auto 8px;}
	#sub {position:relative; top:auto; left:auto; width:100%; background:#062535; overflow:hidden;}
	#sub ul {display:table; width:100%;}
	#sub li {position:relative; display:table-cell; padding:0; margin:0;}
	#sub li a {padding:0 12px; line-height:45px; font-size:16px;}
	#sub li.on a:before {position:absolute; top:0; left:50%; width:50px; margin-left:-25px;}

	#contents {padding-top:50px;}
	.tit_cont {text-align:center;}
	.tit_cont span {display:block; margin:0;}
	.tit_cont strong {font-size:30px;}
	.tit_cont:after {width:50px; margin:12px auto 0;}
}

/* board */
.board {border-top:2px solid #555;min-height:300px;}
.board th,
.board td {height:50px; border-bottom:1px solid #ddd;font-size:16px;}
.board th {background:#f5f5f5; text-align:center; font-weight:500}
.board tr:last-child th,
.board tr:last-child td {border-bottom:1px solid #bbb;}
.board td.date {letter-spacing: 0}
.board_list th,
.board_list td {text-align:center; letter-spacing:0; font-size:16px;}
.board_list td.num {width:100px;}
.board_list td.title {text-align:left; letter-spacing:-0.04em; font-size:16px;}
.board_list td.title a {display:inline-block; max-width:610px; margin-top:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list td.date {width:160px;}
.board_view th {width:150px;}
.board_view td {padding:0 12px;}
.board_view .text_body {min-height:350px; padding:40px 30px; line-height:1.8;}
.board_write td {height:40px; padding:10px;}
.board_write .inp,
.board_write .txtarea {display:block; background:#f5f5f5; border:1px solid #ddd;}
.board_write textarea {display:block; width:100%;}
.foot_board {overflow:hidden; margin-top:30px;}
.foot_board .btn {display:inline-block; line-height:50px; text-align:center; font-weight:500; vertical-align:top;}
.foot_board .fr .btn {width:130px; background:#d71920; color:#fff;}
.foot_board .fl .btn {padding:0 30px; margin-right:5px; border:1px solid #888; font-weight:normal; color:#555}
.paging {padding-top:30px;padding-bottom:30px; text-align:center; font-size:0;}
.paging * {display:inline-block;}
.paging ul {margin:0 15px;}
.paging a {width:38px; height:38px; border:1px solid #ccc; text-align:center; line-height:38px; font-size:16px; vertical-align:top;}
.paging a+a,
.paging li + li {margin-left:-1px;}
.paging > a {font-size:0; line-height:0; text-indent:-9999px;}
.paging .first {background:url(../_img/paging_first.png) 50% 50% no-repeat;}
.paging .prev {background:url(../_img/paging_prev.png) 50% 50% no-repeat;}
.paging .next {background:url(../_img/paging_next.png) 50% 50% no-repeat;}
.paging .last {background:url(../_img/paging_last.png) 50% 50% no-repeat;}
.paging li.on a {background:#d71920; color:#fff; font-weight:500;}
@media (min-width:1000px){
	.board a:hover {text-decoration:underline;}
	.paging a:hover {background-color:#eee;}
}
@media (max-width:700px){
	.paging {padding-top:0;}
	.paging ul {margin:0;}
	.paging a {border:none; border-radius:100%;}
	.paging a+a,
	.paging li + li {margin-left:0;}
	.paging .first,
	.paging .last {display:none;}
	.paging > a {width:14%;}
	.paging ul {width:72%;}
	.paging li {width:20%;}
	.board {margin-top:30px; border-color:#d71920;}
	.board_view th,
	.board_view td {height:auto !important;}
	.board_view th {width:0; font-size:0; opacity:0}
	.board_view td {padding:0 15px;}
	.board_view .title {padding:15px; font-weight:500; border-bottom:none; font-size:18px;}
	.board_view .date {letter-spacing:0; font-size:14px; padding:10px 15px 15px;}
	.board_view .date span {display:inline-block; padding:0 8px; line-height:18px; border:1px solid #ccc; border-radius:20px; vertical-align:top; margin-right:5px; font-size:13px;}
	.board_view .text_body {padding:15px 5px}
	.foot_board .fr {float:none; text-align:center;}

}