@charset "utf-8";

.tab-menu {margin-bottom:45px; text-align:center;}
.tab-menu ul {display:flex; width:100%; border: 1px solid #454545;}
.tab-menu ul li {display:table; flex:1; width: auto; background:#fff; border-right:1px solid #ddd; min-height: 58px;}
.tab-menu ul li:last-child {border-right:0;}
.tab-menu ul li a {position:relative; display: table-cell; vertical-align: middle; color:#454545; padding: 2px 5px; font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-.025em;}
.tab-menu ul li.active {background:#1d4789;}
.tab-menu ul li.active a {color:#fff; z-index:2;}

.tab-cnt .cnt {display: none;}
.tab-cnt .cnt.active {display: block;}

.ctrls {margin-bottom: 20px;}
.ctrls:after {content:""; display:block; clear:both;}
.ctrls .btn-list {background: url("../images/sub/icon_list.png") left center no-repeat; padding-left: 24px;}
.ctrls .arrow {position: relative;}
.ctrls .arrow a {display: inline-block; position: relative;}
.ctrls .arrow a:after {content:""; position: absolute; top: 50%; margin-top: -7px; right: 0; width: 1px; height: 17px; background: #ddd;}
.ctrls .arrow a:last-child:after {display: none;}
.ctrls .arrow .btn-prev {background: url("../images/sub/icon_prev.png") left center no-repeat; padding-left: 21px; padding-right: 20px; margin-right: 15px;} 
.ctrls .arrow .btn-next {background: url("../images/sub/icon_next.png") right center no-repeat; padding-right: 21px;}

.sort {margin-bottom: 45px; border: 1px solid #ddd;}
.sort ul {display: flex;flex-wrap: wrap; padding: 6px 16px;}
.sort ul li {}
.sort ul li a {display: block; padding: 6px 14px; min-width: 40px; text-align: center;}
.sort ul li.active a {color: #0083cb;}

.sort-result {margin-bottom: 30px;}
.sort-result:last-child {margin-bottom: 0;}
.sort-result h3 {text-transform: uppercase; color: #1d4789; font-weight: 500; border-bottom: 2px solid #1d4789; padding-bottom: 12px; margin-bottom: 14px;padding-left: 30px;}
.sort-result .gall ul {display:flex; flex-wrap:wrap; margin: 0 -5px; margin-bottom: -10px;}
.sort-result .gall ul li {width: 14.285714%; padding: 5px; margin-bottom: 10px;}
.sort-result .gall ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.sort-result .gall ul li .thumb {position:relative; display: block; padding-bottom:39.79%; overflow:hidden; border: 1px solid #ddd;}
.sort-result .gall ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.brand-tit {display: flex;align-items: center; margin-bottom: 30px;}
.brand-tit .brand-logo {border: 1px solid #ddd; margin-right: 29px; width: 190px; padding: 10px;}
.brand-tit .brand-logo .img {display: block; position:relative; padding-bottom:42.11%; overflow:hidden;}
.brand-tit .brand-logo img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.brand-tit .brand-name {font-size: 21px; font-weight: 500; line-height: 1.5em;}


/* greetings */
.greetings {}
.greetings .img {width: 80%; background: url("../images/sub/greetings.jpg") top left no-repeat; background-size:cover;}
.greetings .img img {visibility: hidden;}
.greetings .box {margin-top: -37%; padding: 48px 50px; top: 138px; margin-left: 34.76%; background: #fff; box-shadow:rgba(0,0,0,.3) 19px 10px 46px;}
.greetings .box h3 {font-size: 30px; font-weight: 700; line-height: 1.5em; letter-spacing: -.025em; margin: 30px 0 45px;}
.greetings .box p {color: #454545; margin-bottom: 17px;}
.greetings .box p:last-child {margin-bottom: 0;}
.greetings .box .sign {font-size: 18px; font-weight: 500; line-height: 1.5em; letter-spacing: -.025em; margin-top: 50px;}


/* location */
.root_daum_roughmap {width:100% !important;}
.location-info {display: flex; text-align: center; margin-top: 50px;}
.location-info dl {flex:1; width: auto;}
.location-info dl dt {font-size: 26px; font-weight: 700; line-height: 1.3em; letter-spacing: -.025em; margin-bottom: 10px;}
.location-info dl dt .icon {width: 100px;height: 100px; background: #1d4789; margin: 0 auto; margin-bottom: 20px;}
.location-info dl dd {color: #454545; line-height: 1.5em; max-width: 204px; margin: 0 auto;}
.location-info dl:nth-child(even) dt .icon {background: #0083cb;}

.map {width: 100%; height: 500px;}