@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
*{box-sizing: border-box;}


body{background: #fff;font-family: 'Josefin Sans';-ms-overflow-style: none;scrollbar-width: none;}
body::-webkit-scrollbar {display: none;}

#wrap{width:calc(100% - 320px);float:right;}

.line_b {border-bottom: #d2d2d2 1px solid;}
.line_l {border-left: #d2d2d2 1px solid;}
.line_r {border-right: #d2d2d2 1px solid;}
.line_t {border-top: #d2d2d2 1px solid;}
table,th,td {border: 1px solid #d2d2d2;text-align: -webkit-center;}
td {padding-top: 4px;}
p {font-size: 14px !important;color: #666666 !important;}

/*sec1*/

#sec1{width:100%;height:450px;box-sizing: border-box;overflow: hidden;}
#sec1 .sec1_in{height:100%;width:100%;background: url(../img/main/image3.jpg)no-repeat 50% 25%;background-size: cover;position: relative;}
#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:50%;z-index: 10;color:#fff;transform: translate(-50%,-50%);text-align: center;width:320px;padding:20px;opacity: .8;}
#sec1 .sec1_in .tit h2{font-size:36px;font-weight: 700;line-height:1.3em;}
#sec1 .sec1_in .tit h3{font-size:18px;line-height:1.3em;font-weight: 700;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 { padding-top: 60px; }
#sec2 .pwidget{ margin-bottom:100px;border-bottom:1px solid #e1e1e1;}
#sec2 #price .priceTable{width:100%;font-family: "Malgun Gothic","맑은고딕","돋움",Dotum,sans-serif;vertical-align: none;}
#sec2 #price .priceTable tbody tr{position: relative;}
#sec2 #price .priceTable tbody tr th{font-size:12px;font-weight: bold;color:#808080;position: relative;}
#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:7px 0;}
#sec2 #price .priceTable tbody tr th.ad{display: none;}
#sec2 #price .priceTable tbody tr td.ad{display: none;}

.priceTable th.ss { background: #fafafa  !important; }
.priceTable th.nm, .priceTable th.sz, .priceTable th.wk { background: #fafafa !important; }

@media (max-width:1340px){
    #sec2 .sec2_in{width:100%;}
}

/*태블릿 화면*/
@media (max-width:1240px){
    #wrap{width:100%;}
    
    #sec2 .pwidget{width:100% !important;padding: 0 15px 50px !important;}
    #sec2 .b_title{width:100% !important;margin:40px 0 15px 0 !important;}
    #sec2 .title_in{width:100% !important;}
    
    #sec2 #price{margin-bottom:40px !important;}
    
    
}
/*모바일*/
@media (max-width:767px){
    #sec1{height:40vh;}
    #sec1 .sec1_in .tit{width:80%;}
    
    #sec2 { padding-top: 20px; }
    #sec2 .pwidget{padding: 0 10px 30px !important;}
    #sec2 #price{margin-bottom:25px !important;}
    
    #sec2 .b_title{width:100% !important;margin:30px 0 20px 0 !important;}
    
    #sec2 #price .priceTable tbody tr td{font-size:10.5px;letter-spacing: -0px;}
    #sec2 #price .priceTable tbody tr td p{font-size:11px !important;letter-spacing: -1px;}
    
    #sec2 .title_in strong{font-size:13px;letter-spacing: -.5px;}
    #sec2 .title_in #total_period{font-size:13px !important; letter-spacing: -.5px;}
    #sec2 .title_in p{font-size:12px !important;letter-spacing: -.5px;}
    
    #sec2 #tat tr td{font-size:11.5px;letter-spacing: -1px;}
    
    
}