@charset "utf-8";
.container{width: 1260px;margin:0 auto;}
.s_container{width: 1260px;margin:0 auto;padding: 100px 0 130px;}
#wrap{overflow: hidden;}

@media (max-width: 1400px){
  #wrap {width: 1400px;overflow: auto;}
}

/* header */
#header{border-top:5px #65c9d6 solid;}
.logo{margin-right: 125px;display: inline-block;vertical-align: top;box-sizing: border-box;height: 95px;line-height: 95px;}
.gnbul{display: inline-block;vertical-align: top;box-sizing: border-box;}
.gnbli{position: relative;display: inline-block;vertical-align: top;}
.gnbli>a{padding: 0 43px;font-size: 20px;color: #484848;font-weight: 500;height: 95px;line-height: 95px;}
.gnbli:hover>a{background-color: #65c9d6;color: #FFF;}
.sub_menu{display: none;padding: 20px 0;border:3px #65c9d6 solid;border-top:0;text-align: center;position: absolute;background-color: #FFF;left: 0;top: 95px;width: 100%;box-sizing: border-box;z-index: 5;}
.sub_menu li{line-height: 2.5;}
.sub_menu a{font-size: 17px;color: #484848;display: block;}
.sub_menu li:hover a{color: #65c9d6;}
.eng_btn{float: right;display: inline-block;width: 123px;color: #FFF;text-align: center;font-size: 18px;color: #FFF;font-weight: 500;height: 40px;line-height: 40px;border-radius: 5px;margin-top: 29px;background-color: #9dc756;}

/* main */
.slideul li{height: 615px;background-repeat: no-repeat;background-position: center;}
.slide01{background-image: url('../images/main/main_img01.png');}
.slide02{background-image: url('../images/main/main_img02.png');}
.slide03{background-image: url('../images/main/main_img03.png');}
.productbox{padding: 85px 0 110px;}
.proul li{margin-right: 12px;width: 303px;height: 303px;display: inline-block;vertical-align: top;box-sizing: border-box;background-repeat: no-repeat;}
.proul a{display: block;height: 100%;box-sizing: border-box;}
.pro01{background-image: url('../images/main/pro01.png');}
.pro02{background-image: url('../images/main/pro02.png');}
.pro03{background-image: url('../images/main/pro03.png');}
.proul .pro04{background-image: url('../images/main/pro04.png');margin-right: 0;}
.proul li:hover{box-shadow: 5px 12px 18px #dbdbdb;}
.pro01:hover{background-image: url('../images/main/pro01_on.png');}
.pro02:hover{background-image: url('../images/main/pro02_on.png');}
.pro03:hover{background-image: url('../images/main/pro03_on.png');}
.pro04:hover{background-image: url('../images/main/pro04_on.png');}
.hanseung_more{border-bottom: 1px #f2f2f2 solid;box-shadow: 1px 3px 7px #f2f2f2;padding: 0 0 105px 0;}
.hmL{width: 47.2%;display: inline-block;vertical-align: top;box-sizing: border-box;}
.hmL img{width: 100%;}
.hmR{padding-top: 120px;margin-left: 2.7%;width: 40%;display: inline-block;vertical-align: top;box-sizing: border-box;}
.hmR strong{font-size: 48px;color: #484848;font-weight: 500;letter-spacing: 3px;display: block;}
.hmR p{font-size: 18px;color: #484848;line-height: 1.8;margin: 30px 0 70px;}
.more_btn{position: relative;width: 200px;height: 54px;line-height: 48px;box-sizing: border-box;border:3px #484848 solid;font-size: 18px;color: #484848;font-weight: 500;padding-left: 26px;}
.more_btn::after{content: '';display: inline-block;width: 40px;height: 2px;background-color: #484848;position: absolute;top:50%;right: -12px;}
.partner{padding: 90px 0 105px;}
.titlebox{text-align: center;margin-bottom: 45px;}
.titlebox span{font-size: 17px;color: #888888;}
.titleh2{font-size: 44px;color: #484848;font-weight: 500;margin-bottom: 30px;}
.partnerul{text-align: center;}
.partnerul li{border:1px #d7d7d7 solid;box-sizing: border-box;display: inline-block;vertical-align: top;}
.newsletter{background-color: #646868;padding-top: 75px;}
.news_tit{padding-bottom: 70px;padding-right: 107px;background-position: 86% bottom;display: inline-block;vertical-align: top;box-sizing: border-box;background-repeat: no-repeat;background-image: url('../images/main/news_tit.png');}
.news_tit>span{font-size: 16px;color: #d2dc29;font-weight: 500;letter-spacing: 1px;}
.news_tit strong{font-size: 44px;color: #fff;font-weight: 400;display: block;}
.news_tit strong span{color: #FFF;}
.news_text{display: inline-block;vertical-align: top;box-sizing: border-box;width: 895px;}
.news_in select,.news_in input{vertical-align: top;box-sizing: border-box;height: 50px;padding-left: 20px;font-size: 16px;color: #484848;}
.news_in select{width: 218px;background-color: #FFF;border:1px #484848 solid;}
.news_in input{width: 456px;background-color: #f3fff8;border:1px #dfdfdf solid;margin: 0 18px 0 5px;}
.news_in input::placeholder{color: #a9a9a9;}
.apply_btn{text-align: center;font-size: 16px;color: #FFF;font-weight: 500;width: 190px;background-repeat: no-repeat;background-image: url('../images/main/apply_bg.png');height: 50px;line-height: 50px;background-size: 100% 100%;}
.news_agree{margin-top: 15px;}
.news_agree label{font-size: 17px;color: #f3fff8;}
.About_us{background-position: center;background-repeat: no-repeat;background-image: url('../images/main/About_us_bg.png');height: 837px;box-sizing: border-box;padding-top: 95px;}
.About_us .titleh2{color: #FFF;}
.About_us .titlebox span{color: #FFF;opacity: 0.8;}

/* footer */
#footer{background-color: #404343;box-sizing: border-box;padding: 50px 0;}
.f_logo,.f_textbox{display: inline-block;vertical-align: top;}
.f_textbox{margin-left: 45px;}
.f_textbox strong{font-size: 16px;color: #c1c1c1;font-weight: 400;display: block;}
.f_textbox p{font-size: 16px;color: #7e7f7f;margin: 20px 0 15px;line-height: 1.8;}
.f_textbox span{font-size: 14px;color: #707070;}

/* sub */
.sub_top{background-repeat: no-repeat;text-align: center;height: 312px;background-position: center;padding-top: 115px;  box-sizing: border-box;}
.st01{background-image: url('../images/sub/sub_top01.png');}
.st02{background-image: url('../images/sub/sub_top02.png');}
.st03{background-image: url('../images/sub/sub_top03.png');}
.st04{background-image: url('../images/sub/sub_top04.png');}
.sub_top h2{font-size: 50px;color: #FFF;height: 39px;margin-bottom: 12px;text-shadow: 1px 1px 3px #362f2f;}
.sub_top span{font-size: 17px;color: #daedef;text-shadow: 1px 1px 3px #365053;}
#snbwrap{margin-top: -64px;}
.snbul{width: 1260px;margin: 0 auto;}
.snbli{border-right: 1px #a9cfd4 solid;float: left;box-sizing: border-box;width: 20%;background:rgba(101,201,214,0.6);}
.snbli:last-child{border-right: 0;}
.snbli a{font-size: 17px;color: #FFF;text-align: center;display: block;height: 64px;line-height: 64px;font-weight: 500;}
.snbli.on{background: #FFF;}
.snbli.on a{color: #484848;}
.snbul_1 .snbli{width: 100%;}
.snbul_2 .snbli{width: 50%;}
.snbul_3 .snbli{width: 33.3%;}
.snbul_6 .snbli{width: 16.6%;}
.tith3 {font-size: 44px;color: #484848;font-weight: 500;text-align: center;margin-bottom: 36px;}
.stbox{text-align: center;}
.stbox span{font-size: 16px;color: #888888;font-weight: 300;}
.aboutus_box{padding-top: 295px;margin-top: 50px;background-repeat: no-repeat;background-image: url('../images/sub/aboutus_bg.png');}
.auul li{padding-top: 188px;text-align: left;padding-left: 67px;line-height: 1.9;width: 403px;margin-right: 21px;background-repeat: no-repeat;box-sizing: border-box;display: inline-block;vertical-align: top;font-size: 17px;color: #484848;}
.au01{background-image: url('../images/sub/au01_bg.png');}
.au02{background-image: url('../images/sub/au02_bg.png');}
.auul .au03{background-image: url('../images/sub/au03_bg.png');margin-right: 0;}
.ci_img{margin: 115px 0 85px;text-align: center;}
.bg_f5fbox{background-color: #f5f5f5;}
.pd80{padding: 80px 0;}
.ciul li{display: inline-block;vertical-align: top;}
.ciul li:first-child{margin-right: 65px;}
#history{position: relative;margin-top: 100px;}
#history::before{content: '';display: block;margin: 0 auto 45px;width: 145px;height: 145px;background-repeat: no-repeat;background-image: url('../images/sub/his_i01.png');}
#history::after{content: '';display: inline-block;transform: translate(-50%);width: 1px;height: 88%;background-color: #d7d7d7;position: absolute;top:145px;left: 50%;}
.his_R{margin-left: 50%;}
.his_R strong::before{content: '';display: inline-block;margin: 0 50px 17px -8px;position: relative;z-index: 1;width: 81px;height: 17px;background-repeat: no-repeat;background-image: url('../images/sub/his_i02.png');}
.his_R p{padding-left: 125px;}
.his_L{margin-right: 50%;text-align: right;}
.his_L strong::after{content: '';display: inline-block;margin: 0 -8px 17px 50px;position: relative;z-index: 1;width: 83px;height: 17px;background-repeat: no-repeat;background-image: url('../images/sub/his_i03.png');}
.his_L p{padding-right: 125px;}
.hisbox{margin-bottom: 40px;}
.hisbox strong{font-size: 44px;color: #484848;font-weight: 500;display: block;}
.hisbox p{box-sizing: border-box;margin-top: 8px;font-size: 17px;color: #646464;}
.his_i{display: block;margin: 0 auto;width: 13px;height: 13px;background-repeat: no-repeat;background-image: url('../images/sub/his_i04.png');}
.brand_story{margin-top: 105px;padding-top: 260px;background-repeat: no-repeat;background-image: url('../images/sub/brand_story.png');}
.brand_story .container{padding-left: 80px;}
.bs_pd{padding:  0 50px;box-sizing: border-box;}
.brand_story strong{display: block;font-size: 30px;color: #484848;font-weight: 500;margin-bottom: 22px;}
.bTbox{border-top:1px #d9d9d9 dashed;margin-top: 65px;padding-top: 55px;box-sizing: border-box;}
.bs_i span{display: block;vertical-align: top;margin-bottom: 27px;text-align: center;}
.bs_i div{text-align: center;vertical-align: top;}
.bsT{font-size: 17px;color: #484848;line-height: 1.8;}
.pro_brand{background-position: center;background-repeat: no-repeat;height: 449px;box-sizing: border-box;padding: 60px 0 65px;margin-bottom: 170px;}
.pro_b02{background-image: url('../images/sub/pro_b02_bg.png');height: 795px;}
.pro_b03{background-image: url('../images/sub/pro_b03.png');height: 488px;}
.pro_b04{background-image: url('../images/sub/pro_b04.png');height: 490px;}
.pro_b05{background-image: url('../images/sub/pro_b05.png');height: 523px;}
.pro_b06{background-image: url('../images/sub/pro_b06.png');}
.pro_img{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 170px;}
.pro_text{width: 50%;padding-top: 40px;display: inline-block;vertical-align: top;box-sizing: border-box;}
.proT{font-size: 20px;color: #484848;line-height: 1.7;}
.pro_text ul {float: left;}
.halful li{display: inline-block;vertical-align: top;width: 300px;}
.board_table{width: 100%;border-top: 2px #000000 solid;color: #484848;font-size: 16px}
.board_table th{border-bottom: 1px #888888 solid;text-align: center;height: 55px;font-weight: 500;}
.board_table td{height: 50px;text-align: center;border-bottom: 1px #d7d7d7 solid;}
.board_table .taL{text-align: left;box-sizing: border-box;padding-left: 10px;}
.fs24{font-size: 24px;font-weight: 500;}
.pagination{text-align: center;}
.pagination li{display: inline-block;vertical-align: top;box-sizing: border-box;border:1px #dfdfdf solid;width: 42px;height: 42px;line-height: 40px;text-align: center;}
.pagination li img{vertical-align: top;}
.pagination a{font-size: 16px;color: #484848;font-weight: 300;}
.pagination .on{border:1px #484848 solid;background-color: #484848;}
.pagination .on a{color: #FFF;}
.searchbox{border:1px #dfdfdf solid;box-sizing: border-box;background-color: #f5f5f5;text-align: center;padding: 43px 0;}
.searchbox .selC{margin-right: 2px;width: 145px;font-weight: 300;background-color: #FFF;border: 1px #d7d7d7 solid;box-sizing: border-box;height: 44px;padding-left: 15px;color: #757575;font-size: 15px;}
.searchbox .inC{width: 346px;font-weight: 300;background-color: #FFF;border: 1px #d7d7d7 solid;box-sizing: border-box;height: 44px;padding-left: 15px;color: #757575;font-size: 15px;}
.search_btn{margin-left: -45px;margin-bottom: -5px;width: 21px;height: 19px;background-repeat: no-repeat;background-image: url('../images/sub/search_i.png');}
.pnT{width: 100%;border-top: 1px #d7d7d7 solid;font-size: 16px;color: #484848;}
.pnT th{font-weight: 500;border-bottom: 1px #d7d7d7 solid;padding: 13px 0;width: 114px;}
.pnT th::after{content: '';display: inline-block;width: 1px;height: 13px;background-color: #d7d7d7;float: right;margin-top: 7px;}
.pnT td{border-bottom: 1px #d7d7d7 solid;padding: 13px 25px;font-weight: 400;}
.board_view{width: 100%;border-top:2px #000000 solid;color: #484848;}
.board_view .headertr th{font-size: 25px;padding: 30px 0 0 35px;font-weight: 500;text-align: left;}
.board_view .headertr td{padding: 20px 0 30px 35px;border-bottom: 1px #888888 solid;font-size: 16px;}
.bar{display: inline-block;margin: 0 20px;color: #d7d7d7;font-size: 13px;}
.board_view td{font-weight: 300;padding: 30px 35px;font-size: 15px;}
.viewbox{line-height: 1.8;min-height: 310px;}
.mapbox{border-top:2px #000000 solid;margin-top: 95px;}
.mapbox iframe{width: 100%;height: 375px;}
.map_text{border-bottom: 1px #d7d7d7 solid;text-align: left;box-sizing: border-box;}
.map_text>span{line-height: 135px;display: inline-block;vertical-align: top;font-size: 20px;color: #484848;margin-left: 40px;}
.map_t01{padding: 45px 20px 30px 20px;}
.map_t02, .map_t03{padding: 30px 20px;}
.map_tL{display: inline-block;vertical-align: middle;font-size: 20px;color: #484848;font-weight: 500;width: 330px;}
.map_tL img{margin-right: 20px;}
.map_tR{display: inline-block;vertical-align: middle;font-size: 17px;color: #484848;line-height: 1.8;}
.visionul li{margin-right: 65px;width: 595px;line-height: 1.9;display: inline-block;box-sizing: border-box;border:1px #d7d7d7 solid;vertical-align: top;background-color: #FFF;font-size: 17px;color: #484848;padding: 35px 40px;}
.visionul li:last-child{margin-right: 0;}
.tmul li{text-align: center;margin-right: 65px;width: 595px;line-height: 1.9;display: inline-block;box-sizing: border-box;border:1px #d7d7d7 solid;vertical-align: top;background-color: #FFF;font-size: 20px;color: #484848;padding: 40px 40px 45px;}
.tmul li:last-child{margin-right: 0;}
.tmul li span{font-size: 24px;font-weight: 700;display: inline-block;margin-left: 8px;}

.parul{border-top: 1px #d7d7d7 solid;border-left: 1px #d7d7d7 solid;}
.parul li{float: left;box-sizing: border-box;width: 25%;background-color: #FFF;text-align: center;padding-bottom: 28px;border-right: 1px #d7d7d7 solid;border-bottom: 1px #d7d7d7 solid;}
.parul li span{display: block;font-size: 17px;color: #484848;}
.parul li div img{width: 100%;}





/* 자주 쓰는 스타일 */
.wid100{width: 100%;}
.inlineB{display: inline-block;vertical-align: top;box-sizing: border-box;}
.relative{position: relative;}
.vaT{vertical-align: top;}
.sub_t{font-size: 17px;color: #484848;line-height: 1.8;word-break: keep-all;}
.dot9dc{background-color: #9dc756;display: inline-block;width: 8px;height: 8px;vertical-align: middle;margin-right: 3px;border-radius: 50%;vertical-align: top;margin-top: 11px;}

.bB0{border-bottom: 0;}
.bR0{border-right: 0;}
.btn54{background-color: #544b41;text-align: center;height: 50px;line-height: 50px;font-size: 16px;color: #FFF;}
.btn_888{background-color: #888888;text-align: center;height: 56px;line-height: 56px;font-size: 16px;color: #FFF;font-weight: 500;width: 150px;}
.bd_484{border:1px #484848 solid;box-sizing: border-box;border-radius: 15px;display: inline-block;font-size: 17px;color: #484848;text-align: center;font-weight: 500;height: 30px;line-height: 28px;width: 88px;}
.bB_484{border-bottom: 1px #484848 solid;padding-bottom: 5px;}

.col333{color: #333333;}
.col30b{color: #30b4b6;}
.fs20_484{font-size: 20px;color: #484848;line-height: 1.8;}
.mL5{margin-left: 5px;}
.mR12{margin-right: 12px;}
.mT8{margin-top: 8px;}
.mT10{margin-top: 10px;}
.mT15{margin-top: 15px;}
.mT20{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT30{margin-top: 30px;}
.mT35{margin-top: 35px;}
.mT40{margin-top: 40px;}
.mT45{margin-top: 45px;}
.mT45{margin-top: 45px;}
.mT50{margin-top: 50px;}
.mT55{margin-top: 55px;}
.mT60{margin-top: 60px;}
.mT65{margin-top: 65px;}
.mT70{margin-top: 70px;}
.mT80{margin-top: 80px;}
.mT85{margin-top: 85px;}
.mT90{margin-top: 90px;}
.mT95{margin-top: 95px;}

.tac{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}

.fs14{font-size: 14px;}
.fs18{font-size: 18px;}
.fw700{font-weight: 700;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}
.fw300{font-weight: 300;}