@charset "utf-8";

/* 회사소개 */
.introduce {padding-bottom:65px;}
.introduce .top-txt {margin:23px 0 50px; text-align:center; color:#222; font-size:18px; font-weight:400; letter-spacing:0; line-height:1.833em;}

.video-area {max-width:1400px; width:72.91vw;}
.viewing .fancybox-close {right:0; top:0; width:40px; height:40px; background:url("../images/sub/close.jpg") no-repeat 50% 50% / contain;}

.crude .top-img {margin-bottom:29px;}

.doc-info {margin-bottom:80px;}
.doc-info:last-child {margin-bottom:0;}
.doc-info .title {margin-bottom:13px; color:#fff; text-align:center; font-size:36px; font-weight:700; letter-spacing:-.03em; line-height:80px; background:#003b69;}
.doc-info .row-box {padding:25px 32px; background:#f5f5f5; display:flex;}
.doc-info .row-box + .row-box {margin-top:30px;}
.doc-info .row-box .col {border-right:1px solid #ccc;}
.doc-info .row-box .col1 {width:23.57%; padding-right:20px;}
.doc-info .row-box .col2 {width:35%;}
.doc-info .row-box .col3 {width:41.4%;}
.doc-info .row-box .col2,
.doc-info .row-box .col3 {padding-left:50px;}
.doc-info .row-box .col2 {padding-right:20px;}
.doc-info .row-box .col:last-child {border-right:0;}
.doc-info .pro-name {color:#222; font-size:27px; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.link-add {color:#195b99;}
.link-add span {border-bottom:1px solid #195b99;}

.dot-list .tit {margin-bottom:13px; font-size:23px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#ee771f;}
.dot-list ul li {position:relative; font-size:19px; font-weight:500; letter-spacing:-.03em; line-height:1.737em; color:#222; padding-left:19px;}
.dot-list ul li:before {content:"·"; font-size:28px; font-weight:900; letter-spacing:0; color:#ee771f; position:absolute; top:0; left:0;}
.dot-list ul li:last-child {margin-bottom:0;}

.crude.malt .top-img-wrap {position:relative;}
.crude.malt .top-img-wrap p {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; position:absolute; left:0; bottom:26px; width:100%; padding:0 30px;}

.crude.protein .top-img-wrap {position:relative;}
.crude.protein .top-img-wrap .txt {padding:0 30px;position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}