@charset "utf-8";

.control { display:flex; background: #fff; border-radius:50rem;}
.control a {display:block; position:relative; width:32rem; height:32rem; text-indent:-9999px; border-left:1px solid #f0f0f0; background: url('../img/main/slide_btn.png') no-repeat 0 0/500% auto; }
.control a:first-child {border-left:0;}
.control a.prev {background-position-x:0;}
.control a.stop {background-position-x:25%;}
.control a.play {background-position-x:50%; display:none;}
.control a.next {background-position-x:75%;}

#content{margin-top: 40rem;}

h4 {margin:32rem 0 13rem; color: #4656b7; font-size:24rem; font-weight:700; font-family: 'NEXONLv1'; padding-left: 32rem; background: url('../img/content/h4.png') no-repeat top 5px left;}
h4+h5 {margin-top:20rem;}
h5 {margin:40rem 0 15rem 3rem; font-size:21rem; font-weight:700; color:#4b4b4b;}
h5:before {content:'['; padding-right:5rem;}
h5:after {content:']'; padding-left:5rem;}
@media all and (max-width:480px){
    h4{font-size: 22rem;}
    h5{font-size: 19rem;}
}

.table {overflow-x:auto; border-top:2px solid #3d4eb7; margin:20rem 0 25rem; clear: both;}
.table table {width:100%; text-align:center; margin-left:-1px; line-height:1.6; font-size: 17rem;}
.table table thead th,
.table table tbody th {background: #f4f7fd; border-left:1px solid #d7dee3; border-bottom:1px solid #d7dee3; padding:10rem;}
.table table tbody th {background:#fbfbfb;}
.table table tbody td,
.table table tfoot td { padding:10rem; border-bottom:1px solid #d7dee3; border-left:1px solid #d7dee3;}
.table table tbody td ul {margin-top:0; margin-bottom:0; text-align: left;}
.table table tbody td ul.dep_02 > li:first-child {margin-top:0;}
.table table tbody td ul.dep_02 li:last-child {margin-bottom:0;}
.table table tfoot td {background: #f4f7fd; font-weight:600;}
.table.tdL table tbody td {text-align:left;}
.table_scroll {background:url('../../common/img/scroll.png') no-repeat left center; padding:10rem 0 10rem 70rem; margin:15rem 0 -15rem;}
.table.type2 {border-top:2px solid #323232;}
.table.type2 table thead th,
.table.type2 table tbody th {background:transparent; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table.type2 table thead th {border-bottom:1px solid #323232;}
.table.type2 table tbody th {background:transparent;}
.table.type2 table tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ddd;}

.dep_01 {margin:10rem 0 15rem 5rem;}
.dep_01 > li {position:relative; margin:5rem 0; padding:0 0 0 18rem; }
.dep_01 > li:before {content:''; position:absolute; top:8rem; left:0; width:0; height:0; border-left:6rem solid #fe5338; border-top:4rem solid transparent; border-bottom:4rem solid transparent;}
.dep_02 {margin:5rem 0 10rem 5rem;}
.dep_02 > li {position:relative; margin:5rem 0; padding:0 0 0 17rem; font-size: 17rem;}
.dep_02 > li:before {content:''; position:absolute; top:11rem; left:0; width:4px; height:4px; background:#3f4e63; border-radius: 50rem;}
.dep_03 {margin:0 0 10rem 5rem;}
.dep_03 > li {position:relative; padding:5rem 0 0 17rem; font-size:16rem;}
.dep_03 > li:before {content:''; position:absolute; top:18rem; left:0; width:7px; height:1px; background:#3e3e3e;}
.dep_01.none > li {padding-left:0;}
.dep_01.none > li:before {display:none;}
.dep_02.none > li:before {display:none;}

ul li strong{color: #454545;}

.cont_box{border-radius: 30rem; margin: 40rem 0; border: 1px solid #e6e6e6; border-top: 2px solid #1570b7; padding: 40rem 40rem 40rem 190rem; box-shadow: 2px 2px 10px rgba(133,133,133,0.1); border-radius: 30rem;  background: #fff url('../img/content/box_bg.png') no-repeat left 60rem top 40rem; position: relative; }
.cont_box::before, .cont_box::after{position: absolute; content: ""; background: url('../img/content/content_box.jpg') no-repeat; z-index: 1; width: 45px; height: 87px;}
.cont_box::before{left: -3px; top: -2px;}
.cont_box::after{right: -3px; top: -2px; transform:scaleX(-1) }
.cont_box h4, .cont_box p, .cont_box ul{position: relative; z-index: 2;}
.cont_box h4 {margin: 0 0 11rem; color: #1570b7; font-size: 29rem; font-family: 'EliceDigitalBaeum';}
.cont_box .dep_01 {margin-top: 0; margin-bottom:0;}
@media all and (max-width:880px){
    .cont_box {padding:30rem 30rem 30rem 150rem; background-size: 80rem; background-position: left 40rem top 40rem;}
    .cont_box h4{font-size: 26rem;}
  }
@media all and (max-width:480px){
    .cont_box {padding:30rem 40rem; background-image: none;}
  }

.txt_box{background: #fffcf4; border: 1px solid #e8e0c9; border-radius: 10rem; padding: 13rem 20rem; margin-bottom: 20rem;}

.caution {position:relative; margin:5rem 0 5rem; padding-left:30rem; font-size: 17rem; color: #f43719;}
.caution:before {content:'!'; position:absolute; top:3rem; left:0; background:#f43719; color:#fff; font-weight:900; font-size:13rem; padding:0 9rem; border-radius:50rem;}

.file li {display:flex; align-items:center; justify-content:space-between; min-height:68rem; padding:9rem 20rem 9rem 25rem; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1); margin:15rem 0; border-radius:10rem;}
.file li p {font-weight:500;}

.text_blank,
.link_btn {display:inline-block; position:relative; padding-right:20rem; color:#2149a6; font-weight: 500;}
.text_blank::before,
.link_btn:before {content:''; position:absolute; bottom:8rem; right:3rem; width:13px; height:13px; background:url('../../common/img/blank.png') no-repeat 100% 0/400% auto;}

.text_blank.down::before{background-image: url('../../common/img/btn_type_bl.png'); background-position:-2px -2px; right: 0; width: 15px; height: 15px;}

.btn_type {display:inline-block; background:#fff; color:#3f4e63; border: 1px solid #3f4e63; border-radius:6rem; padding:6rem 14rem 6rem 18rem; margin:5rem; font-size:16rem; font-weight: 700;}
.btn_type span {display:inline-block; padding-right:24rem; position:relative;}
.btn_type span::before {content:''; position:absolute; top:3rem; right: 0;; width:20rem; height:20rem; background:url('/design/ko/img/content/btn_type.png') no-repeat; background-position: 0 0;}
.btn_type.view span::before {background-position-x: -40px;}
.btn_type.blank span::before{background-position-x: -20px;}
.btn_type.small{padding: 3rem 10rem 3rem 11rem; border-radius: 50rem; font-size: 15rem;}
.btn_type.small span::before{top: 1rem;}

.dep_02.btn_bf_ul > .btn_bf_li::before{top: 18rem;}
.dep_03.btn_bf_ul > .btn_bf_li::before{top: 23rem;}

.btn_type ~ .caution {margin-left:4rem;}

.tmg {margin:20rem 0 25rem; padding:30rem; border:1px solid #d2d3d9; border-radius:20rem;}
.tmg img {display:block; margin:0 auto;}
.tmg2 {margin:20rem 0 25rem; padding:30rem; background:#f5f5f5;}
.tmg2 img {display:block; margin:0 auto;}
.img_box{padding: 10rem; border: 1px solid #ddd;}

.bg_ps {background:#ECF9FF;}

/*시설소개*/
.facility {display:flex; justify-content:space-between;}
.facility .left {width:50%; position:relative;}
.facility .left .slick-slide {position:relative;}
.facility .left .slick-slide img {width:100%; height:300rem; object-fit:cover;}
.facility .left .slick-slide span {position:absolute; bottom:14rem; right:15rem; background:rgba(0,0,0,0.5); color:#fff; padding:5rem 15rem; font-weight:600; font-size:15rem;  border-radius:40rem;}
.facility .left .control {position:absolute; top:15rem; right:15rem;}
.facility .right {width:50%; margin-left:30rem;}
.facility .right .tit {border-bottom:1px dashed #ddd; padding-bottom:20rem; margin-bottom:25rem;}
.facility .right .tit > span {text-transform:uppercase; font-size:15rem; color:#848484; letter-spacing:1rem; margin-left:3rem;}
.facility .right .tit h4 {color:#323232; font-size:37rem; margin:0; padding:0; background:none;}
.facility .right .tit h4 > span {color:#4656b7; display:inline-block; margin-left:7rem;}
.facility .right .btn_type {margin-top:20rem; margin-bottom:0;}
@media all and (max-width:1440px){
  .facility .left {width:40%;}
  .facility .left .slick-slide img {height:300rem; object-fit:cover;}
  .facility .right {width:60%;}
}
@media all and (max-width:768px){
  .facility {flex-wrap:wrap;}
  .facility .left {width:100%;}
  .facility .right {width:100%; margin-left:0; margin-top:20rem;}
}

/*인사말*/
.greeting {position:relative; display:flex; justify-content:space-between; padding-top:343rem;}
.greeting:before {content:''; position:absolute; top:0; left:0; width:100%; height:293rem; background:url('/design/curling/img/content/greeting.jpg') no-repeat center top/cover; border-radius:25rem;}
.greeting .left {width:30%; margin-right:80rem; margin-left:5rem;}
.greeting .left b {font-weight:700;}
.greeting .left .small {font-size:21rem; color:#4656b7; line-height:1.5; margin-left:3rem; margin-bottom:30rem;}
.greeting .left .big {font-size:42rem; line-height:1.35;}
.greeting .left .sign {fot-size:21rem; line-height:1.5; display:inline-block; margin-left:3rem; margin-top:30rem; color:#484848;}
.greeting .left .sign b {font-size:31rem; display:inline-block; margin-left:10rem;}
.greeting .right {width:65%; margin-top:3rem;}
.greeting .right p {margin-bottom:20rem;}
@media all and (max-width:1023px){
  .greeting {flex-wrap:wrap; padding-bottom:80rem; padding-top:333rem;}
  .greeting .left {width:100%; margin-left:0; margin-bottom:30rem;}
  .greeting .left .small  {margin-bottom:7rem;}
  .greeting .left br {display:none;}
  .greeting .left .sign {position:absolute; bottom:0; right:0; margin-left:0; margin-top:0;}
  .greeting .right {width:100%;}
}

/*찾아오시는길*/
.load {margin:20rem 0 !important; width:100% !important; }
.load .wrap_map {height:350rem !important;}
.load .hide, .load .map_border {display:none !important; }
.loadH5:before,
.loadH5:after {display:none;}
@media all and (max-width:599px){
  .load .wrap_map {height:300rem !important;}
}

/*유의사항*/
.safe_rule {background:linear-gradient(90deg, rgb(70 86 183) 0%, rgba(39, 92, 171, 1) 100%); padding:10rem; margin-bottom:40rem;}
.safe_rule > div {background:#fff; position:relative; padding:80rem 100rem; text-align:center;}
.safe_rule > div:before {content:''; position:absolute; top:50%; left:50%; width: calc(100% - 60rem); height: calc(100% - 60rem); border:1px solid #ddd; transform: translate(-50%, -50%);}
.safe_rule h4 {margin:0; padding:0; font-size:37rem; color:#323232; background:none; line-height:1.35}
.safe_rule h4:before {display:none;}
.safe_rule h5 {margin:0 0 50rem; font-size:25rem; line-height:1.4;}
.safe_rule .para {position:relative; padding:30rem; border-bottom:1px dashed #ddd;}
.safe_rule .para:last-child {border-bottom:0;}
.safe_rule .para .list {text-align:left; margin:-20rem 0;}
.safe_rule .para .list li {position:relative; margin:20rem 0; padding-left:45rem;}
.safe_rule .para .list li span {position:absolute; left:0; top:-3rem; flex-shrink:0; flex-grow:0; display:block; width:35rem; height:35rem; background:#ffcc5f; border-radius:50%; color:#323232; font-weight:600; line-height:35rem; font-size:16rem; text-align:center;}
.safe_rule .block {position:relative; text-align:left; background:#fff8e8; padding:30rem 40rem; margin-top:50rem; border-radius:20rem; font-size:17rem; }
.safe_rule .block p {line-height:1.5; margin:10rem 0; font-weight:500;}
@media all and (max-width:1023px){
  .safe_rule > div {padding:80rem}
  .safe_rule .para {padding:30rem 0;}
}
@media all and (max-width:599px){
  .safe_rule > div {padding:50rem; text-align:center;}
  .safe_rule > div:before {width: calc(100% - 30rem); height: calc(100% - 30rem);}
  .safe_rule .block {padding:25rem 30rem}
}