@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01-01 CEO 인사말 */
.greeting .wrap {display:flex;}
.greeting .img-box {width:38.5%;}
.greeting .txt {width:61.5%;}
.greeting .txt h3 {font-size:24px; font-weight:500; line-height:1.6em; color:#0060af; margin-bottom:30px;}
.greeting .txt strong {font-size:20px; line-height:1.4em; font-weight:500; color:#242424; margin-bottom:30px; display:block;}
.greeting .txt p {font-size:17px; line-height:1.6em; color:#454545; margin-bottom:30px;}
.greeting .txt p:last-child {font-size:500; margin-bottom:0;}
/* doc-common */
.doc-tit {font-size:20px; line-height:1.25em; color:#242424; font-weight:500; padding-left:30px; position:relative; margin-bottom:16px;}
.doc-tit:before {content:''; width:20px; height:20px; top:50%; left:0; margin-top:-10px; background-image:url('../images/bbs/doc-tit.png'); background-repeat:no-repeat; background-size:cover; position:absolute;}
.doc-box {background:#f0f0f0; text-align:center; padding:26px 20px; font-size:16px; line-height:1.5em; font-weight:500; color:#242424; border-radius:10px; margin-bottom:30px;}
/* sub01-02 사업영역 */
.territory .cnt {margin-bottom:50px;}
.territory .cnt01 ul {display:flex; margin-left:-80px; justify-content:center;}
.territory .cnt01 ul li {width:231px; height:231px; border:10px solid #f1f1f1; background:#fff; margin-left:80px; display:flex; justify-content:center; flex-direction:column; text-align:center; border-radius:50%;}
.territory .cnt01 ul li h3 {font-size:20px; line-height:1.4em; color:#0060af; font-weight:500; margin-bottom:12px;}
.territory .cnt01 ul li p {line-height:1.3em; color:#454545;}
.territory .cnt02 p {line-height:1.7em; color:#454545; margin-bottom:30px;}
.territory .cnt02 p:last-child {margin-bottom:0;}
.territory .cnt02 p strong {display:block; color:#242424; font-size:18px; font-weight:500; line-height:1.2em;}
.territory .cnt03 ul {display:flex; margin-bottom:-20px; flex-wrap:wrap; margin:0 37px 0 17px;}
.territory .cnt03 ul li {width:calc(20% - 20px); margin-left:20px; margin-bottom:20px; position:relative;}
.territory .cnt03 ul li:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd; border-radius:10px;}
/* sub01-03 조직도 */
.organization .img-box {text-align:center;}
/* sub01-04 연혁 */
.history .tit {text-align:center; margin-bottom:46px;}
.history .tit .img-box {margin:0 auto 12px;}
.history .tit h3 {font-size:20px; line-height:1.3em; color:#242424; font-weight:500;}
.history .row {position:relative; display:flex; flex-wrap:wrap; align-items:center; padding-bottom:50px;}
.history .row .col {position:relative; width:50%; padding: 0 30px;}
.history .row:nth-child(even) {flex-direction:row-reverse;}
.history .row:nth-child(odd) {text-align:right;}
.history .row .col:first-child:before {content:""; position:absolute; top:15px; transform:translateY(-50%); left:-10px; width:20px; height:20px; border:5px solid #0060af; border-radius:50%; background:#fff; z-index:1;}
.history .row:after {content:""; position:absolute; top:10px; left:50%; width:1px; height:100%; background:#ddd; z-index:0;}
.history .row:nth-child(odd) .col:first-child:before {right:-10px; left:auto;}
.history .row:last-child {padding-bottom:0;}
.history .row .col .year {position:relative; font-size:20px; font-weight:700; line-height:1.3em; margin-bottom:16px; color:#0060af;}
.history .row ul li {display:flex; line-height:1.75em; color:#454545;}
.history .row ul li span {font-weight:500; padding-right:7px;}
.history .row:nth-child(odd) ul li {justify-content:flex-end;}
.history .row:last-child:after {display:none;}
/* sub01-05 인증현황 */
.certification .cnt ul {display:flex; flex-wrap:wrap; margin-left:-20px; justify-content:center;}
.certification .cnt ul li {width:calc(20% - 20px); margin-left:20px; margin-bottom:50px; text-align:center;}
.certification .cnt ul li .img-box {position:relative; margin-bottom:12px;}
.certification .cnt ul li .img-box:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd;}
.certification .cnt ul li p {line-height:1.3em; color:#686868; padding:0 15px;}
/* sub01-06 찾아오시는길 */
.directions .root_daum_roughmap {width:100% !important; height:500px !important;}
.directions .root_daum_roughmap .wrap_map {height:500px !important;}
.directions .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .maps01 .roughmap_lebel_text:after {content:"보운"; font-size:12px; line-height:15px;}
.directions .maps02 .roughmap_lebel_text:after {content:"2공장"; font-size:12px; line-height:15px;}
.directions .maps {margin-bottom:40px;}
.directions ul {display:flex; margin-bottom:50px;}
.directions ul:last-child {margin-bottom:0;}
.directions ul li {width:25%; display:flex; flex-direction:column; align-items:center; text-align:center; color:#454545; padding:10px 30px; border-right:1px solid #ddd;}
.directions ul li:last-child {border-right:0;}
.directions ul li .img-box {margin-bottom:20px;}
.directions ul li p {line-height:1.6em;}
/* sub02 제품정보 */
.product .wrap {display:flex; margin-bottom:60px;}
.product .wrap>div {width:50%;}
.product .wrap .img-box {padding-right:57px;}
.product .wrap .txt h3 {font-size:20px; line-height:1.4em; color:#242424; padding-bottom:21px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.product .wrap .txt ul {margin-bottom:50px;}
.product .wrap .txt ul:last-child {margin-bottom:0;}
.product .wrap .txt li {line-height:1.8em; color:#454545; padding-left:10px; position:relative;}
.product .wrap .txt li:before {content:''; width:4px; height:1px; background:#454545; position:absolute; top:13px; left:1px;}
.product .list {display:flex; margin-left:-30px;}
.product .list li {margin-left:30px;}
/* sub03 설비현황 */
.equipment .video-container {width:74.167%; margin:0 auto 50px; padding-bottom:41.667%;}
.equipment table {width:100%; border-spacing:0; border-collapse:collapse; border-top:2px solid #242424;}
.equipment table tr {border-bottom:1px solid #ddd; line-height:58px;}
.equipment table th {font-weight:500; color:#242424; border-right:1px solid #ddd; background:#f8f8f8;}
.equipment table td {color:#454545; padding-left:30px;}
.equipment ul {display:flex; margin-left:-20px; margin-bottom:40px;}
.equipment ul li {width:20%; margin-left:20px;}
.equipment ul li .img-box {margin-bottom:16px;}
.equipment ul li p {font-size:18px; color:#242424; font-weight:500; line-height:1.3em; text-align:center;}
/* sub04-04 개인정보처리 */
.tab-cnt01 {margin-bottom:60px;}
.tab-cnt01 ul {display:flex; margin-left:-20px; justify-content:center;}
.tab-cnt01 ul li {margin-left:20px;}
.tab-cnt01 ul li a {display:block; line-height:60px; padding:0 58px; border-radius:30px; text-align:center; border:1px solid #ddd; background:#fff; color:#454545;}
.tab-cnt01 ul li.active a {border-color:#0060af; background:#0060af; color:#fff;}
.policy .content {font-size:15px; font-weight:300; line-height:1.5em; letter-spacing:-.03em; color:#505050;}
.policy .sec {margin-bottom:40px;}
.policy .sec h3 {color:#222; font-size:1.1em; font-weight:500; margin-bottom:7px;}
.policy .sec p {margin-bottom:1em;}
.policy .sec strong {font-weight:500;}
.policy .policy-contact {display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em;}
.policy .policy-contact dl {flex:1; padding:0 20px; border-left:1px solid #e5e5e5;}
.policy .policy-contact dl:first-child {border-left:0;}
.policy .policy-contact dt {font-weight:500; color:#333; margin-bottom:12px;}
/* sub05-01 addfree */
.addfree .video-container {width:74.167%; margin:0 auto 50px; padding-bottom:41.7%;}
.addfree ul {margin:0 auto 60px; text-align:center;}
.addfree .more {text-align:center;}
.addfree .more a {display:inline-block; line-height:100px; padding:0 90px; font-size:30px; color:#fff; background:#0060af; border-radius:15px;}
.sub-title h3{font-size:20px;}
.sub-title h3 span{font-size:30px;}