@charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit {font-size:20px; font-weight:500; color:#242424; margin-bottom:20px; line-height:1.5em; padding-left:30px; position:relative;}
.doc-tit:before {content:''; width:20px; height:20px; background:url('../images/sub/doc-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; left:0; top:50%; margin-top:-10px;}
/* sub01_01 */
.outline .img-box {margin-bottom:50px; border:1px solid #ddd; text-align:center;}
.outline .col {display:flex; margin-bottom:50px;}
.outline .row {width:100%;}
.outline table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #686868; line-height:49px; font-size:16px; color:#454545;}
.outline table th {background:#f5f5f5; border-bottom:1px solid #ddd; font-weight:500; }
.outline table td {border-bottom:1px solid #ddd; padding:0 30px;}
/* sub01_02 */
.greeting .tit {text-align:center; margin-bottom:46px;}
.greeting .tit h3 {font-size:26px; font-weight:500; line-height:1.3em; color:#ff8000;}
.greeting .img-box {margin-bottom:26px;}
.greeting .txt p {font-size:16px; line-height:1.8em; color:#454545;}
.greeting .txt p.tt {text-align:right; font-size:18px; font-weight:500; margin-top:20px;}
/* sub01_03 */
.history .img-box {text-align:center; margin-bottom:50px;}
.history .tit .txt {display:inline-block; padding:16px 30px; background:#ff8000; color:#fff; min-width:215px; margin:-50px 0 0 50px;}
.history .tit .txt h3 {font-size:22px; font-family:'NanumSquare'; line-height:1.4em;}
.history .col {display:flex; position:relative; padding-top:30px;}
.history .col:first-child {padding-top:50px;}
.history .col:before {content:''; width:1px; height:100%; position:absolute; top:0; left:160px; background:#ddd;}
.history .col:last-child:before {height:80%;}
.history .year {width:160px; padding-left:50px; font-size:24px; line-height:1.5em; color:#ff8000; font-weight:500; font-family:'Roboto'; position:relative;}
.history .year:after {content:''; width:15px; height:15px; background:#fff; border:4px solid #ff8000; border-radius:50%; position:absolute; top:9px; right:-8px;}
.history .box {width:1%; flex:1 1 auto; padding-left:55px; padding-top:3px;}
.history .txt {display:flex; margin-bottom:14px; font-size:16px;color:#454545; line-height:1.5em;}
.history .txt:last-child {margin-bottom:0;}
.history .month {width:45px;  font-weight:500;}
.history .txt .tt {width:1%; flex: 1 1 auto;}
/* sub01_04 */
.ideology {padding-bottom:30px;}
/* sub01_05 */
.vision ul {display:flex;}
.vision ul li {width:33.3333333%;}
/* 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 .roughmap_lebel_text:after {content:"파워트닉스(주)"; font-size:12px; line-height:15px;}
.directions .cnt li {display:flex; line-height:50px; border-bottom:1px solid #dfdfdf; font-size:16px; color:#454545; }
.directions .cnt li .tt1 {width:210px; text-align:center; font-weight:500;}
.directions .cnt li .tt2 {width:1%; flex:1 1 auto;}
/* sub01_07 */
.account ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.account ul li {width:25%; padding:0 15px; margin-bottom:30px;}
/* sub02 */
.product-tab {margin-bottom:50px;}
.product-tab ul {display:flex; border:1px solid #ddd; background:#fafafa;}
.product-tab ul li {width:100%; text-align:center; position:relative;}
.product-tab ul li:after {content:''; width:1px; height:20px; background:#ddd; position:absolute; top:50%; margin-top:-10px; right:0;}
.product-tab ul li:last-child:after {display:none;}
.product-tab ul li a {font-size:16px; line-height:58px;}
.product-tab ul li.active a {color:#ff8000; font-weight:500;}
.product-list {padding:25px 0 0 0; border-top:2px solid #868686;}
.product-list ul {display:flex; flex-wrap:wrap; margin:0 -13px;}
.product-list ul li {width:20%; padding:0 13px; margin-bottom:36px;}
.product-list ul li a {display:block;}
.product-list ul li a .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.product-list ul li a .pic:after {content:''; width:100%; height:100%; border:1px solid #ddd; position:absolute; top:0; left:0;}
.product-list ul li a .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;}
.product-list ul li a p {margin-top:14px; text-align:center; font-size:16px; line-height:1.4em; color:#242424;}
/* sub02_detail */
.product-detail .tit {display:flex; margin-bottom:50px;}
.product-detail .tit .img-box {max-width:400px; width:100%;}
.product-detail .tit .img-box .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.product-detail .tit .img-box .pic:after {content:''; width:100%; height:100%; border:1px solid #ddd; position:absolute; top:0; left:0;}
.product-detail .tit .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;}
.product-detail .tit .txt {flex:1 1 auto; width:1%; padding-left:40px;}
.product-detail .tit .txt h3 {font-size:28px; color:#333; padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #ddd; line-height:1.3em;}
.product-detail .tit .txt p {color:#505050;}
.product-detail .cnt {margin-bottom:24px;}
.product-detail .cnt h3 {font-size:22px; color:#333; margin-bottom:16px; line-height:1.5em;}
.product-detail .cnt .wrap {padding:24px 0; min-height:200px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.product-detail .cnt p {color:#505050;}
.product-detail .list {text-align:center;}
.product-detail .list a {display:inline-block; line-height:50px; background:#ff8000; color:#fff; padding:0 50px; font-size:18px; font-weight:500;}