@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 */
.greeting .tit {text-align:center; margin-bottom:40px;}
.greeting .tit h3 {font-size:28px; font-weight:600; line-height:1.2em; margin-bottom:16px;}
.greeting .tit h3 span {color:#4e69af;}
.greeting .tit p {font-size:16px; color:#454545; line-height:1.6em; letter-spacing:-.07em;}
.greeting .img-box {margin-bottom:40px;}
.greeting .col {display:flex;}
.greeting .col .tit-box {max-width:400px; width:100%;}
.greeting .col .tit-box h3 {font-size:40px; color:#333; line-height:1.4em; font-family:'GmarketSansBold';}
.greeting .col .tit-box h3 span.color01 {color:#4e69af;}
.greeting .col .tit-box h3 span.color02 {color:#2d2f7f;}
.greeting .col .txt-box p {font-size:16px; line-height:1.6em; color:#454545; margin-bottom:20px;}
.greeting .col .txt-box .tt p {text-align:right; margin-bottom:0;}
.greeting .col .txt-box .tt p strong {font-size:20px; color:#333333; font-weight:600;}
/* sub01_02 */
.history .col {display:flex;}
.history .tit-box {width:1%; flex:1 1 auto; padding-right:20px;}
.history .tit-box p {font-size:24px; line-height:1.3em; color:#4e69af; letter-spacing:.05em; margin-bottom:24px; font-family:'GmarketSansBold'; font-weight:700;}
.history .tit-box h3 {font-size:34px; line-height:1.2em; color:#333333;}
.history .txt-box {max-width:760px; width:100%; position:relative; padding-left:10px;}
.history .txt-box:before {content:''; width:1px; height:100%; background:#dfdfdf; position:absolute; top:0; left:10px;}
.history .txt-box .box {padding-left:200px; position:relative; margin-top:20px; margin-bottom:60px;}
.history .txt-box .box:before {content:''; width:25px; height:25px; background:url('../images/sub/history-icon.png') 0 0 no-repeat; background-size:cover; position:absolute; left:-12px; top:10px; z-index:1;}
.history .txt-box .box:after {content:''; width:150px; height:1px; background:#dfdfdf; left:0; top:22px; position:absolute;}
.history .txt-box .box .year {font-size:34px; font-weight:800; line-height:1.2em; color:#4e69af; margin-bottom:40px;}
.history .txt-box .box .txt {display:flex; margin-bottom:26px; font-size:16px; line-height:1.6em; color:#454545;}
.history .txt-box .box .txt:last-child {margin-bottom:0;}
.history .txt-box .box .txt .date {width:75px; padding-left:10px; position:relative; font-weight:700;}
.history .txt-box .box .txt .date:before {content:''; width:5px; height:5px; background:#454545; position:absolute; left:0; top:12px; border-radius:50%;}
.history .txt-box .box .txt .tt {width:1%; flex:1 1 auto;}
.history-tt {font-size:140px; color:#333333; font-weight:700; font-family:'GmarketSansBold'; line-height:1em; letter-spacing:.02em; position:relative; z-index:-1; margin-top:-20px; margin-left:-15px; opacity:0.05;} 
.organization {padding:100px 0 0; background:#698ec9; position:relative;}
.organization .img-box {margin-bottom:120px;}
.outline {text-align:center; padding:100px 0;}
.outline .tit h3 {font-size:34px; color:#333333; line-height:1.2em; margin-bottom:36px;}
/* sub01_03 */
.directions .maps {margin-bottom:40px;}
.directions .maps .root_daum_roughmap {width:100% !important; height:400px !important;}
.directions .maps .root_daum_roughmap .wrap_map {height:400px !important;}
.directions .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .maps .roughmap_lebel_text:after {content:"(주)몰드라인"; font-size:12px; line-height:15px;}
.directions .col {display:flex;}
.directions .row {width:50%; color:#454545;}
.directions .row .tit {padding-left:70px; position:relative; margin-bottom:24px;}
.directions .row .tit:before {content:''; width:50px; height:1px; background:#999999; position:absolute; left:0; top:14px;}
.directions .row .tit h3 {font-size:22px; color:#333333; line-height:1.3em;}
.directions .row .box {padding-left:50px;}
.directions .row1 {padding-right:50px;}
.directions .row1 dl {display:flex; margin-bottom:20px; font-size:16px; line-height:1.6em;}
.directions .row1 dl:last-child {margin-bottom:0;}
.directions .row1 dt {width:110px; padding-left:30px; position:relative; font-weight:500;}
.directions .row1 dt:before {content:''; width:20px; height:20px; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:3px;}
.directions .row1 dl:nth-child(1) dt:before {background-image:url('../images/sub/directions-address.png');}
.directions .row1 dl:nth-child(2) dt:before {background-image:url('../images/sub/directions-tel.png');}
.directions .row1 dl:nth-child(3) dt:before {background-image:url('../images/sub/directions-fax.png');}
.directions .row1 dl:nth-child(4) dt:before {background-image:url('../images/sub/directions-mail.png');}
.directions .row1 dd {width:1%; flex:1 1 auto;}
.directions .row2 dl {display:flex; margin-bottom:30px; font-size:16px; line-height:1.6em;}
.directions .row2 dl:last-child {margin-bottom:0;}
.directions .row2 dt {width:150px; padding-left:35px; position:relative; font-weight:500;}
.directions .row2 dt:before {content:''; width:22px; height:22px; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:3px;}
.directions .row2 dl:nth-child(1) dt:before {background-image:url('../images/sub/directions-subway.png');}
.directions .row2 dl:nth-child(2) dt:before {background-image:url('../images/sub/directions-bus.png');}
.directions .row2 dd span {display:inline-block; line-height:25px; color:#fff; font-size:15px; font-weight:500; padding:0 15px; border-radius:13px; margin-right:10px;}
.directions .row2 dd span.subway {background:#f3cf26;}
.directions .row2 dd span.bus {background:#4760f6;}
/* sub02 */
.business-tab {margin-bottom:60px;}
.business-tab ul {display:flex; margin-left:1px;}
.business-tab ul li {width:100%; margin-left:-1px;}
.business-tab ul li a {display:flex; line-height:1.5em; background:#fff; border:1px solid #dfdfdf; font-size:18px; font-weight:500; align-items:center; justify-content:center; height:100%; padding:15px 10px; position:relative; font-weight:500; text-align:center;}
.business-tab ul li.active a {background:#4e69af; border-color:#4e69af; color:#fff;}
/**/
.business-head {margin-bottom:100px; text-align:center;}
.business-head h3 {font-size:24px; color:#333333; line-height:1.3em; font-weight:600; display:inline-block; padding:0 100px; position:relative;}
.business-head h3:before {content:''; width:40px; height:40px; background:url('../images/sub/business-head-l.png') 0 0 no-repeat; background-size:cover; position:absolute; left:0; top:50%; margin-top:-20px; opacity:0.1;}
.business-head h3:after {content:''; width:40px; height:40px; background:url('../images/sub/business-head-r.png') 0 0 no-repeat; background-size:cover; position:absolute; right:0; top:50%; margin-top:-20px; opacity:0.1;}
/**/
.business-col {display:flex; margin:0 -10px;}
.business-col .row {width:100%; padding:0 10px; margin-bottom:40px;}
/**/
.business table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #242424; font-size:16px; line-height:1.6em;}
.business table thead th {border-bottom:1px solid #dfdfdf; padding:16px 10px; color:#333333; background:#f8f8f8;}
.business table tbody td {border-bottom:1px solid #dfdfdf; padding:16px 10px; color:#454545; text-align:center;}
/* sub02_01 */
.business01 .wrap {padding:100px 0; background:#fafafa; text-align:center; margin-bottom:100px;}
/* sub02_02 */
.business02 .business-col {flex-wrap:wrap;}
.business02 .business-col .row {width:50%; margin-bottom:20px;}
.business02 .table {margin-top:20px;}
/* sub02 develop */
.business .develop {display:flex; margin:0 -20px;}
.business .develop > div {width:50%; padding:0 20px;}
.business .item:first-child .tit a {border-top:1px solid #242424;}
.business .items .tit a {position:relative; display:block; transition:all 0.4s; border-bottom:1px solid #dfdfdf; font-size:22px; font-weight:600; color:#999999; line-height:1.3em; padding:24px 30px;}
.business .items .tit a:after {content:''; width:14px; height:9px; background-size:cover; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-5px; right:30px; background-image:url('../images/sub/develop-btn.png'); transition:all 0.4s}
.business .items .cnt {position:relative; display:none; border-bottom:1px solid #dfdfdf; padding:30px 30px 60px;} /* display:none; */
.business .items .cnt li {font-size:16px; color:#454545; line-height:1.6em;}
.business .items .item.active {position:relative;}
.business .items .item.active .tit a {background:#f8f8f8; border-bottom:0; color:#333333;}
.business .items .item.active .tit a:after {transform:rotate(180deg);}

.business .develop .img-box {position:relative; height:600px;}
.business .develop .imgs {display:flex; flex-wrap:wrap; margin:0 -10px; position:absolute; top:0; left:0;}
.business .develop .imgs .row {width:50%; padding:0 10px; margin-bottom:20px;}
.business .develop .imgs {opacity:0; transition:all 0.4s;}
.business .develop.img-opened1 .imgs1 {opacity:1;}
.business .develop.img-opened2 .imgs2 {opacity:1;}
.business .develop.img-opened3 .imgs3 {opacity:1;}



/* sub03 */
.facilities .wrap {display:flex; position:relative; margin-bottom:60px;}
.facilities .wrap .origin {max-width:460px; width:100%;}
.facilities .wrap .thumb {width:1%; flex:1 1 auto; padding-left:56px; position:relative;}
.facilities .wrap .thumb .name {height:62px; border-bottom:1px solid #dfdfdf; margin-bottom:40px;}
.facilities .wrap .pager ul {display:flex; flex-wrap:wrap; margin:0 -8px -16px;}
.facilities .wrap .pager ul li {width:25%; padding:0 8px; margin-bottom:16px;}
.facilities .wrap .pager ul li a {display:block;}
.facilities .wrap .pager ul li a .pic {position:relative; display:block;}
.facilities .wrap .pager ul li a.active .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); border:4px solid #8396c7;}
.facilities .wrap .pager ul li a p {position:absolute; top:0; left:56px; opacity:0; font-size:24px; color:#333; line-height:1.2em; font-weight:700;}
.facilities .wrap .pager ul li a.active p {opacity:1; line-height:60px;}
.facilities .cnt {margin-bottom:60px;}
.facilities .cnt table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #242424; font-size:16px; line-height:1.6em;}
.facilities .cnt table thead th {border-bottom:1px solid #dfdfdf; padding:16px 10px; color:#333333; background:#f8f8f8;}
.facilities .cnt table tbody td {border-bottom:1px solid #dfdfdf; padding:16px 10px; color:#454545; text-align:center;}
/* doc-tit */
.doc-tit {margin-bottom:30px;}
.doc-tit h3 {font-size:24px; color:#333333; line-height:1.2em; font-weight:500; padding-left:36px; position:relative;}
.doc-tit h3:before {content:''; width:24px; height:6px; background:#4e69af; position:absolute; left:0; top:6px;}
/* sub05 */
.certification .cnt {margin-bottom:90px;}
.certification .col {display:flex; flex-wrap:wrap; margin:0 -20px;}
.certification .col .row {width:25%; padding:0 20px; margin-bottom:40px; text-align:center;}
.certification .col .row p {font-size:16px; line-height:1.6em; color:#454545; margin-top:16px;}
.certification .col .row p strong {font-weight:600;}