@charset "utf-8";

section div .subject { margin-bottom: 50px; text-align: center;}
section div .subject img { top: 85px; left: 50%; width: 20px; transform: translateX(-25%);}
section div .subject h2 { margin: 10px 0px 0px; font-family: 'Noto Sans KR'; font-size:24px; font-weight: 600; letter-spacing: 2; text-align: left;}
section div .subject p {  margin: 8px 0px 0px; padding: 0px; font-family: 'Noto Sans KR'; font-size: 12px; font-weight: 400; color: #929292; letter-spacing: 1px; text-align: left;}

.line_b {border-bottom: #666 1px solid;}
.line_l {border-left: #666 1px solid;}
.line_r {border-right: #666 1px solid;}
.line_t {border-top: #666 1px solid;}
table,th,td {border: 1px solid #d2d2d2; text-align: -webkit-center;}
td {padding-top: 4px;}
body{ background-color:#fff; }

/*main start*/

#main { position: relative; overflow: hidden; width:100%; height:50vh; padding: 2.36%; background:url(../img/main/image2.jpg) 50% no-repeat; background-size: cover;}

#main > .txt { position: absolute; bottom: 0px; left:50%; transform: translateX(-50%); right: auto; z-index: 101; color: #FFF; text-align: center;  transition: .4s; }
#main > .txt > .txt-in { display: inline-block; margin: 0px auto; padding-bottom: 0px; }
#main > .txt > .txt-in > h3 { font-size: 22px; font-family: 'EB Garamond'; font-weight: 400; font-style: italic; letter-spacing: 1; }
#main > .txt > .txt-in > h1 { display: inline-block; margin-top: 15px; z-index: 1; position: relative; font-family: 'EB Garamond'; font-size: 62px; font-weight: normal; line-height: 72px; letter-spacing: 4; }
#main > .txt > .txt-in > h1 > span{ position: absolute; bottom:-15px; }
#main > .txt > .txt-in > p { display: block; margin: 30px auto 60px; font-size: 14px; line-height: 24px;  }


/*main end*/  

/*section .defalt-w { margin: 0px auto; width: 1300px; }*/
.title { text-align: center; }
.title h3 { font-family: 'EB Garamond'; font-size: 22px; font-weight: 400; letter-spacing: 1; color: #c9ab90; }
.title h2 { position: relative; margin: 5px auto 0px; width: 58%; font-family: 'EB Garamond'; font-size: 51px; font-weight: 400; letter-spacing: 1; }
.title h2::before { content: ''; position: absolute; left: 0px; top: 35px; width: 20%; height: 1px; background: #c4c4c4; }
.title h2::after { content: ''; position: absolute; right: 0px; top: 35px; width: 20%; height: 1px; background: #c4c4c4; }
.title p { margin-top: 15px; font-size: 13px; line-height: 22px; }

/*이용안내*/
.intro{ padding:120px 0 80px; position:relative; width:1400px; margin:0 auto; }
.intro-in{ display:flex; width:1400px; margin:0 auto; justify-content:space-between; height:auto; }
.intro-l{ width:calc( 50% + 80px ); display:flex; flex-direction:column; height: auto;}
.intro-r{ width:calc( 50% - 80px); padding-left:40px; display:block; height:500px; position:sticky; top:140px; }
.intro-con{ position:relative; width:100%; }

.intro-con-img{ margin-bottom:20px; width:100%; background-size:cover; background-position:center; }
.intro-l .intro-con:nth-child(1) .intro-con-in{ width:100%; padding: 0 20px; margin-bottom:0; }
.intro-l .intro-con:nth-child(1) .intro-con-img{ height:auto; background:none; }
.intro-r .intro-con:nth-child(1) .intro-con p{ margin-bottom:0; }
.intro-r .intro-con:nth-child(1)::after{ display:none; }
.intro-r .intro-con:nth-child(1){ padding:40px; background:#e8eef8; }
.intro-r .intro-con:nth-child(1) .intro-con-in p span{ display:inline; }

.subject{ margin:100px auto 50px; text-align:left; }
.intro-r .intro-con:nth-child(1) .subject{ margin:0px auto 50px; text-align:left; }
.subject h2{ margin:10px 0 0; font-size:24px; font-family: 'MapoFlowerIsland'; font-weight:600; position:relative; }
.subject h2::after{ content:''; width:40px; height:2px; background:#444; position:absolute; bottom: -24px; left:0; border-radius: 8px; }
.subject p{ padding:0; font-family: 'MapoGoldenPier'; font-size: 12px; font-weight:400; color:#929292; letter-spacing:1px; }

.btn{ box-sizing: border-box; display:flex; position:relative; width:250px; height:60px; font-size:16px; font-weight:400; color:#000; text-align:center; align-items:center; justify-content:center; border:1px solid #111; letter-spacing:2px; transition: all .2s ease-in-out; }
.btn:hover{ font-weight:500; background-color:#555; border:1px solid transparent; color:#fff; }

#price, .refundTable { margin: 0px 0px 10px; }
.pwidget{margin-bottom:100px; border-bottom:1px solid #e1e1e1;}
#price .priceTable tbody tr{ position:relative; }
#price .priceTable tbody tr th:nth-of-type(1){ width:26%; height:40px; }
#price .priceTable tbody tr th:nth-of-type(n+2){ width:14%; }
#price .priceTable tbody tr th:nth-of-type(7){ display:none; }
#price .priceTable tbody tr .ad { display: none; }
#price .priceTable tbody tr th{ font-size:12px; font-weight:bold; color:#fff; position:relative; background:#bbd2e6; }
#price .priceTable tbody tr td{ font-size:12px; color:#808080; padding: 30px 0; line-height:1.5em; position:relative; }
#price .priceTable tbody tr td p{ font-size:12px !important; color:#808080 !important; padding: 0px 0; margin:0; }

#total_period{ padding-top: 20px; margin-bottom:40px; }
#total_period > p { margin:0; font-size:14px; font-weight:400; line-height:1.75em; }

.title_in{ margin:0 auto; width:auto; text-align:left; }
.title_in > p{ margin:0; font-size:13px; font-weight:400; line-height:1.75em; font-weight:300; margin-bottom:8px; }
.title_in > p:nth-of-type(1){ margin-top:20px; }
.title_in > p > span{ font-weight:500; }
.title_in .total_period{ margin-bottom:50px; }
.title_in .total_period p{ font-size:13px; line-height:1.75em; font-weight:300; margin-bottom:8px; }

/*환불규정*/
.priceTable, .refundTable{ border-collapse:collapse; text-align:center; width:1400px; color:#555; font-size:12px; margin:0 auto; max-width:100%; }
.priceTable td, .refundTable td, .refundTable th{ border:1px solid #d2d2d2; padding: 10px 0px;}
.priceTable th.ss,  .refundTable th{ padding: 10px 0; background-color: #bbd2e6; color: #FFF;}

@media screen and (max-width: 1024px){

    #price, .refundTable { margin-top: 70px; }
    .main-bn-txt>h2>span{ font-size: 60px; }
    .main-bn-txt>h2>span:nth-of-type(1){ font-size:14px; }
    .intro-in{flex-direction:column-reverse; padding: 0px 2.36% 2.36%}
    .intro-l{ width: 100%; margin-top: 80px;}
    .intro-r{width: 100%; height: 400px; padding-left: 0px; position:static; top: 0;}
    .intro-r .intro-con:nth-child(1){padding:0px; background:none;}
    .intro-l .intro-con:nth-child(1) .intro-con-in{padding:0; margin-bottom: 100px;}
    .intro{padding: 80px 0 40px; width: 100%;}
    .intro:before{padding: 80px 0 40px;}

    #main > .txt > .txt-in > h1{ margin:15px auto 0; }
    #main > .txt > .txt-in > p{ margin: 20px auto 60px; }
    
}
@media screen and (max-width:1400px){
    .intro-in{ width: 100%;}
}