@charset "utf-8";

@import url(./sub01.css);
@import url(./sub03.css);



.gallery {padding:10px 0px 0px 0px; margin-bottom:50px;}
.gallery a{border:1px solid #ccc; display:block; border-radius:20px; transition:all 1.0s;-webkit-transition:all 1.0s;-moz-transition:all 1.0s;}
.gallery a:hover{box-shadow: 10px 15px 10px rgb(0 0 0 / 5%); border-radius:0px;} 
.gallery li a:hover  div.thum img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);border-radius:20px 20px 0 0; }

.gallery p.board_tit {font-size:20px; font-weight:500; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; margin-bottom:10px;}
.gallery p.board_con {overflow:hidden; line-height:24px; height:72px; margin-bottom:15px;}
.gallery p.board_date {padding-left:25px; font-size:14px; background: url(/tour/img/content/03/board_date.png) no-repeat 0 0px; color:#777; font-weight:500;}
.gallery p.board_date span {font-weight:400; display:inline-block; margin-right:10px;}

.gallery ul li {float:left; width:31%; margin-right:3.5%; margin-bottom:25px; border-radius:20px;}
.gallery ul li:nth-child(3n) {margin-right:0;}
.gallery div.thum {position:relative;  overflow: hidden; height:240px; }
.gallery div.thum img {width:100%; height:100%; transition:all 1.0s;-webkit-transition:all 1.0s;-moz-transition:all 1.0s; border-radius:20px 20px 0 0;}
.gallery div.board_info {padding:30px 25px 20px 25px;}


@media (max-width:768px) {
	.gallery div.board_info{    padding: 20px 25px 20px 25px;}
	.gallery p.board_tit{line-height: normal;}
	.gallery ul li {float:left; width:48%; margin-right:4%;}
	.gallery ul li:nth-child(3n) {margin-right:4%;}
	.gallery ul li:nth-child(even) {margin-right:0;}

}
@media (max-width:500px) {

	.gallery ul li {float:none; width:100%; margin-right:0%;}
	.gallery div.thum {width:100%; float:none; }
	.gallery div.thum img {width:100%;  height:100%;}

}


.heritag_wrap{position:relative;}
.heritag_wrap:before{content:''; display:block; background:#f7f8fb; width:100%; height:calc(100% - 100px); position: absolute; left: 0; bottom: 0; z-index: 0; border-radius:30px 30px 0 0;}
.heritag_wrap:after{content:''; display:block; background:url(/tour/img/content/03/cultural_top_img01.png); width:147px; height:225px; position: absolute; left: -17px; bottom: -24px; z-index: 5; }
.heritag_wrap .heritag_info_wrap{position:relative; z-index: 1; display: flex;  justify-content: space-between; flex-wrap: wrap; padding:0 60px 45px 60px;   background:url("/tour/img/content/03/heritag_info_wrap_bg.png") no-repeat right 144px bottom;}
.heritag_wrap .heritag_img{width:400px;}
.heritag_wrap .heritag_img li img{border-radius:0 0 30px 0;}
.heritag_wrap .heritag_img .control{margin-top:20px; text-align: center;}
.heritag_wrap .heritag_img .control button{width:34px; height:34px;  overflow:hidden; text-indent:-9999px; margin:0 2px; border-radius:50%;}
.heritag_wrap .heritag_img .control button.prev-slide{background:url("/tour/img/content/03/btn_Lpre.png") no-repeat 50% 50%; }
.heritag_wrap .heritag_img .control button.next-slide{background:url("/tour/img/content/03/btn_Lnext.png") no-repeat 50% 50%; }

.heritag_wrap .heritag_info{width:calc(100% - 450px); position: relative;}
.heritag_wrap .heritag_info:after{content:''; display:block; background:url(/tour/img/content/03/cultural_top_img02.png); width:123px; height:185px; position: absolute; right: -100px; bottom: -19px; z-index: 5; }

.heritag_wrap .heritag_info .btit{padding-top:45px; font-size:24px; font-weight: bold; margin-bottom:60px;}
.heritag_wrap .heritag_info li{margin-bottom: 10px;}
.heritag_wrap .heritag_info li strong{width: 90px; display: inline-block; font-family:'GmarketSansMedium'; font-weight: bold;}

.heritag_wrap .heritag_info .heritag_btn{border-top: 1px dashed #aeafb0; margin-top:25px; padding-top:25px; width:calc(100% - 125px);}
.heritag_wrap .heritag_info .heritag_btn .btn{width: 100px; text-align: center;  padding: 12px 0;}

@media (max-width:1600px) {
	.heritag_wrap .heritag_info:after{right: -57px; bottom: -19px; z-index: 5; }
	
}
@media (max-width:1050px) {

	.heritag_wrap .heritag_img,
	.heritag_wrap .heritag_info{width: 100%;}
	.heritag_wrap:after{display:none;}
	.heritag_wrap .heritag_img img{width:100%;}
	
	.heritag_wrap .heritag_info_wrap{padding:0 30px 45px 30px;}
	.heritag_wrap .heritag_info .btit{margin-bottom: 30px;}

}

@media (max-width:500px) {

	.heritag_wrap .heritag_info:after{background:none;}
	.heritag_wrap .heritag_info_wrap{background: url(/tour/img/content/03/heritag_info_wrap_bg.png) no-repeat right 0px bottom;}

}
/*지도/리플릿*/
.m_charter_wrap {
    padding: 6.25em 10em 24em 10em;
    background: #f7f8fb url(/tour/img/content/01/0102040000_bg.jpg) no-repeat center bottom;
}

.m_charter_wrap .charter_box {
    padding: 20px 50px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.08);
}
.m_charter_wrap .charter_box p:before {
    content: '';
    display: inline-block;
    background: url(/portal/img/content/01/charter_point.png) no-repeat 0 0;
    width: 35px;
    height: 30px;
    position: absolute;
    margin-top: -15px;
    top: 50%;
    left: 5px;}

.m_charter_wrap .charter_box p {
    font-size: 1.7rem;
    position: relative;
    border-bottom: 1px dashed #ddd;
    padding: 1.563em 0;
    padding-left: 4.063em;}

.m_charter_wrap strong {
    font-family: 'GmarketSansBold';
    font-size:22px;
    }
    
strong {
    font-weight: 700;
}    

.m_charter_wrap .top_text_wrap {
    text-align: left;
    font-size: 1.8rem;}
    
.m_charter_wrap .ttext {
    font-size: 4.2rem;
    color: #124377;
    margin-bottom: 25px;
    font-family: 'GmarketSansBold';
    display: block;
    line-height: 1.0em;}    

@media (max-width:900px) {

	.m_charter_wrap{padding: 5em 3em 15em 3em; background-size: contain;}

}

@media (max-width:700px) {

	.m_charter_wrap{padding: 5em 3em 15em 3em; }
	.m_charter_wrap .ttext{font-size: 3.2rem;}

}

@media (max-width:500px) {

	.m_charter_wrap{padding: 5em 2em 10em 2em; }

}

/*q&n*/
.bod_qna{border:0;}
.bod_qna .type1 li{border-bottom:none;  margin:20px 0; }
.bod_qna .type1 li .q_wrap{box-shadow: 5px 5px 20px rgb(0 0 0 / 5%); border-radius:70px 0px 0 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}

.bod_qna .type1 li.on .question{border-bottom:0; background:none;}
.bod_qna .type1 li.on .answer .icon{display:none;}

.bod_qna .type1 .question{font-size:2.0rem; padding: 3.2rem 0 3.2rem 0;  font-weight: 500; width:calc(100% - 110px); background:none; display: flex; justify-content: space-between;}
.bod_qna .type1 .icon {display: flex; box-sizing: border-box; font-family: 'GmarketSansBold'; position: relative; left: auto; top: auto; width: 94px; background:#124576; border-radius:70px 50px 50px 0; text-indent:0px; color:#fff; font-size: 2.5rem;align-items: center; justify-content: center; height: 8.5rem;}


.bod_qna li:nth-child(1).on .answer{border: 1px solid #124576;}
.bod_qna li:nth-child(2) .icon,
.bod_qna li:nth-child(2) .answer .desc{background:#006f9b;}
.bod_qna li:nth-child(2).on .answer{border: 1px solid #006f9b;}
.bod_qna li:nth-child(3) .icon,
.bod_qna li:nth-child(3) .answer .desc{background:#0098a7;}
.bod_qna li:nth-child(3).on .answer{border: 1px solid #0098a7;}
.bod_qna li:nth-child(4) .icon, 
.bod_qna li:nth-child(4) .answer .desc{background:#00bf9a;}
.bod_qna li:nth-child(4).on .answer{border: 1px solid #00bf9a;}
.bod_qna li:nth-child(5) .icon, 
.bod_qna li:nth-child(5) .answer .desc{background:#7263a3;}
.bod_qna li:nth-child(5).on .answer{border: 1px solid #7263a3;}
.bod_qna li:nth-child(6) .icon, 
.bod_qna li:nth-child(6) .answer .desc{background:#2b8dc6;}
.bod_qna li:nth-child(6).on .answer{border: 1px solid #2b8dc6;}
.bod_qna li:nth-child(7) .icon, 
.bod_qna li:nth-child(7) .answer .desc{background:#2b65c6;}
.bod_qna li:nth-child(7).on .answer{border: 1px solid #2b65c6;}
.bod_qna li:nth-child(8) .icon, 
.bod_qna li:nth-child(8) .answer .desc{background:#124f7a;}
.bod_qna li:nth-child(8).on .answer{border: 1px solid #124f7a;}
.bod_qna li:nth-child(9) .icon, 
.bod_qna li:nth-child(9) .answer .desc{background:#571f82;}
.bod_qna li:nth-child(9).on .answer{border: 1px solid #571f82;}
.bod_qna li:nth-child(10) .icon, 
.bod_qna li:nth-child(10) .answer .desc{background:#e8a912;}
.bod_qna li:nth-child(10).on .answer{border: 1px solid #e8a912;}
.bod_qna li:nth-child(11) .icon, 
.bod_qna li:nth-child(11) .answer .desc{background:#122e5d;}
.bod_qna li:nth-child(11).on .answer{border: 1px solid #122e5d;}
.bod_qna li:nth-child(12) .icon, 
.bod_qna li:nth-child(12) .answer .desc{background:#595959;}
.bod_qna li:nth-child(12).on .answer{border: 1px solid #595959;}


.bod_qna .type1 .answer{ font-size:1.8rem; padding:0; margin:15px 0; width:100%;}
.bod_qna .type1 .answer .desc{padding:25px 45px; color:#fff; font-family: 'GmarketSansBold'; font-size:2.4rem; background:#124576;}   
.bod_qna .type1 .answer .question_wrap{padding:25px 45px; background:#fff; }
.bod_qna .type1 .answer .question_wrap .tumb{display: flex; justify-content: space-between;  flex-wrap: wrap; padding-bottom:10px;}
.bod_qna .type1 .answer .question_wrap ul li{width:50%; float: left; margin: 0;}
.bod_qna .type1 .answer .question_wrap .n_fl>li{float: none; width:100%;}

.km_icon{width: 200px; padding-left: 47px; font-size: 15px;  margin-right: 30px; position: relative;}
.km_icon:after{content:''; display:block; height:40px; width:40px; position: absolute; left: 0; top:-7px; background: url(/tour/img/content/01/km_icon.png)no-repeat left;}

.m_tumb{display:none !important;}
@media (max-width:768px) {
	
	.bod_qna .type1 .answer .question_wrap{padding:15px;}
	.pc_tumb{display:none !important;}
	.m_tumb{display:block !important;}
		
}

@media all and (max-width:570px){	
	
	.bod_qna .type1 .question{flex-direction: column; padding: 2rem 0.5em 2rem 0em;}

	.km_icon{width: auto; padding-left: 35px; font-size:15px; margin-right: 0; margin-top:15px;}
	.km_icon:after{width:25px; height:25px; background-size:100%; top: -4px;}
	
} 


/*드라마 촤영지*/
.Drama_wrap{background:#f7f8fc; border-radius:15px; padding:45px 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.Drama_wrap .tumb{width:48%; position: relative;  margin:35px 0;}
.Drama_wrap .tumb .tit{ position: absolute; left: 0; top: -20px;}
.Drama_wrap .tumb .tit span{display:inline-block; border-radius:30px 30px 30px 0;  box-sizing: border-box; padding:10px 0 10px 20px; width:380px; color:#fff; font-size:1.8rem; background: linear-gradient(90deg, rgba(44,102,183,1) 0%, rgba(78,176,153,1) 100%);}
.Drama_wrap .tumb img{border-radius:15px;}

@media all and (max-width:860px){
	.Drama_wrap{ padding:25px 20px;}
	.Drama_wrap .tumb{width:100%; margin:15px 0;}
}

@media all and (max-width:500px){

	.Drama_wrap .tumb .tit span{width:100%; font-size:1.6rem; padding-right:20px;}
}


/*맞춤형 검색부분 */
.tour_sch{ background: #f4f3f9; margin: 0; padding: 1.5em 2.6em; margin-bottom:30px;}
ul.tour {display:flex; flex-flow:row wrap; position:relative;}
ul.tour:after {content:''; display:block;  width:100%; height:1px; background:#dedede; position:absolute; bottom:0; left:0;}
ul.tour >li {width:100%; display:inline-block;  display:flex; flex-flow:row wrap; align-items: center; position:relative;}
ul.tour >li > label {width:12em; padding:10px 10px 10px 0px; color:#000; font-weight:600; display:flex; align-items: center; justify-content:flex-start; box-sizing:border-box; line-height:24px;}

ul.tour >li > div {width:calc(100% - 12em); padding:0.5em 0.88235294em;  box-sizing:border-box; }
ul.tour >li > div input[type=text],
ul.tour >li > div select {height: 2.94em; border: 1px solid #ddd !important; border-radius: 5px !important; color: #333 !important; font-size: 1em !important;  padding: 5px 10px; box-sizing: border-box;}

@media (max-width: 780px){
	ul.tour >li{    margin-bottom: 20px;}
	ul.tour >li > label,
	ul.tour >li > div{width:100%; padding: 0em; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
	ul.tour >li > div select{width:calc(100% - 50px); margin:3px 0;}
	.tour_sch { padding: 1em 1.5em;}
	
}


/*동구애*/

.dong_lover{position:relative;  }
.dong_lover:before{content:''; display:block; background:#f7f8fb; width:100%; height:calc(100% - 70px); position: absolute; left: 0; bottom: 0; z-index: 0; border-radius:30px 30px 0 0;}

.dong_lover .dong_lover_wrap{position:relative; z-index: 1; display: flex;  justify-content: space-between; flex-wrap: wrap; padding:0 80px 0px 60px; background:url(/tour/img/content/01/dong_love_img.png) no-repeat right 25px top 0;}
.dong_lover .dong_lover_img{width:395px;position: relative;}
.dong_lover .dong_lover_img span{position: absolute; left: 20px; top: -16px; }
.dong_lover .dong_lover_img span img{border-radius: 0 0 0px 0;}
.dong_lover .dong_lover_img img{border-radius: 0 0 50px 0;}
.dong_lover .dong_lover_info{width:calc(100% - 450px); position: relative; padding-top:24px; }
.dong_lover .dong_lover_info .btit{font-size:26px; font-weight: bold; margin-bottom:60px;     line-height: 1em;}
.dong_lover .dong_lover_info .btit span{color:#3e2bbb; position: relative;}
.dong_lover .dong_lover_info .btit span:after{content: '';  display: inline-block;  width: 8px;  height: 8px;  border-radius: 50%;  background: #3e2bbb;  margin-left: 5px;}
.dong_lover .dong_lover_info .stxt{padding-bottom:30px; border-bottom:2px dotted #ddd;}

.lover_info{display: flex; justify-content: center; flex-wrap: wrap; padding: 30px 0 30px 0; width: 100%;}
.lover_info .add{ width: 50%;  display: flex; justify-content: flex-start; align-items: center;}
.lover_info .tit{width: 125px; display: flex; position: relative; align-items: center;}
.lover_info .tit:before{content:''; width: 46px; height: 46px; margin-right:6px; background:url(/tour/img/content/01/lover_icon.png) no-repeat 0 1px; display: inline-block;}

.lover_info .tit2{width: 125px; display: flex; position: relative; align-items: center;}
.lover_info .tit2:before{content:''; width: 46px; height: 46px; margin-right:6px; background:url(/tour/img/content/01/info_icon.png) no-repeat 0 1px; display: inline-block;}

.lover_info .con{width:calc(100% - 125px); display: inline-block;}

.dong_lover + .dong_lover{margin:80px 0;}


.dong_lover:nth-child(2n) .dong_lover_wrap{flex-direction: row-reverse; background:none;}
.dong_lover:nth-child(2n) .dong_lover_info .btit,
.dong_lover:nth-child(2n) .dong_lover_info .stxt{text-align: right;}

.dong_lover:nth-child(2) .dong_lover_info .btit span{color:#2253a5;}
.dong_lover:nth-child(2) .dong_lover_info .btit span:after{background:#2253a5;}

.dong_lover:nth-child(3) .dong_lover_info .btit span{color:#2bbb6b;}
.dong_lover:nth-child(3) .dong_lover_info .btit span:after{background:#2bbb6b;}

.dong_lover:nth-child(4) .dong_lover_info .btit span{color:#18d2e3;}
.dong_lover:nth-child(4) .dong_lover_info .btit span:after{background:#18d2e3;}

.dong_lover:nth-child(5) .dong_lover_info .btit span{color:#bb2b6b;}
.dong_lover:nth-child(5) .dong_lover_info .btit span:after{background:#bb2b6b;}

@media (max-width:1050px) {

	.dong_lover .dong_lover_img,
	.dong_lover .dong_lover_info{width: 100%;}

	.dong_lover .dong_lover_img img{width:100%;}
	
	.dong_lover .dong_lover_wrap{padding:0 30px 45px 30px; background:none;}
	.dong_lover .dong_lover_info .btit{margin-bottom: 30px;}
	
	.dong_lover:nth-child(2n) .dong_lover_info .btit,
	.dong_lover:nth-child(2n) .dong_lover_info .stxt{text-align: left;}
	

}

@media all and (max-width:800px) {
	
	.lover_info .add{width:100%; margin: 3px 0;     background-size: cover;}
	.lover_info .tit{width:104px;}
	.lover_info .con{width: calc(100% - 104px);}
	.dong_lover .dong_lover_info{padding-top: 0px;}
	
}	

@media all and (max-width:500px) {
	
	.lover_info{padding:20px 0 0 0;}
	.dong_lover .dong_lover_info .btit{font-size: 20px; margin: 15px 0;}
	
}