@charset "utf-8";

#sub {letter-spacing:-.03em;}

/* sub-visual */
.sub-visual {height:640px; margin-bottom:150px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.sub-visual .sub-title {height:calc(100% - 80px); max-width:1470px; padding:0 15px 76px; width:100%; margin:0 auto; display:flex; flex-direction:column; justify-content:flex-end; color:#fff;}
.sub-visual .sub-title ul {display:flex; align-items:center; margin-bottom:16px;}
.sub-visual .sub-title ul li {padding-right:40px; position:relative; font-size:16px; line-height:30px; font-weight:500;}
.sub-visual .sub-title ul li:after {content:''; width:8px; height:12px; background:url('../img/sub/sub-title-arrow.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-6px; right:15px;}
.sub-visual .sub-title ul li:last-child:after {display:none;}
.sub-visual .sub-title ul li img {vertical-align:middle; margin-top:-2px;}
.sub-visual .sub-title h2 {font-size:80px; line-height:1.08em; font-family:'Montserrat';}
/* lnb */
#lnb {backdrop-filter:blur(10px);}
.lnb ul {display:flex;}
.lnb ul li {width:100%; position:relative; height:80px;}
.lnb ul li:after {content:''; width:1px; height:18px; background:rgba(255,255,255,0.3); position:absolute; top:50%; margin-top:-9px; right:0;}
.lnb ul li:last-child:after {display:none;}
.lnb ul li a {font-size:20px; line-height:1.6em; color:#fff; opacity:0.6; font-weight:500; display:flex; text-align:center; align-items:center; justify-content:center; padding:10px; height:100%; transition:all 0.4s;}
.lnb ul li a:hover {opacity:1;}
.lnb ul li.active a {opacity:1; font-weight:700;}
/* sub common */
.doc-title {margin-bottom:64px; text-align:center;}
.doc-title h3 {font-size:60px; line-height:1.1em; color:#000; position:relative; padding-top:34px;}
.doc-title h3:before {content:''; width:10px; height:10px; background:#124599; border-radius:2px; position:absolute; top:0; left:50%; margin-left:-5px;}	 

.doc-img {margin-bottom:76px;}
.doc-img img {border-radius:8px;}

.real-cont {padding:0 0 180px;}
/* sub 01 01 */
.introduce .col {display:flex; padding:0 40px;}
.introduce .tit-box {width:100%; max-width:600px;}
.introduce .tit-box h3 {font-size:40px; line-height:1.5em; color:#000;}
.introduce .tit-box h3 span {color:#cacaca; line-height:1.6em; font-size:36px;}
.introduce .txt-box {width:1%; flex:1 1 auto;}
.introduce .txt-box p {font-size:20px; line-height:1.6em; color:#666; margin-bottom:40px;}
.introduce .txt-box .name {padding-top:6px; font-size:25px; line-height:1.4em; color:#333; font-weight:600;}
.introduce .txt-box .name span {color:#42494f;}
/* sub 01 02 */
.organization {text-align:center;}
/* sub 01 03 */
.ci .cnt {margin-bottom:96px;}
.ci .cnt:last-child {margin-bottom:0;}
.ci .cnt-tit {margin-bottom:54px;}
.ci .cnt-tit h4 {font-size:36px; line-height:1.2em; color:#000; font-family:'Montserrat';}
.ci .cnt-tit p {font-size:20px; line-height:1.6em; color:#666; margin-top:20px;}
.ci .cnt01 .imgs {display:flex; border:1px solid #ddd; border-radius:8px; overflow:hidden; position:relative;}
.ci .cnt01 .imgs:after {content:''; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:50%;}
.ci .cnt02 .col {display:flex; margin:0 -12px;}
.ci .cnt02 .col .row {width:33.3333333%; padding:0 12px;}
.ci .cnt02 .color {margin-bottom:40px;}
.ci .cnt02 .box {height:90px; width:100%; border-radius:8px; display:flex; padding:0 30px; flex-direction:column; justify-content:center;}
.ci .cnt02 .color .inner {display:flex; margin:0 -5px;}
.ci .cnt02 .color .inner .box {width:33.33333%; margin:0 5px;}
.ci .cnt02 .logo .img {border:1px solid #ddd; border-radius:8px; overflow:hidden; margin-bottom:34px;}
.ci .cnt02 .logo p {font-size:22px; line-height:1.4em; color:#333; font-weight:600; text-align:center;}
/* sub 01 04 */
.directions {}
.directions .maps {margin-bottom:44px; border-radius:8px; overflow:hidden;}
.directions .maps .root_daum_roughmap {width:100% !important; height:460px !important;}
.directions .maps .root_daum_roughmap .wrap_map {height:460px !important;}
.directions .maps .root_daum_roughmap .map_border {border:0 !important; width:0 !important; height:0 !important;}
.directions .txt-box {position:relative; padding-right:140px; padding-left:20px;}
.directions .txt-box .btn {position:absolute; right:0; top:0;}
.directions .txt-box .btn ul {display:flex; margin:0 -4px;}
.directions .txt-box .btn ul li {padding:0 4px;}
.directions .txt-box .btn ul li a {display:block; width:60px; height:60px; border-radius:10px; position:relative; overflow:hidden; transition:all 0.2s;}
.directions .txt-box .btn ul li a.more {background:#124599;}
.directions .txt-box .btn ul li a.print {background:#000;}
.directions .txt-box .btn ul li a:hover {border-radius:30px;}
.directions .txt-box .btn ul li a span {transition:all 0.3s; display:block;}
.directions .txt-box .btn ul li a.more:hover span {filter:drop-shadow(0 0 2px white);}
.directions .txt-box .btn ul li a.print:hover span {filter:drop-shadow(0 0 2px white);}
.directions .txt-box dl {display:flex; font-size:20px; line-height:1.8em;}
.directions .txt-box dt {width:100%; max-width:55px; color:#000; font-weight:600;}
.directions .txt-box dd {width:1%; flex:1 1 auto; color:#666;}
/* sub 02 */
.business .cnt {margin-bottom:76px; padding-bottom:80px; border-bottom:1px solid #ddd;}
.business .cnt:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.business .txt-col {display:flex; margin-bottom:48px;}
.business .txt-col .tit {width:100%; max-width:340px;}
.business .txt-col .tit h4 {font-size:36px; line-height:1.2em; color:#000;}
.business .txt-col .tit p {font-size:18px; line-height:1.7em; color:#cacaca; font-family:'Montserrat'; font-weight:700; margin-top:8px;}
.business .txt-col .txt {width:1%; flex:1 1 auto;}
.business .txt-col .txt p {font-size:20px; line-height:1.6em; color:#666;}
.business .img-col {display:flex; margin:0 -10px;}
.business .img-col .row {width:50%; padding:0 10px;}
.business .img-col .row100 {width:100%; padding:0 10px;}
.business .img-col .img {padding:64px 40px 80px; background:#f8f8f8; border-radius:8px; position:relative;}
.business .img-col .img p {font-size:22px; line-height:1.5em; color:#333; font-weight:600; text-align:center; margin-bottom:34px;}
.business .img-col .img img {border-radius:8px; overflow:hidden;}
.business .img-col .img .video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; border-radius:8px;}
.business .img-col .img iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.business .img-col .img .slick-dots {margin-top:30px; display:flex; justify-content:center;}
.business .img-col .img .slick-dots li {padding:0 5px;}
.business .img-col .img .slick-dots li button {display:block; width:10px; height:10px; background:#cacaca; border-radius:50%; border:0; font-size:0; cursor:pointer; transition:all 0.4s;}
.business .img-col .img .slick-dots li.slick-active button {background:#124599;}
.business .img-radius img {border-radius:8px; overflow:hidden;}
.business .step .col {display:flex; margin:0 -10px;}
.business .step .row {width:25%; padding:0 10px;}
.business .step .inner {border:1px solid #ddd; padding:0 30px 45px; border:2px solid #ddd; transition:all 0.4s; height:100%; text-align:center; border-radius:8px;}
.business .step .inner:hover {border-color:#124599;}
.business .step .inner .top {display:inline-block; width:100px; line-height:40px; font-size:16px; font-weight:700; font-family:'Montserrat'; margin-bottom:30px; transition:all 0.4s; background:#eee; color:#888; border-radius:0 0 20px 20px;}
.business .step .inner:hover .top {color:#fff; background:#124599;}
.business .step .inner .icon {margin:0 auto 24px; width:90px; height:90px; background-repeat:no-repeat; background-size:cover; background-position:center center; transition:all 0.4s;}
.business .step .row:nth-child(1) .inner .icon {background-image:url('../img/sub/fire-step01.png');}
.business .step .row:nth-child(2) .inner .icon {background-image:url('../img/sub/fire-step02.png');}
.business .step .row:nth-child(3) .inner .icon {background-image:url('../img/sub/fire-step03.png');}
.business .step .row:nth-child(4) .inner .icon {background-image:url('../img/sub/fire-step04.png');}
.business .step .row:nth-child(1) .inner:hover .icon {background-image:url('../img/sub/fire-step01-on.png');}
.business .step .row:nth-child(2) .inner:hover .icon {background-image:url('../img/sub/fire-step02-on.png');}
.business .step .row:nth-child(3) .inner:hover .icon {background-image:url('../img/sub/fire-step03-on.png');}
.business .step .row:nth-child(4) .inner:hover .icon {background-image:url('../img/sub/fire-step04-on.png');}
.business .step .inner .txt {margin-bottom:36px;}
.business .step .inner .txt h4 {font-size:25px; line-height:1.3em; color:#333; font-weight:600; margin-bottom:12px;}
.business .step .inner .txt h4 span {color:#124599;}
.business .step .inner .txt p {font-size:18px; line-height:1.5em; color:#666;}
.business .step .inner .bot {width:100%; padding:16px 10px; border-radius:8px; background:#eee; transition:all 0.4s;}
.business .step .inner:hover .bot {background:#124599;} 
.business .step .inner .bot p {font-size:20px; font-weight:500; color:#666; line-height:1.6em; transition:all 0.4s;}
.business .step .inner:hover .bot p {color:#fff;}
.business .tt {margin-top:54px; padding-top:54px; border-top:1px dashed #ddd;}
.business .tt h5 {font-size:22px; line-height:1.4em; color:#124599; font-weight:600; margin-bottom:20px;}
.business .tt li {font-size:20px; line-height:1.8em; color:#666; position:relative; padding-left:18px;}
.business .tt li:before {content:''; width:4px; height:4px; background:#666; position:absolute; top:15px; left:0;}

.business.rnd .img-col {flex-wrap:wrap; margin-bottom:-20px;}
.business.rnd .img-col .row {margin-bottom:20px;}
.business.rnd .img-col .row100 {margin-bottom:20px;}