@charset 'utf-8';
@media all and (min-width:992px){
/*회사개요*/
.com-block{display:block;}
.com-m-img{display:none;}
.com-title{font-size:36px; line-height:52px; margin-bottom:60px; display:block; color:#222; font-family:'HMHLight'; font-weight:normal;}
.com-title span.com-col, .com-sub-txt span.com-col{color:#01549e; font-family:'HMHMedium';}
.com-title span.com-size{font-size:42px;}
.com-sub-txt{font-size:24px; line-height:34px; margin-bottom:30px; color:#444; font-family:'HMHLight';}
.com-sub-txt span.com-size2{font-size:27px;}
.com-sub-txt2{font-size:24px; line-height:34px; margin-bottom:100px; color:#444; font-family:'HMHLight';}
.com-img-box{margin:0 auto; max-width:1014px;}
.com-img-box img{width:100%;}
.iframebox{margin-top:120px;}
.iframebox p{font-size: 42px; margin-bottom:20px; color: #01549e; font-family: 'HMHMedium';}
.iframebox iframe{width:100%; height:658px;}


/*HD현대 가치체계*/
.ideology-m-img{display:none;}
.ideology-title{font-size:36px; line-height:52px; margin-bottom:80px; display:block; color:#222; font-family:'HMHLight'; font-weight:normal;}
.ideology-title span.ideology-col, .ideology-sub-txt span.ideology-col{color:#01549e; font-family:'HMHMedium';}
.ideology-title span.ideology-size{font-size:46px;}
.ideology-sub-txt2{font-size:24px; line-height:34px; margin-bottom:80px; color:#444; font-family:'HMHLight';}
.ideology-img-box{margin:0 auto; max-width:880px;}
.ideology-img-box img{width:100%;}

/* new HD현대 가치체계(20230328) */
/* 중문에서만 필요한 것*/
.cn-break{word-break: break-all !important;}
/* 중문에서만 필요한 것*/

.tab-area{display:flex; align-items: center; width:100%; margin-bottom:100px;}
.tab-area li{width:33.333%;}
.tab-area li a{font-size:24px; line-height:75px; color:#504f4f; display:block; text-align: center; border:1px solid #ccc; font-family:'HMHMedium';}
.tab-area li a.on{color:#fff; background:#01549e; border:1px solid #01549e; position:relative}
.tab-area li a.on:after{width:2px; height:9px; background:#fff; content:''; position:absolute; bottom:-1px; left:50%; transform:translate(-50%, 0);}
.tab-area li:nth-child(1) a, .tab-area li:nth-child(2) a{border-right:none;}

.m-id-tit{display:none}
.id-top-box{width:100%; display:flex; justify-content:space-between}
.id-tit{font-size:38px; line-height:43px; color:#222; display:block;}
.id-top-txt{font-size:32px; line-height:48px; margin-top:60px; color:#222; font-family:'HMHLight'; }
.id-top-img{width:560px; display:block;}
.id-content-box{margin-top:80px;}
.id-content-box .id-box{margin-bottom:80px;}
.id-content-box .id-box:last-child{margin-bottom:0;}
.id-box .id-tit02{font-size:38px; line-height:43px; margin-bottom:55px; color:#222;  display:block;}

.id-vision{display:flex; justify-content: space-between;}
.id-vision .id-vision-list{width:29.9%;} 
.id-vision .id-vision-list:last-child{margin-right:0;}
.id-vision .id-vision-list .id-bg{width:310px; height:310px; margin:0 auto; display: flex; align-items: center; justify-content: center; text-align: center;}
.id-vision .id-vision-list .id-bg.id-bg-other01{background:url('/images/about/ideology/id_bg01.png')no-repeat center; background-size:100%;}
.id-vision .id-vision-list .id-bg.id-bg-other02{background:url('/images/about/ideology/id_bg02.png')no-repeat center; background-size:100%;}
.id-vision .id-vision-list .id-bg.id-bg-other03{background:url('/images/about/ideology/id_bg03.png')no-repeat center; background-size:100%;}
.id-vision .id-vision-list .id-bg .id-bg-txt{font-size:24px; line-height:32px; color:#fff; font-family:'HMHMedium'; word-break: break-word;}
.id-vision .id-vision-list .id-bg-sub-txt{font-size:20px; line-height:28px; margin-top:35px; text-align:center; color:#444; font-family:'HMHLight'; word-break: break-word;}

.id-point li.id-point-list{padding:30px 0; border-bottom:1px solid #cdcdcd;}
.id-point li.id-point-list:first-child{border-top:1px solid #cdcdcd;}
.id-point li div.id-point-tb{width:100%; display:table;}
.id-point li div.id-point-tb .id-point-l{width:330px; display:table-cell; padding-left: 30px; box-sizing: border-box; vertical-align:middle}
.id-point li div.id-point-tb:nth-child(1) .id-point-l .id-point-l-inner{display:flex; align-items: center;} 
.id-point li div.id-point-tb:nth-child(1) .id-point-l img{width:54px;}
.id-point li div.id-point-tb:nth-child(2) .id-point-l img{width:58px;}
.id-point li div.id-point-tb:nth-child(3) .id-point-l img{width:68px;}
.id-point li div.id-point-tb:nth-child(4) .id-point-l img{width:60px;}
.id-point li div.id-point-tb .id-point-l .id-point-tit{font-size:26px; line-height:35px; margin-left:20px; color:#01549e; font-family:'HMHMedium'; word-break: break-word;}
.id-point li div.id-point-tb .id-point-r{width:calc(100% - 330px); padding-left:20px; display:table-cell; vertical-align: middle;} 
.id-point li div.id-point-tb .id-point-r .id-point-txt li{font-size:20px; line-height:28px; padding-left:12px; margin-bottom:10px; color:#444; font-family:'HMHLight'; position:relative}
.id-point li div.id-point-tb .id-point-r .id-point-txt li:last-child{margin-bottom:0;}
.id-point li div.id-point-tb .id-point-r .id-point-txt li:after{width:3px; height:3px; background:#444; content:''; position:absolute; top:10px; left:0;}

/* 지속가능경영 */

.site-more{width:20px; height:20px; margin-left:5px; background:url('/images/common/ico/ico_more.png')no-repeat center; background-size:100%; display:inline-block;}/
.sustain-content{margin-top:100px;}
.sustain-tit{font-size:36px; line-height:52px; margin-bottom:50px; color:#01549e; display:block;}
.sustain-txt{font-size:24px; line-height:32px; margin-bottom:40px; color:#444; word-break: keep-all;}
.sustain-txt-cn{text-align: inherit !important; word-break: break-all !important;}
.sustain-info{font-size:24px; line-height:32px; margin-top:50px; color:#444; word-break: keep-all;}
.sus-down{font-size:18px; line-height:32px; padding:8px 25px 8px 25px; margin-top:60px; color:#197bb8; font-family:'HMHMedium'; border:1px solid #197bb8; display: flex; justify-content: space-between; align-items: center; max-width: 260px; box-sizing: border-box;}
.sus-down i{width:29px; height:29px; content:''; background:url('/images/common/btn/download_btn.png')no-repeat center; background-size:100%; display:inline-block;}

.sus-down.sus-down-en{max-width:560px}

.sustain-list > li{margin-top:55px;}
.sustain-list > li > strong{font-size:27px; line-height:34px; margin-bottom:20px; color:#01549e; display:block; word-break: keep-all;}
.sustain-list > li > p{font-size:24px; line-height:34px; margin-bottom:40px; color:#444; word-break: keep-all; display:block;}

/* 안전보건 */
.tab-area.ko-tab-area.other li:nth-child(4) a, .tab-area.ko-tab-area.other li:nth-child(5) a{border-right:0;}
.sustain-sub-list > li{margin-top:40px; padding-left:20px;}
.sustain-sub-list > li > p:nth-child(1){font-size:22px; line-height:30px; margin-bottom:15px; color:#01549e; word-break:keep-all; display:block; font-weight:600}
.sustain-sub-list > li > p:nth-child(2){font-size:18px; line-height:26px; margin-bottom:30px; color:#444; word-break: keep-all; display:block;}
.sustain-sub-list > li > p:nth-child(3){font-size:18px; line-height:26px; margin-bottom:30px; color:#444; word-break: keep-all; display:block;}
.sustain-sub-list > li > p:nth-child(4){font-size:18px; line-height:26px; margin-bottom:30px; color:#444; word-break: keep-all; display:block;}
.sustain-sub-s-list > li{margin-top:30px; padding-left:25px;}
.sustain-sub-s-list > li > p:nth-child(1){font-size:18px; line-height:24px; margin-bottom:10px; color:#01549e; word-break:keep-all; display:block; font-weight:600}
.sustain-sub-s-list > li > p:nth-child(2){font-size:16px; line-height:22px; margin-bottom:20px; color:#444; word-break: keep-all; display:block;}
.sus-down.other-sus-down{max-width:300px;}


table.sustain-tbl{width:100%; border-collapse : collapse; border-spacing : 0}
table.sustain-tbl{border-top:2px solid #555;}
table.sustain-tbl thead tr th{font-size:22px; padding:10px 0; color:#231f20; font-family:'HMHBold'; text-align:center; border-bottom:2px solid #ccc}
table.sustain-tbl tbody tr th{font-size:18px; padding:13px 0;  color:#231f20; font-family:'HMHBold'; text-align:center; border-bottom:1px solid #ccc; width:295px; word-break: keep-all;}
table.sustain-tbl tbody tr td{font-size:16px; padding:20px; line-height:24px; color:#444; border-bottom:1px solid #ccc; width:calc(100% - 295px); word-break: keep-all;}
.txt-b{font-family:'HMHMedium'; color:#231f20;}

.sustain-order{margin-bottom:60px;}
.sustain-order .sustain-system{display:flex; align-items: center; justify-content:space-between; margin-bottom:40px;}
.sustain-order .sustain-system:last-child{margin-bottom:0; max-width:750px; margin:0 auto;}
.sustain-order .sustain-system:last-child > li{width:45.33%}
.sustain-order .sustain-system > li{width:29%; position:relative}
.sustain-order .sustain-system > li:before{width:16px; height:21px; content:''; background:url('/images/common/ico/ico_arrow.png')no-repeat center; background-size:100%; display:block; position:absolute; top:50%; left:-44px; transform:translate(0, -50%);}
.sustain-order .sustain-system:first-child > li:first-child:before{display:none;}

.sustain-system > li .sustain-system-inner .sustain-system-top{background:#197bb8}
.sustain-system > li .sustain-system-inner .sustain-system-top p{font-size:18px; padding:21px 0; color:#fff; font-family:'HMHMedium'; text-align:center; word-break: keep-all;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom{height:120px; border:1px solid #ccc; padding:20px 10px; box-sizing: border-box; display:flex; justify-content:center; align-items:center;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom ul li{font-size:16px; padding-left:12px; margin-bottom:10px; color:#444; position:relative; word-break: keep-all;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom ul li:last-child{margin-bottom:0;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom ul li:before{width:3px; height:3px; content:''; background:#444; position:absolute; top:6px; left:0;}

.sustain-system.sustain-system-en > li .sustain-system-inner .sustain-system-bottom{height:180px;}

.sus-down.sus-down2{max-width:300px;}
.sus-down.sus-down3{max-width:400px;}


/* 보고서20230615 */
.tab-area.ko-tab-area li{width:25%;}
.tab-area.ko-tab-area.other li{width:20%;}
.tab-area.ko-tab-area li:nth-child(4) a{border-left:0;}
.report-area li.report-list{padding:20px; margin-bottom:40px; background:#eaedf1; box-sizing: border-box; display:table; width:100%;}
.report-area li.report-list:last-child{margin-bottom:0}
.report-area li.report-list div.report-list-l{display:table-cell; width:340px; vertical-align:middle;}
.report-area li.report-list div.report-list-l img{max-width:100%; display:block;}
.report-area li.report-list div.report-list-r{display:table-cell; width:calc(100% - 340px); padding-left:50px; vertical-align:middle; box-sizing: border-box;}
.report-area li.report-list div.report-list-r p{font-size:28px; margin-bottom:10px; font-family: 'HMHMedium'; color:#01549e; font-weight: 700;}
.report-area li.report-list div.report-list-r strong{font-size:32px; font-family: 'HMHMedium'; color:#444; display:block; font-weight: 500;}

.report-area li.report-list div.report-list-r .report-down{margin-top:70px; display:flex; align-items: center;}
.report-area li.report-list div.report-list-r .report-down a{padding:3px 25px; margin-top:0; background:#fff; margin-right:25px; transition:0.3s; box-sizing: border-box;}
.report-area li.report-list div.report-list-r .report-down a:hover{color:#fff; background:#197bb8; transition:0.3s}
.report-area li.report-list div.report-list-r .report-down a:last-child{margin-right:0;}
.report-area li.report-list div.report-list-r .report-down a i.report-down-ico{width:18px; height:17px; margin-left:15px; display:inline-block; background:url('/images/common/ico/ico_down01.png')no-repeat center; background-size:100%; transition:0.3s}
.report-area li.report-list div.report-list-r .report-down a:hover i.report-down-ico{width:18px; height:17px; margin-left:15px; display:inline-block; background:url('/images/common/ico/ico_hover_down01.png')no-repeat center; background-size:100%; transition:0.3s}
.report-area li.report-list div.report-list-r .report-down a i.report-link-ico{width:15px; height:15px; margin-left:15px; display:inline-block; background:url('/images/common/ico/ico_link01.png')no-repeat center; background-size:100%;}
.report-area li.report-list div.report-list-r .report-down a:hover i.report-link-ico{width:15px; height:15px; margin-left:15px; display:inline-block; background:url('/images/common/ico/ico_hover_link01.png')no-repeat center; background-size:100%; transition:0.3s}


/*ceo인사말*/
.ceo-content{display:table;}
.ceo-content .about-item{position:absolute; top:0; left:0; width:991px;}
.ceo-content .about-item > span{font-size:36px; color:#222; font-family:'HMHLight'; display:block; padding-top:8px}
.ceo-content .about-item > span strong{font-size:32px; color:#01549e; font-family:'HMHMedium'; font-weight:normal; display:block; padding-top:10px}
.ceo-content .ceo-txt{display:table-cell; width:50%; vertical-align:top; position:relative; padding-top:140px;}
.ceo-content .ceo-txt p{font-size:24px; line-height:34px; color:#444; font-family:'HMHLight'; margin-top:25px;}
.ceo-content .ceo-txt p:last-child{position:relative; display:inline-block;}
/* .ceo-content .ceo-txt p:last-child:before{content:''; position:absolute; top:-35px; right:-180px; width:160px; height:89px; background:url('/images/about/sign.png') no-repeat;} */
.ceo-content .ceo-img{display:table-cell; width:50%; vertical-align:bottom; position:relative;}
.ceo-content .ceo-img img{display:block; max-width:100%; float:right;}
.ceo-content .ceo-img .name-label{position:absolute; bottom:0; right:26px; background-color:rgba(0, 51, 128, 0.9); color:#Fff; padding:16px 25px;}
.ceo-content .ceo-img .name-label span{font-size:20px; font-family:'HMHLight'; display:block; padding-bottom:10px;}
.ceo-content .ceo-img .name-label strong{font-size:28px; font-family:'HMHMedium'; display:block; font-weight:normal;}

/*연혁*/
.history-content > .hist span{display:block; font-size:36px; color:#333; font-family:'HMHLight';}
.history-content > .hist span strong{font-size:46px; color:#01549e; font-family:'HMHMedium'; font-weight:normal;}
.history-content > .hist p{margin-top:30px; font-size:24px; color:#515151; font-family:'HMHLight'; line-height:36px;}
.history-tab-type{margin-top:80px;}
.history-tab-type ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.history-tab-type ul li{float:left;}
.history-tab-type ul li:last-child{margin-left:-1px;}
.history-tab-type ul li:last-child a{border-left-color:#197bb8; background:url('/images/about/history_ico.png') no-repeat center}
.history-tab-type ul li:first-child a{background:url('/images/about/history_ico_list.png') no-repeat center;}
.history-tab-type ul li a{display:block; width:56px; height:51px; box-sizing:border-box; border:1px solid #bebebe; text-indent:-9999px}
.history-tab-type ul li.on a{border-color:#197bb8;}
.history-tab-type ul li:last-child.on a{background:url('/images/about/history_ico2.png') no-repeat center}
.history-tab-type ul li:first-child.on a{background:url('/images/about/history_ico_list2.png') no-repeat center;}
.history-content .tab-content{margin-top:140px;}
.history-itme{padding:70px 0; position:relative; background:url('/images/about/history_line.gif') repeat-y center top;}
.history-itme:after{content:''; position:absolute; bottom:0; left:50%; width:6px; height:6px; background-color:#ababab; border-radius:100%; margin-left:-3px;}
.history-itme:before{content:''; position:absolute; top:0; left:50%; width:6px; height:6px; background-color:#ababab; border-radius:100%; margin-left:-3px;}
.history-itme > li{padding:0 55px; margin-bottom:140px;}
.history-itme > li:last-child{margin-bottom:0;}
.history-itme > li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.history-itme > li > div{width:50%;}
.history-itme > li .img-item{float:left;}
.history-itme > li .img-item .inner-box{height:192px; margin-right:100px;}
.history-itme > li .txt-item{float:right; margin-top:55px;}
.history-itme > li .txt-item strong{font-size:40px; color:#197bb8; font-family:'HMHMedium'; font-weight:normal; display:block; margin-bottom:15px; position:relative;}
.history-itme > li .txt-item strong:before{content:''; position:absolute; top:50%; left:-100px; background-color:#d5d5d5; width:84px; height:1px;}
.history-itme > li .txt-item .inner-box{padding-left:100px; position:relative;}
.history-itme > li .txt-item .inner-box:before{content:''; position:absolute; top:17px; left:-10px; width:21px; height:21px; background:url('/images/about/history_dot.png') no-repeat; z-index:1;}
.history-itme > li .history-info li{font-size:22px; color:#474747; font-family:'HMHLight'; line-height:30px; padding-bottom:10px;}
.history-itme > li .history-info li.cn-history-list{word-break: break-word !important;}
.history-itme > li .history-info li:last-child{padding-bottom:0;}
.history-itme > li:nth-child(even) .img-item{float:right;}
.history-itme > li:nth-child(even) .img-item .inner-box{margin-left:100px; margin-right:auto;}
.history-itme > li:nth-child(even) .txt-item{float:left;}
.history-itme > li:nth-child(even) .txt-item strong:before{left:auto; right:-100px}
.history-itme > li:nth-child(even) .txt-item .inner-box{padding-right:100px; padding-left:initial; text-align:right;}
.history-itme > li:nth-child(even) .txt-item .inner-box:before{left:auto; right:-10px;}
.history-swiper-box{display:none;}
.history-detail-box{width:100%; height:625px; position:relative; overflow:hidden;}
/* .history-detail-box .svg-box{position:absolute; top:50%; left:0; width:2040px; height:100%; margin-top:-300px; margin-left:auto; z-index:5;} */
.history-detail-box .svg-box{width:100%; height:300px; margin:auto; z-index:5;}
.history-detail-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.history-detail-list > li{float:left; position:relative; width:740px; height:600px; z-index:10;}
.history-detail-list > li .img-box{position:absolute; top:0; left:0; width:100%; height:100%; z-index:20;}
.history-detail-list > li .img-box .inner-img-box{position:relative; width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; -webkit-justify-content:center; justify-content:left; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.history-detail-list > li .img-box .inner-img-box > strong{font-size:45px; color:#fff; font-family:'HMHMedium'; font-weight:normal; text-align:center; display:block; width:100%; line-height:44px;}
.history-detail-list > li .img-box .inner-img-box > strong span{display:block;}
.history-detail-list > li .img-box .txt-box{position:absolute; bottom:50px; left:0; z-index:20; padding:0 50px; box-sizing:border-box;}
.history-detail-list > li .img-box .txt-box strong{font-size:60px; color:#Fff; font-family:'HMHMedium'; font-weight:normal; display:block; margin-bottom:30px; letter-spacing:-1px;}
.history-detail-list > li .img-box .txt-box li{font-size:30px; line-height:36px; color:#Fff; font-family:'HMHLight';}
.history-detail-list > li .img-box .op-box{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(17, 26, 47, 0.1);}
.history-detail-list > li .bg-box{position:absolute; bottom:0; right:0; width:620px; height:430px; background-color:#197bb8; z-index:15;}

/*글로벌네트워크*/
.promotion-txt.type2{font-size:32px; line-height:48px; text-align:left;}
.promotion-txt.type2 strong{font-size:40px; color:#01549e; font-family:'HMHMedium'; font-weight:normal}
.global-content .inner-search{margin:0 30px;}
.global-content .inner-search:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.global-content .content-search .inner-content-select{float:left; width:30%; margin-right:5%;}
.global-content .content-search .inner-content-search{float:left; width:65%;}
.global-content .content-search .inner-content-search input{padding:0 35px;}
.global-content .content-search .inner-content-search .search-txt{width:calc(100% - 69px);}
.global-content .content-search .inner-content-select select{width:100%; background:url('/images/common/ico/b_arrow2.png') no-repeat 95% center; height:64px; -webkit-appearance:none; -moz-appearance:none;
margin:0; border-radius:0; font-size:20px; color:#333; font-family:'HMHLight'; vertical-align:middle; padding:0 35px; cursor:pointer; background-color:#FFF; border: 1px solid #a5a3a3;}

.map-list-area > p{text-align:center; font-size:22px; color:#333; font-family:'HMHLight';}
.map-list-area .global-photo{/* height:656px;  */position:relative; width:100%; margin-top:60px;}
.global-select-content{display:none;}
.map-list-area .global-photo .global-map{width:100%; position:relative;}
.map-list-area .global-photo .global-map img{display:block; width:100%; border:1px solid #d5d9dc;}
.global-map .pin1{position:absolute; top:285px; left:165px;}
.global-map .pin2{position:absolute; top:465px; left:170px;}
.global-map .pin3{position:absolute; top:370px; left:245px;}
.global-map .pin4{position:absolute; top:275px; left:390px;}
.global-map .pin5{position:absolute; top:525px; left:480px;}
.global-map .pin6{position:absolute; top:275px; right:280px;}
.global-map .pin7{position:absolute; top:500px; right:135px;}
.global-map .global-pin .inner-global{position:relative; width:100%; height:100%;}
.global-map .global-pin a{padding:35px 10px 10px; background:url('/images/about/global_pin.png') no-repeat center top; font-size:18px; color:#696e74; font-family:'HMHMedium';}
.global-map .global-pin.on a{color:#01549e; background:url('/images/about/global_pin_on.png') no-repeat center top}
.global-map .global-pin .global-info{display:none; position:absolute; top:-70px; left:60px; width:126px; height:127px; padding-left:36px; background:url('/images/about/global_circle.png') no-repeat;}

.global-map .global-pin.pin_EU .global-info{left:60px;}
.global-map .global-pin.pin_AF .global-info{left:90px;}
.global-map .global-pin.pin_ME .global-info{left:60px;}
.global-map .global-pin.pin_AS .global-info{left:70px;}
.global-map .global-pin.pin_OC .global-info{left:110px;}
.global-map .global-pin.pin_NA .global-info{left:110px;}
.global-map .global-pin.pin_SA .global-info{left:auto; right:110px; background:url('/images/about/global_circle2.png') no-repeat; padding-left:0; padding-right:36px;}

.global-map .global-pin .global-inner{height:127px; display:-webkit-box; display:-ms-flexbox; -webkit-justify-content:center; justify-content:left; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.global-map .global-pin .global-info ul{padding-left:20px;}
.global-map .global-pin .global-info ul li{font-size:17px; color:#fff; font-family:'HMHLight'; margin-bottom:5px;}
.global-map .global-pin .global-info ul li:last-child{margin-bottom:0;}
.global-map .global-pin .global-info ul li span{padding-left:10px;}
.golbal-list-tab{margin:60px 0 20px;}
.golbal-list-tab:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.golbal-list-tab li{float:left; width:25%; position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:17px 0;}
.golbal-list-tab li:first-child:before{display:none;}
.golbal-list-tab li:before{content:''; position:absolute; top:50%; left:0; width:1px; height:17px; background-color:#ccc; margin-top:-8px;}
.golbal-list-tab li a{font-size:20px; color:#504f4f; font-family:'HMHMedium';}
.golbal-list-tab li a.on{color:#197bb8;}
.inner-country-select{margin-bottom:20px;}
.inner-country-select:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.inner-country-select select{float:left; width: 25%; background: url(/images/common/ico/b_arrow2.png) no-repeat 95% center; height: 64px; -webkit-appearance: none; -moz-appearance: none; margin: 0; border-radius: 0; font-size: 20px; color: #333; font-family: 'HMHLight'; vertical-align: middle; padding: 0 35px; cursor: pointer; background-color: #FFF; border: 1px solid #a5a3a3;}
.list-area .list-body ul li.email a{word-break:break-all; line-height:27px; display:inline-block}
.list-area.type4 .list-body ul li{line-height:31px;}
.list-area.type4 ul{display:table; width:100%;}
.list-area.type4 .list-body ul li{height:auto; padding:15px 0; float:none; vertical-align:middle;}
.list-area.type4 ul li{display:table-cell;}
.list-area.type4 ul li.type{/*width:10%;*/display:none}
.list-area.type4 ul li.company{/*width:12%;*/width:15%}
.list-area.type4 ul li.name{width:7%;}
.list-area.type4 ul li.tel{width:12%;}
.list-area.type4 ul li.fax{width:12%;}
.list-area.type4 ul li.email{/*width:16%;*/width:20%}
.list-area.type4 ul li.address{/*width:25%;*/width:28%;}
.list-area.type4 .list-body ul li.address{text-align:left}
.list-area.type4 ul li.map{width:6%;}
.list-area.type4 ul li.map a{display:block; width:22px; height:31px; margin:0 auto;}
.list-area.type4 ul li.map a span{background:url('/images/common/btn/map_btn.png') no-repeat; text-indent:-9999px; display:block;}
.list-area.type5 ul{display:table; width:100%;}
.list-area.type5 .list-body ul li{height:auto; padding:15px 0; float:none; vertical-align:middle;}
.list-area.type5 ul li{display:table-cell; float:none; vertical-align:middle;}
.list-area.type5 ul li.country{width:14%;}
.list-area.type5 ul li.company{width:16%;}
.list-area.type5 ul li.email{width:25%;}
.list-area.type5 ul li.address{width:27%;}
.list-area.type5 .list-body ul li.address{text-align:left; padding-left:30px;}
.list-area.type5 ul li.tel{width:18%;}
.list-area.type5.type5-1 ul li.address{width:auto}

.list-area.type6 ul{display:table; width:100%;}
.list-area.type6 .list-body ul li{height:auto; padding:15px 0; float:none; vertical-align:middle;}
.list-area.type6 .list-body ul li{text-align:left; padding:15px 10px;}
.list-area.type6 .list-body ul li.type{text-align:center;}
.list-area.type6 .list-body ul li.country{text-align:center;}
.list-area.type6 .list-body ul li.email{text-align:center;}
.list-area.type6 .list-body ul li.email a{text-align:left; display:block;}
.list-area.type6 ul li{display:table-cell; float:none; vertical-align:middle;}
.list-area.type6 ul li.type{width:9%;}
.list-area.type6 ul li.country{width:8%;}
.list-area.type6 ul li.company{width:20%;}
.list-area.type6 ul li.address{width:32%;}
.list-area.type6 ul li.tel{width:18%;}
.list-area.type6 ul li.email{width:13%;}
.list-area.type6 ul li.tel a{margin-right:24px}
.list-area.type6 ul li.tel .home-page{vertical-align:text-bottom; margin-right:0; display:inline-block; background:url('/images/common/ico/homepage_ico.png') no-repeat; text-indent:-9999px; width:26px; height:24px}
/*ci*/
.ci-content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.ci-content{margin-bottom:100px;}
.ci-content.type2{position:relative;}
.ci-content.type2 .download-list{position:absolute; top:105px; left:0;}
.ci-content.type2 .download-list li{margin-top:30px; width:205px; }
.ci-content.type2 .download-list li:first-child{margin-top:0;}
.ci-content.type2 .download-list li a{display:block; font-size:18px; color:#197bb8; font-family:'HMHMedium'; line-height:48px; height:50px; box-sizing:border-box; border:1px solid #197bb8; padding:0 24px; background:url('/images/common/btn/download_btn2.png') no-repeat right 24px center; transition:0.2s}
.ci-content.type2 .download-list li a:hover{color:#fff; border:1px solid #fff; background:url('/images/common/btn/download_btn2_on.png') #197bb8 no-repeat right 24px center; transition:0.2s}
.ci-content:last-child{margin-bottom:0;}
.ci-content .ci-title{float:left; width:380px;}
.ci-content .ci-title strong{font-size:38px; color:#333; font-family:'HMHMedium'; font-weight:normal;}
.ci-content .ci-info{float:left; width:calc(100% - 380px);}
.ci-content .ci-info p{font-size:22px; color:#333; font-family:'HMHLight'; line-height:32px;}
.ci-content .ci-info img{display:block; width:100%; margin-top:20px;}
.ci-content .ci-info img.mbl{display:none;}
.ci-content .ci-info span{font-size:24px; color:#333; font-family:'HMHMedium'; font-weight:normal; display:block; margin-top:50px;}

/*찾아오시는 길*/
.tab-content .tab-item{display:none}
.location-content .location-tit{font-size:46px; display:block; font-family:'HMHMedium'; color:#197bb8; font-weight:normal;}
.location-content .location-box{margin-top:50px;}
.location-content .location-box ul{margin-bottom:70px;}
.location-content .location-box ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.location-content .location-box ul li{width:47%; margin-right:6%; float:left;}
/*.location-content .location-box ul.type2 li{width:30%; margin-right:5%;}*/
.location-content .location-box ul li strong{font-size:26px; padding-bottom:20px; color:#000; display:block; border-bottom:1px solid #197bb8; font-weight:normal; margin-bottom:25px; font-family:'HMHMedium';}
.location-content .location-box ul li span{font-size:20px; line-height:32px; color:#5d5d5d; display:block; font-family:'HMHLight';}
.location-content .location-box ul li span a{color:#5d5d5d;}
.location-content .location-box ul li:last-child{margin-right:0;}
.location-content .location-box ul li.type1{background:url('/images/common/ico/location_ico_01.png') no-repeat right top;}
.location-content .location-box ul li.type2{background:url('/images/common/ico/location_ico_02.png') no-repeat right top;}
.location-content .location-box ul li.type3{background:url('/images/common/ico/location_ico_03.png') no-repeat right top;}
.location-content .location-box .map {width:1170px; height:583px;}
.location-content .location-box .map img{display:block; width:100%;}

/*창업자어록*/
.founder-content img{display:block; width:100%}
.founder-intro{margin-bottom:60px}
.founder-intro p{font-size: 36px; line-height: 56px; color: #222; font-family: 'HMHLight';}
.founder-intro p strong{font-size: 46px; color: #01549e; font-family: 'HMHMedium'; font-weight: normal;}
.founder-content .tab-item ul li{border-bottom:1px solid #dfdfdf; font-size: 24px; color: #444; font-family: 'HMHLight'; padding:35px 30px}
.founder-content .tab-item ul li span{display:block; font-size: 18px; color: #666; padding-top:8px}
.founder-content .tab-list{margin-bottom:0; margin-top:60px}
.tab-list.type2 ul li{width:50%}
.tab-list.type2 ul li a{height:60px; display: -webkit-box; display: -ms-flexbox; -webkit-justify-content: center; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; padding:0}
.tab-list.type2 ul li a span{display:block; width:100%}

/*제품*/
.product-intro.mbl{display:none;}
.product-intro .product-intro-txt{font-size:32px; color:#333; font-family:'HMHLight'; line-height:48px; text-align:center; margin-bottom:130px;}
.product-intro .product-intro-txt span{display:block;}
.product-intro .product-intro-txt strong{font-size:40px; color:#01549e; font-family:'HMHMedium'; font-weight:normal;}
.product-intro .product-photo{position:relative; height:50vw; max-height:630px; width:100%;}
.product-intro .product-photo:before{content:''; position:absolute; bottom:0; width:100%; height:28vw; max-height:350px; background-color:#e1e7ed; left:0;}
.product-intro .product-photo .prod-map{width:100%; position:relative;}
.product-intro .product-photo .prod-map > img{display:block; width:100%;}
.prod-map .label-btn{position:absolute; width:125px; height:48px; background:url('/images/product/label.png') no-repeat; z-index:10; transition:0.2s}
.prod-map .label-btn.on{background:url('/images/product/label_on.png') no-repeat; transition:0.2s}
.prod-map .label-btn.on span a{color:#fff; transition:0.2s}
.prod-map .label-btn span{display:block; width:118px; height:33px;}
.prod-map .label-btn span a{display:block; line-height:36px; text-align:center; font-size:20px; font-family:'HMHLight'; color:#333; transition:0.2s}
.prod-map .label-01{top:10px; left:190px;}
.prod-map .label-02{top:245px; left:465px;}
.prod-map .label-03{top:195px; left:495px;}
.prod-map .label-04{top:300px; left:595px;}
.prod-map .label-05{top:330px; left:950px;}
.prod-map .label-06{top:265px; left:990px;}
.prod-map .label-07{top:165px; left:100px;}
.prod-map .label-08{top:120px; left:360px;}
.detail-box .box-itme.box-1{top:10px; left:318px;}
.detail-box .box-itme.box-2{bottom:0px; left:593px;}
.detail-box .box-itme.box-3{top:0px; left:623px;}
.detail-box .box-itme.box-4{bottom:0px; right:61px;}
.detail-box .box-itme.box-5{bottom:0px; right:260px;}
.detail-box .box-itme.box-6{bottom:0px; right:220px;}
.detail-box .box-itme.box-7{top:10px; left:228px;}
.detail-box .box-itme.box-8{top:10px; left:488px;}
.detail-box{position:absolute; top:0; left:0; width:100%; height:100%;}
.detail-box .box-itme{width:416px; border-top:2px solid #197bb8; background-color:#FFF; position:absolute; box-shadow:0px 5px 10px 3px rgba(0, 0, 0, 0.1); box-sizing:border-box; padding:20px 25px 55px; z-index:20; display:none;}
.detail-box .detail-inner:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.detail-box .detail-tit{float:left; width:65%; margin-top:20px;}
.detail-box .detail-img{float:right; width:35%;}
.detail-box .detail-img > div{ position:relative; width:100%; height:140px; box-sizing:border-box;}
.detail-box .detail-img img{display:block; margin:0 auto; max-height:100%; max-width:100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.detail-box .detail-tit strong{font-size:42px; color:#197bb8; font-family:'HMHMedium'; font-weight:normal; display:block;}
.detail-box .detail-tit span{font-size:24px; color:#1d2e66; font-family:'HMHLight'; display:block; margin-top:5px;}
.detail-box .detail-txt{font-size:20px; color:#000; font-family:'HMHMedium'; font-weight:normal; display:block; line-height:24px; margin-bottom:10px;}
.detail-box p{font-size:15px; line-height:24px; color:#444; font-family:'HMHLight';}
.detail-box a{display:block; margin-top:30px; width:114px; height:40px; line-height:40px; border:1px solid #197bb8; box-sizing:border-box; color:#197bb8; font-family:'HMHLight'; font-size:14px; text-align:center;}
.detail-box a span{padding-right:30px; background:url('/images/product/arrow_ico.png') no-repeat right center; transition:0.2s}
.detail-box a:hover{border:1px solid #fff; color:#fff; background-color:#197bb8;}
.detail-box a:hover span{background:url('/images/product/arrow_ico_on.png') no-repeat right center; transition:0.2s}

.quick-link{position:fixed; top:50%; right:0; margin-top:-75px; width:70px; z-index:10}
.quick-link button{display:none}
.quick-link .link{width:225px;}
.quick-link .link a{display:block; line-height:92px; color:#fff; padding-left:22px; font-size:22px; font-family:'HMHMedium'; transition:0.2s; background-color:#197bb8}
.quick-link .link span{display: inline-block; padding-left:48px}
.quick-link .link.type1 span{background: url(/images/common/ico/bros_ico.png) no-repeat center left;}
.quick-link .link.type2 span{background: url(/images/common/ico/video_ico.png) no-repeat center left;}
.quick-link .link a:hover{background-color:#005195}

.prod-area{margin-bottom:60px;}
.prod-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.prod-area .prod-txt{float:left; width:70%;}
.prod-area .prod-img{float:right; width:30%; text-align:right;}
.prod-area .prod-img > div{width:100%; min-height:300px; box-sizing:border-box; padding-left:20px; position:relative;}
.prod-area .prod-img img{margin:0 auto; max-width:80%; max-height:80%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.product-content .prod-tit{font-size:60px; color:#197bb8; font-family:'HMHMedium'; font-weight:normal;}
.product-content .prod-subtit{font-size:30px; color:#333; font-family:'HMHLight'; display:block;}
.product-content .prod-info{font-size:36px; color:#222; font-family:'HMHMedium'; font-weight:normal; display:block; margin-top:25px;}
.product-content .prod-ex{font-size:20px; line-height:28px; color:#555; font-family:'HMHLight'; margin-top:20px;}
.product-content .video-btn{width:168px; height:50px; font-size:18px; line-height:50px; margin-top:65px; border:1px solid #197bb8; box-sizing:border-box; text-align:center; display:block; color:#197bb8; font-family:'HMHMedium'; transition:0.2s}
.product-content .video-btn span{padding-left:40px; line-height:26px; display:inline-block; background:url('/images/common/ico/video_ico.png') no-repeat top left; transition:0.2s; padding-top:3px}
.product-content .video-btn:hover{border:1px solid #fff; color:#fff; background-color:#197bb8; transition:0.2s}
.product-content .video-btn:hover span{background:url('/images/common/ico/video_ico_on.png') no-repeat top left; transition:0.2s}
.product-content .detail-tit{font-size:32px; margin-bottom:30px; color:#000; font-family:'HMHMedium'; font-weight:normal; display:block;}
.product-content .table-box{position:relative;}
.product-content .table-box.mbl{display:none}
.product-content .table-box .table-info{top:-38px; right:0; font-size:20px; position:absolute; color:#231f20; font-family:'HMHLight';}
.product-content .table-box .table-info i{display:inline-block; position:relative; padding-left:15px; font-style:normal;}
.product-content .table-box .table-info i:before{content:'*'; position:absolute; top:5px; left:0;}
.product-content .table-box table{border-top:2px solid #555; border-bottom:1px solid #555; margin-bottom:80px; width:100%; border-collapse:collapse; border-spacing:0;}
.product-content .table-box table thead{border-bottom:2px solid #ccc; }
.product-content .table-box table th{font-size:22px; padding:12px 0; font-family:'HMHBold'; color:#231f20;}
.product-content .table-box table th.fw-m{font-family:'HMHMedium'; font-weight:normal;}
.product-content .table-box table th.fz-d{font-size:18px;}
.product-content .table-box table td{font-size:16px; padding:13px 0; color:#231f20; font-family:'HMHLight'; text-align:center; border-top:1px solid #ccc;}
.product-content .table-box table tr:first-child td{border-top:0;}
.product-content .table-box table td.fw{font-family:'HMHBold';}
.product-content .table-box table td.ta-l{text-align:left; padding-left:30px;}
.product-content .table-box table td.fs-u{font-size:18px;}
.product-content .prod-point > li{margin-bottom:40px;}
.product-content .prod-point > li:last-child{margin-bottom:60px;}
.product-content .prod-point > li strong{font-size:22px; color:#197bb8; font-family:'HMHMedium'; font-weight:normal; display:block;}
.product-content .prod-point > li ul{margin-top:20px;}
.product-content .prod-point > li ul li{font-size:20px; line-height:18px; margin-bottom:10px; padding-left:13px; color:#616161; font-family:'HMHLight'; position:relative;}
.product-content .prod-point > li ul li:last-child{margin-bottom:0;}
.product-content .prod-point > li ul li:before{content:''; position:absolute; top:6px; left:0; width:4px; height:4px; background-color:#4f4f4f; border-radius:100%;}
.mbl-different-prod{display:none;}
.different-prod{position:relative;}
.different-prod .swiper-container{max-width:980px; margin:0 auto;}
.different-prod .swiper-button-prev{width:51px; height:51px; background:url('/images/common/btn/prod_left_btn.gif') no-repeat; position:absolute; top:110px; left:0; text-indent:-9999px; margin:0;}
.different-prod .swiper-button-next{width:51px; height:51px; background:url('/images/common/btn/prod_right_btn.gif') no-repeat; position:absolute; top:110px; right:0; text-indent:-9999px; margin:0;}
.different-prod .swiper-slide a{}
.different-prod .swiper-slide a{display:block; text-align:center;}
.different-prod .swiper-slide a div{position:relative; display:flex; align-items:center; width:100%; height:277px; background-color:#e6eaf0; box-sizing:border-box; padding:20px; overflow:hidden; transition:0.2s}
.different-prod .swiper-slide a div img{margin:0 auto; max-width:100%; max-height:100%;}
.different-prod .swiper-slide a div:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:5px solid #e6eaf0; transition:0.2s}
.different-prod .swiper-slide a:hover div{background-color:#FFF; transition:0.2s}
.different-prod .swiper-slide a:hover div:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:5px solid #197bb8; transition:0.2s}
.different-prod .swiper-slide strong{padding-top:35px; font-size:21px; display:block; color:#333; font-family:'HMHMedium'; font-weight:normal;}
.as-part .hidden-content{display:block; height:0; width:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden;}
.as-part img{display:block; max-width:100%;}
.as-part img.mbl{display:none;}
.as-part .as-title{font-size:34px; color:#333; font-family:'HMHMedium'; font-weight:normal; display:block; margin:160px 0 35px;}
.research-content .inner-tech{background-color:#e1e7ed; margin-bottom:100px;}
.research-content .inner-tech .content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.research-content .inner-tech .txt-box{float:left; width:50%; padding-right:3%;}
.research-content .inner-tech .txt-box > div{padding:30px 0;}
.research-content .inner-tech .txt-box p{font-size:23px; line-height:32px; color:#333333; margin-bottom:20px;}
.research-content .inner-tech .txt-box p:last-child{margin-bottom:0;}
.research-content .inner-tech .swiper-box{float:right; width:47%; position:relative;}
.research-content .inner-tech .swiper-box img{display:block; width:100%;}
.research-content .inner-tech .swiper-box .swiper-pagination{bottom:-30px; left:50%; margin-left:-35px;}
.research-content .inner-tech .swiper-box .swiper-pagination-bullet{width:14px; height:14px; opacity:1; background-color:#bebebe; margin-right:14px;}
.research-content .inner-tech .swiper-box .swiper-pagination-bullet:last-child{margin-right:0;}
.research-content .inner-tech .swiper-box .swiper-pagination-bullet-active{background-color:#197bb8;}
.research-content .inner-tech .swiper-box .swiper-button-next{background:url('/images/research/right_btn.png') no-repeat; width:39px; height:39px; text-indent:-9999px; right:20px; left:auto;}
.research-content .inner-tech .swiper-box .swiper-button-prev{background:url('/images/research/left_btn.png') no-repeat; width:39px; height:39px; text-indent:-9999px; left:20px; right:auto;}
.technology-info{margin-bottom:110px}
.technology-info.organization{margin-bottom:0}
.technology-info.organization img.pc{display:block; max-width:100%; margin:0 auto}
.technology-info.organization img.mbl{display:none}
.technology-info.organization .hidden{display:block; height:0; width:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden;}
.technology-info .tech-tit{font-size:32px; color:#000; font-family:'HMHMedium'; font-weight:normal; display:block; margin-bottom:25px;}
.technology-info .tech-txt{font-size:22px; line-height:32px; color:#515151; font-family:'HMHLight'; margin-bottom:50px;}
.technology-list{border-top:2px solid #444; border-bottom:1px solid #444; border-collapse: collapse; border-spacing: 0; width: 100%;}
.technology-list col:first-child{width:35%;}
.technology-list col:last-child{width:65%;}
.technology-list tr td{border-bottom:1px solid #dfdfdf; vertical-align:middle; padding:30px;}
.technology-list tr td img{display:block; width:100%; max-width:100%}
.technology-list tr:last-child td{border-bottom:0;}
.technology-list tr td strong{display:block; color:#197bb8; font-family:'HMHMedium'; font-weight:normal; padding-bottom:0; font-size:28px; line-height:32px;}
.technology-list tr td span{display:block; color:#333; font-family:'HMHLight'; font-size:20px; padding-top:20px;}
.technology-app > li{margin-bottom:80px;}
.technology-app > li:last-child{margin-bottom:0;}
.technology-app > li > strong{font-size:28px; color:#197bb8; display:block; padding-bottom:20px;}
.technology-app > li > div{border-top:2px solid #444; padding-top:50px;}
.technology-app img{display:block; width:100%;}
.technology-app img.mbl{display:none;}

/*뉴스*/
p.promotion-txt{color:#333; font-size:33px; text-align:center; font-family:'HMHLight'; margin-bottom:70px; letter-spacing:-1px}
.content-search{border:1px solid #dce2e9; background-color:#eaedf1; padding:30px 0; margin-bottom:100px;}
.content-search .inner-content-search:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.content-search .inner-content-search{width:830px; margin:0 auto; height:64px;}
.content-search .inner-content-search .search-txt{float:left; width:760px; height:64px; border:1px solid #a5a3a3; box-sizing:border-box; font-family:'HMHLight'; color:#222; font-size:20px;}
.content-search .inner-content-search .search-btn{float:left; width:69px; height:64px; padding:0; margin:0; background:url('/images/common/btn/search_ico2.png') #363636 no-repeat center; text-indent:-9999px}
.content-search .inner-content-search input::-webkit-input-placeholder {text-align:center; color:#676767}
.content-search .inner-content-search input::-moz-placeholder {text-align:center; color:#676767}
.content-search .inner-content-search input:-ms-input-placeholder {text-align:center; color:#676767}
.content-search .inner-content-search input:-moz-placeholder {text-align:center; color:#676767}
.content-search .inner-content-search input::placeholder {text-align:center; color:#676767}
.result-box{margin-bottom:20px;}
.result-box p{font-size:22px; color:#838383; font-family:'HMHLight';}
.result-box p span{color:#01549e; font-size:28px; font-family:'HMHMedium';}
.news-list{border-top:1px solid #444; border-bottom:1px solid #444;}
.news-list ul li{border-bottom:1px solid #b5b5b5; padding:40px 0;}
.news-list ul li:last-child{border-bottom:0;}
.news-list ul li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.news-list .news-img{float:left; width:376px; height:240px; margin-right:95px;}
.news-list .news-info{float:left; width:calc(100% - 471px);}
.news-list .news-info .news-data{display:block; color:#676767; font-size:16px; font-family:'HMHLight'; margin-bottom:10px;}
.news-list .news-info .news-title{display:block; font-size:26px; font-family:'HMHMedium'; font-weight:normal; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list .news-info .news-title a{color:#1f2023; display:block; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list .news-info .news-txt{color:#676767; font-size:18px; font-family:'HMHLight'; line-height:24px; margin-bottom:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
white-space:normal; max-height:72px; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news-list .news-info .more{background-color:#fff; color:#01549e; font-size:20px; font-family:'HMHLight'; text-align:center; display:inline-block; width:145px; height:42px; line-height:46px; border:1px solid #01549e; transition: 0.1s;}
.news-list .news-info .more span{background:url('/images/common/btn/more_arrow2_on.png') no-repeat right; padding-right:43px; transition: 0.2s;}
.news-list .news-info .more:hover{background-color:#01549e; color:#fff; transition: 0.1s;}
.news-list .news-info .more:hover span{background:url('/images/common/btn/more_arrow2.png') no-repeat right; transition: 0.2s;}
.news-list .img-n .news-info{float:none; width:100%;}

.view-content{}
.view-content .view-head{border-bottom:2px solid #01549e; text-align:center; padding-bottom:20px;}
.view-content .view-head .view-title{color:#1f2023; font-size:32px; font-family:'HMHMedium'; font-weight:normal; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.view-content .view-head .view-data{color:#9d9d9d; font-size:16px; font-family:'HMHLight'; display:block;}
.view-content .view-body{padding:0 8px;}
.view-content .file-area ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.view-content .file-area ul li{float:left; text-align:center; margin-right:5px; margin-bottom:5px;}
.view-content .file-area ul li:last-child{margin-right:0;}
.view-content .file-area ul li a{background-color:#616161; font-size:18px; color:#fff; font-family:'HMHLight'; display:block; padding:0 20px; height:42px; line-height:42px;}
.view-content .file-area ul li a span{padding-left:40px; background:url('/images/common/btn/file_btn.gif') no-repeat left top 5px; display:inline-block;}
.view-content #view img{max-width:100%; width:max-content !important; height:100% !important; display:block; margin:0 auto;}

/*홍보자료*/
.tab-list{margin-bottom:100px;}
.tab-list ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-list ul li{float:left; text-align:center;}
.tab-list.type4 ul li{width:25%;}
.tab-list ul li a{display:block; color:#555; font-size:23px; font-family:'HMHMedium'; border:1px solid #ccc; box-sizing:border-box; border-left:0; padding:16px 0 12px; line-height:1.5;}
.tab-list ul li a.endep-other{min-height:133.5px;}
.tab-list.en-tab-type ul li a{letter-spacing:-0.5px;}

.tab-list ul li:first-child a{border-left:1px solid #ccc;}
.tab-list ul li.on a{color:#fff; background-color:#01549e; border-color:#01549e; position:relative;}
.tab-list ul li.on a:before{content:''; position:absolute; bottom:-1px; left:50%; background-color:#FFF; width:2px; height:9px; margin-left:-1px;}
.list-area.type2 .list-body ul li{line-height:31px; padding:15px 0;}
.list-area.type2 ul li.number{width:13%;}
.list-area.type2 ul li.type{width:13%;}
.list-area.type2 ul li.title{width:45%;} /* 45% */
.list-area.type2 ul li.size{width:13%;}
.list-area.type2 ul li.download{width:16%;}
.list-area.type2 ul li.download a{display:block; width:32px; height:31px; margin:0 auto;}
.list-area.type2 ul li.download a span{background:url('/images/common/btn/download_btn.png') no-repeat; text-indent:-9999px; display:block;}
.list-area.type2 .list-body ul li.title{text-align:center; padding-left:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*공지사항*/
.list-area{border-top:2px solid #444; border-bottom:1px solid #444;}
.list-area .list-head ul{border-top:0;}
.list-area .list-head ul li{text-align:center; color:#1f2023; font-size:20px; font-family:'HMHMedium'; padding:18px 0;}
.list-area .list-body ul li{font-size:18px; color:#616161; font-family:'HMHLight'; text-align:center; padding:17px 0; box-sizing:border-box; line-height:27px; height:60px; word-break:break-word;}
.list-area .list-body ul li.title{text-align:left; padding-left:60px;}
.list-area .list-body ul li.title a{color:#616161; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; vertical-align:middle;}
.list-area .list-body ul.notice li.number span{display:block; width:54px; height:27px; line-height:27px; color:#fff; background-color:#01549e; text-align:center; margin:0 auto;}
.list-area ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.list-area ul{border-top:1px solid #dfdfdf;}
.list-area ul li{float:left;}
.list-area ul li.number{width:14%;}
.list-area ul li.title{width:66%;}
.list-area ul li.data{width:20%;}

/*특허인증*/
.result-box.patent-type{display:none;}
.patent-content ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.patent-content ul li{float:left; width:22%; margin-right:4%; text-align:center; margin-bottom:50px;}
.patent-content ul li:nth-child(4n){margin-right:0;}
.patent-content ul li a{display:block; border:1px solid #ccc; font-size:18px; color:#5b5b5b; font-family:'HMHLight'; padding:30px 20px; position:relative;}
.patent-content ul li a:hover:before{content:''; position:absolute; top:0; right:0; width:100%; height:100%; border:5px solid #197bb8;}
.patent-content ul li a div{display:flex; align-items:center; width:100%; box-sizing:border-box; overflow:hidden;}
.patent-content ul li a div img{width:148px; height:212px; margin:0 auto; box-shadow:1px 1px 3px 0px rgba(132, 132, 132, 0.2)}
.patent-content ul li p{line-height:24px; margin-top:20px; padding-top:20px; border-top:1px solid #ccc; height:50px}
.patent-content ul li p span{display:block;}

/*채용공고*/
.tab-list.type5 ul li{width:33%;}
.list-area.type3 ul li.number{width:11%;}
.list-area.type3 ul li.type{width:7%;}
.list-area.type3 ul li.title{width:33%;}
.list-area.type3 ul li.period{width:36%;}
.list-area.type3 ul li.register{width:13%; position:relative;}
.list-area.type3 ul li.register span{color:#fff; font-size:20px; font-family:'HMHLight'; display:block; width:74px; height:34px; line-height:38px; text-align:center; margin:0 auto; position:absolute; top:50%; left:50%; margin-left:-37px; margin-top:-17px;}
.list-area.type3 ul li.register span.bg-b{background-color:#197bb8;}
.list-area.type3 ul li.register span.bg-g{background-color:#858585;}

.recruit-view{}
.recruit-view .view-head{margin-bottom:20px;}
.recruit-view .view-head .view-title{color:#333; font-size:36px; font-family:'HMHMedium'; font-weight:normal; margin-bottom:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.recruit-view .view-head .view-data{color:#197bb8; font-size:20px; font-family:'HMHMedium'; display:block; padding-left:50px; background:url('/images/common/ico/data_ico.png') no-repeat left center; line-height:38px;}
.recruit-view .view-body{padding-bottom:70px; border-bottom:1px solid #b8b8b8;}
.recruit-view .view-body table{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #444; margin-bottom:20px;}
.recruit-view .view-body table col:first-child{width:15%;}
.recruit-view .view-body table tr td:first-child{background-color:#e9eff6; color:#333; padding-left:40px; font-family:'HMHMedium'; font-weight:normal;}
.recruit-view .view-body table tr:last-child td{border-bottom:1px solid #444;}
.recruit-view .view-body table td{font-size:20px; color:#616161; font-family:'HMHLight'; line-height:30px; min-height:60px; text-align:left; border-bottom:1px solid #dfdfdf; padding:12px 0; padding-left:30px;}
.recruit-view .view-body table td ul li{padding-left:15px; position:relative; margin-bottom:10px;}
.recruit-view .view-body table td ul li:last-child{margin-bottom:0;}
.recruit-view .view-body table td ul li:before{content:''; position:absolute; top:10px; left:0; height:1px; width:6px; background-color:#616161;}
.recruit-view .besides{margin-top:0;}
.recruit-view .link-go{width:217px; background-color:#3f4143; color:#fff; margin:90px auto 0; font-size:22px; font-family:'HMHLight'; text-align:center; line-height:63px; display:block; box-sizing:border-box; height:63px;}
.besides{position:relative; height:53px; margin-top:70px}
.besides .prev-list{position:absolute; top:0; right:0; color:#01549e; border:1px solid #01549e; width:120px; font-size:22px; font-family:'HMHLight'; text-align:center; line-height:57px; display:block; box-sizing:border-box; height:53px; transition:0.2s}
.besides .prev-list:hover{color:#fff; border:1px solid #01549e; background-color:#01549e; transition:0.2s}

/*고객문의*/
.inquiry-info.mbl{display:none;}
.inquiry-info{height:410px; background:url('/images/common/bg/inquiry_bg.jpg') no-repeat; box-sizing:border-box; padding:65px 45px 60px; margin-bottom:135px;}
.inquiry-info > p{font-size:26px; color:#444; font-family:'HMHMedium'; margin-bottom:25px; letter-spacing:-1px}
.inquiry-info > p strong {color:#080c40; font-size:32px; font-weight:normal;}
.inquiry-info .inner-inquiry-info > span{padding-left:55px; display:block; line-height:43px; font-size:26px; color:#080c40; font-family:'HMHBold'; background:url('/images/common/ico/call_ico.png') no-repeat left center; margin-bottom:15px;}
.inquiry-info .inner-inquiry-info > strong{font-size:72px; font-family:'HMHBold'; line-height:72px; font-weight:normal;}
.inquiry-info .inner-inquiry-info > strong a{color:#01549e}
.inquiry-info .inner-inquiry-info .inner-call:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.inquiry-info .inner-inquiry-info .inner-call{margin-top:15px;}
.inquiry-info .inner-inquiry-info .inner-call > span{display:block; width:140px; height:42px; border-radius:7px; background-color:#080c40; line-height:42px; text-align:center; font-size:20px; color:#fff; font-family:'HMHBold'; float:left;}
.inquiry-info .inner-inquiry-info .inner-call p{float:left; font-size:20px; color:#444; font-family:'HMHLight'; line-height:42px; padding:0 20px;}
.inquiry-info .inner-inquiry-info .inner-call p > span{padding-left:15px;}
.inquiry-content .sub-title{font-size:26px; color:#222; font-family:'HMHBold'; display:block; margin-bottom:20px;}
.privacy-box{border-top:2px solid #444; background-color:#F7F7F7; border-bottom:1px solid #dfdfdf; padding:35px 30px 22px; margin-bottom:65px; position:relative;}
.privacy-box p{font-size:18px; font-family:'HMHLight';}
.privacy-box p.text-1{color:#444; margin-bottom:25px;}
.privacy-box p.text-2{color:#676767; line-height:28px; margin:25px 0 30px;}
.privacy-box p.text-2 span{display:block;}
.privacy-box .ul-table{border:1px solid #ddd;}
.privacy-box .ul-table:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.privacy-box .ul-table ul{float:left; width:33.3%;}
.privacy-box .ul-table ul li.lith{background-color:#ebf7fd; font-size:18px; color:#0061a0; font-family:'HMHMedium'; padding:14px 0; text-align:center;}
.privacy-box .ul-table ul li.litd{font-size:18px; color:#676767; font-family:'HMHLight'; background-color:#FFF; border-top:1px solid #ddd; padding:13px 0; text-align:center; min-height: 60px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.privacy-box .ul-table ul li.litd.t-b-o{font-size:22px; font-family: 'HMMLMideum';}
.privacy-box .check-area{text-align:right;}
.privacy-box .privacy-link{position:absolute; bottom:22px; left:30px; display:block; font-size:18px; text-decoration:underline; color:#0061a0;}
.inquiry-box{border-top:2px solid #444; border-bottom:2px solid #444; position:relative;}
.inquiry-box .info-txt{position:absolute; top:-35px; right:0; font-size:18px; color:#676767;}
.inquiry-box .info-txt span.type{padding-left:23px;}
.inquiry-box span.type{padding-left:32px;}
.inquiry-box span.type.ico{background:url('/images/common/ico/check_ico.png') no-repeat left center;}
.inquiry-box dl{border-bottom:1px solid #dfdfdf; display:table; width:100%;}
.inquiry-box dl:last-child{border-bottom:0;}
.inquiry-box dt{display:table-cell; vertical-align:middle; width:175px; padding-left:27px; box-sizing:border-box; background-color:#f7f7f7; font-size:18px; color:#333; font-family:'HMHMedium'; font-weight:normal;}
.inquiry-box dd{display:table-cell; width<!--  -->:calc(100% - 175px); box-sizing:border-box; padding:15px 22px;}
.inquiry-box dd select{width:420px; border:1px solid #dfdfdf; background:url('/images/common/ico/select_ico.png') no-repeat 95% center; height:40px; -webkit-appearance:none; -moz-appearance:none; margin:0; border-radius:0; font-size:18px; color:#676767; font-family:'HMHLight'; vertical-align:middle; padding-left:20px; cursor:pointer;}
.inquiry-box dd input[type=text]{width:420px; height:40px; border:1px solid #dfdfdf; padding:0 20px; font-size:18px; color:#676767; font-family:'HMHLight'; box-sizing:border-box}
.inquiry-box dd input.fullsize{width:100%;}
.inquiry-box dd textarea{font-family: 'HMHLight'; border:1px solid #dfdfdf; width:100%; padding:15px; width:100%; box-sizing:border-box}
.inquiry-box #hidden-file{display:none;}
.inquiry-box .file-select{color:#fff; font-size:18px; background-color:#444; border:1px solid #dfdfdf; font-family:'HMHLight'; padding:0 26px; margin:0; height:40px; line-height:44px; display:inline-block;}
.inquiry-box  #file-zone{display:inline-block; margin-left:30px;}
.inquiry-box  #file-zone span{font-size:16px; color:#666; margin-left:20px;}
.inquiry-box  #file-zone span:first-child{margin-left:0;}
.inquiry-box  #file-zone .file-close{background:url('/images/common/btn/file_close_btn.gif') no-repeat; display:inline-block; width:27px; height:27px; border:0; margin:0; padding:0; text-indent:-9999px; margin-left:15px;}
.inquiry-box .file-txt{font-size:18px; color:#676767; margin-top:20px;}

.inquiry-success{border-top:2px solid #444; background-color:#f7f7f7; padding:65px 0 70px; text-align:center;}
.inquiry-success > div{display:inline-block; background:url('/images/common/ico/inquiry_success_bg.png') no-repeat left center; padding-left:170px;}
.inquiry-success > div strong{font-size:32px; color:#01549e; font-family:'HMHBold'; text-align:left;}
.inquiry-success > div p{font-size:26px; color:#444; font-family:'HMHLight'; line-height:30px; text-align:left; padding-top:15px;}
.inquiry-success > div p span{display:block;}

.btntypebox{display:flex; align-items: center; margin-top:10px;}
.btntype{color: #fff; font-size: 18px; background-color: #444; border: 1px solid #dfdfdf; font-family: 'HMHLight'; padding: 0 26px; margin: 0; height: 40px; line-height: 44px; display: inline-block;}
.btntypebox .btntype{margin-left:10px;}


/*자주묻는질문*/
.faq-wrap{border-top:2px solid #444;}
.faq-wrap .faq-item .close{background:url('/images/common/ico/g_arrow.png') no-repeat right 25px center;}
.faq-wrap .faq-item .open{background:url('/images/common/ico/b_arrow.png') no-repeat right 25px center;}
.faq-wrap .faq-item .question{border-bottom:1px solid #dfdfdf;}
.faq-wrap .faq-item .question p a{display:block; padding:17px 50px 17px 56px; font-size:20px; color:#444; font-family:'HMHMedium'; position:relative;}
.faq-wrap .faq-item .question p a:before{content:'Q'; position:absolute; top:15px; left:20px; width:26px; height:26px; border-radius:100%; text-align:center; background-color:#01549e; color:#fff; line-height:30px;}
.faq-wrap .faq-item .question.open p a{color:#01549e;}
.faq-wrap .faq-item .answer{display:none; padding:35px 50px; border-bottom:1px solid #dfdfdf; background-color:#f3f5f9;}

/*통합검색*/
.tab-list.type7 ul li{width:14%;}
.tab-list.type7 ul li:last-child{width:16%;}
.tab-list.type7 ul li a{font-size:22px;}
.search-content .item-title{display:block; font-size:30px; color:#01549e; font-family:'HMHMedium'; font-weight:normal; padding-bottom:10px;}
.search-content .search-item{margin-bottom:60px;}
.search-content .search-item:last-child{margin-bottom:0;}
.search-content .search-item ul{border-top:2px solid #444; border-bottom:1px solid #444;}
.search-content .search-item ul li{border-top:1px solid #dfdfdf; padding:28px 22px 18px;}
.search-content .search-item ul li:first-child{border-top:0;}
.search-content .search-item ul li > strong{display:block; margin-bottom:5px; font-size:20px; color:#1f2023; font-family:'HMHMedium'; font-weight:normal}
.search-content .search-item ul li > strong > a{font-size:20px; color:#1f2023; font-family:'HMHMedium'; font-weight:normal; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; vertical-align:middle;}
.search-content .search-item ul li > span{font-size:18px; color:#616161; font-family:'HMHLight'; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:32px; max-width:100%; vertical-align:middle;}
.search-content .search-item ul li > a{font-size:18px; color:#fff; font-family:'HMHLight'; display:inline-block; line-height:32px; padding:0 12px; background-color:#197bb8; margin-left:20px;}
.search-content .search-item ul li > span > em{margin-left:10px;}
.search-content .search-item ul li > span > em.ing{color:#980b0b;}
.search-content .search-item ul li > span > em.end{color:#197bb8;}
.search-content .search-item ul li.faq-item{padding:0}
.search-content .search-item ul li.faq-item .question{border:0}

/*개인정보, 이메일무단수집거부*/
.pastrecord{margin-bottom:40px; display:flex; align-items: center; justify-content: flex-end;}
.pastrecord-select{width: 240px; border: 1px solid #dfdfdf; background: url(/images/common/ico/select_ico.png) no-repeat 95% center; height: 40px; -webkit-appearance: none; -moz-appearance: none;
    margin: 0; border-radius: 0; font-size: 18px; color: #676767; font-family: 'HMHLight'; vertical-align: middle; padding-left: 20px; cursor: pointer;}

.information-content .first-info{border:1px solid #ccc; padding:35px 25px; margin-bottom:90px;}
.information-content .first-info p{font-size:22px; line-height:34px; color:#333; font-family:'HMHLight';}
.information-content .first-info p span{display:block; padding-top:10px;}
.information-content .info-depth1 > li{margin-bottom:90px;}
.information-content .info-depth1 > li:last-child{margin-bottom:0;}
.information-content .info-depth2 > li{margin-bottom:30px;}
.information-content .info-depth2 > li:last-child{margin-bottom:0;}
.information-content .info-depth1 > li > strong{display:block; font-size:30px; color:#01549e; font-family:'HMHMedium'; font-weight:normal; padding-bottom:10px;}
.information-content .inner-info{padding:30px 20px 35px; border-top:2px solid #444; border-bottom:1px solid #444;}
.information-content .inner-info > p{font-size:20px; line-height:28px; color:#1f2023; font-family:'HMHLight'; margin-bottom:30px;}
.information-content .inner-info > p.email-txt{margin-bottom:0;}
.information-content .info-depth2 > li > strong{font-size:18px; color:#1f2023; font-family:'HMHMedium'; font-weight:normal; display:block;}
.information-content .info-depth3{margin-top:20px;}
.information-content .info-depth2 > li{font-size:18px}
.information-content .info-depth3 > li > span{display:block; margin-top:20px;}
.information-content .info-depth3 > li{margin-bottom:10px;}
.information-content .info-depth3 > li a{color:#666}
.information-content .info-depth3 > li:last-child{margin-bottom:0}
.information-content .info-depth4{margin-top:10px;}
.information-content .info-depth4 > li{font-size:18px; color:#787878; font-family:'HMHLight'; position:relative; padding-left:15px; margin-bottom:10px;}
.information-content .info-depth4 > li:last-child{margin-bottom:0}
.information-content .info-depth4 > li:before{content:'-'; position:absolute; top:0; left:0;}

/* pctbl */
.mtbl{display:none;}
.pctbl{width:100%; border-spacing:0;}
.pctbl thead th{height: 65px; font-size: 20px; color: #111; font-weight: 500; border-top: 2px solid #e5e5e5; background-color: #f6f8fa;}
.pctbl tbody td{height: 64px; font-size: 18px; color: #111; font-family: 'HMHLight'; word-break: break-all; font-weight: 300;}
.pctbl td, .pctbl th{    border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; vertical-align: middle; line-height: 30px; padding: 7px 10px;}
.pctbl td:last-child, .pctbl th:last-child{border-right:0;}

/*에러*/


/*투자정보 (IR 정보)*/
.list-area.type2 ul li.title.irinfo{width:58%;} 
}

/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1199px){
.tab-list.en-tab-type ul li a{font-size:21px; letter-spacing:-1px;}

/* new HD현대 가치체계(20230328) */
.id-top-img{width:42vw;}

.id-vision .id-vision-list .id-bg{width:25.85vw; height:25.85vw;}
.id-vision .id-vision-list .id-bg .id-bg-txt{font-size:2vw; line-height:2.66vw;}
.id-vision .id-vision-list .id-bg-sub-txt{font-size:1.66vw; line-height:2.33vw; margin-top:2.91vw;}

}

/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
/*회사개요*/
.com-block{display:inline;}
.com-m-img{display:block;}
.com-pc-img{display:none;}
.com-title{font-size:45px; line-height:62px; margin-bottom:80px; display:block; color:#222; font-family:'HMHLight'; font-weight:normal;}
.com-title.ch-com-title{word-break: break-all;}
.com-title span.com-col, .com-sub-txt span.com-col{color:#01549e; font-family:'HMHMedium';}
.com-title span.com-size{font-size:60px;}
.com-sub-txt{font-size:28px; line-height:40px; margin-bottom:30px; color:#444; font-family:'HMHLight';}
.com-sub-txt.ch-com-title{word-break:break-all;}
.com-sub-txt span.com-size2{font-size:32px;}
.com-sub-txt2{font-size:28px; line-height:40px; margin-bottom:100px; color:#444; font-family:'HMHLight';}
.com-img-box{margin:0 auto; max-width:994px;}
.com-img-box img{width:100%;}
.iframebox{margin-top:100px;}
.iframebox p{font-size: 6.05vw; margin-bottom:20px; color: #01549e; font-family: 'HMHMedium';}
.iframebox iframe{width:100%; height:50.75vw;}

/*HD현대 가치체계*/
.ideology-m-img{display:block;}
.ideology-pc-img{display:none;}
.ideology-title{font-size:45px; line-height:62px; margin-bottom:80px; display:block; color:#222; font-family:'HMHLight'; font-weight:normal;}
.ideology-title span.ideology-col, .ideology-sub-txt span.ideology-col{color:#01549e; font-family:'HMHMedium';}
.ideology-title span.ideology-size{font-size:60px;}
.ideology-sub-txt2{font-size:24px; line-height:34px; margin-bottom:100px; color:#444; font-family:'HMHLight';}
.ideology-img-box{margin:0 auto; max-width:880px;}
.ideology-img-box img{width:100%;}

/* new HD현대 가치체계(20230328) */
/* 중문에서만 필요한 것*/
.cn-break{word-break: break-all !important;}
/* 중문에서만 필요한 것*/

.tab-area{display:flex; flex-wrap: wrap; align-items: center; width:100%; margin-bottom:100px;}
.tab-area li{width:50%;}
.tab-area li a{font-size:2.8vw; line-height:75px; color:#504f4f; display:block; text-align: center; border:1px solid #ccc; font-family:'HMHMedium';}
.tab-area li a.on{color:#fff; background:#01549e; border:1px solid #01549e; position:relative}
.tab-area li a.on:after{width:2px; height:9px; background:#fff; content:''; position:absolute; bottom:-1px; left:50%; transform:translate(-50%, 0);}
.tab-area li:nth-child(1) a{border-right:none;}

.id-top-box{width:100%; display:flex; justify-content:inherit; flex-direction: column;}
.m-id-tit{font-size: 52px; line-height: 36px; margin-bottom:70px; color: #222; font-family: 'HMHMedium'; display: block;}
.id-top-txt-box{order:2}
.id-tit{display:none;}
.id-top-txt{font-size:44px; line-height:61px; margin-top:70px; color:#222; font-family:'HMHLight'; }
.id-top-img{width:100%; display:block; order:1}
.id-content-box{margin-top:100px;}
.id-content-box .id-box{margin-bottom:100px;}
.id-content-box .id-box:last-child{margin-bottom:0;}
.id-box .id-tit02{font-size:52px; line-height:36px; margin-bottom:55px; color:#222;  display:block;}

.id-vision{display:block; justify-content:inherit;}
.id-vision .id-vision-list{width:100%; margin-bottom:100px;}
.id-vision .id-vision-list:last-child{margin-bottom:0;} 
.id-vision .id-vision-list:last-child{margin-right:0;}
.id-vision .id-vision-list .id-bg{width:466px; height:466px; margin:0 auto; display: flex; align-items: center; justify-content: center; text-align: center;}
.id-vision .id-vision-list .id-bg.id-bg-other01{background:url('/images/about/ideology/id_bg01.png')no-repeat center; background-size:100%;}
.id-vision .id-vision-list .id-bg.id-bg-other02{background:url('/images/about/ideology/id_bg02.png')no-repeat center; background-size:100%;}
.id-vision .id-vision-list .id-bg.id-bg-other03{background:url('/images/about/ideology/id_bg03.png')no-repeat center; background-size:100%;}
.id-vision .id-vision-list .id-bg .id-bg-txt{font-size:38px; line-height:53px; color:#fff; font-family:'HMHMedium'; word-break: break-word;}
.id-vision .id-vision-list .id-bg-sub-txt{font-size:28px; line-height:39px; margin-top:50px; text-align:center; color:#444; font-family:'HMHLight'; word-break: break-word;}

.id-point li.id-point-list{padding:40px; border-bottom:1px solid #cdcdcd;}
.id-point li.id-point-list:first-child{border-top:1px solid #cdcdcd;}
.id-point li div.id-point-tb{width:100%; display:block;}
.id-point li div.id-point-tb .id-point-l{width:100%; margin-bottom:30px; display:block; box-sizing: border-box;}
.id-point li div.id-point-tb:nth-child(1) .id-point-l .id-point-l-inner{display:flex; align-items: center;} 
.id-point li div.id-point-tb:nth-child(1) .id-point-l img{width:72px;}
.id-point li div.id-point-tb:nth-child(2) .id-point-l img{width:72px;}
.id-point li div.id-point-tb:nth-child(3) .id-point-l img{width:76px;}
.id-point li div.id-point-tb:nth-child(4) .id-point-l img{width:72px;}
.id-point li div.id-point-tb .id-point-l .id-point-tit{font-size:38px; line-height:70px; margin-left:20px; color:#01549e; font-family:'HMHMedium'; word-break: break-word;}
.id-point li div.id-point-tb .id-point-r{width:100%; display:block;} 
.id-point li div.id-point-tb .id-point-r .id-point-txt li{font-size:28px; line-height:39px; padding-left:25px; margin-bottom:15px; color:#444; font-family:'HMHLight'; position:relative; word-break: break-word;}
.id-point li div.id-point-tb .id-point-r .id-point-txt li:last-child{margin-bottom:0;}
.id-point li div.id-point-tb .id-point-r .id-point-txt li:after{width:6px; height:6px; background:#444; content:''; position:absolute; top:15px; left:0;}

/* 지속가능경영 */

.site-more{width:20px; height:20px; margin-left:5px; background:url('/images/common/ico/ico_more.png')no-repeat center; background-size:100%; display:inline-block;}
.sustain-content{margin-top:100px;}
.sustain-tit{font-size:45px; line-height:62px; margin-bottom:70px; color:#01549e; display:block;}
.sustain-txt{font-size:28px; line-height:41px; margin-bottom:50px; color:#444; word-break: keep-all;}
.sustain-txt-cn{text-align: inherit !important; word-break: break-all !important;}
.sustain-info{font-size:28px; line-height:46px; margin-top:60px; color:#444; word-break: keep-all;}

.sus-down{font-size:34px; line-height:40px; padding:30px 50px 30px 50px; margin-top:120px; color:#197bb8; font-family:'HMHMedium'; border:1px solid #197bb8; display: flex; justify-content: space-between; align-items: center; max-width: inherit; box-sizing: border-box;}
.sus-down i{width:49px; height:47px; margin-left:20px; content:''; background:url('/images/common/btn/download_btn.png')no-repeat center; background-size:100%; display:inline-block;}

.sustain-list > li{margin-top:90px;}
.sustain-list > li > strong{font-size:32px; line-height:34px; margin-bottom:60px; color:#01549e; display:block; word-break: keep-all;}
.sustain-list > li > p{font-size:28px; line-height:41px; margin-bottom:50px; color:#444; word-break: keep-all;}

/* 안전보건 */
.tab-area.ko-tab-area.other li:nth-child(3) a{border-bottom:0}
.sustain-sub-list > li{margin-top:40px; padding-left:10px;}
.sustain-sub-list > li > p:nth-child(1){font-size:27px; line-height:42px; margin-bottom:30px; color:#01549e; word-break:keep-all; display:block; font-weight:600}
.sustain-sub-list > li > p:nth-child(2){font-size:23px; line-height:36px; margin-bottom:40px; color:#444; word-break: keep-all; display:block;}
.sustain-sub-list > li > p:nth-child(3){font-size:23px; line-height:36px; margin-bottom:40px; color:#444; word-break: keep-all; display:block;}
.sustain-sub-list > li > p:nth-child(4){font-size:23px; line-height:36px; margin-bottom:40px; color:#444; word-break: keep-all; display:block;}
.sustain-sub-s-list > li{margin-top:30px; padding-left:20px;}
.sustain-sub-s-list > li > p:nth-child(1){font-size:23px; line-height:36px; margin-bottom:20px; color:#01549e; word-break:keep-all; display:block; font-weight:600}
.sustain-sub-s-list > li > p:nth-child(2){font-size:21px; line-height:30px; margin-bottom:30px; color:#444; word-break: keep-all; display:block;}
.sus-down.other-sus-down{max-width:inherit;}


table.sustain-tbl{width:100%; border-collapse : collapse; border-spacing : 0}
table.sustain-tbl{border-top:2px solid #555;}
table.sustain-tbl thead tr th{font-size:36px; padding:16px 0; color:#231f20; font-family:'HMHBold'; text-align:center; border-bottom:2px solid #ccc}
table.sustain-tbl tbody tr th{font-size:26px; padding:13px 0;  color:#231f20; font-family:'HMHBold'; text-align:center; border-bottom:1px solid #ccc; width:200px; word-break: keep-all;}
table.sustain-tbl tbody tr td{font-size:24px; padding:20px; line-height:30px; color:#444; border-bottom:1px solid #ccc; width:calc(100% - 200px); word-break: keep-all;}
.txt-b{font-family:'HMHMedium'; color:#231f20;}

.sustain-order{margin-bottom:60px;}
.sustain-order .sustain-system{display:block; align-items:inherit; justify-content:inherit; margin-bottom:0;}
.sustain-order .sustain-system:last-child{margin-bottom:0; max-width:none; margin:0 auto;}
.sustain-order .sustain-system:last-child > li{width:100%; margin-bottom:60px;}
.sustain-order .sustain-system > li{width:100%; position:relative; margin-bottom:60px;}
.sustain-order .sustain-system > li:before{width:32px; height:42px; content:''; background:url('/images/common/ico/ico_arrow2.png')no-repeat center; background-size:100%; display:block; position:absolute; top:-50px; left:50%; transform:translate(-50%, 0);}
.sustain-order .sustain-system:first-child > li:first-child:before{display:none;}

.sustain-system > li .sustain-system-inner .sustain-system-top{background:#197bb8}
.sustain-system > li .sustain-system-inner .sustain-system-top p{font-size:30px; padding:21px 0; color:#fff; font-family:'HMHMedium'; text-align:center; word-break: keep-all;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom{height:auto; border:1px solid #ccc; padding:30px; box-sizing: border-box; display:flex; justify-content:center; align-items:center;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom ul li{font-size:28px; padding-left:20px; margin-bottom:10px; color:#444; position:relative; word-break: keep-all;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom ul li:last-child{margin-bottom:0;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom ul li:before{width:4px; height:4px; content:''; background:#444; position:absolute; top:12px; left:0;}

.sus-down.sus-down2{max-width:inherit;}


/* 보고서20230615 */
.tab-area.ko-tab-area li:nth-child(3) a{border-top:0;}
.tab-area.ko-tab-area li:nth-child(4) a{border-top:0; border-left:0; border-bottom:0;}
.tab-area.ko-tab-area li:nth-child(6) a{border-left:0;}

.report-area li.report-list{padding:40px; margin-bottom:70px; background:#eaedf1; box-sizing: border-box; display:block; width:100%;}
.report-area li.report-list:last-child{margin-bottom:0}
.report-area li.report-list div.report-list-l{display:block; width:100%}
.report-area li.report-list div.report-list-l img{width:100%; display:block;}
.report-area li.report-list div.report-list-r{display:block; width:100%; box-sizing: border-box;}
.report-area li.report-list div.report-list-r p{margin-top:60px; font-size:46px; margin-bottom:40px; font-family: 'HMHMedium'; color:#01549e; font-weight: 700;}
.report-area li.report-list div.report-list-r strong{font-size:48px; line-height:72px; font-family: 'HMHMedium'; color:#444; display:block; font-weight: 500;}

.report-area li.report-list div.report-list-r .report-down{margin-top:70px; display:flex; align-items: center;}
.report-area li.report-list div.report-list-r .report-down a{font-size:32px; padding:20px 50px; margin-top:0; background:#fff; margin-right:40px;}
.report-area li.report-list div.report-list-r .report-down a:last-child{margin-right:0;}
.report-area li.report-list div.report-list-r .report-down a i.report-down-ico{width:36px; height:34px; margin-left:30px; display:inline-block; background:url('/images/common/ico/ico_down01.png')no-repeat center; background-size:100%;}
.report-area li.report-list div.report-list-r .report-down a i.report-link-ico{width:30px; height:30px; margin-left:30px; display:inline-block; background:url('/images/common/ico/ico_link01.png')no-repeat center; background-size:100%;}




	

.ceo-content{display:flex; flex-direction:column-reverse;}
.ceo-content .about-item > span{color:#222; font-family:'HMHLight';}
.ceo-content .about-item > span strong{color:#01549e; font-family:'HMHMedium'; font-weight:normal;}
.ceo-content .about-item > span strong span{display:block;}
.ceo-content .ceo-txt p{color:#444; font-family:'HMHLight';}
.ceo-content .ceo-txt p:last-child{position:relative; display:inline-block;}
.ceo-content .ceo-txt p:last-child:before{content:''; position:absolute; background:url('/images/about/m_sign.png') no-repeat;}
.ceo-content .ceo-img{position:relative;}
.ceo-content .ceo-img img{display:block; max-width:100%; margin:0 auto;}
.ceo-content .ceo-img .name-label{position:absolute; bottom:0; right:0; background-color:rgba(0, 51, 128, 0.9); color:#Fff;}
.ceo-content .ceo-img .name-label span{font-family:'HMHLight'; display:block;}
.ceo-content .ceo-img .name-label strong{font-family:'HMHMedium'; display:block; font-weight:normal;}

.history-content > .hist span{display:block; color:#333; font-family:'HMHLight';}
.history-content > .hist span strong{color:#01549e; font-family:'HMHMedium'; font-weight:normal; display:block}
.history-content > .hist p{color:#515151; font-family:'HMHLight'; }
.tab-content .tab-item{display:none}
.history-tab-type ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.history-tab-type ul li{float:left;}
.history-tab-type ul li:last-child{margin-left:-1px;}
.history-tab-type ul li:last-child a{border-left-color:#197bb8; background:url('/images/about/m_history_ico.png') no-repeat center}
.history-tab-type ul li:first-child a{background:url('/images/about/m_history_ico_list.png') no-repeat center;}
.history-tab-type ul li a{display:block; box-sizing:border-box; border:1px solid #bebebe; text-indent:-9999px}
.history-tab-type ul li.on a{border-color:#197bb8;}
.history-tab-type ul li:last-child.on a{background:url('/images/about/m_history_ico2.png') no-repeat center}
.history-tab-type ul li:first-child.on a{background:url('/images/about/m_history_ico_list2.png') no-repeat center;}
.history-itme{position:relative; background:url('/images/about/history_line.gif') repeat-y center top;}
.history-itme:after{content:''; position:absolute; bottom:0; left:50%; background-color:#ababab; border-radius:100%;}
.history-itme:before{content:''; position:absolute; top:0; left:50%; background-color:#ababab; border-radius:100%;}
.history-itme > li:last-child{margin-bottom:0;}
.history-itme > li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.history-itme > li > div{width:50%;}
.history-itme > li .img-item{display:none;}
.history-itme > li .txt-item{float:right;}
.history-itme > li .txt-item strong{color:#197bb8; font-family:'HMHMedium'; font-weight:normal; display:block; position:relative;}
.history-itme > li .txt-item strong:before{content:''; position:absolute; top:50%; background-color:#d5d5d5; height:1px;}
.history-itme > li .txt-item .inner-box{position:relative;}
.history-itme > li .txt-item .inner-box:before{content:''; position:absolute; background:url('/images/about/m_history_dot.png') no-repeat; z-index:1;}
.history-itme > li .history-info li{color:#474747; font-family:'HMHLight';}
.history-itme > li .history-info li.cn-history-list{word-break: break-word !important;}
.history-itme > li .history-info li:last-child{padding-bottom:0;}
.history-itme > li:nth-child(even) .txt-item{float:left;}
.history-itme > li:nth-child(even) .txt-item strong:before{left:auto;}
.history-itme > li:nth-child(even) .txt-item .inner-box{padding-left:initial; text-align:right;}
.history-itme > li:nth-child(even) .txt-item .inner-box:before{left:auto;}
.history-swiper-box{display:block; position:relative;}
.history-detail-box{display:none;}
.history-swiper-box .swiper-pagination{top:0;}
.history-swiper-box .swiper-pagination-bullet{background-color:#cdcdcd; border-radius:0; opacity:1;}
.history-swiper-box .swiper-pagination-bullet:last-child{margin-right:0;}
.history-swiper-box .swiper-pagination-bullet-active{background-color:#197bb8;}
.history-swiper-box .swiper-slide .inner-img-box{height:100%; position:relative;}
.history-swiper-box .swiper-slide .txt-box{position:absolute; left:0; z-index:20; box-sizing:border-box; width:100%;}
.history-swiper-box .swiper-slide .txt-box strong{color:#Fff; font-family:'HMHMedium'; font-weight:normal; display:block; letter-spacing:-1px;}
.history-swiper-box .swiper-slide .txt-box li{color:#Fff; font-family:'HMHLight';}
.history-swiper-box .swiper-slide .txt-box li:last-child{padding-bottom:0;}
.history-swiper-box .swiper-slide .op-box{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(17, 26, 47, 0.1);}

.promotion-txt.type2{text-align:left;}
.promotion-txt.type2 strong{color:#01549e; font-family:'HMHMedium'; font-weight:normal}
.global-content .content-search .inner-content-select select{width:100%; background:url('/images/common/ico/m_b_arrow2.png') no-repeat 95% center; -webkit-appearance:none; -moz-appearance:none;
margin:0; border-radius:0; color:#333; font-family:'HMHLight'; vertical-align:middle; cursor:pointer; background-color:#FFF; border:1px solid #a5a3a3;}
.inner-country-select select{width:100%; background:url('/images/common/ico/m_b_arrow2.png') no-repeat 95% center; -webkit-appearance:none; -moz-appearance:none;
margin:0; border-radius:0; color:#333; font-family:'HMHLight'; vertical-align:middle; cursor:pointer; background-color:#FFF; border:1px solid #a5a3a3;}
.global-photo,
.map-list-area > p,
.golbal-list-tab{display:none;}
.list-area.type4 .list-body ul li{position:relative; color:#444;}
.list-area.type4 .list-body ul li:last-child{margin-bottom:0;}
.list-area.type4 ul li a{color:#444;}
.list-area.type4 ul li.type{display:none;}
.list-area.type4 ul li.company{color:#01549e; font-family:'HMHMedium'; padding-left:0 !important;}
.list-area.type4 ul li.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-width:100%;}
.list-area.type4 ul li:before{position:absolute; top:0; left:0; font-family:'HMHMedium';}
.list-area.type4 ul li.name:before{content:'대표';}
.list-area.type4 ul li.tel:before{content:'전화';}
.list-area.type4 ul li.fax:before{content:'팩스';}
.list-area.type4 ul li.email:before{content:'이메일';}
.list-area.type4 ul li.address:before{content:'주소';}
.list-area.type4 ul li.map{padding-left:0 !important;}
.list-area.type4 ul li.map a{display:block; margin:0 auto; border:1px solid #197bb8; background-color:#FFF; text-align:center; box-sizing:border-box; color:#197bb8; font-family:'HMHMedium';}
.list-area.type5 ul{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.list-area.type5 .list-body ul li{position:relative; color:#444;}
.list-area.type5 .list-body ul li:last-child{margin-bottom:0;}
.list-area.type5 ul li a{color:#444;}
.list-area.type5 ul li{position:relative; width:100%;}
.list-area.type5 ul li:before{position:absolute; top:0; left:0; font-family:'HMHMedium';}
.list-area.type5 ul li.company{color:#01549e; font-family:'HMHMedium'; padding-left:0 !important; -webkit-order:-1; order:-1;}
.list-area.type5 ul li.country:before{content:'국가';}
.list-area.type5 ul li.tel:before{content:'연락처';}
.list-area.type5 ul li.address:before{content:'주소';}
.list-area.type5 ul li.email:before{content:'이메일';}

.list-area.type6 ul{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.list-area.type6 .list-body ul li{position:relative; color:#444;}
.list-area.type6 .list-body ul li:last-child{margin-bottom:0;}
.list-area.type6 ul li a{color:#444;}
.list-area.type6 ul li{position:relative; width:100%;}
.list-area.type6 ul li:before{position:absolute; top:0; left:0; font-family:'HMHMedium';}
.list-area.type6 ul li.company{color:#01549e; font-family:'HMHMedium'; padding-left:0 !important; -webkit-order:-1; order:-1;}
.list-area.type6 ul li.type:before{content:'구분';}
.list-area.type6 ul li.country:before{content:'국가';}
.list-area.type6 ul li.tel:before{content:'연락처';}
.list-area.type6 ul li.address:before{content:'주소';}
.list-area.type6 ul li.email:before{content:'이메일';}


.ci-content.type2 .download-list li a{display:block; color:#197bb8; font-family:'HMHMedium'; box-sizing:border-box; border:1px solid #197bb8; background:url('/images/common/btn/m_download_btn2.png') no-repeat right 55px center}
.ci-content:last-child{margin-bottom:0;}
.ci-content .ci-title strong{color:#1f2023; font-family:'HMHMedium'; font-weight:normal;}
.ci-content .ci-info p{color:#333; font-family:'HMHLight'; }
.ci-content .ci-info img.pc{display:none;}
.ci-content .ci-info img{display:block; width:100%; border:1px solid #c2c2c2}
.ci-content .ci-info span{color:#333; font-family:'HMHMedium'; font-weight:normal; display:block; }

.location-content .location-tit{display:none;}
.location-content .location-box{display:flex; flex-direction:column-reverse;}
.location-content .location-box ul li strong{color:#000; display:block; font-weight:normal; font-family:'HMHMedium';}
.location-content .location-box ul li span{color:#5d5d5d; display:block; font-family:'HMHLight';}
.location-content .location-box ul li span a{color:#5d5d5d;}
.location-content .location-box ul li.type1{background:url('/images/common/ico/m_location_ico_01.png') no-repeat right top;}
.location-content .location-box ul li.type2{background:url('/images/common/ico/m_location_ico_02.png') no-repeat right top;}
.location-content .location-box ul li.type3{background:url('/images/common/ico/m_location_ico_03.png') no-repeat right top;}
.location-content .location-box .map img{display:block; width:100%;}

.founder-content img{display:block; width:100%}
.founder-intro p{color: #222; font-family: 'HMHLight';}
.founder-intro p strong{color: #01549e; font-family: 'HMHMedium'; font-weight: normal;}
.founder-content .tab-item ul li{border-bottom:1px solid #dfdfdf; color: #444; font-family: 'HMHLight';}
.founder-content .tab-item ul li span{display:block; color: #666;}
.founder-content .tab-list{margin-bottom:0;}
.tab-list.type2 ul li{width:50%}
.tab-list.type2 ul li a{line-height:1.2; display: -webkit-box; display: -ms-flexbox; -webkit-justify-content: center; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; padding:0}
.tab-list.type2 ul li a span{display:block; width:100%}

.product-intro.pc{display:none;}
.product-intro p.product-intro-txt{color:#333; font-family:'HMHLight'; text-align:center;}
.product-intro p.product-intro-txt strong{color:#01549e; font-family:'HMHMedium'; font-weight:normal;}
.product-intro p.product-intro-txt span{display:block;}
.product-intro ul li{border:1px solid #197bb8;}
.product-intro ul li:last-child{margin-bottom:0;}
.product-intro ul li a{display:block;}
.product-intro ul li a:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.product-intro ul li a .img-box{float:left;}
.product-intro ul li a .img-box div{display:flex; align-items:center; width:100%; box-sizing:border-box}
.product-intro ul li a .img-box div img{margin:0 auto; max-width:100%; max-height:100%;}
.product-intro ul li a .txt-box{float:left; display:-webkit-box; display:-ms-flexbox; -webkit-justify-content:center; justify-content:left; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.product-intro ul li a .txt-box strong{display:block; color:#197bb8; font-family:'HMHMedium'; font-weight:normal;}
.product-intro ul li a .txt-box span{display:block; color:#333; font-family:'HMHLight';}

.prod-area{display:flex; flex-direction:column-reverse;}
.prod-area .prod-img{text-align:center;}
.prod-area .prod-img img{max-width:100%;}
.product-content .prod-tit{color:#197bb8; font-family:'HMHMedium'; font-weight:normal;}
.product-content .prod-subtit{color:#333; font-family:'HMHLight'; display:block;}
.product-content .prod-info{color:#222; font-family:'HMHMedium'; font-weight:normal; display:block;}
.product-content .prod-ex{color:#555; font-family:'HMHLight';}
.product-content .video-btn{border:1px solid #197bb8; box-sizing:border-box; text-align:center; display:block; color:#197bb8; font-family:'HMHMedium';}
.product-content .video-btn span{display:inline-block; background:url('/images/common/ico/m_video_ico.png') no-repeat top left;}
.product-content .detail-tit{color:#000; font-family:'HMHMedium'; font-weight:normal; display:block;}
.product-content .table-box.pc{display:none}
.product-content .table-box .table-info{display:block; color:#231f20; font-family:'HMHLight';}
.product-content .table-box .table-info i{display:inline-block; position:relative; font-style:normal;}
.product-content .table-box .table-info i:before{content:'*'; position:absolute; left:0;}
.product-content .table-box table{border-bottom:1px solid #555; width:100%; border-collapse:collapse; border-spacing:0;}
.product-content .table-box table th{font-family:'HMHBold'; color:#231f20;}
.product-content .table-box table th.fw-m{font-family:'HMHMedium'; font-weight:normal;}
.product-content .table-box table th:first-child{text-align:left;}
.product-content .table-box table td{color:#231f20; font-family:'HMHLight'; text-align:center; border-top:1px solid #ccc;}
.product-content .table-box table tr:first-child td{border-top:0;}
.product-content .table-box table td.fw{font-family:'HMHBold';}
.product-content .table-box table td.ta-l{text-align:left;}
.product-content .prod-point > li strong{color:#197bb8; font-family:'HMHMedium'; font-weight:normal; display:block;}
.product-content .prod-point > li ul li{color:#616161; font-family:'HMHLight'; position:relative;}
.product-content .prod-point > li ul li:last-child{margin-bottom:0;}
.product-content .prod-point > li ul li:before{content:''; position:absolute; left:0; background-color:#4f4f4f; border-radius:100%;}
.different-prod{position:relative; display:none;}
.mbl-different-prod{display:block; position:relative;}
.mbl-different-prod .swiper-button-prev{background:url('/images/common/btn/m_prod_left_btn.gif') no-repeat; position:absolute; top:50%; left:0; text-indent:-9999px; margin:0;}
.mbl-different-prod .swiper-button-next{background:url('/images/common/btn/m_prod_right_btn.gif') no-repeat; position:absolute; top:50%; right:0; text-indent:-9999px; margin:0;}
.mbl-different-prod .swiper-slide a{display:block; text-align:center;}
.mbl-different-prod .swiper-slide a div{flex:1; align-items:center; width:100%; background-color:#e6eaf0; box-sizing:border-box; overflow:hidden}
.mbl-different-prod .swiper-slide strong{display:block; color:#333; font-family:'HMHMedium'; font-weight:normal;}
.as-part .hidden-content{display:block; height:0; width:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden;}
.as-part img.pc{display:none;}
.as-part img{display:block; width:100%;}
.as-part .as-title{color:#333; font-family:'HMHMedium'; font-weight:normal; display:block;}

.research-content .inner-tech .content{display:flex; flex-direction:column-reverse;}
.research-content .inner-tech .txt-box > div{background-color:#e1e7ed;}
.research-content .inner-tech .txt-box p{color:#333}
.research-content .inner-tech .txt-box p:last-child{margin-bottom:0;}
.research-content .inner-tech .swiper-box{position:relative;}
.research-content .inner-tech .swiper-box img{display:block; width:100%;}
.research-content .inner-tech .swiper-box .swiper-pagination{left:50%;}
.research-content .inner-tech .swiper-box .swiper-pagination-bullet{opacity:1; background-color:#bebebe;}
.research-content .inner-tech .swiper-box .swiper-pagination-bullet:last-child{margin-right:0;}
.research-content .inner-tech .swiper-box .swiper-pagination-bullet-active{background-color:#197bb8;}
.research-content .inner-tech .swiper-box .swiper-button-next{background:url('/images/research/m_right_btn.png') no-repeat; text-indent:-9999px; left:auto;}
.research-content .inner-tech .swiper-box .swiper-button-prev{background:url('/images/research/m_left_btn.png') no-repeat; text-indent:-9999px; right:auto;}
.technology-info .tech-tit{color:#000; font-family:'HMHMedium'; font-weight:normal; display:block;}
.technology-info .tech-txt{color:#515151; font-family:'HMHLight';}
.technology-info.organization img.mbl{display:block; max-width:100%; margin:0 auto}
.technology-info.organization img.pc{display:none}
.technology-info.organization .hidden{display:block; height:0; width:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden;}
.technology-list{border-top:2px solid #444; border-bottom:1px solid #444; border-collapse: collapse; border-spacing: 0; width:100%;}
.technology-list tr td{border-bottom:1px solid #dfdfdf; vertical-align:middle;}
.technology-list tr td img{display:block; width:100%; max-width:100%}
.technology-list tr:last-child td{border-bottom:0;}
.technology-list tr td strong{display:block; color:#197bb8; font-family:'HMHMedium'; font-weight:normal; padding-bottom:0;}
.technology-list tr td span{display:block; color:#333; font-family:'HMHLight';}
.technology-app > li:last-child{margin-bottom:0;}
.technology-app > li > strong{color:#197bb8; display:block;}
.technology-app > li > div{border-top:1px solid #444;}
.technology-app img{display:none;}
.technology-app img.mbl{display:block; width:100%;}

p.promotion-txt{color:#333; text-align:center; font-family:'HMHLight'; letter-spacing:-1px}
.content-search .inner-content-search:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.content-search .inner-content-search{width:100%;}
.content-search .inner-content-search .search-txt{float:left; border:1px solid #a5a3a3; box-sizing:border-box; font-family:'HMHLight'; color:#222;}
.content-search .inner-content-search .search-btn{float:left; padding:0; margin:0; background:url('/images/common/btn/m_search_ico2.png') #363636 no-repeat center; text-indent:-9999px}
.result-box p{color:#838383; font-family:'HMHLight';}
.result-box p span{color:#01549e; font-family:'HMHMedium';}

.news-list{border-top:1px solid #444; border-bottom:1px solid #444;}
.news-list ul li{border-bottom:1px solid #b5b5b5;}
.news-list ul li:last-child{border-bottom:0;}
.news-list ul li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.news-list .news-img{float:none; width:100%;}
.news-list .news-info{float:none; width:100%;}
.news-list .news-info .news-data{display:block; color:#676767; font-family:'HMHLight';}
.news-list .news-info .news-title{display:block; font-family:'HMHMedium'; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list .news-info .news-title a{color:#1f2023; display:block; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list .news-info .news-txt{color:#676767; font-family:'HMHLight'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.news-list .news-info .more{display:none;}
.news-list .img-n .news-info{float:none; width:100%;}

.view-content .view-head{text-align:center;}
.view-content .view-head .view-title{color:#1f2023; font-family:'HMHMedium'; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.view-content .view-head .view-data{color:#9d9d9d; font-family:'HMHLight'; display:block;}
.view-content .file-area ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.view-content .file-area ul li{float:left; text-align:center;}
.view-content .file-area ul li:last-child{margin-right:0;}
.view-content .file-area ul li a{background-color:#616161; color:#fff; font-family:'HMHLight'; display:block;}
.view-content .file-area ul li a span{display:inline-block;}
.view-content #view img{max-width:100%; display:block; margin:0 auto; width:100% !important; height:100% !important;}

.tab-list ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-list ul li{float:left; text-align:center;}
.tab-list.type4 ul li{width:25%;}
.tab-list ul li a{display:block; color:#555; font-family:'HMHMedium'; border:1px solid #ccc; box-sizing:border-box; border-left:0;}
.tab-list ul li a span{display:block;}
.tab-list ul li:first-child a{border-left:1px solid #ccc;}
.tab-list ul li.on a{color:#fff; background-color:#01549e; border-color:#01549e; position:relative;}
.tab-list ul li.on a:before{content:''; position:absolute; bottom:-1px; left:50%; background-color:#FFF;}
.list-area.list-type2{border:0;}
.list-area.list-type2 ul:first-child{margin-top:0;}
.list-area.list-type2 ul{background-color:#eceef2;}
.list-area.type2 ul li.type{color:#444; font-family:'HMHMedium';}
.list-area.type2 ul li.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-width:100%;}
.list-area.type2 ul li.download a{display:block; margin:0 auto; border:1px solid #197bb8; background-color:#FFF; text-align:center; box-sizing:border-box; color:#197bb8; font-family:'HMHMedium';}
.list-area.type2 ul li.download a span{background:url('/images/common/btn/m_download_btn.png') no-repeat; display:inline-block;}

.list-area{border-bottom:1px solid #444;}
.list-area .list-head{display:none;}
.list-area .list-body ul li{color:#616161; font-family:'HMHLight'; box-sizing:border-box; word-break: break-word;}
.list-area .list-body ul li.title a{color:#444; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-width:100%; vertical-align:middle; font-family:'HMHMedium';}
.list-area .list-body ul.notice li.number span{display:block; color:#fff; background-color:#00205a; margin:0 auto;}
.list-area ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.list-area ul:first-child{border-top:0;}
.list-area ul{border-top:1px solid #dfdfdf; position:relative;}
.list-area ul li{float:none;}
.list-area ul li.number{display:none;}
.list-area ul li.title{width:100%;}
.list-area ul li.data{width:100%;}
.list-area .list-body ul.notice li.number{text-align:center; position:absolute; top:50%; left:0; display:block;}
.list-area .list-body ul.notice li.title{float:right; text-align:left;}
.list-area .list-body ul.notice li.data{float:right; text-align:left;}

.result-box.patent-type{display:block;}
.patent-content ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.patent-content ul li{float:left; width:46%; margin-right:8%; text-align:center;}
.patent-content ul li:nth-child(even){margin-right:0;}
.patent-content ul li a{display:block; border:1px solid #ccc; color:#5b5b5b; font-family:'HMHLight'; position:relative;}
.patent-content ul li a.on:before{content:''; position:absolute; top:0; right:0; width:100%; height:100%;}
.patent-content ul li a div{display:flex; align-items:center; width:100%; box-sizing:border-box; overflow:hidden;}
.patent-content ul li a div img{width:148px; height:212px; margin:0 auto; box-shadow:1px 1px 3px 0px rgba(132, 132, 132, 0.2)}
.patent-content ul li p{border-top:1px solid #ccc;}
.patent-content ul li p span{display:block;}

.tab-list.type5 ul li{width:50%;}
.tab-list.type5 ul li.dep2{width:50%;}
.tab-list.type5 ul li.dep2 a{border-bottom:0;}
.tab-list.type5 ul li.dep3{width:50%;}
.tab-list.type5 ul li.dep3:nth-child(3n){width:50%;}
.tab-list.type5 ul li.dep3:nth-child(3n) a{border-left:1px solid #ccc;}
.tab-list.type5 ul li{width:20%;}
.list-area.type3 ul li.type{color:#444; font-family:'HMHMedium';}
.list-area.type3 ul li.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-width:100%;}
.list-area.type3 ul li.register span{display:block; margin:0 auto; border:1px solid #197bb8; text-align:center; box-sizing:border-box; font-family:'HMHMedium';}
.list-area.type3 ul li.register span.bg-b{background-color:#FFF; color:#197bb8;}
.list-area.type3 ul li.register span.bg-g{background-color:#197bb8; color:#FFF;}

.recruit-view{}
.recruit-view .view-head .view-title{color:#333; font-family:'HMHMedium'; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.recruit-view .view-head .view-data{color:#197bb8; font-family:'HMHMedium'; display:block; background:url('/images/common/ico/m_data_ico.png') no-repeat left center;}
.recruit-view .view-body{border-bottom: 1px solid #b8b8b8;}
.recruit-view .view-body table{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #444;}
.recruit-view .view-body table tr td:first-child{background-color:#e9eff6; color:#333; font-family:'HMHMedium'; font-weight:normal;}
.recruit-view .view-body table tr:last-child td{border-bottom:1px solid #444;}
.recruit-view .view-body table td{color:#616161; font-family:'HMHLight'; text-align:left; border-bottom:1px solid #dfdfdf;}
.recruit-view .view-body table td ul li{position:relative;}
.recruit-view .view-body table td ul li:last-child{margin-bottom:0;}
.recruit-view .view-body table td ul li:before{content:''; position:absolute; left:0; background-color:#616161;}
.recruit-view .link-go{background-color:#3f4143; color:#fff; border:1px solid #3f4143; font-family:'HMHLight'; text-align:center; display:block; box-sizing:border-box; margin:0 auto;}
.besides .prev-list{color:#01549e; border:1px solid #01549e; font-family:'HMHLight'; text-align:center; display:block; box-sizing:border-box; margin:0 auto;}


.inquiry-info.pc{display:none;}
.inquiry-info a{display:block;}
.inquiry-info a img{width:100%;}
.inquiry-info .inner-inquiry-info > span{display:block; color:#080c40; font-family:'HMHBold'; background:url('/images/common/ico/m_call_ico.png') no-repeat left center;}
.inquiry-info .inner-inquiry-info > strong{font-family:'HMHBold'; font-weight:normal;}
.inquiry-info .inner-inquiry-info > strong a{color:#01549e;}
.inquiry-info .inner-inquiry-info .inner-call > span{display:block; background-color:#080c40; text-align:center; color:#fff; font-family:'HMHBold'; float:none}
.inquiry-info .inner-inquiry-info .inner-call p{float:none; color:#444; font-family:'HMHLight';}
.inquiry-info .inner-inquiry-info .inner-call p > span{display:block;}
.inquiry-content .sub-title{color:#222; font-family:'HMHBold'; display:block;}
.privacy-box{background-color:#F7F7F7; border-bottom:1px solid #dfdfdf;}
.privacy-box p{font-family:'HMHLight';}
.privacy-box p.text-1{color:#444;}
.privacy-box p.text-2{color:#676767;}
.privacy-box p.text-2.cn-text-2{word-break: break-word !important;}
.privacy-box .ul-table{border:1px solid #ddd}
.privacy-box .ul-table ul{display:table; width:100%}
.privacy-box .ul-table ul:first-child{border-top:0;}
.privacy-box .ul-table ul{border-top:1px solid #ddd;}
.privacy-box .ul-table ul li{display:table-cell; box-sizing:border-box; letter-spacing:-1px;}
.privacy-box .ul-table ul li.lith{background-color:#ebf7fd; color:#0061a0; font-family:'HMHMedium'; width:400px;}
.privacy-box .ul-table ul li.litd{color:#676767; font-family:'HMHLight'; background-color:#FFF; width:calc(100% - 400px);}
.privacy-box .ul-table ul li.litd.t-b-o{font-size:40px; font-family: 'HMHMedium';}
.privacy-box .ul-table ul li{word-break: break-word !important;}
.privacy-box .check-area{text-align:right;}
.privacy-box .privacy-link{display:block; text-decoration:underline; color:#0061a0;}
.inquiry-box{position:relative;}
.inquiry-box .info-txt{position:absolute; right:0; color:#676767;}
.inquiry-box span.type.ico{background:url('/images/common/ico/m_check_ico.png') no-repeat left center;}
.inquiry-box dl{border-bottom:1px solid #dfdfdf; display:table; width:100%;}
.inquiry-box dl:last-child{border-bottom:0;}
.inquiry-box dt{display:table-cell; vertical-align:middle; box-sizing:border-box; background-color:#f7f7f7; color:#444; font-family:'HMHMedium'; font-weight:normal;}
.inquiry-box dd{display:table-cell; box-sizing:border-box;}
.inquiry-box dd select{width:100%; border:1px solid #dfdfdf; background:url('/images/common/ico/m_select_ico.png') no-repeat 95% center; -webkit-appearance:none; -moz-appearance:none; margin:0; border-radius:0; color:#676767; font-family:'HMHLight'; vertical-align:middle; cursor:pointer;}
.inquiry-box dd input[type=text]{width:100%; border:1px solid #dfdfdf; color:#676767; font-family:'HMHLight'; box-sizing:border-box}
.inquiry-box dd textarea{border:1px solid #dfdfdf; font-family: 'HMHLight'; width:100%; width:100%; box-sizing:border-box}
.inquiry-box #hidden-file{display:none;}
.inquiry-box .file-select{color:#fff; background-color:#444; border:1px solid #dfdfdf; font-family:'HMHLight'; margin:0; display:inline-block;}
.inquiry-box  #file-zone span{color:#666; display:block;}
.inquiry-box  #file-zone span:first-child{margin-top:0;}
.inquiry-box  #file-zone .file-close{background:url('../../images/common/btn/m_file_close_btn.gif') no-repeat; display:inline-block; border:0; margin:0; padding:0; text-indent:-9999px;}
.inquiry-box .file-txt{color:#676767;}

.inquiry-success{background-color:#f7f7f7; text-align:center;}
.inquiry-success > div{display:inline-block; background:url('/images/common/ico/m_inquiry_success_bg.png') no-repeat center top;}
.inquiry-success > div strong{color:#01549e; font-family:'HMHBold';}
.inquiry-success > div p{color:#444; font-family:'HMHLight';}

.btntypebox{display:flex; align-items: center; margin-top:30px;}
.btntype{font-size: 32px; padding: 0 40px; height: 64px;line-height: 70px; color: #fff; background-color: #444; border: 1px solid #dfdfdf; font-family: 'HMHLight'; margin: 0; display: inline-block;}
.btntypebox .btntype{margin-left:10px; height:74px; line-height:78px;}

.faq-wrap .faq-item{border-bottom:1px solid #444;}
.faq-wrap .faq-item .close{background:url('/images/common/ico/m_select_ico.png') no-repeat right 25px top 47px;}
.faq-wrap .faq-item .open{background:url('/images/common/ico/m_b_arrow.png') no-repeat right 25px top 47px;}
.faq-wrap .faq-item .question p a{display:block; color:#444; font-family:'HMHMedium'; position:relative;}
.faq-wrap .faq-item .question p a:before{content:'Q'; position:absolute; border-radius:100%; text-align:center; background-color:#01549e; color:#fff;}
.faq-wrap .faq-item .question.open p a{color:#01549e;}
.faq-wrap .faq-item .answer{display:none; border-top:1px solid #dfdfdf; background-color:#f3f5f9;}

.tab-list.type7 ul li{width:25%;}
.tab-list.type7 ul li:last-child{width:50%;}
.tab-list.type7 ul li:nth-last-child( n + 4 ) a{border-bottom:0;}
.tab-list.type7 ul li:nth-child(5n) a{border-left:1px solid #ccc;}
.search-content .item-title{display:block; color:#01549e; font-family:'HMHMedium'; font-weight:normal}
.search-content .search-item:last-child{margin-bottom:0;}
.search-content .search-item ul{border-bottom:1px solid #444;}
.search-content .search-item ul li{border-top:1px solid #dfdfdf;}
.search-content .search-item ul li:first-child{border-top:0;}
.search-content .search-item ul li > strong{display:block;}
.search-content .search-item ul li > strong > a{color:#1f2023; font-family:'HMHMedium'; font-weight:normal; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; vertical-align:middle;}
.search-content .search-item ul li > span{color:#616161; font-family:'HMHLight'; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; max-width:100%;}
.search-content .search-item ul li > a{color:#fff; font-family:'HMHLight'; display:inline-block; background-color:#197bb8; vertical-align:middle;}
.search-content .search-item ul li > span > em.ing{color:#980b0b;}
.search-content .search-item ul li > span > em.end{color:#197bb8;}

.information-content .first-info{border:1px solid #ccc;}
.information-content .first-info p{color:#333; font-family:'HMHLight';}
.information-content .first-info p span{display:block;}
.information-content .info-depth1 > li:last-child{margin-bottom:0;}
.information-content .info-depth2 > li:last-child{margin-bottom:0;}
.information-content .info-depth1 > li > strong{display:block; color:#01549e; font-family:'HMHMedium'; font-weight:normal;}
.information-content .inner-info{border-bottom:1px solid #444;}
.information-content .inner-info > p{color:#1f2023; font-family:'HMHLight';}
.information-content .inner-info > p.email-txt{margin-bottom:0;}
.information-content .info-depth2 > li > strong{color:#1f2023; font-family:'HMHMedium'; font-weight:normal; display:block;}
.information-content .info-depth3 > li > span{display:block;}
.information-content .info-depth3 > li:last-child{margin-bottom:0}
.information-content .info-depth3 > li a{color:#666}
.information-content .info-depth4 > li{color:#787878; font-family:'HMHLight'; position:relative;}
.information-content .info-depth4 > li:last-child{margin-bottom:0}
.information-content .info-depth4 > li:before{content:'-'; position:absolute; top:0; left:0;}

.pctbl{display:none;}
.mtbl{display:block;}
.mtbl{width:100%; border-spacing:0;}
.mtbl tbody th{font-size: 34px; padding:10px 20px; color: #111; font-weight: 500; border-top: 2px solid #e5e5e5; background-color: #f6f8fa;}
.mtbl tbody td{font-size: 32px; padding:10px 20px; color: #111; font-family: 'HMHLight'; border-top: 2px solid #e5e5e5; word-break: break-all; font-weight: 300;}
.mtbl tbody tr:last-child th , .mtbl tbody tr:last-child td{border-bottom:1px solid #e5e5e5}



}

/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
.company-content .video{margin-bottom:60px;}
.company-content .about-item{margin-bottom:70px;}
.company-content .about-item span{font-size:45px; line-height:62px;}
.company-content .about-item span strong{font-size:60px;}
.company-content .about-txt p{font-size:28px; line-height:42px; margin-bottom:40px;}
.company-section > div{margin-top:140px;}
.company-section > div strong{font-size:52px; padding-bottom:40px;}
.company-section .inner-company > .company-img{margin-bottom:60px;}
.company-section .inner-company > .company-txt p{font-size:30px; line-height:42px;}
.company-item3 table col:first-child{width:270px}
.company-item3 table col:last-child{width:calc(100% - 270px)}
.company-item3 table tr td{height:295px;}
.company-item3 table tr td:first-child{padding-right:70px}
.company-item3 table tr td strong{font-size: 38px; line-height: 46px;}
.company-item3 table tr td span{font-size: 28px; line-height: 38px; padding-top: 15px;}

.ceo-content .about-item > span{font-size:40px; display:block; padding-top:10px}
.ceo-content .about-item > span strong{font-size:54px; display:block; padding-top:10px}
.ceo-content .ceo-txt p{font-size:30px; line-height:40px; margin-top:40px;}
.ceo-content .ceo-txt p:last-child:before{top:-45px; right:-230px; width:212px; height:123px;}
.ceo-content .ceo-img{margin-bottom:80px;}
.ceo-content .ceo-img .name-label{padding:18px 37px;}
.ceo-content .ceo-img .name-label span{font-size:30px; padding-bottom:10px;}
.ceo-content .ceo-img .name-label strong{font-size:42px;}

.history-content > .hist span{font-size:45px; line-height:56px;}
.history-content > .hist span strong{font-size:60px; padding-bottom:5px;}
.history-content > .hist p{margin-top:50px; font-size:30px; line-height:42px;}
.history-tab-type{margin-top:80px;}
.history-tab-type ul li a{width:94px; height:86px;}
.history-content .tab-content{margin-top:80px;}
.history-itme{padding:110px 0;}
.history-itme:after{width:9px; height:9px; margin-left:-4px;}
.history-itme:before{width:9px; height:9px; margin-left:-4px;}
.history-itme > li{margin-bottom:70px;}
.history-itme > li .txt-item{margin-top:55px;}
.history-itme > li .txt-item strong{font-size:55px; margin-bottom:30px}
.history-itme > li .txt-item strong:before{left:-95px; width:85px; height:1px;}
.history-itme > li .txt-item .inner-box{padding-left:95px}
.history-itme > li .txt-item .inner-box:before{top:17px; left:-17px; width:32px; height:32px;}
.history-itme > li .history-info li{font-size:28px; line-height:40px; padding-bottom:15px;}
.history-itme > li:nth-child(even) .txt-item strong:before{right:-95px}
.history-itme > li:nth-child(even) .txt-item .inner-box{padding-right:95px;}
.history-itme > li:nth-child(even) .txt-item .inner-box:before{right:-16px;}
.history-swiper-box{padding-top:35px;}
.history-swiper-box .swiper-pagination{right:40px;}
.history-swiper-box .swiper-pagination-bullet{width:17px; height:17px; margin-right:10px;}
.history-swiper-box .swiper-slide{height:70vw !important;}
.history-swiper-box .swiper-slide .txt-box{bottom:50px; padding:0 60px;}
.history-swiper-box .swiper-slide .txt-box strong{font-size:62px; margin-bottom:20px;}
.history-swiper-box .swiper-slide .txt-box li{font-size:36px; line-height:42px; padding-bottom:10px;}

.promotion-txt.type2{font-size:36px; line-height:48px;}
.promotion-txt.type2 strong{font-size:54px;}
.global-content .content-search .inner-content-select{margin-bottom:90px;}
.global-content .content-search .inner-content-select select{font-size:34px; padding:0 20px; height:100px; }
.inner-country-select{margin-bottom:90px;}
.inner-country-select select{font-size:34px; padding:0 20px; height:100px; }

.list-area.type4 .list-body ul li{padding-left:125px; margin-bottom:10px; line-height:42px;}
.list-area.type4 ul li.company{font-size:38px; margin-bottom:40px;}
.list-area.type4 ul li.title{font-size:38px; margin-bottom:10px; line-height:46px; max-height:92px}
.list-area.type4 ul li.map{margin-top:75px;}
.list-area.type4 ul li.map a{width:238px; height:83px; line-height:88px;}
.list-area.type4 ul li.map a span{line-height:44px;}
.list-area.type5 .list-body ul li{padding-left:125px; margin-bottom:10px; line-height:42px;}
.list-area.type5 ul li.company{font-size:38px; margin-bottom:40px;}
.list-area.type6 .list-body ul li{padding-left:125px; margin-bottom:10px; line-height:42px;}
.list-area.type6 ul li.company{font-size:38px; margin-bottom:40px;}
.list-area.type6 ul li.tel a{margin-right:18px}
.list-area.type6 ul li.tel .home-page{vertical-align:text-bottom; margin-right:0; display:inline-block; background:url('/images/common/ico/m_homepage_ico.png') no-repeat; text-indent:-9999px; width:46px; height:41px}

.ci-content{margin-bottom:100px;}
.ci-content.type2 .download-list li{margin:50px auto 0; width:380px;}
.ci-content.type2 .download-list li:first-child{margin-top:170px;}
.ci-content.type2 .download-list li a{font-size:34px; line-height:93px; height:95px; padding:0 55px;}
.ci-content .ci-title{margin-bottom:50px;}
.ci-content .ci-title strong{font-size:60px; }
.ci-content .ci-info p{font-size:32px; line-height:42px; margin-bottom:50px;}
.ci-content .ci-info img{margin-top:20px;}
.ci-content .ci-info span{font-size:42px; margin-top:70px;}

.location-content .location-box ul li{margin-top:70px;}
.location-content .location-box ul li strong{font-size:38px; padding-bottom:30px; border-bottom:2px solid #197bb8; margin-bottom:30px;}
.location-content .location-box ul li span{font-size:30px;}
.location-content .location-box ul li:first-child{margin-top:100px;}

.founder-intro{margin-bottom:50px}
.founder-intro p{font-size:45px; line-height: 62px;}
.founder-intro p strong{font-size: 60px;}
.founder-content .tab-item ul li{font-size: 28px; padding:50px 40px}
.founder-content .tab-item ul li span{font-size: 22px; padding-top:12px}
.founder-content .tab-list{margin-top:50px}
.tab-list.type2 ul li a{font-size:36px; height:140px; padding:0 20px}

.product-intro p.product-intro-txt{font-size:46px; line-height:60px;}
.product-intro p.product-intro-txt strong{font-size:50px;}
.product-intro ul{margin-top:120px;}
.product-intro ul li{background:url('/images/product/m_arrow.png') no-repeat right 35px bottom 75px; margin-bottom:75px;}
.product-intro ul li a .img-box{width:245px;}
.product-intro ul li a .img-box div{height:235px; padding:20px;}
.product-intro ul li a .txt-box{width:calc(100% - 345px); height:235px;}
.product-intro ul li a .txt-box strong{font-size:50px;}
.product-intro ul li a .txt-box span{font-size:35px;}

.quick-link{position:fixed; bottom:40px; right:40px; z-index:110; background-color:#005195; border-radius:100%; box-shadow:3px 3px 10px 2px rgba(0, 0, 0, 0.4); width:106px; height:106px;}
.quick-link .inner-quick{position: relative; width:100%; height:100%}
.quick-link button{position:absolute; bottom:0; right:0; padding:0; margin:0; width:100%; height:100%;}
.quick-link .link{width:333px; height:108px; position: relative; display:none}
.quick-link .link a{display:block; color:#fff; font-family:'HMHMedium'; background-color:#197bb8; line-height:108px; padding-left:35px; font-size:32px;}
.quick-link .link span{display: inline-block; padding-left:70px}
.quick-link .link.type1 span{background: url(/images/common/ico/m_bros_ico.png) no-repeat center left;}
.quick-link .link.type2 span{background: url(/images/common/ico/m_video_ico.png) no-repeat center left;}
.quick-dim{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 100; display:none}

.prod-area{margin-bottom:90px;}
.prod-area .prod-txt{margin-top:80px;}
.product-content .prod-tit{font-size:80px;}
.product-content .prod-subtit{font-size:40px; }
.product-content .prod-info{font-size:48px; line-height:55px; margin-top:40px;}
.product-content .prod-ex{font-size:32px; line-height:40px; margin-top:40px;}
.product-content .video-btn{width:230px; height:66px; font-size:26px; line-height:66px; margin-top:30px;}
.product-content .video-btn span{padding-left:56px; line-height:34px; padding-top:4px}
.product-content .detail-tit{font-size:48px; margin-bottom:30px;}
.product-content .table-box .table-info{font-size:24px; margin-bottom:25px;}
.product-content .table-box .table-info i{padding-left:20px;}
.product-content .table-box .table-info i:before{top:6px;}
.product-content .table-box table{border-top:2px solid #555; margin-bottom:100px;}
.product-content .table-box table thead{border-bottom:2px solid #ccc;}
.product-content .table-box table th{font-size:32px; padding:13px 0;}
.product-content .table-box table th.fz-d{font-size:24px;}
.product-content .table-box table td{font-size:22px; padding:20px 0;}
.product-content .table-box table td.ta-l{padding-right:10px;}
.product-content .table-box table td.fs-u{font-size:28px;}
.product-content .prod-point > li{margin-bottom:40px;}
.product-content .prod-point > li:last-child{margin-bottom:80px;}
.product-content .prod-point > li strong{font-size:30px;}
.product-content .prod-point > li ul{margin-top:25px;}
.product-content .prod-point > li ul li{font-size:28px; line-height:32px; margin-bottom:15px; padding-left:18px;}
.product-content .prod-point > li ul li:before{top:11px; width:5px; height:5px;}
.mbl-different-prod > div{margin:0 100px;}
.mbl-different-prod .swiper-button-prev{width:84px; height:84px; margin-top:-42px;}
.mbl-different-prod .swiper-button-next{width:84px; height:84px; margin-top:-42px;}
.mbl-different-prod .swiper-slide a{margin:0 30px}
.mbl-different-prod .swiper-slide a div{height:500px; padding:60px; position: relative;}
.mbl-different-prod .swiper-slide a div img{max-width: 70%; max-height: 70%; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.mbl-different-prod .swiper-slide strong{padding-top:40px; font-size:38px;}
.as-part .as-title{font-size:38px; margin:130px 0 30px;}

.research-content .inner-tech .txt-box > div{padding:40px; margin-bottom:70px;}
.research-content .inner-tech .txt-box p{font-size:28px; line-height:42px;}
.research-content .inner-tech .swiper-box{margin-bottom:140px;}
.research-content .inner-tech .swiper-box .swiper-pagination{bottom:-40px; margin-left:-47px;}
.research-content .inner-tech .swiper-box .swiper-pagination-bullet{width:19px; height:19px; margin-right:19px;}
.research-content .inner-tech .swiper-box .swiper-button-next{width:50px; height:50px; margin-top:-25px;}
.research-content .inner-tech .swiper-box .swiper-button-prev{width:50px; height:50px; margin-top:-25px;}
.technology-info{margin-bottom:110px}
.technology-info.organization{margin-bottom:0}
.technology-info .tech-tit{font-size:50px; margin-bottom:25px;}
.technology-info .tech-txt{font-size:30px; line-height:42px; margin-bottom:75px;}
.technology-list col:first-child{width:45%;}
.technology-list col:last-child{width:55%;}
.technology-list tr td{padding:30px;}
.technology-list tr td strong{font-size:38px; padding-bottom:20px;}
.technology-list tr td span{font-size: 26px; padding-top: 15px; line-height: 32px;}
.technology-app > li{margin-bottom:80px;}
.technology-app > li > strong{font-size:38px; padding-bottom:20px;}
.technology-app > li > div{padding-top:60px;}

p.promotion-txt{font-size:46px; margin-bottom:100px;}
.content-search{margin-bottom:90px;}
.content-search .inner-content-search{height:100px;}
.content-search .inner-content-search .search-txt{width:calc(100% - 107px); height:100px; font-size:34px; padding:0 20px;}
.content-search .inner-content-search .search-btn{width:107px; height:100px;}
.result-box{margin-bottom:15px;}
.result-box p{font-size:32px;}
.result-box p span{font-size:35px;}

.news-list ul li{padding:60px 0 50px}
.news-list .news-img{height:440px; margin-bottom:50px;}
.news-list .news-info .news-data{font-size:28px; margin-bottom:10px;}
.news-list .news-info .news-title{font-size:40px; margin-bottom:20px;}
.news-list .news-info .news-txt{font-size:32px; line-height:46px; max-height:184px;}

.view-content .view-head{border-bottom:2px solid #01549e; padding-bottom:70px;}
.view-content .view-head .view-title{font-size:40px; margin-bottom:20px;}
.view-content .view-head .view-data{font-size:28px;}
.view-content .view-body{padding:0 8px}
.view-content .file-area ul li{margin-right:10px; margin-bottom:10px;}
.view-content .file-area ul li a{font-size:30px; padding:0 40px; height:70px; line-height:70px;}
.view-content .file-area ul li a span{padding-left:70px; background:url('/images/common/btn/m_file_btn.png') no-repeat left top 10px;}

.tab-list{margin-bottom:100px;}
.tab-list.type5 ul li a{font-size:36px;}
.tab-list ul li a{font-size:40px; padding:29px 0 25px;}
.tab-list ul li.on a:before{width:5px; height:16px; margin-left:-3px;}
.list-area.list-type2 ul{border-top:3px solid #197bb8; margin-top:70px; padding:50px 45px 65px;}
.list-area.type2 ul li.type{font-size:40px; margin-bottom:40px;}
.list-area.type2 ul li.title{font-size:38px; margin-bottom:10px; line-height:46px; max-height:92px}
.list-area.type2 ul li.download{margin-top:35px;}
.list-area.type2 ul li.download a{width:238px; height:83px; line-height:81px;}
.list-area.type2 ul li.download a span{padding-left:65px; line-height:44px;}

.list-area{border-top:1px solid #444;}
.list-area .list-body ul li{font-size:28px; min-height:40px}
.list-area .list-body ul li.title a{font-size:38px; max-height:80px; line-height:40px;}
.list-area .list-body ul.notice li.number span{width:100px; height:100px; line-height:100px; font-size:32px;}
.list-area ul{padding:55px 0;}
.list-area ul li.data{padding-top:20px;}
.list-area .list-body ul.notice li.number{width:170px; margin-top:-50px;}
.list-area .list-body ul.notice li.title{width:calc(100% - 170px);}
.list-area .list-body ul.notice li.data{width:calc(100% - 170px);}

.patent-content ul li{margin-bottom:60px;}
.patent-content ul li a{font-size:32px; padding:25px;}
.patent-content ul li a.on:before{border:7px solid #197bb8;}
.patent-content ul li p{line-height:42px; margin-top:25px; padding-top:25px;}

.list-area.type3 ul li.type{font-size:38px; margin-bottom:40px; font-family:'HMHLight'}
.list-area.type3 ul li.title{font-size:38px; margin-bottom:10px; line-height:46px; max-height:92px}
.list-area.type3 ul li.register{margin-top:35px;}
.list-area.type3 ul li.register span{width:238px; height:83px; line-height:88px;}

.recruit-view .view-head{margin-bottom:30px;}
.recruit-view .view-head .view-title{font-size:48px; margin-bottom:50px; line-height:60px; max-height:120px; border-bottom:2px solid #01549e; padding-bottom:50px;}
.recruit-view .view-head .view-data{font-size:30px; padding-left:62px; line-height:53px;}
.recruit-view .view-body{padding-bottom:90px;}
.recruit-view .view-body .inner-table{margin-bottom:70px;}
.recruit-view .view-body table col:first-child{width:30%}
.recruit-view .view-body table tr td:first-child{color:#333; padding-left:40px; font-size:36px; padding-right:20px;}
.recruit-view .view-body table td{font-size:34px; padding:28px 0; padding-left:45px;}
.recruit-view .view-body table td ul li{padding-left:20px; margin-bottom:15px;}
.recruit-view .view-body table td ul li:before{top:15px; height:2px; width:10px;}
.recruit-view .link-go{width:380px; font-size:42px; line-height:108px; height:108px; margin:100px auto 0;}
.besides{margin-top:90px;}
.besides .prev-list{width:263px; font-size:42px; line-height:108px; height:108px;}

.inquiry-info{margin-bottom:125px;}
.inquiry-info .inner-inquiry-info > span{padding-left:70px; line-height:51px; font-size:32px; margin-bottom:15px;}
.inquiry-info .inner-inquiry-info > strong{font-size:80px;}
.inquiry-info .inner-inquiry-info .inner-call{margin-top:20px;}
.inquiry-info .inner-inquiry-info .inner-call > span{width:274px; height:84px; border-radius:15px; line-height:84px; font-size:36px;}
.inquiry-info .inner-inquiry-info .inner-call p{font-size:34px; line-height:48px; margin-top:25px;}
.inquiry-content .sub-title{font-size:44px; margin-bottom:20px;}
.privacy-box{border-top:2px solid #444; padding:50px 30px; margin-bottom:125px;}
.privacy-box p.text-1{margin-bottom:65px; font-size:36px; line-height:46px;}
.privacy-box p.text-2{font-size:34px; line-height:46px; margin:50px 0;}
.privacy-box .ul-table ul li{padding:25px; font-size:32px;}
.privacy-box .privacy-link{font-size:34px; margin-bottom:40px}
.inquiry-box{border-top:2px solid #444; border-bottom:2px solid #444;}
.inquiry-box .info-txt{top:-50px; font-size:34px;}
.inquiry-box .info-txt span.type{padding-left:40px;}
.inquiry-box span.type{padding-left:47px;}
.inquiry-box dt{width:210px; padding-left:27px; font-size:36px;}
.inquiry-box dd{width:calc(100% - 210px); padding:20px 25px;}
.inquiry-box dd select{height:74px; font-size:32px; padding-left:20px;}
.inquiry-box dd input[type=text]{height:74px; padding:0 20px; font-size:32px;}
.inquiry-box dd textarea{padding:20px;}
.inquiry-box .file-select{font-size:32px; padding:0 40px; height:64px; line-height:70px;}
.inquiry-box  #file-zone{margin-top:30px;}
.inquiry-box  #file-zone span{font-size:28px; margin-top:20px;}
.inquiry-box  #file-zone .file-close{width:50px; height:50px; margin-left:15px;}
.inquiry-box .file-txt{font-size:32px; margin-top:20px;}

.inquiry-success{border-top:2px solid #444; padding:100px 10px 70px;}
.inquiry-success > div{padding-top:275px;}
.inquiry-success > div strong{font-size:40px; line-height:50px;}
.inquiry-success > div p{font-size:34px; line-height:42px; padding-top:45px;}

.faq-wrap{border-top:1px solid #444;}
.faq-wrap .faq-item .question p a{padding:35px 70px 35px 100px; font-size:36px;}
.faq-wrap .faq-item .question p a:before{top:28px; left:30px; width:50px; height:50px; line-height:56px; font-size:32px;}
.faq-wrap .faq-item .answer{padding:50px 40px; font-size:24px; line-height:1.4}

.tab-list.type7 ul li a{font-size:40px;}
.search-content .item-title{font-size:44px; padding-bottom:10px;}
.search-content .search-item{margin-bottom:120px;}
.search-content .search-item ul{border-top:2px solid #444;}
.search-content .search-item ul li{padding:49px 25px 33px}
.search-content .search-item ul li > strong{margin-bottom:20px;}
.search-content .search-item ul li > strong > a{font-size:36px;}
.search-content .search-item ul li > span{font-size:30px; line-height:46px;}
.search-content .promotion-item ul li > span{max-width:calc(100% - 170px);}
.search-content .agency-item ul li > span{max-width:calc(100% - 120px);}
.search-content .search-item ul li > a{font-size:30px; line-height:46px; padding:0 20px; margin-left:30px;}
.search-content .search-item ul li > span > em{margin-left:20px;}
.search-content .search-item.faq-item ul li{padding:74px 25px 54px}
.search-content .search-item ul li.faq-item{padding:0}

.information-content .first-info{padding:45px 40px; margin-bottom:110px;}
.information-content .first-info p{font-size:36px; line-height:50px;}
.information-content .first-info p span{padding-top:30px;}
.information-content .info-depth1 > li{margin-bottom:90px;}
.information-content .info-depth2 > li{margin-bottom:30px;}
.information-content .info-depth1 > li > strong{font-size:44px; padding-bottom:10px;}
.information-content .inner-info{padding:35px; border-top:2px solid #444;}
.information-content .inner-info > p{font-size:34px; line-height:42px; margin-bottom:35px;}
.information-content .info-depth2 > li > strong{font-size:32px;}
.information-content .info-depth3{margin-top:30px;}
.information-content .info-depth2 > li{font-size:32px}
.information-content .info-depth3 > li > span{margin-top:30px;}
.information-content .info-depth3 > li{margin-bottom:5px;}
.information-content .info-depth4{margin-top:10px;}
.information-content .info-depth4 > li{font-size:32px; padding-left:25px; margin-bottom:10px;}

/*개인정보, 이메일무단수집거부*/
.pastrecord{margin-bottom:80px; display:flex; align-items: center; justify-content: flex-end;}
.pastrecord-select{width: 50%; height: 74px; font-size:32px; padding-left:20px; border: 1px solid #dfdfdf; background: url(/images/common/ico/m_select_ico.png) no-repeat 95% center; -webkit-appearance: none;
    -moz-appearance: none; margin: 0; border-radius: 0; color: #676767; font-family: 'HMHLight'; vertical-align: middle; cursor: pointer;}

}

/*************************************************모바일*************************************************/
@media all and (max-width:767px){
/*회사개요*/
.company-content .video{margin-bottom:30px;}
.company-content .about-item{margin-bottom:35px;}
.company-content .about-item span{font-size:24px; line-height:32px;}
.company-content .about-item span strong{font-size:32px;}
.company-content .about-txt p{font-size:16px; line-height:24px; margin-bottom:20px;}
.company-section > div{margin-top:70px;}
.company-section > div strong{font-size:26px; padding-bottom:20px;}
.company-section .inner-company > .company-img{margin-bottom:30px;}
.company-section .inner-company > .company-txt p{font-size:16px; line-height:24px;}
.company-item3 table col:first-child{width:135px}
.company-item3 table col:last-child{width:calc(100% - 135px)}
.company-item3 table tr td{height:150px;}
.company-item3 table tr td:first-child{padding-right:35px}
.company-item3 table tr td strong{font-size: 20px; line-height: 26px;}
.company-item3 table tr td span{font-size: 16px; line-height:22px; padding-top:5px;}

/*회사개요 new*/
.com-title{font-size:23px; line-height:31px; margin-bottom:40px; }
.com-title span.com-size{font-size:30px;}
.com-sub-txt{font-size:15px; line-height:20px; margin-bottom:15px;}
.com-sub-txt span.com-size2{font-size:16px;}
.com-sub-txt2{font-size:15px; line-height:20px; margin-bottom:50px; }
.iframebox{margin-top:50px;}
.iframebox p{font-size: 30px; margin-bottom:20px; color: #01549e; font-family: 'HMHMedium';}
.iframebox iframe{width:100%; height:52vw;}

/*HD현대 가치체계*/
.ideology-title{font-size:23px; line-height:31px; margin-bottom:40px; }
.ideology-title span.ideology-size{font-size:30px;}
.ideology-sub-txt2{font-size:15px; line-height:20px; margin-bottom:50px;}

/* new HD현대 가치체계(20230328) */

.tab-area{margin-bottom:50px;}
.tab-area li a{font-size:3vw; line-height:38px;}
.tab-area li a.on:after{width:1px; height:5px;}

.m-id-tit{font-size: 26px; line-height: 18px; margin-bottom:35px;}
.id-top-txt{font-size:22px; line-height:32px; margin-top:35px;}
.id-content-box{margin-top:50px;}
.id-content-box .id-box{margin-bottom:50px;}
.id-box .id-tit02{font-size:26px; line-height:18px; margin-bottom:28px;}

.id-vision .id-vision-list{margin-bottom:50px;}
.id-vision .id-vision-list .id-bg{width:233px; height:233px;}
.id-vision .id-vision-list .id-bg .id-bg-txt{font-size:19px; line-height:27px;}
.id-vision .id-vision-list .id-bg-sub-txt{font-size:14px; line-height:20px; margin-top:25px;}

.id-point li.id-point-list{padding:20px;}
.id-point li div.id-point-tb .id-point-l{margin-bottom:15px;} 
.id-point li div.id-point-tb:nth-child(1) .id-point-l img{width:36px;}
.id-point li div.id-point-tb:nth-child(2) .id-point-l img{width:36px;}
.id-point li div.id-point-tb:nth-child(3) .id-point-l img{width:38px;}
.id-point li div.id-point-tb:nth-child(4) .id-point-l img{width:36px;}
.id-point li div.id-point-tb .id-point-l .id-point-tit{font-size:19px; line-height:35px; margin-left:10px;}
.id-point li div.id-point-tb .id-point-r .id-point-txt li{font-size:14px; line-height:20px; padding-left:13px; margin-bottom:10px;}
.id-point li div.id-point-tb .id-point-r .id-point-txt li:after{width:3px; height:3px; top:8px;}


/* 지속가능경영 */

.site-more{width:10px; height:10px; margin-left:5px; }
.sustain-content{margin-top:50px;}
.sustain-tit{font-size:28px; line-height:34px; margin-bottom:35px; word-break: keep-all;}
.sustain-txt{font-size:16px; line-height:23px; margin-bottom:25px; word-break: keep-all;}
.sustain-info{font-size:16px; line-height:23px; margin-top:30px; word-break: keep-all;}

.sus-down{font-size:17px; line-height:20px; padding:15px 25px; margin-top:60px;}
.sus-down i{width:25px; height:24px; margin-left:10px; background-size:100%;}


.sustain-list > li{margin-top:45px;}
.sustain-list > li > strong{font-size:18px; line-height:17px; margin-bottom:30px;}
.sustain-list > li > p{font-size:16px; line-height:21px; margin-bottom:25px; }

/* 안전보건 */
.sustain-sub-list > li{margin-top:20px; padding-left:5px;}
.sustain-sub-list > li > p:nth-child(1){font-size:15px; line-height:21px; margin-bottom:15px;}
.sustain-sub-list > li > p:nth-child(2){font-size:13px; line-height:18px; margin-bottom:20px;}
.sustain-sub-list > li > p:nth-child(3){font-size:13px; line-height:18px; margin-bottom:20px;}
.sustain-sub-list > li > p:nth-child(4){font-size:13px; line-height:18px; margin-bottom:20px;}
.sustain-sub-s-list > li{margin-top:15px; padding-left:10px;}
.sustain-sub-s-list > li > p:nth-child(1){font-size:13px; line-height:18px; margin-bottom:10px; color:#01549e; word-break:keep-all; display:block; font-weight:600}
.sustain-sub-s-list > li > p:nth-child(2){font-size:12px; line-height:15px; margin-bottom:15px; color:#444; word-break: keep-all; display:block;}


table.sustain-tbl{width:100%; border-collapse : collapse; border-spacing : 0}
table.sustain-tbl{border-top:2px solid #555;}
table.sustain-tbl thead tr th{font-size:18px; padding:8px 0; }
table.sustain-tbl tbody tr th{font-size:14px; padding:7px 0;  width:100px;}
table.sustain-tbl tbody tr td{font-size:13px; padding:10px; line-height:15px; width:calc(100% - 100px)}

.sustain-order{margin-bottom:30px;}
.sustain-order .sustain-system:last-child > li{width:100%; margin-bottom:30px;}
.sustain-order .sustain-system > li{width:100%; position:relative; margin-bottom:30px;}
.sustain-order .sustain-system > li:before{width:16px; height:21px; content:''; background:url('/images/common/ico/ico_arrow2.png')no-repeat center; background-size:100%; display:block; position:absolute; top:-25px; left:50%; transform:translate(-50%, 0);}

.sustain-system > li .sustain-system-inner .sustain-system-top p{font-size:15px; padding:11px 0; }
.sustain-system > li .sustain-system-inner .sustain-system-bottom{padding:15px;}
.sustain-system > li .sustain-system-inner .sustain-system-bottom ul li{font-size:14px; padding-left:10px; margin-bottom:5px; }
.sustain-system > li .sustain-system-inner .sustain-system-bottom ul li:before{width:2px; height:2px; top:6px; left:0;}

/* 보고서20230615 */
.report-area li.report-list{padding:20px; margin-bottom:35px;}
.report-area li.report-list div.report-list-r p{margin-top:30px; font-size:23px; margin-bottom:20px;}
.report-area li.report-list div.report-list-r strong{font-size:24px; line-height:36px;}

.report-area li.report-list div.report-list-r .report-down{margin-top:35px;}
.report-area li.report-list div.report-list-r .report-down a{font-size:16px; padding:10px 25px; margin-right:20px;}
.report-area li.report-list div.report-list-r .report-down a i.report-down-ico{width:18px; height:17px; margin-left:15px; display:inline-block; background:url('/images/common/ico/ico_down01.png')no-repeat center; background-size:100%;}
.report-area li.report-list div.report-list-r .report-down a i.report-link-ico{width:15px; height:15px; margin-left:15px; display:inline-block; background:url('/images/common/ico/ico_link01.png')no-repeat center; background-size:100%;}





.ceo-content .about-item > span{font-size:22px; display:block; padding-top:5px}
.ceo-content .about-item > span strong{font-size:28px; display:block; padding-top:5px}
.ceo-content .ceo-txt p{font-size:16px; line-height:24px; margin-top:20px;}
.ceo-content .ceo-txt p:last-child:before{top:-20px; right:-120px; width:106px; height:61px; background-size:106px 61px;}
.ceo-content .ceo-img{margin-bottom:40px;}
.ceo-content .ceo-img .name-label{padding:9px 18px;}
.ceo-content .ceo-img .name-label span{font-size:16px; padding-bottom:5px;}
.ceo-content .ceo-img .name-label strong{font-size:22px;}

.history-content > .hist span{font-size:24px; line-height:30px;}
.history-content > .hist span strong{font-size:32px; margin-bottom:5px;}
.history-content > .hist p{margin-top:25px; font-size:16px; line-height:24px;}
.history-tab-type{margin-top:40px;}
.history-tab-type ul li a{width:47px; height:43px;}
.history-tab-type ul li:last-child a{background-size:18px;}
.history-tab-type ul li:first-child a{background-size:18px;}
.history-tab-type ul li:last-child.on a{background-size:18px;}
.history-tab-type ul li:first-child.on a{background-size:18px;}
.history-content .tab-content{margin-top:40px;}
.history-itme{padding:55px 0;}
.history-itme:after{width:5px; height:5px; margin-left:-2px;}
.history-itme:before{width:5px; height:5px; margin-left:-2px;}
.history-itme > li{margin-bottom:30px;}
.history-itme > li .txt-item{margin-top:25px;}
.history-itme > li .txt-item strong{font-size:28px; margin-bottom:10px}
.history-itme > li .txt-item strong:before{left:-48px; width:43px; height:1px;}
.history-itme > li .txt-item .inner-box{padding-left:55px}
.history-itme > li .txt-item .inner-box:before{top:11px; left:-8px; width:16px; height:16px; background-size:16px;}
.history-itme > li .history-info li{font-size:16px; line-height:24px; padding-bottom:8px;}
.history-itme > li:nth-child(even) .txt-item strong:before{right:-48px}
.history-itme > li:nth-child(even) .txt-item .inner-box{padding-right:55px;}
.history-itme > li:nth-child(even) .txt-item .inner-box:before{right:-8px;}
.history-swiper-box{padding-top:20px;}
.history-swiper-box .swiper-pagination{right:20px;}
.history-swiper-box .swiper-pagination-bullet{width:8px; height:8px; margin-right:5px;}
.history-swiper-box .swiper-slide{height:70vw !important;}
.history-swiper-box .swiper-slide .txt-box{bottom:25px; padding:0 30px;}
.history-swiper-box .swiper-slide .txt-box strong{font-size:32px; margin-bottom:10px;}
.history-swiper-box .swiper-slide .txt-box li{font-size:16px; line-height:22px; padding-bottom:5px;}

.promotion-txt.type2{font-size:20px; line-height:26px;}
.promotion-txt.type2 strong{font-size:28px;}
.global-content .content-search .inner-content-select{margin-bottom:45px;}
.global-content .content-search .inner-content-select select{font-size:18px; padding:0 10px; height:50px; background-size:20px 10px;}
.inner-country-select{margin-bottom:45px;}
.inner-country-select select{font-size:18px; padding:0 10px; height:50px; background-size:20px 10px;}
.list-area.type4 .list-body ul li{padding-left:60px; margin-bottom:5px; line-height:22px;}
.list-area.type4 ul li.company{font-size:20px; margin-bottom:20px;}
.list-area.type4 ul li.title{font-size:20px; margin-bottom:5px; line-height:24px; max-height:48px}
.list-area.type4 ul li.map{margin-top:20px;}
.list-area.type4 ul li.map a{width:120px; height:40px; line-height:38px;}
.list-area.type4 ul li.map a span{line-height:22px;}
.list-area.type5 .list-body ul li{padding-left:60px; margin-bottom:5px; line-height:22px;}
.list-area.type5 ul li.company{font-size:20px; margin-bottom:20px;}
.list-area.type6 .list-body ul li{padding-left:60px; margin-bottom:5px; line-height:22px;}
.list-area.type6 ul li.company{font-size:20px; margin-bottom:20px;}
.list-area.type6 ul li.tel a{margin-right:10px}
.list-area.type6 ul li.tel .home-page{vertical-align:text-bottom; margin-right:0; display:inline-block; background:url('/images/common/ico/m_homepage_ico.png') no-repeat; text-indent:-9999px; width:23px; height:20px; background-size:23px 20px}

.ci-content{margin-bottom:50px;}
.ci-content.type2 .download-list li{margin:25px auto 0; width:190px;}
.ci-content.type2 .download-list li:first-child{margin-top:85px;}
.ci-content.type2 .download-list li a{font-size:18px; line-height:43px; height:45px; padding:0 25px; background-size:25px 24px; background-position:right 25px center;}
.ci-content .ci-title{margin-bottom:25px;}
.ci-content .ci-title strong{font-size:32px; }
.ci-content .ci-info p{font-size:18px; line-height:24px; margin-bottom:25px;}
.ci-content .ci-info img{margin-top:10px;}
.ci-content .ci-info span{font-size:22px; margin-top:35px;}

.location-content .location-box ul li{margin-top:35px;}
.location-content .location-box ul li.type1{background-size:21px 29px;}
.location-content .location-box ul li.type2{background-size:22px 28px;}
.location-content .location-box ul li.type3{background-size:23px;}
.location-content .location-box ul li strong{font-size:20px; padding-bottom:15px; border-bottom:1px solid #197bb8; margin-bottom:15px;}
.location-content .location-box ul li span{font-size:16px;}
.location-content .location-box ul li:first-child{margin-top:50px;}

.founder-intro{margin-bottom:25px}
.founder-intro p{font-size:24px; line-height: 32px;}
.founder-intro p strong{font-size: 32px;}
.founder-content .tab-item ul li{font-size: 16px; padding:25px 20px}
.founder-content .tab-item ul li span{font-size: 14px; padding-top:5px}
.founder-content .tab-list{margin-top:25px}
.tab-list.type2 ul li a{font-size:18px; height:64px; padding:0 10px}

.product-intro p.product-intro-txt{font-size:24px; line-height:34px;}
.product-intro p.product-intro-txt strong{font-size:26px;}
.product-intro ul{margin-top:60px;}
.product-intro ul li{background:url('/images/product/m_arrow.png') no-repeat right 18px bottom 37px; margin-bottom:37px; background-size:30px 11px;}
.product-intro ul li a .img-box{width:122px;}
.product-intro ul li a .img-box div{height:117px; padding:10px;}
.product-intro ul li a .txt-box{width:calc(100% - 172px); height:117px;}
.product-intro ul li a .txt-box strong{font-size:26px;}
.product-intro ul li a .txt-box span{font-size:18px;}

.quick-link{position:fixed; bottom:20px; right:20px; z-index:110; background-color:#005195; border-radius:100%; box-shadow:3px 3px 10px 2px rgba(0, 0, 0, 0.4); width:53px; height:53px;}
.quick-link .inner-quick{position: relative; width:100%; height:100%}
.quick-link button{position:absolute; bottom:0; right:0; padding:0; margin:0; width:100%; height:100%;}
.quick-link button img{width:50%; vertical-align: middle}
.quick-link .link{width:165px; height:54px; position: relative; display:none}
.quick-link .link a{display:block; color:#fff; font-family:'HMHMedium'; background-color:#197bb8; line-height:54px; padding-left:20px; font-size:16px;}
.quick-link .link span{display: inline-block; padding-left:35px}
.quick-link .link.type1 span{background: url(/images/common/ico/m_bros_ico.png) no-repeat center left; background-size:21px 28px}
.quick-link .link.type2 span{background: url(/images/common/ico/m_video_ico.png) no-repeat center left; background-size:27px 23px}
.quick-dim{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 100; display:none}


.prod-area{margin-bottom:45px;}
.prod-area .prod-txt{margin-top:40px;}
.product-content .prod-tit{font-size:42px;}
.product-content .prod-subtit{font-size:22px; margin-top:20px;}
.product-content .prod-info{font-size:26px; line-height:32px; margin-top:20px;}
.product-content .prod-ex{font-size:18px; line-height:24px; margin-top:20px}
.product-content .video-btn{width:115px; height:33px; font-size:14px; line-height:33px; margin-top:15px;}
.product-content .video-btn span{padding-left:28px; line-height:17px; background-size:20px 17px; padding-top:2px}
.product-content .detail-tit{font-size:26px; margin-bottom:15px;}
.product-content .table-box .table-info{font-size:14px; margin-bottom:12px;}
.product-content .table-box .table-info i{padding-left:10px;}
.product-content .table-box .table-info i:before{top:3px;}
.product-content .table-box table{border-top:1px solid #555; margin-bottom:50px;}
.product-content .table-box table thead{border-bottom:1px solid #ccc;}
.product-content .table-box table th{font-size:20px; padding:7px 0}
.product-content .table-box table th.fz-d{font-size:14px;}
.product-content .table-box table td{font-size:14px; padding:10px 0;}
.product-content .table-box table td.ta-l{padding-right:5px;}
.product-content .table-box table td.fs-u{font-size:16px;}
.product-content .prod-point > li{margin-bottom:20px;}
.product-content .prod-point > li:last-child{margin-bottom:40px;}
.product-content .prod-point > li strong{font-size:16px; padding-bottom:12px;}
.product-content .prod-point > li ul{padding-bottom:12px;}
.product-content .prod-point > li ul li{font-size:14px; line-height:20px; margin-bottom:8px; padding-left:10px;}
.product-content .prod-point > li ul li:before{top:5px; width:3px; height:3px;}
.mbl-different-prod > div{margin:0 50px;}
.mbl-different-prod .swiper-button-prev{width:42px; height:42px; margin-top:-21px; background-size:42px;}
.mbl-different-prod .swiper-button-next{width:42px; height:42px; margin-top:-21px; background-size:42px;}
.mbl-different-prod .swiper-slide a{margin:0 15px}
.mbl-different-prod .swiper-slide a div{height:250px; padding:30px;    position: relative;}
.mbl-different-prod .swiper-slide a div img{max-width:70%; max-height:70%; display:block; margin:0 auto;position: absolute; top: 50%; left: 50%;  transform: translateX(-50%) translateY(-50%);}
.mbl-different-prod .swiper-slide strong{padding-top:20px; font-size:20px;}
.as-part .as-title{font-size:20px; margin:65px 0 15px;}

.research-content .inner-tech .txt-box > div{padding:20px; margin-bottom:35px;}
.research-content .inner-tech .txt-box p{font-size:16px; line-height:24px;}
.research-content .inner-tech .swiper-box{margin-bottom:70px;}
.research-content .inner-tech .swiper-box .swiper-pagination{bottom:-30px; margin-left:-24px;}
.research-content .inner-tech .swiper-box .swiper-pagination-bullet{width:10px; height:10px; margin-right:10px;}
.research-content .inner-tech .swiper-box .swiper-button-next{width:25px; height:25px; margin-top:-12px; background-size:25px;}
.research-content .inner-tech .swiper-box .swiper-button-prev{width:25px; height:25px; margin-top:-12px; background-size:25px;}
.technology-info{margin-bottom:55px}
.technology-info.organization{margin-bottom:0}
.technology-info .tech-tit{font-size:26px; margin-bottom:12px;}
.technology-info .tech-txt{font-size:16px; line-height:24px; margin-bottom:35px;}
.technology-list col:first-child{width:40%;}
.technology-list col:last-child{width:60%;}
.technology-list tr td{padding:15px;}
.technology-list tr td strong{font-size:20px}
.technology-list tr td span{font-size:14px; padding-top:10px; line-height:22px;}
.technology-app > li{margin-bottom:40px;}
.technology-app > li > strong{font-size:20px; padding-bottom:10px;}
.technology-app > li > div{padding-top:30px;}

p.promotion-txt{font-size:24px; margin-bottom:50px;}
.content-search{margin-bottom:45px;}
.content-search .inner-content-search{height:50px;}
.content-search .inner-content-search .search-txt{width:calc(100% - 53px); height:50px; font-size:18px;}
.content-search .inner-content-search .search-btn{width:53px; height:50px; background-size:26px;}
.result-box{margin-bottom:10px;}
.result-box p{font-size:18px;}
.result-box p span{font-size:20px;}

.news-list ul li{padding:30px 0 25px}
.news-list .news-img{height:220px; margin-bottom:25px;}
.news-list .news-info .news-data{font-size:16px; margin-bottom:5px;}
.news-list .news-info .news-title{font-size:22px; margin-bottom:10px;}
.news-list .news-info .news-txt{font-size:18px; line-height:24px; max-height:96px;}

.view-content .view-head{border-bottom:1px solid #01549e; padding-bottom:35px;}
.view-content .view-head .view-title{font-size:22px; margin-bottom:10px;}
.view-content .view-head .view-data{font-size:16px;}
.view-content .view-body{padding:0 8px;}
.view-content .file-area ul li{margin-right:5px; margin-bottom:5px;}
.view-content .file-area ul li a{font-size:16px; padding:0 20px; height:35px; line-height:35px;}
.view-content .file-area ul li a span{padding-left:35px; background:url('/images/common/btn/m_file_btn.png') no-repeat left top 5px; background-size:21px 22px;}

.tab-list{margin-bottom:50px;}
.tab-list.type5 ul li a{font-size:18px;}
.tab-list ul li a{font-size:22px; padding:16px 0 12px;}
.tab-list ul li.on a:before{width:3px; height:8px; margin-left:-1px;}
.list-area.list-type2 ul:first-child{border-top:2px solid #197bb8;}
.list-area.list-type2 ul{border-top:2px solid #197bb8; margin-top:35px; padding:25px 20px 30px;}
.list-area.type2 ul li.type{font-size:22px; margin-bottom:20px;}
.list-area.type2 ul li.title{font-size:20px; margin-bottom:5px; line-height:24px; max-height:48px}
.list-area.type2 ul li.download{margin-top:20px;}
.list-area.type2 ul li.download a{width:120px; height:40px; line-height:38px;}
.list-area.type2 ul li.download a span{padding-left:30px; line-height:22px; background-size:21px 22px;}

.list-area{border-top:1px solid #444;}
.list-area .list-body ul li{font-size:16px; min-height:22px}
.list-area .list-body ul li.title a{font-size:20px; max-height:44px; line-height:22px;}
.list-area .list-body ul.notice li.number span{width:50px; height:50px; line-height:50px; font-size:18px;}
.list-area ul{padding:25px 0;}
.list-area ul li.data{padding-top:10px;}
.list-area .list-body ul.notice li.number{width:85px; margin-top:-25px;}
.list-area .list-body ul.notice li.title{width:calc(100% - 85px);}
.list-area .list-body ul.notice li.data{width:calc(100% - 85px);}

.patent-content ul li{margin-bottom:30px;}
.patent-content ul li a{font-size:18px; padding:15px;}
.patent-content ul li a.on:before{border:3px solid #197bb8;}
.patent-content ul li p{line-height:22px; margin-top:15px; padding-top:15px;}

.list-area.type3 ul li.type{font-size:22px; margin-bottom:20px;}
.list-area.type3 ul li.title{font-size:20px; margin-bottom:5px; line-height:24px; max-height:48px}
.list-area.type3 ul li.register{margin-top:20px;}
.list-area.type3 ul li.register span{width:120px; height:40px; line-height:42px;}

.recruit-view .view-head{margin-bottom:15px;}
.recruit-view .view-head .view-title{font-size:26px; margin-bottom:25px; line-height:32px; max-height:64px; border-bottom:1px solid #01549e; padding-bottom:25px;}
.recruit-view .view-head .view-data{font-size:16px; padding-left:30px; line-height:26px; background-size:26px;}
.recruit-view .view-body{padding-bottom:45px;}
.recruit-view .view-body .inner-table{margin-bottom:35px;}
.recruit-view .view-body table col:first-child{width:30%}
.recruit-view .view-body table tr td:first-child{color:#333; padding-left:20px; font-size:20px; padding-right:10px;}
.recruit-view .view-body table td{font-size:18px; padding:14px 0; padding-left:25px;}
.recruit-view .view-body table td ul li{padding-left:10px; margin-bottom:10px;}
.recruit-view .view-body table td ul li:before{top:10px; height:1px; width:5px;}
.recruit-view .link-go{width:190px; font-size:22px; line-height:54px; height:54px; margin:50px auto 0;}
.besides{margin-top:45px;}
.besides .prev-list{width:130px; font-size:22px; line-height:54px; height:54px;}

.inquiry-info{margin-bottom:62px;}
.inquiry-info .inner-inquiry-info > span{padding-left:35px; line-height:26px; font-size:18px; margin-bottom:8px; background-size:27px 26px;}
.inquiry-info .inner-inquiry-info > strong{font-size:42px;}
.inquiry-info .inner-inquiry-info .inner-call{margin-top:10px;}
.inquiry-info .inner-inquiry-info .inner-call > span{width:137px; height:42px; border-radius:7px; line-height:42px; font-size:20px;}
.inquiry-info .inner-inquiry-info .inner-call p{font-size:18px; line-height:26px; margin-top:15px;}
.inquiry-content .sub-title{font-size:24px; margin-bottom:10px;}
.inquiry-content .sub-title.cn-sub-title{word-break: break-word !important;}
.privacy-box{border-top:1px solid #444; padding:25px 15px; margin-bottom:65px;}
.privacy-box p.text-1{margin-bottom:35px; font-size:20px; line-height:24px;}
.privacy-box p.text-2{font-size:18px; line-height:24px; margin:25px 0;}
.privacy-box .ul-table ul li{padding:15px; font-size:18px;}
.privacy-box .ul-table ul li.lith{width:150px;}
.privacy-box .ul-table ul li.litd{width:calc(100% - 150px)}
.privacy-box .ul-table ul li.litd.t-b-o{font-size:20px;}

.privacy-box .privacy-link{font-size:18px; margin-bottom:20px}
.inquiry-box{border-top:1px solid #444; border-bottom:1px solid #444;}
.inquiry-box .info-txt{top:-30px; font-size:16px;}
.inquiry-box .info-txt span.type{padding-left:20px;}
.inquiry-box span.type{padding-left:25px;}
.inquiry-box span.type.ico{background-size:13px 9px;}
.inquiry-box dt{width:125px; padding-left:15px; font-size:18px;}
.inquiry-box dd{width:calc(100% - 125px); padding:10px 15px;}
.inquiry-box dd select{height:37px; font-size:18px; padding-left:10px; background-size:21px 11px;}
.inquiry-box dd input[type=text]{height:37px; padding:0 10px; font-size:18px;}
.inquiry-box dd textarea{padding:10px;}
.inquiry-box .file-select{font-size:18px; padding:0 20px; height:32px; line-height:36px;}
.inquiry-box  #file-zone{margin-top:15px;}
.inquiry-box  #file-zone span{font-size:16px; margin-top:10px;}
.inquiry-box  #file-zone .file-close{width:25px; height:25px; margin-left:8px; background-size:25px;}
.inquiry-box .file-txt{font-size:18px; margin-top:10px;}
.inquiry-box .file-txt.cn-file-txt{word-break: break-word !important;}

.inquiry-success{border-top:1px solid #444; padding:50px 5px 35px;}
.inquiry-success > div{padding-top:135px; background-size:95px;}
.inquiry-success > div strong{font-size:22px; line-height:28px;}
.inquiry-success > div p{font-size:18px; line-height:24px; padding-top:25px;}

.btntypebox{display:flex; align-items: center; margin-top:10px;}
.btntype{font-size: 18px; padding: 0 20px; height: 32px; line-height: 36px; color: #fff; background-color: #444; border: 1px solid #dfdfdf; font-family: 'HMHLight'; margin: 0; display: inline-block;}
.btntypebox .btntype{margin-left:10px; height:37px; line-height:38px;}

.faq-wrap{border-top:1px solid #444;}
.faq-wrap .faq-item .close{background-size:21px 11px; background-position:right 20px top 27px;}
.faq-wrap .faq-item .open{background-size:21px 11px;  background-position:right 20px top 27px;}
.faq-wrap .faq-item .question p a{padding:20px 45px 20px 40px; font-size:20px;}
.faq-wrap .faq-item .question p a:before{top:18px; left:10px; width:25px; height:25px; line-height:30px; font-size:18px;}
.faq-wrap .faq-item .answer{padding:25px 20px;}

.tab-list.type7 ul li a{font-size:20px;}
.search-content .item-title{font-size:24px; padding-bottom:5px;}
.search-content .search-item{margin-bottom:60px;}
.search-content .search-item ul{border-top:1px solid #444;}
.search-content .search-item ul li{padding:22px 12px 19px}
.search-content .search-item ul li > strong{margin-bottom:10px;}
.search-content .search-item ul li > strong > a{font-size:20px;}
.search-content .search-item ul li > span{font-size:16px; line-height:24px;}
.search-content .promotion-item ul li > span{max-width:calc(100% - 90px);}
.search-content .agency-item ul li > span{max-width:calc(100% - 65px);}
.search-content .search-item ul li > a{font-size:16px; line-height:24px; padding:0 10px; margin-left:15px;}
.search-content .search-item ul li > span > em{margin-left:10px;}
.search-content .search-item.faq-item ul li{padding:37px 12px 27px}
.search-content .search-item ul li.faq-item{padding:0}

.information-content .first-info{padding:25px 20px; margin-bottom:50px;}
.information-content .first-info p{font-size:20px; line-height:28px;}
.information-content .first-info p span{padding-top:15px;}
.information-content .info-depth1 > li{margin-bottom:45px;}
.information-content .info-depth2 > li{margin-bottom:15px;}
.information-content .info-depth1 > li > strong{font-size:22px; padding-bottom:5px;}
.information-content .inner-info{padding:22px; border-top:1px solid #444;}
.information-content .inner-info > p{font-size:18px; line-height:24px; margin-bottom:20px;}
.information-content .info-depth2 > li > strong{font-size:18px;}
.information-content .info-depth3{margin-top:15px;}
.information-content .info-depth2 > li{font-size:18px}
.information-content .info-depth3 > li > span{margin-top:15px;}
.information-content .info-depth3 > li{margin-bottom:5px;}
.information-content .info-depth4{margin-top:5px;}
.information-content .info-depth4 > li{font-size:18px; padding-left:15px; margin-bottom:5px;}

/*개인정보, 이메일무단수집거부*/
.pastrecord{margin-bottom:40px; display:flex; align-items: center; justify-content: flex-end;}
.pastrecord-select{width: 50%; height: 37px; font-size: 18px; padding-left: 10px; border: 1px solid #dfdfdf; background: url(/images/common/ico/m_select_ico.png) no-repeat 93% center; -webkit-appearance: none;
    -moz-appearance: none; margin: 0; border-radius: 0; color: #676767; font-family: 'HMHLight'; vertical-align: middle; cursor: pointer; background-size: 21px 11px;}
    
.mtbl tbody th{font-size: 17px; padding:5px 10px; color: #111; font-weight: 500; border-top: 2px solid #e5e5e5; background-color: #f6f8fa;}
.mtbl tbody td{font-size: 16px; padding:5px 10px; color: #111; font-family: 'HMHLight'; border-top: 2px solid #e5e5e5; word-break: break-all; font-weight: 300;}
.mtbl tbody tr:last-child th , .mtbl tbody tr:last-child td{border-bottom:1px solid #e5e5e5}

}
@media (max-width: 420px){
.iframebox p{font-size: 6.14vw; margin-bottom:10px; color: #01549e; font-family: 'HMHMedium';}	
}

@media (max-width: 350px){
	.tab-area li a{font-size:11px;}
}