@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 */
.outline .tit {margin-bottom:50px;}
.outline .tit h3 {font-size:28px; line-height:1.3em; color:#242424; font-weight:400;}
.outline .cnt {margin-bottom:50px;}
.outline table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #222; color:#454545; font-size:16px; text-align:left;}
.outline table th {border-bottom:1px solid #ddd; padding:16px 20px; font-weight:500;}
.outline table th span {font-weight:400;}
.outline table td {border-bottom:1px solid #ddd; padding:16px 20px;}
.outline .col {display:flex; margin:0 -15px;}
.outline .row {width:100%; padding:0 15px; text-align:center;}
.outline .row p {font-size:16px; line-height:1.6em; color:#454545; margin-top:16px;}
/* sub01_02 */
.history .tab-menu {margin-bottom:50px;}
.history .tab-menu ul {display:flex; justify-content:center; margin:0 -5px;}
.history .tab-menu ul li {padding:0 5px;}
.history .tab-menu ul li a {display:block; width:310px; line-height:54px; border:1px solid #ddd; text-align:center; font-size:16px; color:#686868; }
.history .tab-menu ul li.active a {border-color:#00479d; color:#00479d;}
.history .col {margin-bottom:70px; display:flex; position:relative; overflow:hidden;}
.history .year {width:205px; font-family:'Montserrat'; font-size:50px; line-height:1.2em; position:relative;}
.history .year:before {content:''; width:26px; height:26px; background:#fff; border:1px solid #76bf67; border-radius:50%; position:absolute; top:18px; right:-13px;}
.history .year:after {content:''; width:14px; height:14px; background:#76bf67; border-radius:50%; top:24px; right:-7px; position:absolute;}
.history .txt-box {width:1%; flex:1 1 auto; padding-left:40px; position:relative;}
.history .txt-box:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; top:38px; left:0;}
.history .txt-box:after {content:''; width:1px; height:100%; max-height:60px; background:#76bf67; position:absolute; top:38px; left:0;}
.history .txt-box .txt {margin-bottom:16px;}
.history .txt-box .txt:first-child {margin-top:15px;}
.history .txt-box .txt:last-child {margin-bottom:0;}
.history .txt-box .txt h4 {font-size:18px; line-height:1.5em; font-weight:500; color:#454545; margin-bottom:4px;}
.history .txt-box .txt li {font-size:18px; line-height:1.6em; color:#454545; font-weight:300; margin-top:4px; padding-left:12px; position:relative; font-weight:500;}
.history .txt-box .txt li:before {content:''; width:3px; height:3px; background:#454545; position:absolute; top:12px; left:3px; border-radius:50%;}
/* sub01_03 */
.certification .col {display:flex; flex-wrap:wrap; margin:0 -15px;}
.certification .row {width:25%; padding:0 15px; text-align:center; margin-bottom:46px;}
.certification .row .img-box {margin-bottom:16px;}
.certification .row h4 {font-size:16px; line-height:1.6em; color:#454545; font-weight:500; margin-bottom:4px;}
.certification .row p {font-size:15px; line-height:1.8em; color:#686868;}
/* sub01_05 */
.field {padding:70px 0; background:#f8f8f8;}
.field h3 {font-size:20px; color:#242424; line-height:1.5em; margin-bottom:20px;}
/* sub01_07 */
.directions .maps {margin-bottom:30px;}
.directions .root_daum_roughmap {width:100% !important; height:360px !important;}
.directions .root_daum_roughmap .wrap_map {height:360px !important;}
.directions .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .roughmap_lebel_text:after {content:"주식회사 내산"; font-size:12px; line-height:15px;}
.directions .col {display:flex; border-top:2px solid #76bf67; border-bottom:1px solid #ddd;}
.directions .col .row {border-right:1px solid #ddd; text-align:center; padding:40px 20px;}
.directions .col .row1 {width:46%; border-left:1px solid #ddd;}
.directions .col .row2 {width:27%;}
.directions .col .row .icon {margin-bottom:20px;}
.directions .col .row h3 {font-size:18px; color:#454545; font-weight:500; line-height:1.5em; margin-bottom:16px;}
.directions .col .row p {font-size:16px; color:#454545; line-height:1.6em;}
/* sub01_08 */
.greetings {display:flex; color:#454545; font-size:18px; font-weight:300; line-height:1.667em; letter-spacing:-.03em;}
.greetings .img {width:35%; max-width:420px; margin-right:80px;}
.greetings .img p {text-align:right; color:#000000; font-size:20px; line-height:1.3em; margin:27px 75px 0 0;}
.greetings .img p strong {font-size:22px;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%; max-width:650px; padding-top:50px;}
.greetings .cnt p {margin-bottom:1.667em;}
.greetings .cnt p:last-child {margin-bottom:0;}
.greetings .cnt .tt {font-size:26px; font-weight:400; line-height:1.538em; margin-bottom:43px;}
/* doc */
.doc-tit {margin-bottom:24px;}
.doc-tit h3 {font-size:22px; font-weight:500; color:#242424; line-height:1.3em; position:relative; padding-left:42px;}
.doc-tit h3:before {content:''; width:27px; height:24px; background:url('../images/sub/doc-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:2px; left:0;}
.doc-cnt {padding-left:42px;}
.doc-cnt p {font-size:16px; line-height:1.6em; color:#454545; position:relative; padding-left:15px; margin-bottom:4px;}
.doc-cnt p:before {content:''; width:6px; height:6px; background:#00479d; position:absolute; top:10px; left:0;} 
.doc-cnt ul {padding-left:15px; margin-bottom:14px;}
.doc-cnt ul li {font-size:16px; color:#454545; line-height:1.6em;}
.doc-cnt.mgb {margin-bottom:70px;}
/* sub02_01 */
.oca .col {display:flex; margin-bottom:130px;}
.oca .col .txt-box {width:1%; flex:1 1 auto;}
.oca .col .img-box {width:100%; max-width:193px;}
.oca .wrap {background:#f8f8f8; padding:70px 0;}
.oca .box {display:flex; padding:80px 45px 50px; margin:30px 0 80px; position:relative; background:#fff; border:1px solid #ddd; border-radius:10px; align-items:center;}
.oca .box:last-child {margin-bottom:0;}
.oca .box .tit {font-size:18px; font-weight:500; color:#fff; text-align:center; display:inline-block; width:360px; line-height:58px; position:absolute; top:-29px; left:50%; margin-left:-180px; background:#00479d; z-index:1; border-radius:30px;}
.oca .row {width:33.333333%; padding:0 5px;}
.oca .row ul li {font-size:16px; line-height:1.6em; color:#454545; position:relative; padding-left:50px;}
.oca .row ul li:before {content:''; width:40px; height:10px; position:absolute; top:8px; left:0; background:url('../images/sub/oca-arrow.png') 0 0 no-repeat; background-size:cover;}
/* sub02_02 */
.oledfilm .cnt {margin-bottom:70px;}
.oledfilm .col {display:flex; flex-wrap:wrap; align-items:center; margin:0 -28px;}
.oledfilm .row {width:auto; padding:0 28px; margin-bottom:50px;}
.oledfilm .row .txt-box {margin-top:20px; text-align:center;}
.oledfilm .row .txt-box p {display:inline-block; padding:11px 30px; line-height:1.6em; font-size:16px; color:#454545; background:#e5ecf5; border-radius:10px;}
.oledfilm .arrow {padding:0;} 
/* sub02_03 */
.re-work .cnt {margin-bottom:70px;}
.eco-coating{margin-bottom:60px;}
.btn-down {display:inline-block; padding:0 29px; font-size:16px; color:#454545; line-height:58px; border:1px solid #ddd; border-radius:60px;}
.btn-down:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 43px; width:17px; height:17px; background:url("../images/sub/icon_down.png") 50% 50% no-repeat;}
.space-center p {font-size:18px; color:#454545; margin-bottom:24px;}
/* sub03_detail */
.detail .col {display:flex; margin:0 -30px;}
.detail .row {width:100%; padding:0 30px;}
.detail .img-box .pic {position:relative; height:0; padding-bottom:64.913%; overflow:hidden;}
.detail .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.detail .txt-box h3 {font-size:20px; letter-spacing:0; line-height:1.5em; margin-bottom:16px;}
.detail .txt-box ul {border-top:1px solid #222222;}
.detail .txt-box li {border-bottom:1px solid #ddd; display:flex; font-size:16px; color:#454545; line-height:1.5em;}
.detail .txt-box li .tit {width:130px; background:rgba(0,71,157,0.05); text-align:center; padding:18px 10px;}
.detail .txt-box li .txt {width:1%; flex:1 1 auto; padding:18px 20px;}
.detail .list {text-align:center; margin-top:60px;}
.detail .list a {display:inline-block; width:160px; line-height:54px; background:#00479d; font-size:16px; color:#fff; font-weight:500; letter-spacing:0;}
/* sub03_03 */ 
.foreign .cnt {margin-bottom:30px; border:1px solid #ddd; padding:30px;}
.foreign .col {display:flex; flex-wrap:wrap; margin:0 -30px -30px;}
.foreign .row {width:auto; padding:0 30px; margin-bottom:30px;}
/* sub04_01 */
.pinnacle .cnt {margin-bottom:70px;}
.pinnacle .doc-cnt li {position:relative; padding-left:20px;}
.pinnacle .doc-cnt li:before {content:'→'; position:absolute; top:0; left:0;}
.pinnacle .img-box {padding:30px; margin-bottom:30px; border:1px solid #ddd; border-radius:10px; text-align:center;}
/* sub04_02 */
.hole-display .doc-cnt {margin-bottom:30px;}
.hole-display .cnt {padding-left:58px; margin-bottom:50px;}
.hole-display .col {display:flex; margin-bottom:16px;}
.hole-display .row {width:100%; border:1px solid #ddd; margin-left:-1px;}
.hole-display .row h4 {line-height:55px; background:#e5ecf5; border-bottom:1px solid #ddd; font-size:16px; font-weight:500; color:#454545; text-align:center;}
.hole-display .box {padding:20px; text-align:center;}
.hole-display .flex-box {display:flex; align-items:center; justify-content:center; margin:0 -10px;}
.hole-display .flex-box > div {padding:0 10px;}
.hole-display .flex-box .table {max-width:272px; width:100%;}
.hole-display .flex-box table {width:100%; border-collapse:collapse; border-spacing:0; text-align:center; font-size:14px; color:#454545; line-height:1.6em;}
.hole-display .flex-box table th {border:1px solid #ddd; padding:9px 0; background:#f2f2f2;}
.hole-display .flex-box table td {border:1px solid #ddd; padding:9px 0;}
.hole-display .cnt p {position:relative; padding-left:20px; font-size:16px; color:#454545; line-height:1.6em;}
.hole-display .cnt p:before {content:'▶'; position:absolute; top:0; left:0;}