@charset "utf-8";
/* ----------
css
---------- */


/* content */
/* -------- 회사소개 :: 회사개요 :: vision -------- */
.vision-box{width:100%; margin-bottom:55px;}
.vision-box > ul{width:100%; margin-bottom:40px;}
.vision-box > ul li{display:inline-block; vertical-align:top; margin-right:47px;}
.vision-box dl{display:table;}
.vision-box dl dt, .vision-box dl dd{display:table-cell; vertical-align:middle;}
.vision-box dl dt{padding-right:15px;}
.vision-box dl dd{font-family:'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif; font-size:17px; line-height:24px; color:#555; letter-spacing:-0.5px;}
.vision-box > p{font-size:16px; line-height:30px; color:#555; letter-spacing:-0.25px;}
.vision-box > p b{font-size:21px; font-weight:600; color:#333;}

/* -------- 회사소개 :: 회사개요 :: history -------- */
.history-box{padding-bottom:30px;}
.history-box, .history-box dl{width:100%;}
.history-box > dl > dt{height:49px; padding-left:20px; overflow:hidden; background-color:#fff; border:1px solid #ddd; border-top:0; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; cursor:pointer;}
.history-box > dl:first-child > dt{border-top:1px solid #ddd; height:48px;}
.history-box > dl > dt b{float:left; font-size:22px; line-height:50px; color:#aaa; font-weight:600;}
.history-box > dl > dt p{display:inline-block; float:right; position:relative;}
.history-box > dl > dt p > span{display:inline-block; position:absolute; right:20px; background-color:#009af5; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.history-box > dl > dt p > span.row{width:3px; height:20px; top:14px; right:28px;}
.history-box > dl > dt p > span.col{width:20px; height:3px; top:23px;}
.history-box > dl > dt.active{border:1px solid #009af5; background-color:#009af5;}
.history-box > dl > dt.active b{color:#fff;}
.history-box > dl > dt.active p > span.row{width:20px; height:3px; top:23px; right:20px; background-color:#fff; -ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.history-box > dl > dt.active p > span.col{display:none;}
.history-box > dl > dd{display:none; padding:30px 10px; border-bottom:1px solid #ddd;}
.history-list, .history-list li, .history-list dl{width:100%;}
.history-list dl{display:table;}
.history-list dl dt, .history-list dl dd{display:table-cell; vertical-align:top;}
.history-list dl dt{width:90px; font-size:28px; line-height:40px; color:#555; font-weight:400;}
.history-list dl.first dt{color:#009af5; line-height:inherit;}
.history-list dl.first dt:after{top:4.5px; margin-top:0;}
.history-list dl dd{border-left:1px solid #ddd; padding-bottom:30px;}
.history-list li.last dl dd{padding-bottom:0;}
.history-list dl dd > p{font-size:16px; line-height:40px; color:#777; letter-spacing:-0.5px; position:relative;}
.history-list dl dd > p span{display:inline-block; font-weight:600; color:#555; padding:0 20px;}
.history-list dl dd > p:before{position:absolute; display:block; content:""; top:50%; left:-8px; width:13px; height:13px; margin-top:-7.5px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
.history-list dl.first dd{margin-top:4px;}
.history-list dl.first dd > p{line-height:30px;}

/* -------- 회사소개 :: CI :: corporate identity -------- */
.identity-container{width:100%;}
.logo-list{width:100%; padding:35px 0; }
.logo-list > span{display:inline-block; vertical-align:top; margin-left:10px;}
.logo-list > span:first-child{margin-left:0;}
.subject-tit{font-size:26px; line-height:50px; font-weight:400; color:#777; margin-bottom:25px;}
.subject-tit > span{color:#333;}
.keyword-list{width:100%; margin-bottom:58px;}
.keyword-list > span{display:inline-block; vertical-align:top; text-align:center; margin-left:50px; margin-bottom:20px;}
.keyword-list > span:first-child{margin-left:0;}
.keyword-list > span em{display:block; font-size:20px; line-height:40px; color:#555; padding-top:9px; font-family:'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;}
.keyword-list > p{font-size:16px; line-height:28px; color:#777; letter-spacing:-0.5px;}
.color-box{width:100%;}
.color-box dl{float:left; width:350px;}
.color-box dl dt, .color-box dl dd{width:100%; text-align:center;}
.color-box dl dt{height:70px; line-height:70px; color:#fff; font-size:20px;}
.color-box dl dt.one{background-color:#AB208E;}
.color-box dl dt.two{background-color:#E5006E;}
.color-box dl dt.three{background-color:#2690CF;}
.color-box dl dt.four{background-color:#F4821F;}
.color-box dl dt.five{background-color:#13998F;}
.color-box dl dd > p{width:100%; line-height:40px;}
.color-box dl dd > p span{display:inline-block; font-size:17px; color:#555; padding:0 10px;}

/* -------- 회사소개 :: 오시는길 -------- */
.location-info-box{width:100%; padding-top:20px;}
.location-info-box h4{width:100%; overflow:hidden;}
.location-info-box h4 b, .location-info-box h4 p{display:inline-block; }
.location-info-box h4 b{font-size:20px; line-height:50px; color:#333; font-weight:600;}
.location-info-box h4 p > a{display:inline-block; border:1px solid #ccc; background-color:#eee; width:98px; height:38px; text-align:center; line-height:38px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.location-info-box > p{font-size:16px; line-height:40px; color:#333;}
.location-info-box > p span{display:inline-block; vertical-align:middle; padding:0 10px; color:#777;}
.location-info-box > p span i{vertical-align:middle;}
.traffic-list{padding-top:40px;}
.traffic-list, .traffic-list ul{width:100%;}
.traffic-list ul li{display:inline-block; vertical-align:top; margin-right:40px;}
.traffic-list ul li > p{font-size:16px; line-height:40px; color:#333;}
.traffic-list ul li > p span{display:inline-block; vertical-align:middle; padding:0 10px; color:#777;}
.traffic-list ul li > p span i{vertical-align:middle;}
.traffic-list ul li > p span.line{width:66px; height:30px; text-align:center; color:#fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background-color:#ff8400; line-height:30px; padding:0; margin-right:10px;}
.traffic-list ul li > p span.line.ver2{background-color:#35bb00;}


/* -------- 구매문의 -------- */
.join-agree-con{margin-bottom:15px;}
.join-agree-con > p.agree-tit{color:#1f1f1f; font-size:26px; letter-spacing:-0.75px; font-weight:400; margin-bottom:30px;}
.join-agree-con > p.agree-tit:before{display:block; content:""; width:30px; height:3px; background-color:#3481fa; margin-bottom:20px;}
.join-agree-text{overflow-y:auto; height:180px; padding:20px 2%;  background-color:#eee; border:1px solid #ddd; }
.agree-check{text-align:center; color:#777; font-size:13.5px; padding:14px 0; border:1px solid #ddd; border-top:0;}
.agree-check input{margin:0px; margin-right:5px; display:inline-block;}

.essential-txt{color:#555; font-size:14px; font-weight:400; letter-spacing:-0.6px; padding-bottom:20px;}
.essential-icon{font-weight:600; font-size:14px; margin-right:5px; color:#009af5;}
.join-tbl{width:100%; margin-bottom:20px;}
.join-tbl tr{overflow:hidden;}
.join-tbl th{width:100px; text-align:left; background-color:#fff; color:#555; font-size:15px; font-weight:500; word-break:keep-all; font-weight:400; letter-spacing:-0.5px;}
.join-tbl th.vert{vertical-align:top; padding-top:25px;}
.join-tbl th img{margin-right:10px;}
.join-tbl td{width:950px; font-size:14px; font-weight:300; line-height:25px; padding:12px 0; }
.join-tbl td > p{color:#aaa;}
.join-tbl td.box{width:948px; height:48px; border:1px solid #d8d8d8; padding:0;}
.column-tit{display:none; position:absolute; top:-1000em; left:-1000em;}
.join-tbl td input.cm-input{background-color:#fff; width:948px; height:48px; border:1px solid #d8d8d8; text-indent:10px; color:#888; }
.join-tbl td input.cm-input.file{text-indent:0;}
.join-tbl td input.cm-input:focus{color:#333;}
.join-tbl td input.cm-input::-ms-clear{display:none;}
.join-tbl td input.cm-input-short{width:280px; border:0;}
.join-tbl td select.cm-select{background-color:#fff; border:1px solid #d8d8d8; height:50px; width:100%;}
.join-tbl td select.cm-select-short{width:370px; border:0; border-left:1px solid #d8d8d8;}
.join-tbl td fieldset{display:inline-block;}
.join-tbl td textarea{border:1px solid #d8d8d8; height:268px; width:928px; padding:10px; resize:none;}
.join-tbl td label{display:inline-block; margin:0 15px;}
.join-tbl td label > span.choice{display:inline-block; vertical-align:middle; font-size:15px; line-height:22px; color:#555; letter-spacing:-0.5px; font-weight:400;}
.spam-num{margin-right:10px; color:#ff7e00; font-size:18px; font-weight:400;}
.sub-txt{color:#868686; font-size:13px; letter-spacing:-0.5px; font-weight:400; margin-left:10px;}
.sub-btn{display:inline-block; padding:0 25px; height:32px; line-height:32px;  border:1px solid #b1b1b1; background-color:#fff; color:#686868; font-size:13px; letter-spacing:-0.5px; vertical-align:middle;}
.join-txt{width:99%; border:1px solid #d8d8d8; height:60px; resize:none;}
#certiSendBtn{width:116px; height:34px; line-height:34px; color:#fff; font-size:13px; letter-spacing:-0.5px; vertical-align:middle; background-color:#59939f; border:0;}
#certiNum{border:2px solid #59939f; height:28px;}
.check-box-list span{margin-right:3%;}
.check-box-list span label{vertical-align:middle; color:#414141; font-size:14px; font-weight:300; letter-spacing:-0.25px;}

.common-btns{padding:20px 0 30px; text-align:center; overflow:hidden;}
.common-btns a.btn{
	display:inline-block; width:150px; height:50px; text-align:center; vertical-align:middle; line-height:50px; margin:4px 0% 0 0%; color:#fff; background-color:#0478be; letter-spacing:-0.75px; font-size:15px; 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}