@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 */
.greeting {position:relative;}
.greeting .wrap {position:absolute; top:0; left:0; display:flex; width:100%;}
.greeting .wrap .imgs {/* max-width:920px; width:100%; */ width:48.3%;}
.greeting .wrap .box {width:51.7%;}
.greeting .col {display:flex; width:100%;}
.greeting .col .img-box {width:100%; max-width:560px;}
.greeting .col .img-box .pic {display:none;}
.greeting .col .txt-box {width:1%; flex:1 1 auto; padding-left:80px;}
.greeting .tit {background:#fff; margin-bottom:40px;}
.greeting .tit h3 {padding:56px 0; font-size:28px; color:#2c2c2c; line-height:1.3em; position:relative;}
.greeting .tit h3:before {content:''; width:48px; height:38px; background:url('../images/sub/greeting-tit-l.png') 0 0 no-repeat; background-size:cover; position:absolute; top:0; left:0;}
.greeting .tit h3:after {content:''; width:48px; height:38px; background:url('../images/sub/greeting-tit-r.png') 0 0 no-repeat; background-size:cover; position:absolute; bottom:0; right:0;}
.greeting .tit h3 strong {color:#cc2928; font-weight:800;}
.greeting .txt {background:#f9f9f9; padding:36px 0 110px;}
.greeting .txt p {font-size:16px; line-height:1.8em; font-weight:300; color:#505050; margin-bottom:22px;}
.greeting .txt p .c_cc2928 {color:#cc2928;}
.greeting .txt p .c_e86827 {color:#e86827;}
.greeting .txt .tt {font-size:18px; font-weight:500; color:#2c2c2c; text-align:right;}
/* sub01_02 */
.ideology .img-box {margin-bottom:60px;}
.ideology .col {display:flex; flex-wrap:wrap;}
.ideology .row {width:50%; padding:0 60px; display:flex; align-items:center; margin-bottom:80px;}
.ideology .row .img-box {width:100%; max-width:100px;}
.ideology .row .txt {width:1%; flex:1 1 auto; padding-left:26px;}
.ideology .row .txt h4 {font-size:22px; color:#2c2c2c; line-height:1.3em; margin-bottom:20px;}
.ideology .row .txt li {font-size:18px; color:#505050; line-height:1.6em; margin-bottom:10px; padding-left:16px; position:relative;}
.ideology .row .txt li:last-child {margin-bottom:0;}
.ideology .row .txt li:before {content:''; width:6px; height:6px; border-radius:50%; background:#cccccc; position:absolute; left:0; top:10px;}
/* sub01_03 */
.outline {padding:120px 0; background:url('../images/sub/outline-bg.jpg') center center no-repeat; background-size:cover;}
.outline .col {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.outline .col .row {padding:0 5px; margin-bottom:10px;}
.outline .col .row50 {width:50%;}
.outline .col .row33 {width:33.333333%;}
.outline .col .box {display:flex; margin:0 -5px;}
.outline .col .box .inner {width:50%; margin:0 5px;}
.outline .col .inner {width:100%; background:#fff; height:293px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
.outline .col .inner .icon {margin-bottom:12px;}
.outline .col .inner p {font-size:18px; line-height:1.6em; color:#cc2928; margin-bottom:20px; font-weight:700;}
.outline .col .inner h3 {font-size:30px; line-height:1.2em; color:#2c2c2c;}
.outline .col .inner h4 {font-size:24px; line-height:1.3em;}
.outline .col .inner.reverse {background:#cc2928;}
.outline .col .inner.reverse p,
.outline .col .inner.reverse h3 {color:#fff;}
/* sub01_04 */
.directions .maps {margin-bottom:40px;}
.directions .root_daum_roughmap {width:100% !important; height:480px !important;}
.directions .root_daum_roughmap .wrap_map {height:480px !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 ul {display:flex;}
.directions .cnt ul li {width:100%; border:1px solid #dfdfdf; margin-left:-1px; padding:40px; overflow:hidden; position:relative;}
.directions .cnt ul li:after {content:''; width:123px; height:123px; position:absolute; bottom:-5px; right:10px; background-repeat:no-repeat; background-size:cover; z-index:-1; opacity:0.1;}
.directions .cnt ul li:nth-child(1):after {background-image:url('../images/sub/directions-icon01.png');}
.directions .cnt ul li:nth-child(2):after {background-image:url('../images/sub/directions-icon02.png');}
.directions .cnt ul li:nth-child(3):after {background-image:url('../images/sub/directions-icon03.png');}
.directions .cnt ul li:nth-child(4):after {background-image:url('../images/sub/directions-icon04.png');}
.directions .cnt ul li p {font-size:19px; font-weight:700; color:#cc2928; line-height:1.3em; margin-bottom:26px;}
.directions .cnt ul li h3 {font-size:24px; font-weight:400; color:#2c2c2c; line-height:1.2em;}
.directions .cnt ul li h4 {font-size:18px; font-weight:400; color:#2c2c2c; line-height:1.5em;}
/* sub01_05 */
.catalogue-list table tbody td a:hover {text-decoration:none;}
.catalogue-list table tbody td {height:80px;}
.catalogue-list table tbody td.num {font-size:18px; color:#2c2c2c; font-weight:700; line-height:1.5em;}
.catalogue-list table tbody td.subject {font-size:18px; font-weight:400; line-height:1.5em;}
.catalogue-list table tbody td.subject a {display:inline-block; position:relative;}
.catalogue-list table tbody tr:hover td.subject a {color:#cc2928;}
.catalogue-list table tbody tr:hover td.subject a:after {content:''; width:100%; height:2px; background:#e3a6a6; position:absolute; left:0; bottom:0;}
.catalogue-list table tbody td.date {font-size:16px; color:#878787; line-height:1.6em;}
.catalogue-list table tbody td.download {font-size:18px; font-weight:700; line-height:1.6em; color:#2c2c2c;}
.catalogue-list table tbody tr:hover td.download {color:#cc2928;}
/* sub02_01 */
.product-al .head {height:300px; margin-bottom:90px; background-repeat:no-repeat; background-size:cover; background-position:center center; text-align:center; display:flex; color:#fff; justify-content:center; flex-direction:column;}
.product-al .head h3 {font-size:28px; line-height:1.2em;}
.product-al .head p {font-size:18px; line-height:1.6em; margin-top:36px;}
.product-al .head01 {background-image:url('../images/sub/product-al-head01.jpg');}
.product-al .head02 {background-image:url('../images/sub/product-al-head02.jpg');}
.product-al .head03 {background-image:url('../images/sub/product-al-head03.jpg');}
.product-al .cnt01 ul {margin-bottom:80px;}
.product-al .cnt01 li {display:flex; margin-bottom:40px; align-items:center;}
.product-al .cnt01 li .tit {width:250px; font-size:26px; line-height:1.2em; color:#2c2c2c; position:relative; font-weight:700;}
.product-al .cnt01 li .tit:after {content:''; width:1px; height:30px; background:#2c2c2c; position:absolute; top:50%; margin-top:-15px; right:0;}
.product-al .cnt01 li .txt {width:1%; flex:1 1 auto; font-size:18px; line-height:1.6em; color:#505050; padding-left:30px;}
.product-al .cnt01 .img-box {display:flex; margin:0 -10px 20px;}
.product-al .cnt01 .img {width:33.333333%; padding:0 10px;}
.product-al .cnt01 .col {display:flex; margin:0 -10px 80px;}
.product-al .cnt01 .row {width:50%; padding:0 10px; text-align:center;}
.product-al .cnt01 .row .inner {border:1px solid #dfdfdf; background:#fff; padding:40px 20px; height:100%;}
.product-al .cnt01 .row .inner .icon {margin-bottom:20px;}
.product-al .cnt01 .row .inner p {font-size:17px; color:#505050; line-height:1.5em;}
.product-al .cnt01 .row .inner p .c_cc2928 {color:#cc2928;}
.product-al .cnt01 .row .inner p .c_e86827 {color:#e86827;}
.product-al .cnt01 table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #cc2928;}
.product-al .cnt01 table th {font-size:16px; font-weight:500; color:#2c2c2c; padding:10px; background:#f4f4f4; border-bottom:1px solid #dfdfdf;}
.product-al .cnt01 table td {font-size:15px; font-weight:300; color:#505050; padding:10px 20px; text-align:left; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.product-al .cnt02 {margin-bottom:150px;}
.product-al .cnt02 .col {display:flex; margin:0 -10px;}
.product-al .cnt02 .row {padding:0 10px;}
.product-al .cnt02 .txt {margin-top:36px; text-align:center;}
.product-al .cnt02 .txt p {font-size:18px; color:#505050; line-height:1.6em;}
.product-al .cnt03 .tt {line-height:37px; margin-bottom:20px; background:#2c2c2c; color:#fff; font-size:18px; font-weight:500; padding:0 10px; display:inline-block;}
.product-al .cnt03 .col {display:flex; margin:0 -10px 40px;}
.product-al .cnt03 .row {width:50%; padding:0 10px;}
.product-al .cnt03 .txt {margin-bottom:80px;}
.product-al .cnt03 ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.product-al .cnt03 ul li {width:50%; padding:0 10px;}
.product-al .cnt03 ul li p {font-size:16px; font-weight:300; color:#505050; line-height:1.8em; position:relative; padding-left:16px;}
.product-al .cnt03 ul li p:before {content:''; width:6px; height:6px; background:#dfdfdf; position:absolute; left:0; top:12px; border-radius:50%;}
.product-al .cnt03 .img-box {display:flex; margin:0 -10px;}
.product-al .cnt03 .img-box .img {padding:0 10px;}
.product-al .cnt03 .img-box .img p {text-align:center; font-size:18px; font-weight:500; margin-top:16px;}
/* sub02_02 */
.product-kn .head {margin-bottom:60px;}
.product-kn .head .tit {margin-bottom:36px; text-align:center;}
.product-kn .head .tit h3 {font-size:34px; color:#cc2928; line-height:1.1em; margin-bottom:26px;}
.product-kn .head .tit h3 span {font-size:22px; line-height:1.2em; display:block; font-weight:500;}
.product-kn .head .tit p {font-size:16px; font-weight:500; color:#505050; font-weight:500; line-height:1.6em;}
.product-kn .head ul {display:flex; margin:0 -30px 20px; justify-content:center;}
.product-kn .head ul li {padding:0 30px;}
.product-kn .head ul li p {font-size:20px; font-weight:700; color:#2c2c2c; margin-top:16px; text-align:center;}
.product-kn .cnt {margin-bottom:150px;}
.product-kn .cnt .tit {text-align:center; margin-bottom:36px;}
.product-kn .cnt .tit h3 {font-size:28px; color:#2c2c2c;}
.product-kn .cnt .tit h3 p {font-size:18px; line-height: 1.6em; color:#505050; margin-top:30px;}
.product-kn .cnt01 .box ul {display:flex; flex-wrap:wrap; margin:0 -10px 40px;}
.product-kn .cnt01 .box ul li {width:20%; padding:0 10px; margin-bottom:20px;}
.product-kn .cnt01 .box ul li .inner {border:1px solid #dfdfdf; padding:40px 10px 10px; min-height:320px; text-align:center;}
.product-kn .cnt01 .box ul li .icon {margin-bottom:16px;}
.product-kn .cnt01 .box ul li h4 {font-size:17px; color:#cc2928; line-height:1.6em; margin-bottom:12px;}
.product-kn .cnt01 .box ul li p {font-size:14px; color:#878787; line-height:1.8em;}
.product-kn .cnt01 .col {display:flex; margin:0 -20px;}
.product-kn .cnt01 .row {width:50%; padding:0 20px;}
.product-kn .cnt01 table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #cc2928;}
.product-kn .cnt01 table th {font-size:16px; font-weight:500; color:#2c2c2c; padding:10px; border-bottom:1px solid #dfdfdf; background:#f4f4f4;}
.product-kn .cnt01 table td {font-size:15px; font-weight:300; color:#505050; padding:10px; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; text-align:center;}
.product-kn .cnt01 table td:last-child {border-right:0;}
.product-kn .cnt01 .row .inner {border:1px solid #dfdfdf; padding:46px 50px;}
.product-kn .cnt01 .row .inner .tt {margin-bottom:30px;}
.product-kn .cnt01 .row .inner .tt:last-child {margin-bottom:0;}
.product-kn .cnt01 .row .inner h4 {font-size:22px; color:#cc2928; line-height:1.2em; margin-bottom:14px;}
.product-kn .cnt01 .row .inner li {font-size:17px; color:#505050; line-height:1.6em;}
.product-kn .cnt02 .col {display:flex; margin:0 -40px;}
.product-kn .cnt02 .row {width:33.333333%; padding:0 40px; text-align:center;}
.product-kn .cnt02 .row .img-box {margin-bottom:20px;}
.product-kn .cnt02 .row h4 {font-size:17px; color:#2c2c2c; line-height:1.6em; margin-bottom:10px;}
.product-kn .cnt02 .row p {font-size:14px; font-weight:300; color:#878787; line-height:1.8em;}
.product-kn .cnt03 .img-box {margin-bottom:40px;}
/* sub04_03 */
.talented .tit {padding:0 60px; font-size:24px; font-weight:700; color:#2c2c2c; font-weight:700; margin-bottom:60px; text-align:center; position:relative; line-height:44px;}
.talented .tit:before {content:''; width:48px; height:38px; background:url('../images/sub/greeting-tit-l.png') 0 0 no-repeat; background-size:cover; position:absolute; top:0; left:0;}
.talented .tit:after {content:''; width:48px; height:38px; background:url('../images/sub/greeting-tit-r.png') 0 0 no-repeat; background-size:cover; position:absolute; top:0; right:0;}
.talented .col {display:flex; margin:0 -20px;}
.talented .row {width:33.333333%; padding:0 20px;}
.talented .row .img-box {position:relative; margin-bottom:26px;}
.talented .row .img-box p {position:absolute; width:100%; text-align:center; bottom:26px; font-size:32px; font-weight:700; line-height:1.3em; color:#fff;}
.talented .row .txt p {font-size:22px; font-weight:300; color:#2c2c2c; line-height:1.4em; text-align:center;}