@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}
.fz22 {font-size:22px !important;}
.fz26 {font-size:26px !important;}
.fz32 {font-size:32px !important;}
.fz40 {font-size:40px !important;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.mgb20 {margin-bottom:20px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb100 {margin-bottom:100px !important;}

.c1 {color:#4379b7 !important;}
.c-bk {color:#242424 !important;}
.c-wh {color:#fff !important;}

.greeting {display:flex; align-items:center;}
.greeting .cnt {padding-left:80px; flex:1;}
.greeting strong {display:block; color:#242424;}
.greeting b {display:block; line-height:1.15em; color:#242424; font-weight:600;}
.greeting p {line-height:1.67em;}

.outline {display:flex;}
.outline .cnt {padding-left:70px; flex:1;}

.tb-1 table {border-top:2px solid #4379b7; border-collapse:collapse; width:100%;}
.tb-1 table th {background-color:#fafafa; text-align:center; font-weight:500;}
.tb-1 table th, .tb-1 table td {padding-top:17px; padding-bottom:17px; line-height:1.5em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-1 table th:last-child, .tb-1 table td:last-child {border-right:0;}
.tb-1 table td {padding-left:20px;}

.history .group {padding-bottom:75px; position:relative;}
.history .group:before {content:""; position:absolute; left:50%; margin-left:-1px; top:0; bottom:0; width:1px; background:#ddd; z-index:-1;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group h2 {font-size:40px; margin-bottom:25px; letter-spacing:-.03em; color:#242424; position:relative;}
.history .group h2:before {width:21px; height:21px; top:0; background-image:url('../images/sub/hisdot.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .group ul li {display:flex; line-height:1.7em;}
.history .group ul li .month {font-weight:600; color:#242424;}
.history .group ul li p {flex:1;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h2,
.history .group:nth-child(odd) ul {padding-left:50px;}
.history .group:nth-child(odd) h2:before {left:-10px;}
.history .group:nth-child(odd) ul li p {margin-left:10px;}
.history .group:nth-child(even) {padding-right:50%; text-align:right;}
.history .group:nth-child(even) h2,
.history .group:nth-child(even) ul {padding-right:50px;}
.history .group:nth-child(even) h2:before {right:-10px;}
.history .group:nth-child(even) ul li p {margin-right:10px;}
.history .group:nth-child(even) ul li .month {order:2;} 

.root_daum_roughmap {width:100% !important;}
.directions {display:flex;}
.directions .address-info {flex:1;}
.directions .address-info .comp {color:#4379b7; font-weight:500; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-weight:500; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc span {display:inline-block; margin-right:20px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {line-height:1.5em; flex:1;}
.directions .contact-info dl {display:flex; margin-bottom:25px;}
.directions .contact-info dl:last-child {margin-bottom:0;}
.directions .contact-info dt {width:120px; color:#242424; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 20px 0 0;}
.directions .contact-info dt path {fill:#a1b5ca;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.imgvideo-wrap {display:flex;}
.imgvideo-wrap .col {width:50%; }
.imgvideo-wrap .onestop {padding:30px 100px; display:flex; flex-direction:column; justify-content:center; border-radius:0;}
.imgvideo-wrap .onestop-point {display:flex; justify-content:center;}
.imgvideo-wrap .onestop-point li {padding:0 30px; display:block; margin-bottom:0 !important;}
.imgvideo-wrap .onestop-point li p {padding-left:0 !important; margin-top:10px;}
.imgvideo-wrap .video {line-height:0;}

.onestop {padding:75px 40px 80px; background-color:#f5f8fb; text-align:center; border-radius:10px;}
.onestop .title {font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; display:block; color:#242424;}

.onestop-image {display:flex; margin:0 -13px;}
.onestop-image li {padding:0 13px; width:25%;}
.onestop-image li .img {position:relative; padding-bottom:77%; overflow:hidden;}
.onestop-image li .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.onestop-image li p {margin-top:15px;}

.onestop-point {margin-top:45px;}
.onestop-point li {margin-bottom:20px; display:flex; align-items:center; justify-content:center;}
.onestop-point li:last-child {margin-bottom:0;}
.onestop-point li span {min-width:80px; line-height:30px; color:#fff; border-radius:30px; background-color:#4379b7; display:inline-block;}
.onestop-point li p {padding-left:15px; font-weight:500; color:#242424;}

.current-state {margin-top:100px;}
.current-state .tb-1 table td {text-align:center; padding-left:10px; padding-right:10px;}
.doc-tit {padding-left:37px; margin-bottom:27px; font-weight:700; color:#242424; position:relative;}
.doc-tit:before {position:absolute; content:''; top:1px; left:0; width:26px; height:26px; border:7px solid #4379b7; border-radius:100%;}