@charset "utf-8";

section div .subject { padding-top: 100px; 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;}
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;}

.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;}

/*sec1*/

#sec1{ height:500px; box-sizing: border-box;overflow: hidden;}
#sec1 .sec1_in{height:100%;width:100%;background: url(http://sharpterrace.cdn3.cafe24.com/main/image5.jpg)no-repeat 50% 50%; position: relative; background-size: cover; }
#sec1 .sec1_in:after{content: '';width:100%;height:100%;position: absolute;left:0;top:0;background: #000;opacity: .2;}

#sec1 .sec1_in .tit{position: absolute;left:50%;top:57.5%;z-index: 10;color:#fff;transform: translate(-50%,-50%);text-align: center;width:600px;padding:20px;opacity: .8;}
#sec1 .sec1_in .tit h2{margin:5px;font-family: 'Noto Sans KR Bold'; font-size:36px;font-weight: 700;line-height:1.3em;}v
#sec1 .sec1_in .tit h3{margin:10px;font-size:28px;line-height: 1em;font-weight: 500;letter-spacing: 2px;}
#sec1 .sec1_in .tit span{position: absolute;width:100%;height:100%;left:0;top:0;}

#sec1 .sec1_in .tit .frame_1:before{content: '';display: block;position: absolute;left:0;top:0;width:20px;height:20px;opacity: 0.8;border-top:5px solid #fff;border-left:5px solid #fff;}
#sec1 .sec1_in .tit .frame_1:after{content: '';display: block;position: absolute;left:0;bottom:0;width:20px;height:20px;opacity: 0.8;border-bottom:5px solid #fff;border-left:5px solid #fff;}

#sec1 .sec1_in .tit .frame_2:before{content: '';display: block;position: absolute;right:0;top:0;width:20px;height:20px;opacity: 0.8;border-top:5px solid #fff;border-right:5px solid #fff;}
#sec1 .sec1_in .tit .frame_2:after{content: '';display: block;position: absolute;right:0;bottom:0;width:20px;height:20px;opacity: 0.8;border-bottom:5px solid #fff;border-right:5px solid #fff;}

/*sec2*/

#sec2 { position: relative; padding-bottom:120px;}
#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: 1318px; padding: 0px 20px; margin: 0px auto; }

#sec2 .sec2-in #price, .refundTable { margin: 20px 0px 10px; }

#sec2 .pwidget{margin-bottom:100px;border-bottom:1px solid #e1e1e1;}
#sec2 #price .priceTable tbody tr{position: relative;}
#sec2 #price .priceTable tbody tr th:nth-of-type(1) { width: 30%; }
#sec2 #price .priceTable tbody tr th:nth-of-type(n+2) { width: 14%; }
#sec2 #price .priceTable tbody tr th:nth-of-type(7) { display: none; }
#sec2 #price .priceTable tbody tr .ad { display: none; }

#sec2 #price .priceTable tbody tr th{font-size:12px;font-weight: bold;color:#808080;position: relative; background: #eee;}

#sec2 #price .priceTable tbody tr td{font-size:12px;color:#808080;padding:7px 0;position: relative;}
#sec2 #price .priceTable tbody tr td p{font-size:12px !important;color:#808080 !important; padding: 0px 0px; margin: 0px; }

#total_period { padding-top: 20px;}
#total_period > p { margin: 0; font-size: 14px; font-weight: 400; line-height: 28px; }
.title_in > p { margin: 0; font-size: 13px; font-weight: 400; line-height: 28px; font-family: 'Noto Sans KR';font-weight: 300;}
.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: 28px; font-family: 'Noto Sans KR';font-weight: 300;}

.priceTable, .refundTable {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    color: #808080;
    font-size: 12px;}
.priceTable td, .refundTable td, .refundTable th {
    border: 1px solid #d2d2d2;
    padding: 7px 0;
    height: 40px;}
.priceTable th.ss, #sec2 .refundTable th {
    background: #eee;
}

#footer > .footer-in { padding-top: 0px; }

/*.priceTable th.ad{display: none;}*/
/*#sec2 #price .priceTable tbody tr:nth-child(2){display: none;}*/
/*#sec2 #price .priceTable tbody tr td.ad{display: none;}*/

@media (max-width:1318px) {
    #sec1 { height: 380px; }
    #sec1 .sec1_in .tit { top: 60%; }
    #sec1 .sec1_in .tit h3 { margin: 0px; }
    #sec2 .sec2-in { width: 100%; }
}

@media (max-width:1028px) {
    #sec1 .sec1_in .tit { transform: translate(-50%,-50%); width: 400px; } 
}

@media (max-width:998px) {
    
    section div .subject img { top: 55px; }
    section div .subject h2 { margin: 0px; font-size: 24px; }
    
}

@media (max-width: 680px) {
    section div .subject { padding-top: 80px; margin-bottom: 30px; }
    section div .subject img { top: 65px; }
    .title_in #total_period p { font-size: 13px; }
    .title_in > p { font-size: 13px; }
    
    #sec1 .sec1_in .tit h2 { font-size: 30px; }
    #sec1 .sec1_in .tit h3 { font-size: 22px; }
}

@media (max-width: 515px) { 
    
    #sec1 { height: 320px; }
    #sec1 .sec1_in .tit { width: 280px; } 
    #sec1 .sec1_in .tit h2 { font-size: 30px; }
    #sec1 .sec1_in .tit h3 { font-size: 22px; }
}