@charset "utf-8";

/* common 
--------------------------------------------------------------------------------------*/
body {background-color:#fff;}
.header {position:fixed; top:0; right:0; left:0; z-index:3;}


/* sub banner
--------------------------------------------------------------------------------------*/
.snav_box {position:relative; overflow:hidden; height:55vh; width:100%; background-size:cover;} 
.snav_box .snav_banner {position:absolute; width:inherit; height:inherit; background-size:cover; animation:ani_banner 2s ease-in-out; z-index:0;}
@keyframes ani_banner{
	0%{transform:scale(1.1)}
	100%{transform:scale(1)}
}
.snav_box .snav_banner.sb01 {background:url(../img/sub/img_snav_banner_01.jpg) no-repeat center; background-size:cover;}
.snav_box .snav_banner.sb02 {background:url(../img/sub/img_snav_banner_02.jpg) no-repeat center; background-size:cover;}
.snav_box .snav_banner.sb03 {background:url(../img/sub/img_snav_banner_03.jpg) no-repeat center; background-size:cover;}
.snav_box .snav_banner.sb04 {background:url(../img/sub/img_snav_banner_04.jpg) no-repeat center; background-size:cover;}
.snav_box .snav_banner.sb05 {background:url(../img/sub/img_snav_banner_05.jpg) no-repeat center; background-size:cover;}

/* title
--------------------------------------------------------------------------------------*/
.caption {position:relative; display:block; top:27vh; font-size:45px; font-weight:600; text-align:center; color:#fff; text-transform:uppercase;}
.sub_topic {display:block; margin-bottom:5vh; text-align:center; font-size:4rem; font-weight:600;}


/* tab
--------------------------------------------------------------------------------------*/
.tab_box {position:absolute; bottom:0; width:100%; background-color:rgba(0, 0, 0, .5);}
.tab_box ul {margin:0 auto; width:1024px;}
.tab_box ul li {float:left;}
.tab_box ul li a {display:block; height:60px; line-height:60px; text-align:center; font-weight:500; color:#ddd;}
.tab_box ul li a.on {background-color:#df4242; color:#fff;}
.tab_box.col_2 ul li {width:50%;}
.tab_box.col_3 ul li {width:33.3%;}
.tab_box.col_4 ul li {width:25%;}
.tab_box.col_5 ul li {width:20%;}

/* content
--------------------------------------------------------------------------------------*/
.content {padding:14vh 0 15vh;}
.content.st2 {padding:14vh 0 0; }

/* ceo
--------------------------------------------------------------------------------------*/
.ceo_cont {background:url(../img/sub/img_ceo.jpg) no-repeat 0 15vh;}
.ceo_cont .ceo_txt {padding:9vh 0 9vh 8vh ; width:70%; line-height:40px; font-size:17px;}
.ceo_cont .ceo_txt.st1 {padding:6vh 9vh; background-color:#fff;}
.ceo_cont .ceo_txt.st2 {padding:11vh 0 14vh 9vh; font-size:25px; color:#fff; font-weight:600; text-shadow:0 0 3px rgba(0, 0, 0, .7);}
.ceo_cont .ceo_txt.st2 > * {font-weight:600;}
.ceo_cont .ceo_txt.st3 {float:right; background-color:#fff;}
.br_txt {display:block;}
.br_txt_box {margin-bottom:40px;}
.sign {float:right; font-size:22px; font-weight:300;}
.sign::after {content:""; display:inline-block; margin:-2px 0 0 15px; width:163px; height:71px; vertical-align:middle; background:url(../img/sub/img_sign.gif) no-repeat 0 0;}
.sign strong {padding-left:5px; font-weight:600;}

/* history
--------------------------------------------------------------------------------------*/
.his_box {float:left; margin-top:5vh;}
.his_box.left {padding:8rem 7rem; width:35%; height:120vh; color:#fff; border-radius:50px 0 50px 0; background:#9b9f9e url(../img/sub/img_history_left.jpg) no-repeat right bottom; background-size:100%;}
.his_box.left strong {display:block; margin-bottom:30px; font-size:38px; font-weight:600; line-height:45px;}
.his_box.left p, .his_box.left p span {line-height:23px; font-weight:300; word-break: keep-all;}
.his_box.right {padding-left:5%; width:65%;}
.his_caption {display:block; margin-bottom:6rem; font-size:50px; font-weight:bold; text-align:center; letter-spacing:-.5px;}
.his_caption span {padding-left:5px; color:#bbb; font-weight:bold;}
/* .his_list_box > *, .his_list_box dd > * {float:left; display:block; font-size:1.77rem;}
.his_list_box {padding:2vh 0;}
.his_list_box dt {width:15%; font-size:26px; color:#df4242; font-weight:600;}
.his_list_box dd {width:85%; border-bottom:1px solid #ddd;}
.his_list_box dd:last-child {padding-bottom:3vh;}
.his_list_box dd strong {margin:.6vh 1vh 2vh 0; width:8%; font-weight:600;}
.his_list_box dd span {margin:.6vh 1vh 2vh 0; width:89%; font-weight:300;} */
.his_list_box {width:100%; box-sizing:border-box;}
.his_list_box li {float:left; box-sizing:border-box; }
.his_list_box > li {width:100%;}
.his_list_box > li span {display:block; float:left; width:20%; font-size:30px; color:#df4242;  font-weight:600; line-height:1em; box-sizing:border-box;}
.his_list_box .history_data {float:left; width:80%; border-left:1px solid #ddd; box-sizing:border-box; }
.his_list_box dl:last-child dd {padding-bottom:80px;}
.his_list_box ul > li:last-child dl:last-child dd {padding-bottom:0;}
.his_list_box dl dt, .his_list_box dl dd {float:left; padding-bottom:20px;}
.his_list_box dl dt {position:relative; width:30%; text-align:center;}
.his_list_box dl dt:after {content:""; position:absolute; top:5px; right:-4px; width:7px; height:7px; border-radius:50px; background-color:#df4242;}
.his_list_box dl dd {padding:0 20px 20px; width:70%; text-align:left; line-height:1.4; border-left:1px solid #ddd; box-sizing:border-box; word-break: keep-all;}
.his_list_box dl dt strong {font-size:18px; font-weight:600; border-bottom:1px solid #000;}


/* idea
--------------------------------------------------------------------------------------*/
.idea_box {position:relative; margin:5rem auto; width:510px; height:470px; background:url(../img/sub/img_idea.gif) no-repeat center; background-size:510px;}
.idea_box p {position:absolute; font-size:2.3rem; color:#fff; text-align:center;}
.idea_box p.management {top:5rem; left:50%; margin-left:-3.8rem;}
.idea_box p.construction {bottom:5rem; left:50%; margin-left:-17.5rem;}
.idea_box p.training {bottom:5rem; right:50%; margin-right:-18rem;}
.idea_box p::before {content:""; display:block; margin:0 auto .5rem; width:8rem; height:8rem; background:url(../img/sub/ico_idea.png) no-repeat 0 0; background-size:8rem;}
.idea_box p.management::before {background-position:0 0;}
.idea_box p.construction::before {background-position:0 -8rem;}
.idea_box p.training::before {background-position:0 -16rem;}
.part_box {position:relative; background-color:#f5f5f5; overflow:hidden;}
.part_box::before {content:""; display:block; position:absolute; left:33.3%; width:1px; height:100%; background-color:#ddd;}
.part_box::after {content:""; display:block; position:absolute; right:33.3%; width:1px; height:100%; background-color:#ddd;}
.part_box .col {float:left; padding:3rem; width:33.3%;}
.part_box .col.management {border-left:0;}
.part_box .col .en {display:block; padding:2rem 0 4rem; line-height:1.3; font-size:2.5rem; text-align:center; font-weight:bold;}
.part_box .col.management .en {color:#2e75aa;}
.part_box .col.construction .en {color:#14a0c0;}
.part_box .col.training .en {color:#3fc9c9;}
.part_box .col p {padding:0 0 2.5rem; line-height:1.3; font-size:20px; font-weight:300; text-align:center;}
.part_box .col p strong {font-weight:600;}
.part_box .col li {margin-bottom:10px; padding-left:5px; line-height:1.3; text-indent:-5px; font-weight:300; font-size:17px;}
.part_box .col li::before {content:"-"; display:inline-block; margin:-3px 5px 0 0;}




/* chart
--------------------------------------------------------------------------------------*/
.img_chart {display:block; margin:7rem auto 3rem; width:806px;}
.map_box {margin-top:7vh; height:700px; background-color:#ddd;}
.map_box .kakao_map {width:100%; height:100%;}
.location_box {padding:3vh; background-color:#f6f6f6;}
.location_box > * {float:left; line-height:40px; vertical-align:middle;}
.location_box dt {margin-right:2vh; font-weight:600;}
.location_box dt::before {content:""; display:inline-block; margin:-2px 5px 0 0; width:40px; height:40px; vertical-align:middle; background:url(../img/sub/ico_map.png) no-repeat 0 0;}
.location_box dt.address::before {background-position:0 0;}
.location_box dt.tel::before {background-position:0 -40px;}
.location_box dt.fax::before {background-position:0 -80px;}
.location_box dd {margin-right:7vh; font-weight:300;}


/* departmentType - site
--------------------------------------------------------------------------------------*/
.sub_topic_txt {padding:0 0 5vh; text-align:center; line-height:30px; font-size:18px; font-weight:300;}
.buss_img_box {position:relative; margin-bottom:3vh; background-color:#ddd; overflow:hidden;}
.buss_img_box .img_department {display:block; margin:0 auto; width:80%; transform: scale(1.3);}
.buss_img_box p {position:absolute; left:0; bottom:0; padding:4vh 4vh 4vh 8vh; width:70%; color:#fff; font-size:22px; font-weight:400; background:rgba(36, 44, 72, .7) url(../img/sub/ico_bullet.png) no-repeat 4vh center; letter-spacing:-.5px;}
.buss_img_box .txt {position:absolute; bottom:0; left:0; padding:4vh; width:100%; color:#fff; font-size:17px; background-color:rgba(0, 0, 0, .5);}
.buss .his_list_box dt {padding-left:3vh; width:13%;}
.buss .his_list_box dd {width:87%;}

.depart {padding:10vh;}
.depart .sub_topic, .depart .sub_topic_txt {color:#fff;}
.depart .li_box {border-bottom:1px solid #d7d7d7; background-color:#fff;}
.depart .li_box > * {display:inline-block ; font-size:18px; vertical-align:middle;}
.depart .li_box dt {padding:3vh 0; width:15%; font-size:26px; color:#df4242; text-align:center; font-weight:500; background-color:#f5f5f5;}
.depart .li_box dd {padding:3vh;}
.depart .li_box dd span {display:block; margin-bottom:15px; font-weight:300;}
.depart .li_box dd span:last-child {margin-bottom:0;}
.depart .li_box dd span::before {content:"-"; display:inline-block; margin:-2px 5px 0 0; vertical-align:middle;}
.depart .li_box.h_sty2 dt {height:13vh; line-height:7vh;}
.depart .li_box.h_sty3 dt {height:17.5vh; line-height:11vh;}
.depart .li_box.h_sty4 dt {height:22vh; line-height:15vh;}
.site {background:url(../img/sub/img_department_site_1.jpg) no-repeat 100%; background-size:cover;}
.land {background:url(../img/sub/img_department_land_1.jpg) no-repeat 100%; background-size:cover;}
.load {background:url(../img/sub/img_department_load_1.jpg) no-repeat 100%; background-size:cover;}
.golf {background:url(../img/sub/img_department_golf_1.jpg) no-repeat 100%; background-size:cover;}
.etc {background:url(../img/sub/img_department_etc_1.jpg) no-repeat 100%; background-size:cover;}


.certi_box {padding:10rem 0; background:#f6f6f6 url(../img/sub/img_pattern.png) repeat 0 0;}
.ul_patent {text-align:center;}
.ul_patent li {display:inline-block; width:20%; margin-right:72px;}
.ul_patent li:last-child {margin-right:0;}
.ul_patent li img {display:block; width:100%; box-shadow:15px 15px 30px rgb(0, 0, 0, .1);}
.ul_patent li strong {display:block; margin-top:3vh;}


.license_tit {display:block; margin:15vh 0 3vh; font-size:20px; font-weight:600;}
.license_sub_tit {display:block; margin-bottom:3vh; line-height:4vh; font-weight:300;}
.img_license {display:block; margin:0 auto; width:90%;}
.img_license_2 {display:block; margin:0 auto; width:50%;}
.img_license_3 {display:block; margin:0 auto; width:70%;}
.license_topic {display:block; margin:7rem 0 3rem; font-size:20px; font-weight:600; color:#c73b3b;}
.dl_txt dt {margin-bottom:1rem; font-weight:600;}
.dl_txt dd {margin-bottom:3rem; line-height:1.5; font-weight:300;}
.tb1 td.last {padding:15px; color:#b73333; font-size:17px; font-weight:600; background-color:#fdeded;}
.t_pd {margin-top:7rem;}

/* 특허 이미지 팝업
--------------------------------------------------------------------------------------*/
.modal_img {position:relative; cursor:pointer;}
.pup_modal {display:none; position:fixed; top:0; left:0; padding:2% 0; width:100%; height:100vh; z-index:500;background-color: rgba(0, 0, 0, .7);}
.pup_modal .modalBox {margin:0 auto; width:max-content; height:100vw;}
.pup_modal .modalBox img {display:block; height:100%;}
.btn_close {position:absolute; right:32px; top:32px; width:32px; height:32px; opacity:0.3;}
.btn_close:hover {opacity:1;}
.btn_close:before, .btn_close:after {position:absolute; left:15px; content:' '; height:33px; width:2px; background-color:#333;}
.btn_close:before {transform:rotate(45deg);}
.btn_close:after {transform:rotate(-45deg);}

.txt_enclosure {position:absolute; bottom:-45px; left:0; padding:13px 0 0; line-height:1.3; font-size:14px; color:#f76b00; font-weight:300;}



/* 고객센터 보내기 */
.btn_bottm {padding:5rem 0; text-align:center;}
.btn_bottm a {display:inline-block; padding:0 2vh; margin:0 5px; height:45px; line-height:45px; width:150px; color:#fff; border-radius:3px;}
.btn_send {background-color:#f19c1e;}
.btn_reset {background-color:#8f8f8f;}

.br_txt4 {display:block; font-weight:300;}
.br_txt6 {display:block;}



/* 수상내역
--------------------------------------------------------------------------------------*/
.prize {padding-top:5rem; width:70%; margin:0 auto;}
.prize .his_list_box dl dt {width:40%;}
.prize .his_list_box dl dd {width:60%;}
.prize  .his_list_box dl dt strong {border-bottom:0;}

.tb1.mb {display:none;}


/* 수상내역
--------------------------------------------------------------------------------------*/
.item_enclosure {padding:2rem 0 5rem 18px; border-top:1px solid #ddd; font-size:15px; color:#a86c57; font-weight:300; text-indent:-18px; line-height:1.3;}
.item {margin-bottom:15px; width:100%;}
.item.w1 {float:left; width:49%;}
.mg {margin-right:2%;}
.item label {display:block; margin-bottom:10px;}
.item em {display:inline-block; margin-right:2px; color:#f7691c;}

.arrow_right {position:absolute; right:25px; top:19px; display:block; width:20px; height:20px; overflow:hidden;}
.arrow_right em {display: block; margin-top:-7px; width:20px; height:20px; border-top: 2px solid #000; border-left: 2px solid #000;}
.arrow_right em {transform: rotate(224deg);}