@charset "utf-8";

.main-bn{ height:60vh; position:relative; top:0; left:0; }
.main-bn .main-bn-img{ width:100%; height: 100%; background: url(../img/main/image1.jpg) no-repeat; background-size:cover; background-position: 50% 0%;}
.main-bn-txt{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:99;text-align:center;}
.main-bn-txt>h2{margin:20px 0;font-family: 'MapoGoldenPier';font-size:50px;font-weight:500;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.1);}
.main-bn-txt>h2>span{display:block; font-size: 80px;  text-shadow:0 1px 3px rgba(0,0,0,0.4); font-family: 'Cormorant', serif;}
.main-bn-txt>h2>span:nth-of-type(1){font-size: 18px;font-family: 'Pretendard-Regular'; margin-bottom: 20px;}

.intro{padding: 120px 0 80px; position:relative;width:100%;}
.intro:before{content:'';display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height: 100%;padding: 120px 0 60px;}
.intro-in{display:flex;width:1400px;margin:0 auto;justify-content:space-between; position: relative;}
.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: 120px; }
.intro-con{position:relative;width:100%;}

.intro-con-img{margin-bottom: 20px;width:100%;background-size:cover;background-position:center 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-in p{margin-bottom:0;}
.intro-r .intro-con:nth-child(1)::after{display: none;}
.intro-r .intro-con:nth-child(1){padding:40px; background:#fff;}
.intro-r .intro-con:nth-child(1) .intro-con-in p span{display:inline;}



.subject { margin: 100px auto 50px; text-align: left;}
.subject h2 { margin: 10px 0px 0px; font-size:24px; font-family: 'Pretendard-Regular'; 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: 0px;font-family: 'Karla', sans-serif; font-size: 12px; font-weight: 400; color: #929292; letter-spacing: 1px;}

#sec2 { position: relative; padding: 0;}
#sec2 > img:nth-of-type(1) { position: absolute; }
#sec2 > img:nth-of-type(2) { position: absolute; right: 0px; bottom: 0px; }
#sec2 .sec2-in { position: relative; width: 100%; padding: 0px 20px; margin: 0px auto 120px auto; }

#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: #605856;}

#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 0px; margin: 0px; }

#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 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: 7px 0;
    height: 40px;}
.priceTable th.ss, #sec2 .refundTable th {
    background: rgba(243, 193, 122, .6);
}

.link{ position:relative; margin-top:50px; transition:0.4s; }
.link a{ font-family:'Cormorant'; font-size:20px; font-weight:600; }
.link a img{ margin-left:20px; margin-bottom:2px; transition:all .3s ease-in-out; }
.link a:hover img{ margin-left:30px; }




@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; }
    .intro-l{ width: 100%; }
    .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;}
    .intro:before{padding: 80px 0 40px;}
    
}
@media screen and (max-width:1400px){
    .intro-in{ width: 100%; padding: 0 20px;}
}