@charset "utf-8";

.sub-tab {text-align: center; margin-bottom: 60px;}
.sub-tab ul {display: inline-flex; width: auto; margin: -3px -18px;}
.sub-tab ul li {width: auto; padding: 3px 18px;}
.sub-tab ul li:after {content:''; position: absolute; top: 50%; right: -1px; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd;}
.sub-tab ul li:last-child:after {display: none;}
.sub-tab ul li a {position: relative; display: block; font-size: 18px; line-height: 1.75; letter-spacing: -.03em;}
.sub-tab ul li.active a:after {content:''; position: absolute; left: 0; width: 100%; bottom: 0; height: 2px; background-color: #737373;}

.guide {}
.guide .row {display: flex; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ddd;}
.guide .row:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.guide .imgs {width: 50%; margin-right: 58px;}
.guide .imgs .angry-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; height: 100%;}
.guide .imgs .img img {width: 100%;}
.guide .angry-grid .img:nth-child(1) {grid-column: 1 / 4; grid-row: 1 / 2;}
.guide .cnt {flex: 1 1 auto; min-width: 0; width: 1%; color: #454545; padding: 4.5% 0 0;}
.guide .cnt h3 {color: #242424; font-size: 1.75em; line-height: 1.4; letter-spacing: -.03em; margin-bottom: .85em;}
.guide .cnt .btns {margin-top: 2.5em;}
.guide .cnt .btns .btn {display: inline-block; padding: 0 25px; margin: 3px 0; min-width: 180px; text-align: center; line-height: 60px; color: #fff; font-size: 1.25em;}
.guide .cnt .btns .btn.c1 {background-color: #575757;}
.guide .cnt .btns .btn.c2 {background-color: #000;}

.guide .row.align-center {align-items:center;}
.guide .row.align-center .cnt {padding-top: 0;}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:35px;}
.directions .address-info {margin-bottom:20px;}
.directions .address-info .comp {color:#000; font-weight:600; margin-bottom:2px; opacity: .6;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt img {vertical-align:middle; margin:-.2em 16px 0 0;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.inquiry-complete {text-align:center;}
.inquiry-complete .tit {color:#242424; font-size:1.375em; font-weight:500; line-height:1.455em; letter-spacing:-.03em;}
.inquiry-complete .txt {color:#454545; font-size:1.125em; line-height:1.75em; letter-spacing:-.03em;}
.inquiry-complete .icon {width:155px; height:114px; background:url("../images/sub/complete.png") 50% 50% no-repeat; margin:70px auto 65px;}
.inquiry-complete .buttons {margin:0;} 
.inquiry-complete .buttons .btn-pack {margin: 3px !important;}