@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio: 2)

body {-webkit-text-size-adjust:100%;}
html, body {width:100%; font-weight:400;  font-family:'Roboto', 'Noto Sans KR' , sans-serif; color:#666;}
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Montserrat:thin,extra-light,light,100,200,300,400,500,600,700,800);


/* layout */
#wrapper {overflow:hidden; width:100%; /* padding-bottom:50px; */}
.mt90 {margin-top:90px; }
label {cursor:pointer;}



/*-------------logo------------ */
.header-logo {float:left; box-sizing:border-box;  z-index:10000; }
.header-logo h1 {/* margin-bottom:15px; margin-right:20px; */float:left; margin-top:18px; }
.header-logo h1 img {width:97px;}
.header-tell {display:inline-block; margin-top:7px; padding-left:210px; } 
.header-navi {float:right;  /*display:inline-block; margin-top:7px; padding-left:210px;*/}
#header.main .bg_corp {background:#090e22;border-bottom:none;}
.main .header-navi {width:100%;}
.main .header-navi li {width:16.66666%;}

.main_banner {font-size:0px;}





/* 메인비주얼
------------------------------------------------------ */
.main-visual {width:100%; height:480px; }
.main-visual.bg1 {width: 100%; height:480px; text-align:center; background-size:cover; background:#277ec3 url('/resource/home/img/home/main_icon1.png') center 60px /1080px no-repeat;  }
.main-visual.bg2 {width: 100%; height:480px; text-align:center; background-size:cover; background:#09a788 url('/resource/home/img/home/main_icon2.png') center 60px /1080px no-repeat;  }
.main-visual.bg3 {width: 100%; height:480px; text-align:center; background-size:cover; background:#f17939 url('/resource/home/img/home/main_icon3.png') center 60px /1080px no-repeat;  }
.main-visual.bg4 {width: 100%; height:480px; text-align:center; background-size:cover; background:#2d5c92 url('/resource/home/img/home/main_icon4.png') center 60px /1080px no-repeat;  }
.main-visual.bg5 {width: 100%; height:480px; text-align:center; background-size:cover; background:#2d5c92 url('/resource/home/img/home/main_icon4.png') center 60px /1080px no-repeat;  }
.main-visual h2 {padding-top:65px; font-size: 44px; color:#fff; font-weight:100; }
.main-visual h3 {padding-top:10px; font-size: 16px; color:#fff; font-weight:100; }



.main_contents img.con_img {width:1080px;}
.main_contents img.con_img2 {width:960px;}

.main_contents .certification {display:block; height: 630px; background:url('/assets/images/corp/corp_img_01_n2.png') center top /1080px no-repeat; text-align:left;  }
.main_contents .certification ul {padding:325px 0 0 80px;}
.main_contents .certification ul li {font-size:17px; color:#fff; padding:3px 0; letter-spacing:-0.5px;}
.main_contents .certification ul li span{vertical-align:top; padding-right:5px;}

.main_history { text-align:center; font-size: 18px; line-height:26px; color:#666; font-weight:300; margin-top:50px; background:#fff; word-break: keep-all; word-wrap: break-word; }
.main_history h4 {padding:50px 0 45px 0; font-size: 56px; color:#000; font-weight:500; letter-spacing:-1px; }

.history_navigation {width:100%; box-sizing:border-box; text-align:center; background:#fff; margin-bottom:30px; padding-bottom:5px; border-bottom: solid 1px #efefef; }
.history_navigation li {display:inline-block; vertical-align:middle; color:#d0d0d0; font-size:20px; font-family:'Roboto', 'Noto Sans KR',  sans-serif; font-weight:500; padding:0 25px; }
.history_navigation li a {position:relative; display:inline-block; vertical-align:middle; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#989898; font-size:20px; font-weight:500; padding:15px; }
.history_navigation li a::before {left:48%; bottom:-12px; width:100%; content: ''; position: absolute; transition: transform .3s ease; }
.history_navigation li:hover a::before {}
.history_navigation li:hover a {color:#246ed5;}
.history_navigation li.active a::before {height:12px; width:12px ;background:#246ed5; border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;}
.history_navigation li.active a {color:#246ed5;}

.history_detail {margin-top:60px; }
.history_detail dl {display: table; padding:0; margin-bottom:100px; }
.history_detail dt {width:300px; text-align:left; padding:20px 0px 0 80px; font-size: 62px; font-family: 'Roboto', 'Noto Sans KR',  sans-serif; color:#000; font-weight:300; letter-spacing:-1px; display: table-cell; }
.history_detail dt div { font-size:14px; color:#666; font-style:normal; letter-spacing:0; padding:0; margin:0; line-height:0px; }
.history_detail dt div img {display:block; margin:70px 0 15px 0;}
.history_detail dd {font-size:17px; font-family: 'Roboto', 'Noto Sans KR',  sans-serif; color:#444; font-weight:300; letter-spacing:-0.3px; text-align:left; display: table-cell; line-height: 34px; vertical-align:top; }
.history_detail dd strong {font-size:16px; margin-right:25px; color:#246ed5; }
.history_detail dd p {display:inline-block;}

.map_navigation {float:left; width:250px; box-sizing:border-box; text-align:left; background:#fff; margin-right:50px; margin-bottom:30px; padding-bottom:5px; }
.map_navigation li {display:inline-block; vertical-align:middle; color:#999; font-size:18px; font-family:'Roboto', 'Noto Sans KR',  sans-serif; font-weight:500; }
.map_navigation li a {position:relative; display:inline-block; vertical-align:middle; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#999; font-size:18px; font-weight:400; padding:15px 0 15px 15px; }
.map_navigation li a::before {left:15px; bottom:2px; content: ''; position: absolute; transition: transform .3s ease; }
.map_navigation li.active a::before {height:5px; width:95%;background:#246ed5; }
.map_navigation li.active a {color:#246ed5; }

.map_detail {display:block;  }

.map_location {padding-left:300px; height:350px; padding-top:25px; font-size:16px; line-height:30px; text-align:left; }
.map_location strong {display:inline-block; width:80px; color:#111; font-weight:500; }
.map_location p {display:inline-block;}

table.tb_style01 {width: 100%; border-collapse:collapse; border:solid 1px #e0e0e0; background:#fff; padding: 10px; }
table.tb_style01 td {width:50%; font-size:14px; padding: 20px 20px 20px 50px; border:solid 1px #e0e0e0; text-align:left; color:#2460b4; }

table.tb_style03 {width: 100%; border-collapse:collapse; background:#fff; padding: 10px; }
table.tb_style03 th {font-size:17px; color:#333; vertical-align:middle; padding:10px; border-top:solid 3px #434343; border-bottom:solid 1px #c4c4c4; text-align:center;}
table.tb_style03 td {font-size:15px; color:#888; padding: 10px 10px 10px 20px; border-bottom:solid 1px #c4c4c4; }
table.tb_style03 td.n_title {text-align:left; color:#333;}
table.tb_style03 td.n_title a {color:#333;}
table.tb_style03 td.n_title a:hover{color:#333; text-decoration:underline;}

table.tb_style04 {width: 100%; border-collapse:collapse; background:#fff; padding: 10px; }
table.tb_style04 th {font-size:16px; color:#333; vertical-align:middle; border-top:solid 3px #434343; border-bottom:solid 1px #c4c4c4; text-align:left;}
table.tb_style04 th.t_title {font-size:20px; color:#333; vertical-align:middle; padding: 25px 40px; border-top:solid 3px #434343; border-bottom:solid 1px #c4c4c4; text-align:left; }
table.tb_style04 td {text-align:left; font-size:14px; font-weight:300; color:#888; padding: 10px 0 10px 30px; border-bottom:solid 1px #c4c4c4; }
table.tb_style04 td.t_contents {text-align:left; padding:40px; font-size:16px; color:#666; line-height: 30px; }
table.tb_style04 td.t_contents strong {font-weight:600; color:#666;}
table.tb_style04 td a:hover{color:#333; text-decoration:underline;}

.main_navigation {width:100%; height:60px; box-sizing:border-box; text-align:center; background:#fff; margin-bottom:30px;  }
.main_navigation li {display:inline-block; vertical-align:middle; color:#d0d0d0; font-size:16px; font-family:'Roboto', 'Noto Sans KR',  sans-serif; font-weight:100; padding:5px; }
.main_navigation li a {position:relative; display:inline-block; vertical-align:middle; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#989898; font-size:17px; font-weight:400; padding:10px 7px; letter-spacing:-0.025em; }
.main_navigation li a::before {left:0; bottom:-10px; width:100%; height:4px; background:#000; transform:scaleX(0); content: '';position: absolute; transition: transform .3s ease; }
.main_navigation li:hover a::before {transform: scaleX(0.4);}
.main_navigation li:hover a {color:#000;}
.main_navigation li::before {padding: 10px 15px 10px 5px; content:"|";}
.main_navigation li:first-child::before {content:"";}
.main_navigation li.active a::before {transform: scaleX(0.4);}
.main_navigation li.active a {color:#000;}
/*
.main_detail {display:block; background:#f8f8f8; padding: 50px 60px; text-align:left; color:#666; font-size:16px; line-height:24px; letter-spacing:-0.5px; word-break: keep-all; word-wrap: break-word; }
.main_detail strong {display:block; color:#000; font-weight:500; font-size:18px; margin-bottom:10px;}
.main_detail pre {font-size:15px; line-height:24px; font-family:'Roboto', 'Noto Sans KR',  sans-serif; word-break: keep-all; word-wrap: break-word; white-space: pre-wrap; letter-spacing:-0.5px; font-weight:300; }
.main_detail pre strong {color:#555; font-weight:500; }
.main_detail pre a {color:#555; font-weight:300; text-decoration:underline; font-family:'Roboto', 'Noto Sans KR',  sans-serif; }
.main_detail pre table.tb_style02 {width: 100%; border-collapse:collapse; border:solid 1px #e0e0e0; background:#fff; padding: 10px; }
.main_detail pre table.tb_style02 th {font-size:14px; vertical-align:middle; padding: 10px; background:#eee; border:solid 1px #e0e0e0; text-align:center;}
.main_detail pre table.tb_style02 td {font-size:14px; padding: 10px 10px 10px 20px; border:solid 1px #e0e0e0; }
*/
.main_location {height:350px; padding-top:25px; font-size:16px; line-height:24px; }
.main_location span {display:inline-block; float:left; }
.main_location span.main_location_01 {width:350px; text-align:left; padding-left:20px}
.main_location span.main_location_01 strong {display:block; color:#111; font-weight:500; }
.main_location span.main_location_02 {width:710px; text-align:left; font-size:14px;}
.main_location span.main_location_02 strong {width:100px; font-size:16px; display:block; font-weight:500; border-bottom: solid 2px #111; color:#111; margin-bottom:10px; }



/* 
후이즈서비스
------------------------------------------------------ */
.mail-icon {position:relative; top:58px; left:299px; width:59px; height:59px; background: url('/assets/images/main/mail_icon_n.gif') no-repeat; background-size:59px; box-shadow:10px 10px 30px 5px #d8d8d8;}

ul.whois_service {box-sizing:border-box; margin-bottom:80px; font-size:0; }
ul.whois_service li {display:inline-block; text-align:center; box-sizing:border-box; padding:0; margin:0;}
ul.whois_service li img {width:98px; margin-bottom:15px; transition: height 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out, transform 0.5s; }
ul.whois_service li a {display:block;}
ul.whois_service li a:hover img { transform: translate(0px, -10px);}
ul.whois_service li h4 {font-size:23px; color:#333; font-weight:500; letter-spacing:-1px; line-height:40px; padding:0; margin:0; }
ul.whois_service li h4 strong{color:#347adc; font-weight:500; }
ul.whois_service li p {padding-top:15px; font-size:14px; color:#666; line-height:20px; letter-spacing:0px;}
ul.whois_service li:nth-child(1) {width:33%; padding-bottom:40px; border-bottom:solid 1px #d9e3f1; }
ul.whois_service li:nth-child(2) {width:33%; padding-bottom:40px; border:solid 1px #d9e3f1; border-top:none;}
ul.whois_service li:nth-child(3) {width:33%; padding-bottom:40px; border-bottom:solid 1px #d9e3f1; }
ul.whois_service li:nth-child(4) {width:33%; padding-bottom:40px; padding-top:35px;}
ul.whois_service li:nth-child(5) {width:33%; padding-bottom:40px; padding-top:35px; border-left:solid 1px #d9e3f1; border-right:solid 1px #d9e3f1;  }
ul.whois_service li:nth-child(6) {width:33%; padding-bottom:40px; padding-top:35px;}





@media screen and (max-width:768px) {
	#gnb .navigation {float:left; width:100%; box-sizing:border-box; text-align:left; }
	#gnb .navigation li {display:inline-block; vertical-align:middle;}
	#gnb .navigation li a {position:relative; display:inline-block; vertical-align:middle; padding:25px 18px; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#f5f5f5; font-size:18px; font-weight:400; letter-spacing:-0.025em;}
	#gnb .navigation li a::before {left:0; bottom:-5px; width:100%; height:4px; background:#fff; transform:scaleX(0); content: '';position: absolute; transition: transform .3s ease; }
	#gnb .navigation li:hover a::before {transform: scaleX(0.8);}
	#gnb .navigation li:hover a {color:#f5f5f5;}

}



/*신규 연장팝업 레이어*/
.layer_style{position:relative; display:block; width:720px; background: #fff; border: solid 5px #347adc; font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; }
.layer_style h4{height:50px; background: #347adc; color:#fff; font-family:inherit; font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:44px; padding-left:20px;}
.layer_style h5{color: #353b4c; font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 25px 0 25px 35px; }
.layer_style h5 span{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림;  }
.layer_style h6{color: #353b4c; font-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 35px 0 25px 35px; }
.layer_style h6 strong{color: #4170f2; font-family:inherit; }
.layer_style .ls_contents{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; padding-left:35px; font-size:14px; line-height:22px; letter-spacing:-1px;  }
.layer_style .ls_contents2 {font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; padding:35px; font-size:15px; line-height:24px; letter-spacing:-1px;  }
.layer_style .ls_contents span{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림;}
.layer_style .ls_contents table td{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; padding:2px; }
.layer_style .ls_contents table td.pl18{padding-left:18px;}
.layer_style .ls_comment{clear:both; font-family:inherit; padding:20px 0 0 35px; font-size:13px; letter-spacing:-1px; color:#8f8f8f; }
.layer_style .ls_comment a{font-family:inherit; color:#8f8f8f; text-decoration:underline; }
.layer_style .ls_button{padding-left:35px; margin-top:20px;}
.layer_style .ls_button input{margin-right:15px; vertical-align:middle; }
.layer_style .ls_button img{margin-right:15px; vertical-align:middle; }
.layer_style .ls_button span{display:block; padding-top:17px; vertical-align:middle; font-family:'Malgun Gothic', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; font-size:13px; text-decoration:underline; color:#888; }
.layer_style .ls_button span a{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; }
.layer_style .ls_footer{height:35px; background: #eaeaea; font-family:inherit; font-size:14px; letter-spacing:-1px;  text-align:right; padding-right:20px; line-height:32px; margin-top:30px; }
.layer_style .ls_footer a{font-family:inherit; color: #353b4c; padding-left:30px;}
.layer_style strong{font-weight:bold; color: #dc0000; font-family:inherit; }
.layer_style b{font-weight:bold; font-family:inherit; }
.layer_style em{font-weight:bold; color: #555; font-family:inherit; font-size:22px; font-style:normal; line-height:30px; letter-spacing:0; padding-left:10px; }
.layer_style u{text-decoration:underline; font-family:inherit; letter-spacing:0; }


/* 추가 */
.ttk_cont {width:100%;padding:60px;background:#f4f4f4;margin-top:50px;}
.ttk_cont .item {border-top:solid 1px #347adc;background:#fff;}
.ttk_cont .item:after {clear:both;content:'';display:table;}
.ttk_cont .item:first-child {border-top:solid 3px #347adc;background:#fff;}
.ttk_cont .item .left {float:left;text-align:left;padding:60px;}
.ttk_cont .item .left .content {font-size:18px;color:#333;}
.ttk_cont .item .right {float:left;text-align:center;width:300px;line-height:350px;vertical-align:middle;}
.ttk_cont .item .right img {vertical-align:middle;}
.ttk_cont .item .left {width:660px;}

.cont_cont {padding:60px;}
.cont_cont .tabs {width:100%;text-align:center;margin-top:15px;}
.cont_cont .tabs a {font-size:18px;color:#999;}
.cont_cont .tabs a.on {font-weight:bold;color:#347adc;}
.cont_cont .tabs a + a {margin-left:60px;}
.cont_cont .map_cont {clear:both;margin-top:20px;padding:20px;display:none;}
.cont_cont .map_cont.on {display:block;}

.cont_cont .address {margin-top:20px;font-size:18px;text-align:left;padding:0 20px;}
.cont_cont .address span {font-weight:bold;color:#333;display:inline-block;width:100px;}

/* service */
.service-container strong{color:#28b196;}

.tbl-green {width:100%;background:#fff;}
.tbl-green {border-top:solid 3px #09a788;border-bottom:solid 3px #09a788;}
.tbl-green tr td {padding:12px;border:solid 1px #09a788;}
.tbl-green tr th {padding:12px;border:solid 1px #09a788;font-weight:bold;text-align:center;}

.section_main {padding-left:40px;padding-right:40px;}
.section_white {width:100%;display:inline-block;background:#fff;margin-top:40px;padding-top:20px;padding-bottom:50px;padding-left:30px;padding-right:30px;clear:both;} 
.section_gray {width:100%;display:inline-block;background:#f4f4f4;margin-top:40px;padding-top:20px;padding-bottom:50px;padding-left:40px;padding-right:40px;clear:both;}
.box .item {float:left;width:50%;padding:30px;border-bottom:solid 1px #09a788;height:380px;font-size:18px;padding-top:60px;}
.box .item .title {font-size:22px;margin-bottom:10px;margin-top:10px;text-align:center;}
.box .item:nth-child(2n) {border-left:solid 1px #09a788;}

.service-container .title {font-size:24px;text-align:left;color:#333;font-weight:bold;}
.service-container .green-title {font-size:22px;text-align:left;color:#09a788;font-weight:bold;margin-top:25px;}
.service-container .desc {font-size:18px;text-align:left;margin-top:25px;line-height:32px;}
.service-container {text-align:left;}

.proposal-container .title {font-size:24px;text-align:left;color:#333;font-weight:bold;}
.proposal-container .green-title {font-size:22px;text-align:left;color:#09a788;font-weight:bold;margin-top:25px;}
.proposal-container .desc {font-size:18px;text-align:left;margin-top:25px;line-height:32px;}
.proposal-container {text-align:left;}

.brands {margin-top:20px;}
.brands li {width:12.5%;float:left;}
.brands li img {border:solid 1px #ddd;}

.btns {line-height:60px;text-align:left;margin-top:20px;}
.btns a + a {margin-left:20px;color:#fff;}
.btns .btn-more {background:#989898;padding:10px 50px;padding-top:12px;border-radius:20px;color:#fff;}
.btns .btn-join {background:#09a788;padding:10px 50px;padding-top:12px;border-radius:20px;}