@charset "utf-8";

section div .subject { padding-top: 100px; margin-bottom: 50px; }
section div .subject img { top: 70px; left: 50%; width: 35px; }
section div .subject h2 { /*margin: 0px;*/ margin: 12px 0 0;}

.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 #000; text-align: -webkit-center;}
td {padding-top: 4px;}

/*sec1*/

#sec1{ height:450px; box-sizing: border-box;overflow: hidden;}
#sec1 .sec1_in{height:100%;width:100%;background: url(../img/sub1/image9.jpg)no-repeat 38% 65%; 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:50%;z-index: 10;color:#fff;transform: translate(-50%,-50%);text-align: center;width:600px;padding:20px;}
#sec1 .sec1_in .tit h2{margin:5px;font-family: 'GangwonEdu_OTFBoldA'; font-size:36px;font-weight: 700;line-height:1.3em;}
#sec1 .sec1_in .tit h3{margin:10px;font-size:28px;line-height: 1em;font-weight: 500;letter-spacing: 2px; font-family: 'GangwonEdu_OTFBoldA';}
#sec1 .sec1_in .tit span{position: absolute;width:100%;height:100%;left:0;top:0;} */

#sec1 .sec1_in .main-txt { position: absolute;left:50%;top:50%;z-index: 10;color:#fff;transform: translate(-50%,-50%);text-align: center;width:600px;padding:20px; }
#sec1 .sec1_in .main-txt h1 { font-family: 'GangwonEdu_OTFBoldA'; font-size: 55px; margin: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.8));}

#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; }
#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: 1200px; padding: 0px 20px; margin: 0px auto; }

#sec2 .sec2_in .place-list { width: 100%; margin: 0px auto; }
#sec2 .sec2_in .place-list .place { position: relative; width: 49%; border-right: 2px solid #f6f3ea; background: #FFF; }
#sec2 .sec2_in .place-list .place:nth-child(1) { float: left; }
#sec2 .sec2_in .place-list .place:nth-child(2) { float: right; }

#sec2 .sec2_in .place-list .place> div { position: absolute; background: #f7f8f8; width: 120px; height: 100%; }
#sec2 .sec2_in .place-list .place ul { margin: 0; padding: 20px 40px 30px; position: relative; }
/* #sec2 .sec2_in .place-list .place ul img { width: 100%; margin-top: 20px; } */

#sec2 .sec2_in .place-list .place ul .placeimg { width: 100%; margin-top: 25px; height: 300px;}
#sec2 .sec2_in .place-list .place ul .img1 { background: url('../img/sub6/image1.png') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img2 { background: url('../img/sub6/image2.png') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img3 { background: url('../img/sub6/image3.png') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img4 { background: url('../img/sub6/image4.png') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img5 { background: url('../img/sub6/image5.png') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img6 { background: url('../img/sub6/image6.png') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img7 { background: url('../img/sub6/image7.png') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img8 { background: url('../img/sub6/image8.png') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img9 { background: url('../img/sub6/image9.jpg') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img10 { background: url('../img/sub6/image10.jpg') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img11 { background: url('../img/sub6/image11.jpg') no-repeat center/cover; }
#sec2 .sec2_in .place-list .place ul .img12 { background: url('../img/sub6/image12.jpg') no-repeat center/cover; }


#sec2 .sec2_in .place-list .place ul li h3 { margin: 20px 0px 0px 0px; font-family: 'GangwonEdu_OTFBoldA'; font-size: 24px; font-weight: 600; }
#sec2 .sec2_in .place-list .place ul li p { margin: 10px 0px 10px 0px; font-size: 14px; font-weight: 400; }


@media (max-width:1580px) {
    
    #sec2 .sec2_in { width: 100%; }
    
    #travel .travel-in { padding: 0px 20px; }
    #travel .travel-in .place-list { width: 100%; margin: 75px auto 0px; }
}

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

@media (max-width: 884px) {
    #sec2 .sec2_in .place-list .place:nth-child(1) { width: 100%; float: none; }
    #sec2 .sec2_in .place-list .place:nth-child(2) { width: 100%; float: none; }
    
    #sec2 .sec2_in .place-list .place:nth-child(1) ul { padding: 30px 40px 0px; }
    #sec2 .sec2_in .place-list .place:nth-child(2) ul { padding: 0px 40px 40px; }
    
    #sec2 .sec2_in .place-list .place:nth-child(2) ul li:nth-child(1) h3 { margin: 0; }
}

@media (max-width: 680px) {
    section div .subject { padding-top: 80px; margin-bottom: 30px; }
    section div .subject img { top: 65px; width: 30px; }
    
    /* #sec1 .sec1_in .tit h2 { font-size: 30px; }
    #sec1 .sec1_in .tit h3 { font-size: 22px; } */
    #sec1 .sec1_in .main-txt { top:60%; }
    #sec1 .sec1_in .main-txt p { font-size: 13px; }
    #sec1 .sec1_in .main-txt h1 { font-size: 40px; }

    #sec2 .sec2_in .place-list { margin: 0px auto 0px; }
    #sec2 .sec2_in .place-list .place ul li h3 { font-size: 22px; }
    #sec2 .sec2_in .place-list .place ul li p { font-size: 13px; }
}
    
@media (max-width: 515px) { 
    section div .subject h2 { margin: 25px 0 0; }

    #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; }
    
    #sec2 .sec2_in .place-list .place ul li h3 { font-size: 20px; }

    #sec2 .sec2_in .place-list .place ul .placeimg { height: 200px;}
}