@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 테이블스타일 -------- */
.test-table{width:100%;}
.test-table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.test-table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}

/* -------- 공통 Fixed Move Tab -------- */
.fixed-tab-container{position:relative}
/* tab */
.fixed-move-tab-list-wrapper{position:relative; height:60px; width:100%}
.fixed-move-tab-list-wrapper .fixed-tab-inner{max-width:1200px; margin:0px auto;}
.fixed-move-tab-list{height:60px; position:relative;}
.fixed-move-tab-list  ul{height:100%; margin-right:-3px}
.fixed-move-tab-list  ul:after{clear:both; content:""; display:block;}
.fixed-move-tab-list  ul li{float:left; position:relative; width:33.33%; position:relative; margin-left:-1px;}
.fixed-move-tab-list  ul li:first-child{margin-left:0; }
.fixed-move-tab-list  ul li a{display:block; height:58px; line-height:58px; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.5px; text-align:center; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  background-color:#fff;}
.fixed-move-tab-list  ul li:first-child a{border-left:1px solid #ddd;}
.fixed-move-tab-list  ul li.selected{z-index:1;}
.fixed-move-tab-list  ul li.selected a{background-color:#aaa; color:#fff;}
/* fixed */
.fixed-move-tab-list.fixed {position:fixed; top:70px; left:0; width:100%; z-index:99} /* fixed top 변경*/
/* content(임시) */
.fixed-tab-content{padding:30px 0; border:1px solid #ddd; margin-top:50px; min-height:300px; }

/* ******************  01. 회사소개 ********************** */
/* ------------- 회사소개 -------------- */
.intro-top-wrap {position: relative;}
.intro-top-wrap .bg {position: absolute; bottom: 0; left: 0; width: 100%; height: 71%; background: url(/images/content/intro_con_bg.jpg)no-repeat bottom 0 left 50% /cover; z-index: -1;}
.intro-top-con {max-width: 1700px; margin: 0 auto; }
.intro-tit-box {margin-bottom: 55px; text-align: center;} 
.intro-tit-box .tit {font-size: 36px; font-weight: 600; letter-spacing: -0.2px; color: #262626; line-height: 1.2;}
.intro-tit-box .sub-tit {font-size: 24px; font-weight: 400; letter-spacing: -0.2px; color: #262626; line-height: 1.5; margin-top: 30px;}
.intro-tit-box .txt {font-size: 17px; font-weight: 400; letter-spacing: -0.2px; color: #454545; line-height: 2.1; margin-top: 15px;}
.intro-top-img {position: relative; width: 100%; height: 0; padding-top: 29.41%;}
.intro-top-img span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/intro_top_img.jpg)no-repeat center/cover;}
.intro-con01 {padding: 100px 0 130px;}
.intro-con01 .intro-tit-box  {margin-bottom: 45px;}
.intro-con01-img {text-align: center;}
.intro-con01-img img {max-width: 100%;}
.intro-con02 {padding: 80px 0 100px;}
.intro-con02 .intro-tit-box {margin-bottom: 35px;}
.intro-ci-box {display: flex; flex-wrap: wrap; border: 1px solid #525252; box-sizing: border-box; height: 376px; background-color: #323232; box-shadow: 0 0 1rem rgba(184,184,184,0.75);}
.intro-ci-box .img-box {width: calc(100% - 38.21% - 77px); height: 100%; display: flex; align-items: center; justify-content: center; background-color: #fff; padding: 0 5%; box-sizing: border-box;} 
.intro-ci-box .img-box img {max-width: 100%;}
.intro-ci-box .txt-box {width: 38.21%; height: 100%; display: flex; align-items: center; background: #f4f4f4; padding: 2% 3%; box-sizing: border-box; }
.intro-ci-box .txt-box dl dt {font-size: 20px; font-weight: 400; letter-spacing: -0.2px; color: #3f3f3f; line-height: 1.3; margin-bottom: 15px;}
.intro-ci-box .txt-box dl dd {font-size: 17px; font-weight: 400; letter-spacing: -0.2px; color: #6d6d6d; line-height: 2.1;}
.intro-ci-box .ci-download-btn {display: flex; align-items: center; justify-content: center; width:77px; height: 100%; background-color: #323232;}
.intro-ci-box .ci-download-btn span {font-size: 14px; font-weight: 400; letter-spacing: -0.5px; color: #fff; text-align: center;}
.intro-ci-box .ci-download-btn span em {font-weight: 400; font-size: 17px;}

.intro-con03 {padding: 100px 0 95px; background-color: #f4f4f4;}
.intro-certifi-con {max-width: 1400px; margin: 0 auto;}
.intro-certifi-list {display: flex; margin: 0 -7px;}
.intro-certifi-list li {width: calc(25% - 14px); margin: 0 7px;}
.intro-certifi-list li .img-box {position: relative; width: 100%; height: 0; padding-top:135.29%;}
.intro-certifi-list li .img-box span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.intro-certifi-list li .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.intro-certifi-list li .txt {font-size: 16px; font-weight: 400; letter-spacing: -0.2px; color: #3f3f3f; line-height: 1.5; margin-top: 20px; text-align: center;}

.intro-con04 {padding: 100px 0;}
.intro-con04 .intro-tit-box {margin-bottom: 35px;}
.intro-partners-list {display: flex; flex-wrap: wrap; margin: -6px;}
.intro-partners-list li {width: calc(20% - 12px); margin: 6px;}
.intro-partners-list li .intro-partners-logo {position: relative; width: 100%; height: 0; padding-top: 37.03%;}
.intro-partners-list li .intro-partners-logo span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border:1px solid #dddddd; box-sizing: border-box;}
.intro-partners-list li .intro-partners-logo span img {max-width: 100%; max-height: 100%;}

.intro-con05 {padding: 12% 0; background: url(/images/content/intro_bottom_img.jpg)no-repeat center/cover;}
.intro-con05 .intro-tit-box {margin-bottom: 0;}
.intro-con05 .intro-tit-box .tit,
.intro-con05 .intro-tit-box .sub-tit {color: #fff;}

/* ------------- 인사말 -------------- */
.greeting-top .greeting-top-inner{word-break:keep-all; /*background:url("../images/content/greeting_img.png") no-repeat right top; padding:28px 0 40px*/}
.greeting-top .greeting-top-inner .greeting-top-left{float:left; width:70%; padding:0 2% 70px 0}
.greeting-top .greeting-top-inner .greeting-top-right{float:right; width:28%;}
.greeting-top .greeting-top-inner .greeting-top-right span img{width:100%;}
.greeting-top .greeting-top-inner .greeting-top-left h3{position:relative; display:block; font-weight:600; font-size:36px; letter-spacing:-0.6px; color:#262626; line-height:1.33em; padding-bottom:50px}
.greeting-top .greeting-top-inner .greeting-top-left h3 strong{font-weight:600; color:var(--main-color);}
.greeting-top .greeting-top-inner .greeting-top-left h3:after{position:absolute; display:inline-block; content:""; width:17px; height:17px; background:url("../images/content/blue_rectangle.png") no-repeat; background-size:cover; left:0; bottom:0}
.greeting-top .greeting-top-inner .greeting-top-left span{display:block; font-weight:300; font-size:24px; letter-spacing:-0.025em; color:#262626; line-height:1.5; padding-top:25px;}
.greeting-bottom{background:#f4f4f4;}
.greeting-bottom .greeting-bottom-inner{padding:60px 0; border-bottom:1px solid #ccc}
.greeting-bottom .greeting-bottom-inner p{float:left; width:50%; font-weight:400; font-size:17px; letter-spacing:-0.5px; color:#454545; word-break:keep-all; line-height:2.11; box-sizing:border-box}
.greeting-bottom .greeting-bottom-inner p:first-child{padding-right:4%}
.greeting-bottom .greeting-bottom-inner p:last-child{padding-left:5%; border-left:1px solid #e2e2e2;}
.greeting-bottom .ceo-name{text-align:right; padding:25px 0 57px}
.greeting-bottom .ceo-name p{font-weight:700; font-size:24px; letter-spacing:-0.2px; color:#2e2e2e;}
.greeting-bottom .ceo-name p span{display:inline-block; font-weight: 400; }

/* ------------- 조직도 -------------- */
.org-tit{text-align:center; font-weight:600; font-size:36px; letter-spacing:-0.2px; color:#262626; line-height:1.33; word-break:keep-all; padding-bottom:160px}
.org-inner{position:relative; text-align:center; background:#ececec;padding-bottom:86px}
.org-inner .org-img{position:relative; display:inline-block; margin-top:-120px}
.org-inner .org-img img{width:100%}

.org-tbl-con {margin-top: 100px;}
.org-tbl-con .txt {text-align: right; font-size: 14px;  letter-spacing: -0.6px; color: #888888;}
.org-tbl-con .txt.top-txt {margin-bottom: 18px;}
.org-tbl-con .txt.bottom-txt {margin-top: 18px;}
.org-tbl {width: 100%; border-top: 2px solid #474747;}
.org-tbl th,
.org-tbl td {font-size: 16px; font-weight: 400; color: #666666; border-bottom: 1px solid #d2d2d2; padding: 17px; border-left: 1px solid #d2d2d2;}
.org-tbl th:first-of-type,
.org-tbl td:first-of-type {border-left: 0;}
.org-tbl th {background-color: #f5f5f5;}

/* ---------------연혁---------------------- */
.history-top .history-top-wrap{text-align:center;background:url("../images/content/history_top.png") no-repeat 50% 0;background-size:100% 100%;webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius:4px;}
.history-top .history-top-wrap .history-top-txt{padding:62px 0 67px}
.history-top .history-top-wrap p{font-weight:600;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#fff;padding-bottom:19px}
.history-top .history-top-wrap h4{font-weight:300;font-size:30px;letter-spacing:-0.45px;color:#fff}
.company-history {position:relative;padding:50px 0 100px;}
.company-history:before{position:absolute; top:0px; left:50%; width:1px; height:100%; background:#ddd; content:"";}
.company-history-wrapper {overflow:hidden;}
.company-history-list-wrap {position:relative; width:50%; margin-top:50px;}
.company-history-info p {position:relative; font-size:16px; line-height: 2; letter-spacing: -0.5px; font-weight:300; color:#272727; /*margin-bottom:10px;*/ word-break:keep-all}
.company-history-info p:after{content:""; position:absolute; top:8px; width:6px; height:2px; background-color:#aaa}
.company-history-year {position:absolute; top:-12px; text-align:center; font-size:30px; line-height: 46px; letter-spacing: -0.5px; color:var(--main-color); font-weight: 600; }
.company-history-year::after{ position:absolute; top:31%; width:39px; height:39px; margin-top:-7px;content:""; background:url("../images/content/history_circle.png") no-repeat;background-size:cover}
.company-history-year::before{ position:absolute; top:72%; width:37px; height:1px; margin-top:-7px; content:"";border-top:1px dotted var(--main-color);}
.history-left .company-history-list-wrap{float:left;}
.history-left .company-history-list-wrap .company-history-info {text-align:right; padding-right: 32px;}
.history-left .company-history-list-wrap .company-history-info p {padding-right: 15px; }
.history-left .company-history-list-wrap .company-history-info p::after { right:0; }
.history-left .company-history-list-wrap .company-history-year {left:100%; margin-left:63px;}
.history-left .company-history-list-wrap .company-history-year::after {right:100%; margin-right:43px}
.history-left .company-history-list-wrap .company-history-year::before {right:100%; margin-right:20px}
.history-right .company-history-list-wrap{float:right;}
.history-right .company-history-list-wrap .company-history-info {padding-left: 32px;}
.history-right .company-history-list-wrap .company-history-info p {padding-left: 15px;}
.history-right .company-history-list-wrap .company-history-info p::after {left:0;}
.history-right .company-history-list-wrap .company-history-year {right:100%; margin-right:63px;}
.history-right .company-history-list-wrap .company-history-year::after {left:100%; margin-left:44px;}
.history-right .company-history-list-wrap .company-history-year::before {left:100%; margin-left:20px}
 
/* 날짜가 들어간 연혁 */
.company-history-info .month-history-txt:after{display:none; }
.company-history-info .history-month{position:absolute; top:0px; color:#272727; font-weight:600; }
.history-left .company-history-list-wrap .company-history-info .month-history-txt{padding-right:33px;}
.history-left .company-history-list-wrap .company-history-info .month-history-txt .history-month{right:0px;}
.history-right .company-history-list-wrap .company-history-info .month-history-txt{padding-left:33px;}
.history-right .company-history-list-wrap .company-history-info .month-history-txt .history-month{left:0px;}
.company-history-list-wrap .company-history-info .month-history-txt span{position:relative;display:block;margin-bottom:4px}
.company-history-list-wrap .company-history-info .month-history-txt span:before{position:absolute;display:inline-block;content:"";width:5px;height:1px;top:10px;background:#272727}
.history-right .company-history-list-wrap .company-history-info .month-history-txt span{padding-left:20px}
.history-right .company-history-list-wrap .company-history-info .month-history-txt span:before{left:0;}
.history-left .company-history-list-wrap .company-history-info .month-history-txt span{padding-right:20px}
.history-left .company-history-list-wrap .company-history-info .month-history-txt span:before{right:0;}

@media all and (max-width:800px){
	.history-top .history-top-wrap .history-top-txt{padding:31px 0 33.5px}
	.history-top .history-top-wrap p{font-size:13px;padding-bottom:9.5px}
	.history-top .history-top-wrap h4{font-size:20px;}
	.company-history-year {font-size:21px; line-height: 30px; top:-7px;}
    .company-history-info p {font-size:14px;}
	.company-history-year::after{top:13%;}
	.company-history-list-wrap:first-of-type {margin-top: 10px;}
	.history-left .company-history-list-wrap .company-history-year {left:100%; margin-left:50px;}
	.history-left .company-history-list-wrap .company-history-year::after {right:100%; margin-right:31px}
	.history-left .company-history-list-wrap .company-history-year::before {right:100%; margin-right:7px}
	.history-right .company-history-list-wrap .company-history-year {right:100%; margin-right:50px;}
	.history-right .company-history-list-wrap .company-history-year::after {left:100%; margin-left:31px;}
	.history-right .company-history-list-wrap .company-history-year::before {left:100%; margin-left:7px}
	.history-left .company-history-list-wrap .company-history-info .month-history-txt{padding-right:28px;}
	.history-right .company-history-list-wrap .company-history-info .month-history-txt{padding-left:28px;}
}
@media all and (max-width:480px){
    .company-history:before{left:16px}
    .company-history-list-wrap{width:auto;}
    .company-history-info p {font-size:13px;}
    .company-history-info p:after{top:9px;}
    .company-history-year{font-size:18px}
    .company-history-year::after{width:28px; height:28px; border-width:1px; margin-top:-4px; }
	.company-history-year::before{width:19px; height:1px;}
	.history-right .company-history-list-wrap .company-history-year::before,
	.history-left .company-history-list-wrap .company-history-year::before{left:0; margin-left:-23px}
    .history-left .company-history-list-wrap .company-history-year::after{margin-right:14px}
    .history-left .company-history-list-wrap,
    .history-right .company-history-list-wrap{float:none; padding-left:105px; padding-right:0;}
    .history-left .company-history-list-wrap .company-history-info,
    .history-right .company-history-list-wrap .company-history-info{text-align:left; padding-left:15px; padding-right:0}
    .history-left .company-history-list-wrap .company-history-info p{padding-right:0; padding-left:15px;}
    .history-left .company-history-list-wrap .company-history-info p::after { right:auto; left:0; }
    .history-left .company-history-list-wrap .company-history-year,
    .history-right .company-history-list-wrap .company-history-year{left:0; right:auto; margin-right:0; margin-left:45px}
    .history-right .company-history-list-wrap .company-history-year:after{left:auto; right:100%; margin-left:0; margin-right:14px}
    /* 날짜가 들어간 연혁 */
    .history-left .company-history-list-wrap .company-history-info .month-history-txt,
    .history-right .company-history-list-wrap .company-history-info .month-history-txt{padding-left:25px; padding-right:0}
    .history-left .company-history-list-wrap .company-history-info .month-history-txt .history-month{right:auto; left:0px;}
	.history-left .company-history-list-wrap .company-history-info .month-history-txt span,
	.history-right .company-history-list-wrap .company-history-info .month-history-txt span{padding-left:10px}
	.history-left .company-history-list-wrap .company-history-info .month-history-txt span:before{left:0;}
}

/* ----------- 사업장 소개 ---------- */ 
/* -------- 회사소개 :: 오시는길 -------- */
.location-top-tit{display:block; font-weight:500; font-size:25px; letter-spacing:-0.5px; color:var(--main-color); margin-bottom:10px; line-height:1.3}
/* 오시는길 :: 상단 */
.map-top-wrapper{margin:0 -0.8%}
.map-iframe-wrapper,
.map-img{float:left; width:48.4%; box-sizing:border-box; border:1px solid #ddd; margin:0 0.8%}
.map-iframe-wrapper{position:relative; border:1px solid #ddd; margin:0 0.8%}
.map-iframe-wrapper .map-iframe-con{padding-top:72.5%; position:relative; height:0;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.map-img span img{max-width:100%}

/* 오시는길 :: 하단정보1 */
.map-tbl-con{margin-bottom:90px;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:15px; letter-spacing:-0.3px; font-size:15px; line-height:1.5}
.map-tbl th{width:140px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; font-weight:500; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-weight:400; }
.map-tbl td p{margin-top:5px}
.map-tbl td p:first-child{margin-top:0}
/* default.css에 없을시 주석풀기 */
/* .root_daum_roughmap{padding:0 !important; border:0 !important;  border-radius:0 !important;}
.root_daum_roughmap .map_border{display:none !important;}
.wrap_controllers{display:none  !important;} */
 
/* -------- 회사소개 :: 오시는길 -------- */
@media all and ( max-width:800px ){
    /* 오시는길 :: 상단 */
    .map-script-wrapper{height:300px; margin-bottom:15px;}
    .map-script-wrapper .map-script-con{height:300px; }

    /* 오시는길 :: 하단정보1 */
    .map-tbl th,.map-tbl td{padding:15px 10px; font-size:13px; vertical-align:top;}
    .map-tbl th{width:60px}

}
                         
/* 오시는길 200518 NH 해외지사 양쪽정렬 */
.global-location{background-color:#f4f4f4; padding-top:80px}
.global-location .global-location-inner{margin:0 -1.5%}
.global-location .left-con,
.global-location .right-con {float:left; width:47%; margin:0 1.5%}
.global-location .map-top-wrapper {margin:0;}
.global-location .map-iframe-wrapper {width:100%; margin:0}
@media all and (max-width:640px){	
	.global-location .global-location-inner{margin:0}
	.global-location .left-con,
	.global-location .right-con {float:none; width:100%; margin:0}
}


/* ******************  02. 제품소개 ********************** */
/* ----------- 제품소개 공통리스트 --------------- */
.sub-list-con .sub-list-box{margin:0 -1%}
.sub-list-con .sub-list-box li{float:left; width:31.333%; margin:0 1% 2%}
.sub-list-con .sub-list-box li a{position:relative; display:block; border:1px solid #d2d2d2; box-sizing:border-box}
.sub-list-con .sub-list-box li .list-box-img{position:relative; display:block; padding-top:60.4%}
.sub-list-con .sub-list-box li .list-box-img:after{position:absolute; display:inline-block; content:""; width:100%; height:100%; border:3px solid var(--main-color); box-sizing:border-box; top:0; left:0; opacity:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.sub-list-con .sub-list-box li .list-box-img span{display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 10%; box-sizing: border-box;}
.sub-list-con .sub-list-box li .list-box-img span img{max-width:100%;max-height:100%;margin:auto;}
.sub-list-con .sub-list-box li .list-box-txt{display:table; width:100%; height:60px; text-align:center; background:#f4f4f4}
.sub-list-con .sub-list-box li .list-box-txt p{display:table-cell; vertical-align:middle; font-weight:500; font-size:20px; letter-spacing:-0.5px; color:#444; word-break:keep-all; padding:0 3%; line-height:1.3; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.sub-list-con .sub-list-box li .list-hover-icon{position:absolute; top:0; margin-top:21%; width:100%; text-align:center; opacity:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.sub-list-con .sub-list-box li .list-hover-icon span{display:inline-block; width:65px; height:65px; border-radius:50%; line-height:65px; text-align:center; background:#fff}
.sub-list-con .sub-list-box li .list-hover-icon span i{font-size:35px; color: var(--main-color)}


/* ----------- 제품소개 공통뷰페이지 --------------- */
.list-view-top{margin-bottom:4.5rem}
.list-view-top .list-img-slide,
.list-view-top .list-top-info{display:inline-block; vertical-align:middle; margin:0 -1px}
.list-view-top .list-img-slide{width:36.8%}
.list-view-top .list-top-info{width:54.8%; padding-left:8%}
.list-view-top .list-img-slide .list-slide-inner .inner {position:relative; display:block; padding-top:64%; border: 1px solid #d2d2d2; background-color: #eeeeee;box-sizing: border-box; }
.list-view-top .list-img-slide .list-slide-inner span{display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 5%; box-sizing: border-box;}
.list-view-top .list-img-slide .list-slide-inner span img{max-width:100%;max-height:100%}
.list-view-top .list-img-slide .slick-dots{position:absolute; width:100%; bottom:0; margin-bottom:-30px; text-align:center;}
.list-view-top .list-img-slide .slick-dots li{display:inline-block; margin:0 9px}
.list-view-top .list-img-slide .slick-dots li button{font-size:0; width:9px; height:9px; background:#bababa; border-radius:50%; }
.list-view-top .list-img-slide .slick-dots li.slick-active button{position:relative; width:7px; height:7px; background:var(--main-color);}
.list-view-top .list-img-slide .slick-dots li.slick-active button:after{position:absolute; display:inline-block; content:""; width:22px; height:22px; background:rgba(0,102,179,0.2); border-radius:50%; top:-7px; left:-8px;}

.list-view-top .list-top-info .list-top-tit{position:relative; padding-bottom:20px; word-break:keep-all;}
.list-view-top .list-top-info .list-top-tit:after{position:absolute; display:inline-block; content:""; width:110%; height:1px; background:#d2d2d2; bottom:0; right:0}
.list-view-top .list-top-info .list-top-tit:before{position:absolute; display:inline-block; content:""; width:17px; height:17px; background:url("../images/content/blue_rectangle.png") no-repeat; background-size:cover; left:0; bottom:-8px; margin-left:-10%; z-index:99}
.list-view-top .list-top-info .list-top-tit strong{display:block; font-weight:300; font-size:19px; letter-spacing:-0.025em; color:var(--main-color); padding-bottom:15px}
.list-view-top .list-top-info .list-top-tit h3{display:block; font-weight:500; font-size:3.6rem; letter-spacing:-0.05em; color:#2f2f2f; line-height:1.4}
.list-view-top .list-top-info .list-top-explain{font-weight:300; font-size:18px; letter-spacing:-0.025em; color:#474747; line-height:1.66; padding-top:20px; word-break:keep-all}
.list-view-top .list-top-info .info-tbl-wrap{margin-top:35px}
.list-view-top .list-top-info .list-info-tbl{width:100%; border-top:2px solid #474747;}
.list-view-top .list-top-info .list-info-tbl tr th,
.list-view-top .list-top-info .list-info-tbl tr td{font-size:16px; letter-spacing:-0.025em; color:#474747; border:1px solid #d2d2d2; line-height:1.4; padding:15px 0}
.list-view-top .list-top-info .list-info-tbl tr th{background:#f5f5f5; font-weight:500;}
.list-view-top .list-top-info .list-info-tbl tr td{font-weight:300;  padding-left:3.2%}
.list-view-top .list-top-info .list-info-tbl tr td .txt {position: relative; padding-left: 1rem;}
.list-view-top .list-top-info .list-info-tbl tr td .txt:before {position: absolute; content: '-'; left: 0; top: 0;}

.list-view-tit{position:relative; display:block; font-weight:500; font-size:3.2rem; letter-spacing:-0.02em; color:#333; line-height: 1.1; padding-left:30px; margin-bottom:2rem}
.list-view-tit:before{position:absolute; display:inline-block; content:""; width:17px; height:17px; background: url("../images/content/blue_rectangle.png") no-repeat; background-size:cover; left:0; top:50%; margin-top: -8.5px;}
.view-sub-con{padding:7.5rem 0 9rem}
.list-view-features{background:#f5f5f5; }
.view-sub-con .features-con {display: flex; padding: 3.9rem; border: 1px solid #cdcdcd; background-color: #fff; box-sizing: border-box;}
.view-sub-con .features-con .img-con {width: 43.93%;}
.view-sub-con .features-con .img-con .inner {position: relative; width: 100%; height: 0; padding-top: 62.41%; border: 1px solid #cdcdcd; background-color: #f5f5f5; box-sizing: border-box;}
.view-sub-con .features-con .img-con .inner + .inner {margin-top: 1.5rem;}
.view-sub-con .features-con .img-con span {display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 5%; box-sizing: border-box; }
.view-sub-con .features-con .img-con span img {max-width:100%;max-height:100%; mix-blend-mode: darken;}
.view-sub-con .features-con .info-con {width: 56.07%; padding-left: 5rem; padding-top: 0.5rem; box-sizing: border-box;} 
.view-sub-con .features-con.no-img-con .info-con {width: 100%; padding-left: 0; padding-top: 0;}
.view-sub-con .features-con .info-con dt {position: relative; padding-left: 0.9rem; font-size: 2rem; font-weight: 500; letter-spacing: -0.02em; color: #333333; line-height: 1.6; margin-bottom: 0.5rem;}
.view-sub-con .features-con .info-con dt:before {position: absolute; content: '• '; left: 0; top: 0;}
.view-sub-con .features-con .info-con dd {padding-left: 0.9rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #666666; line-height: 1.625; margin-bottom: 2rem;}
.view-sub-con .features-con .info-con .txt {position: relative; padding-left: 1.1rem; font-size: 2rem; font-weight: 500; letter-spacing: -0.02em; color: #333333; line-height: 1.6; margin-bottom: 1rem;}
.view-sub-con .features-con .info-con .txt:last-of-type {margin-bottom: 0;}
.view-sub-con .features-con .info-con .txt:before {position: absolute; content: '• '; left: 0; top: 0;}

.prd-view-btn-con {display: flex; justify-content: center; padding-bottom: 10rem; margin: 0 -0.5rem;}
.prd-view-btn-con a {width: calc(50% - 1rem); margin: 0 0.5rem; max-width: 22rem; height: 5rem; display: flex; align-items: center; justify-content: space-between; padding: 0 2rem; box-sizing: border-box; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.03em; color: #fff; line-height: 1.2;}
.prd-view-btn-con a i {font-size: 1.8rem; font-weight: 400; margin-left: 1rem;}
.prd-view-btn-con a.video-btn {background-color: #222222;}
.prd-view-btn-con a.download-btn {background-color: var(--main-color);}


/* ******************  03. 사업소개 ********************** */
/* ----------- 사업소개 공통 --------------- */
/* 상단 */
.business-top-con {text-align: center; margin-bottom: 7rem;}
.business-top-con .business-top-tit {font-size: 3.6rem; font-weight: 500; letter-spacing: -0.05em; color: #2f2f2f; line-height: 1.27;}
.business-top-con .business-top-txt01 {font-size: 2.2rem; font-weight: 500; letter-spacing: -0.025em; color: #444444; line-height: 1.9; margin-top: 4rem;}
.business-top-con .business-top-txt02 {font-size: 1.7rem; font-weight: 400; letter-spacing: -0.025em; color: #666666; line-height: 2.1; margin-top: 2rem;}
.business-top-img {position: relative; width: 100%; height: 0; padding-top: 26.04%;}
.business-top-img span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}
.business-top-img.power-plant-division span {background-image: url(/images/content/power_plant_top_img.jpg);}
.business-top-img.industrial-equipment span {background-image: url(/images/content/equipment_top_img.jpg);}
.business-top-img.overseas span {background-image: url(/images/content/overseas_top_img.jpg);}

/* 하단 */
.business-project-con {padding: 10rem 0;}
.business-con-tit{position:relative; display:block; font-weight:500; font-size:3.2rem; letter-spacing:-0.02em; color:#333; line-height: 1.1; padding-left:30px; margin-bottom:4rem}
.business-con-tit:before{position:absolute; display:inline-block; content:""; width:17px; height:17px; background: url("../images/content/blue_rectangle.png") no-repeat; background-size:cover; left:0; top:50%; margin-top: -8.5px;}

.project-tbl-wrap + .project-tbl-wrap {margin-top: 7rem;}
.project-tbl-wrap .tit {display: block; font-size: 2.6rem; font-weight: 500; letter-spacing: -0.05em; color: #2f2f2f; line-height: 1.7; margin-bottom: 2rem;}
.project-tbl-con {border-top: 2px solid #474747;}
.project-tbl-con table {width: 100%;}
.project-tbl-con table th ,
.project-tbl-con table td {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #474747; line-height: 1.625; border-bottom: 1px solid #d2d2d2; border-right:1px solid #d2d2d2;} 
.project-tbl-con table th:last-of-type ,
.project-tbl-con table td:last-of-type {border-right: 0;} 
.project-tbl-con table th {padding: 1.3rem; background-color: #f5f5f5;}
.project-tbl-con table td {padding: 1.3rem 2.2rem; }

/* ----------- Power Plant Division --------------- */
.ppd-con01 {padding: 10rem 0;}
.ppd-con01-item {display: flex; flex-wrap: wrap; border: 1px solid #dddddd; box-sizing: border-box; background-color: #fff;}
.ppd-con01-item + .ppd-con01-item {margin-top: 2rem;}
.ppd-con01-item .icon-box {width: 19.9rem; }
.ppd-con01-item .icon-box span {display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; height: 100%;} 
.ppd-con01-item .txt-box {width: calc(100% - 19.9rem); padding: 4.5rem 4.6rem; box-sizing: border-box;}
.ppd-con01-item .txt-box .tit {display: block; font-size: 2.6rem; font-weight: 500; letter-spacing: -0.05em; color: #2f2f2f; line-height: 1.3;}
.ppd-con01-item .txt-box .txt {font-size: 1.7rem; font-weight: 400; letter-spacing: -0.025em; color: #666666; line-height: 2.1; margin-top: 2rem;}

.ppd-con02 {padding: 10rem 0; background-color: #f5f5f5;}
.ppd-con02-item {display: flex; flex-wrap: wrap; border: 1px solid #dddddd; box-sizing: border-box; background-color: #fff;}
.ppd-con02-item + .ppd-con02-item {margin-top: 2rem;}
.ppd-con02-item .img-box {position: relative; width: 49.8rem;}
.ppd-con02-item .img-box span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.ppd-con02-item .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.ppd-con02-item .info-box {width: calc(100% - 49.8rem); padding: 4.5rem 5rem; box-sizing: border-box;}
.ppd-con02-item .info-box dl dt {padding-bottom: 2rem; border-bottom: 1px solid #eeeeee;}
.ppd-con02-item .info-box dl dt h5 {position: relative; padding-left:3rem; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.05em; color: #2f2f2f; line-height: 1.3;}
.ppd-con02-item .info-box dl dt h5:before {position: absolute; top: 0; left: 0; content: '\eb59'; font-family: xeicon; }
.ppd-con02-item .info-box dl dd {padding-top: 2rem;}
.ppd-con02-item .info-box dl dd .txt {display: flex; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #666666; line-height: 1.8;}
.ppd-con02-item .info-box dl dd .txt + .txt {margin-top: 0.9rem;}
.ppd-con02-item .info-box dl dd .txt strong {display: inline-block; width: 13.8rem; font-weight: 400; color: #333333;}
.ppd-con02-item .info-box dl dd .txt span {display: inline-block; width: calc(100% - 13.8rem);}

/* ----------- Industrial Equipment --------------- */
.equipment-con01 {padding:10rem 0; background-color: #f5f5f5;}
.equipment-con01-list {display: flex; flex-wrap: wrap; margin: -1rem;}
.equipment-con01-list li {width: calc(50% - 2rem); margin: 1rem; min-height: 37rem; border: 1px solid #dddddd; box-sizing: border-box; background-color: #fff;}
.equipment-con01-list li .tit {height: 8rem;  padding: 0 6.55%; display: flex; align-items: center; box-sizing: border-box; background-color: #f5f5f5; font-size: 2.6rem; font-weight: 500; letter-spacing: -0.05em; color: #2f2f2f; line-height: 1.3; color: #2f2f2f;}
.equipment-con01-list li .txt-box {position: relative; padding: 5% 6.55% 12rem; height: calc(100% - 8rem); box-sizing: border-box; }
.equipment-con01-list li .txt-box .txt {position: relative; padding-left: 1rem; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.025em; color: #666666; line-height: 1.58;}
.equipment-con01-list li .txt-box .txt + .txt {margin-top: 1rem;}
.equipment-con01-list li .txt-box .txt:before {position: absolute; content: '-'; left: 0; top: 0;}
.equipment-con01-list li .txt-box .txt.no-dash {padding-left: 0; line-height: 2.1;}
.equipment-con01-list li .txt-box .txt.no-dash:before {display: none;}
.equipment-con01-list li .icon {position: absolute; right: 4.9rem; bottom: 4.9rem; height: 6rem;}
.equipment-con01-list li .icon img {max-height: 100%;}

/* ----------- Overseas Business --------------- */
.overseas-con01 {padding: 10rem 0; background-color: #f5f5f5;}
.overseas-con01-inner {padding-top: 5rem; border-top: 2px solid #474747;}
.overseas-list01 {display: flex; margin: 0 -3.5rem;}
.overseas-list01 li {position: relative; width: calc(33.333% - 7rem); height: 12rem; margin: 0 3.5rem;}
.overseas-list01 li:before {position: absolute; content: ''; width: 7rem; height: 1px; border-bottom: 1px dashed var(--main-color); top: 50%; left: -7rem; margin-top: -1px;}
.overseas-list01 li:first-child:before {display: none;}
.overseas-list01 li .inner {position: relative; width: 100%; height: 100%; border-radius: 6rem; background-color: var(--main-color); display: flex; align-items: center; justify-content: center;text-align: center; padding: 0 1.5rem; box-sizing: border-box;}
.overseas-list01 li .inner:before {position: absolute; left: -0.7rem; top: 50%; margin-top: -0.75rem; content: ''; width: 1.5rem; height: 1.5rem; border: 4px solid #f5f5f5; border-radius: 50%; background-color: var(--main-color); box-sizing: border-box; z-index: 1;}
.overseas-list01 li .inner:after {position: absolute; right: -0.7rem; top: 50%; margin-top: -0.75rem; content: ''; width: 1.5rem; height: 1.5rem; border: 4px solid #f5f5f5; border-radius: 50%; background-color: var(--main-color); box-sizing: border-box; z-index: 1;}
.overseas-list01 li:first-child .inner:before {display: none;}
.overseas-list01 li:last-child .inner:after {display: none;}
.overseas-list01 li .txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; line-height: 1.5; }
.overseas-con01-center {margin: 4rem 0 5rem; display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; background-color: #fff; border: 3px solid var(--main-color); padding:2.8% 4%;box-sizing: border-box;}
.overseas-con01-center .txt {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.05em; color: #454545; line-height: 1.5;}
.overseas-list02 {display: flex; flex-wrap: wrap;}
.overseas-list02 li {position: relative; width: 33.333%; box-sizing: border-box; text-align: center; padding: 1.5rem 2rem 0; border-left: 1px solid #dddddd; box-sizing: border-box;}
.overseas-list02 li:first-child {border-left: 0;}
.overseas-list02 li .icon {display: block; height: 5.9rem;}
.overseas-list02 li .icon img {max-height: 100%;}
.overseas-list02 li .txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #454545; line-height: 1.5; margin-top: 1.3rem;}


/* ******************  04. R&D센터 ********************** */
/* ----------- R&D Center --------------- */
.rnd-center-con01 { max-width: 1085px; margin: 0 auto;}
.rnd-center-list01 {display: flex; margin: 0 -3.5rem;}
.rnd-center-list01 li {position: relative; width: calc(33.333% - 7rem); margin: 0 3.5rem;}
.rnd-center-list01 li:before {position: absolute; content: ''; width: 7rem; height: 1px; border-bottom: 1px dashed #cccccc; top: 50%; margin-top: -1px; left: -7rem;}
.rnd-center-list01 li:first-child:before {display: none;}
.rnd-center-list01 li .inner-wrap {position: relative; width: 100; height: 0; padding-top: 100%; }
.rnd-center-list01 li .inner-wrap:before {position: absolute; content: ''; top: 50%; margin-top: -0.5rem; left: -0.5rem; width: 1rem; height: 1rem; border-radius: 50%; border: 2px solid #cccccc; box-sizing: border-box; background-color: #fff; z-index: 1;}
.rnd-center-list01 li:first-child .inner-wrap:before {left: auto; right: -0.5rem;}
.rnd-center-list01 li:nth-child(2) .inner-wrap:after {position: absolute; content: ''; top: 50%; margin-top: -0.5rem; right: -0.5rem; width: 1rem; height: 1rem; border-radius: 50%; border: 2px solid #cccccc; box-sizing: border-box; background-color: #fff; z-index: 1;}
.rnd-center-list01 li .inner-con {position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 2.7rem; border-radius: 50%; border: 1px dashed #cccccc; background-color: #fff; box-sizing: border-box;}
.rnd-center-list01 li .inner-box {position: relative; display: flex; flex-direction: column; text-align: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; border: 6px solid var(--main-color); box-sizing: border-box; box-shadow:1rem 1rem 5rem rgba(0,0,0,0.2);}
.rnd-center-list01 li:first-child .inner-box {border-color: #ed1b23;}
.rnd-center-list01 li:last-child .inner-box {border-color: #444444;}
.rnd-center-list01 li .inner-box .num {display: block; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.025em; color: #aaaaaa; line-height: 1.3; margin-bottom: 1.3rem;}
.rnd-center-list01 li .inner-box .icon {display: block; height: 6rem;}
.rnd-center-list01 li .inner-box .icon img {max-height: 100%;}
.rnd-center-list01 li .inner-box .tit {display: block; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.025em; color: #444444; line-height: 1.6; margin-top: 1.2rem;}

.rnd-center-con02 {padding: 10rem 0;}
.rnd-center-con02-item {border: 1px solid #dddddd; background-color: #f5f5f5; box-sizing: border-box;}
.rnd-center-con02-item + .rnd-center-con02-item {margin-top: 5rem;}
.rnd-center-con02-item .img-box {position: relative; width: 100%; height: 0; padding-top: 28.57%;}
.rnd-center-con02-item .img-box span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block;}
.rnd-center-con02-item.item01 .img-box span {background: url(/images/content/rnd_center_img01.jpg)no-repeat center/cover;}
.rnd-center-con02-item.item02 .img-box span {background: url(/images/content/rnd_center_img02.jpg)no-repeat center/cover;}
.rnd-center-con02-item.item03 .img-box span {background: url(/images/content/rnd_center_img03.jpg)no-repeat center/cover;}
.rnd-center-con02-item .txt-box {padding: 3.5% 3% 3.7%;}
.rnd-center-con02-item .txt-box .txt01 {font-size: 2.6rem; font-weight: 500; letter-spacing: -0.05em; color: #2f2f2f; line-height: 1.7;}
.rnd-center-con02-item .txt-box .txt01 span {color: var(--main-color);}
.rnd-center-con02-item .txt-box .txt02 {font-size: 1.7rem; font-weight: 400; letter-spacing: -0.025em; color: #666666; line-height: 2.1; margin-top: 2rem;}

.rnd-center-con03 {padding: 10rem 0; background-color: #f5f5f5;}
.rnd-center-con03-item {display: flex; align-items: center;}
.rnd-center-con03-item + .rnd-center-con03-item {margin-top: 7.8rem;}
.rnd-center-con03-item .img-con {width: 47.14%;}
.rnd-center-con03-item .img-con img {max-width: 100%;}
.rnd-center-con03-item .txt-con {width: 52.86%; padding-left: 5.72%; box-sizing: border-box;}
.rnd-center-con03-item .txt-con .tit {position: relative; padding: 0 0 2rem 3.5rem; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 2.6rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.7; color: #2f2f2f;}
.rnd-center-con03-item .txt-con .tit:before {position: absolute; content: '\e92b'; font-family: xeicon; top: 0; left: 0; }
.rnd-center-con03-item .txt-con .txt-box {padding-top: 3rem;}
.rnd-center-con03-item .txt-con .txt {position: relative; padding-left: 1rem; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.025em; color: #666666; line-height: 2.1;}
.rnd-center-con03-item .txt-con .txt:before {position: absolute; content: '-'; top: 0; left: 0;}

@media all and (min-width:801px){
	.rnd-center-con03-item.reverse {flex-direction: row-reverse}
	.rnd-center-con03-item.reverse .txt-con {padding-left: 0; padding-right: 8rem;}
}

.rnd-center-bottom {text-align: center; padding: 7% 0; background: url(/images/content/rnd_center_bottom_bg.jpg)no-repeat center/cover;}
.rnd-center-bottom .tit {font-size: 3.6rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; line-height: 1.3;}
.rnd-center-bottom .txt {font-size: 1.7rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; line-height: 2.1; margin-top: 2rem;}

.rnd-list-con .project-tbl-con table td {    padding: 1.3rem 1.9rem;}
.rnd-list-con .project-tbl-con table td:last-of-type {text-align: center;}

/* ******************  05. 인증현황 ********************** */
.certifi-list-style04{}
.certifi-list-style04 > ul{margin:0 -1%;}
.certifi-list-style04 > ul li{float:left; width:18%; margin:0 1% 7rem 1%; }
.certifi-list-style04 > ul li:nth-child(5n+1){clear: both;}
.certifi-list-style04 .certifi-img-thumb{position:relative; padding-top:130%; border:1px solid #ddd;}
.certifi-list-style04 .certifi-img-thumb > span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.certifi-list-style04 .certifi-tit{font-size:1.5rem; line-height:1.6; color:#444; font-weight:400; letter-spacing:-0.02em; text-align:center; max-width:100%; padding-top:1rem;}

/* ******************  06. 고객센터 ********************** */
/* ----------- 브로슈어 --------------- */
.download-list-con-style02 .download-item {position: relative;border-bottom: 1px solid #e1e1e1;padding: 20px;}
.download-list-con-style02 .download-item:first-child {border-top: 2px solid #333;}
.download-list-con-style02 .download-item .info-box {width: calc(100% - 210px);}
.download-list-con-style02 .download-item .info-box .date-box {display: inline-block;vertical-align: middle;box-sizing: border-box;width: 75px;height: 75px;padding-top: 15px;background-color: #ccc; margin-right: 32px;text-align: center;color: #fff;transition: background-color 0.5s}
.download-list-con-style02 .download-item:hover .info-box .date-box { background-color: var(--main-color);}
.download-list-con-style02 .download-item .info-box .date-box .month {display: block;font-size: 24px;font-weight: 700;margin-bottom: 5px;}
.download-list-con-style02 .download-item .info-box .tit-box {display: inline-block;vertical-align: middle;width: calc(100% - 120px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #2f2821;font-size: 22px;font-weight: 500;letter-spacing: -0.5px;}
.download-list-con-style02 .download-item .download-btn {position: absolute;top: 50%;right: 20px;width: 193px;height: 46px;padding: 0 20px;line-height: 44px;border: 1px solid #333;text-align: left;transform: translateY(-50%)}
.download-list-con-style02 .download-item .download-btn em {position: relative;left: 0px;z-index: 1;font-size: 11px;letter-spacing: 1.5px;font-weight: 900;color: #333;}
.download-list-con-style02 .download-item .download-btn em .icon {
position: static;margin-right: 10px;font-size: 16px;position: relative;top: 2px;right: auto;line-height: 40px;}
.download-list-con-style02 .download-item .download-btn .arrow {font-size: 20px;top: 0px;right: 18px;transition: all 0.5s;position: absolute;line-height: 45px;color: #333;}
.download-list-con-style02 .download-item .download-btn:hover .arrow { transform: translateX(5px)}
.download-list-con-style02 .download-btn, .download-list-con-style02 .download-btn em, .download-list-con-style02 .download-btn i { transition: color 0.5s 0.1s}
.download-list-con-style02 .download-btn {position: relative;overflow: hidden;display: inline-block;border: 1px solid #fff;text-align: center;box-sizing: border-box;}
.download-list-con-style02 .download-btn:before {display: block;position: absolute;left: -140%;bottom: -10%;content: "";width: 130%;height: 160%;background-color: #333;transform: skew(-20deg);transition: all 1s cubic-bezier(0.25, 0.1, 0.09, 1.06);}


/* ----------- 고객문의 --------------- */
.inquiry-tit {font-size: 2.6rem; font-weight: 500; letter-spacing: -0.02em; color: #333333; text-align: center; line-height: 1.7; margin-bottom: 5.5rem;}
.inquiry-row {display: flex; margin: 0 -0.5rem;}
.inquiry-row + .inquiry-row  {margin-top: 1rem;}
.inquiry-row .inquiry-item {display: flex; align-items: center; width: calc(50% - 1rem); margin: 0 0.5rem; height: 5rem; background-color: #eeeeee; padding: 0 1.5rem; box-sizing: border-box;}
.inquiry-row.full .inquiry-item {width: calc(100% - 1rem);}
.inquiry-row .inquiry-item strong {display: inline-block; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.03em; color: #666666; line-height: 1.3;}
.inquiry-row .inquiry-item strong .essential-icon {color: #666;}
.inquiry-row .inquiry-item input ,
.inquiry-row .inquiry-item textarea {height: 100%; margin-left: 2rem; background-color: transparent; outline: none; border: none; flex: 1;  font-size: 1.5rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.025em;color: #666;}
.inquiry-row .inquiry-item.textarea-item {display: block; height: auto; padding: 1.5rem;}
.inquiry-row .inquiry-item.textarea-item strong {display: block;}
.inquiry-row .inquiry-item textarea {margin-left: 0; width: 100%; height: 25rem; margin-top: 1rem;}
.inquiry-row .inquiry-item .security-code { margin-left: 3.5rem; font-size: 1.5rem; font-weight: 500; color: #000000;}
.inquiry-form-bottom-box {display: flex; align-items: center; justify-content: space-between; margin-top: 2rem;}
.agree-check-box input {display: none;}
.agree-check-box label {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.03em; color: #666666; line-height:1.5;}
.agree-check-box label a {display: inline-block; color: #333333; font-weight: 500; border-bottom: 2px solid #333333; }
.agree-check-box label i {font-size: 2rem; color: #bbbbbb; vertical-align: middle;}
.agree-check-box input:checked + label i {color: #333;}
.inquiry-submit-btn {display: block; width: 20rem; height: 5rem; line-height: 5rem; text-align: center; background-color: var(--main-color); font-size: 1.6rem; font-weight: 600; letter-spacing: -0.03em; color: #fff; text-align: center;}


/* ****************** 임시 시안 css ********************** */
.cm-sian-img{position: relative; left: 50%; margin-left: -960px;}
@media all and (max-width:1280px){
	.cm-sian-img{position: static; margin-left: 0; width: 100%; height: auto; }
}