@charset "UTF-8"; 

/*여행지 정보리스트*/
.infoArea {}
.infoArea li {position:relative; padding-left:42px; line-height:32px; margin-bottom:10px;}
.infoArea li:last-child {margin-bottom:0;}
.infoArea li:before {content:''; display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:#008a63 url('../images/sub/link_icons_w.png') no-repeat; border-radius: 50%;}

.infoArea li.address:before {background-position-x: -90px;}/*위치*/
.infoArea li.number:before {background-position-x: 0px;}/*전화*/
.infoArea li.homepage:before {background-position-x: -60px;}/*홈페이지*/
.infoArea li.division:before {background-position-x: -30px;}/*구분*/
.infoArea li.time:before {background-position-x: -120px;}/*시간*/
.infoArea li.parking:before {background-position-x: -180px;}/*주차장*/

.infoArea li .title {display:inline-block; width:80px; font-size:1.6rem; font-weight:500; vertical-align: top; box-sizing:border-box;}
.infoArea li .text {display:inline-block; width:calc(100% - 90px); font-size:1.6rem; vertical-align: top;}
.infoArea li .text2 {display:inline-block; width:100%; font-size:1.6rem; font-weight:500; vertical-align:top; color:#000;}


@media screen and (max-width:640px){
    .infoArea li {padding-left:34px; line-height:28px;}
    .infoArea li:before {width:25px; height:25px; background-size:800%;}
	.infoArea li.address:before {background-position-x: -75px;}/*위치*/
	.infoArea li.number:before {background-position-x: 0px;}/*전화*/
	.infoArea li.homepage:before {background-position-x: -50px;}/*홈페이지*/
	.infoArea li.division:before {background-position-x: -25px;}/*구분*/
	.infoArea li.time:before {background-position-x: -100px;}/*시간*/
	.infoArea li.parking:before {background-position-x: -150px;}/*주차장*/
    
    .infoArea li .title {width:60px; font-size:1.5rem;}
    .infoArea li .text {width:calc(100% - 70px); font-size:1.5rem;}
    .infoArea li .text2 {font-size:1.5rem;}
}

@media screen and (max-width:440px){
    .infoArea li {padding-left:34px; line-height:28px;}        
    .infoArea li .text {display:block; width:100%; font-size:1.4rem;}
    
}

/********************************
테마여행
*******************************/
 
/*02추천여행 > 01테마여행 > 02둘레길투어*/
.tour_list {display: flex; flex-wrap:wrap; gap:50px 40px;}
.tour_list > li {overflow: hidden; min-height:420px; width: calc((100% - 80px) / 3); text-align:center; border:1px solid #ddd; border-radius:20px;}
.tour_list > li .img_tbox {overflow:hidden; display:block; width:100%; background-color:#ebebeb;}
.tour_list > li .img_tbox img {width:100%; height:100%;}

.wk_tbox {padding:20px 10px;}
.wk_tbox .wk_tit {font-weight:500; font-size:2.4rem; font-family:'esamanru'; margin-bottom:6px;}
.wk_tbox .wk_txt {overflow:hidden; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; padding:0 20px; height:52px; font-size:1.6rem; line-height:24px; text-overflow:ellipsis; white-space:normal; word-wrap: break-word;}

/*고대비*/
.gray .wk_tbox .wk_tit {color:#fff;}
.gray .wk_tbox .wk_txt {color:#fff;}

/*media query*/


@media screen and (max-width:1024px) {
  	.tour_list li {width: calc((100% - 40px) / 2); min-height:auto; height:auto;}
  	.wk_tbox .wk_tinner .wktit {font-size:1.8rem}
}

@media screen and (max-width:767px) {
	
}

@media screen and (max-width:640px) {
	.tour_list {gap:20px;}
    .tour_list li {width:100%;}
  	.wk_tbox .wk_tinner .wktit {font-size:1.7rem}
    .wk_tbox .wk_tinner .wktxt {height:auto;}
}

@media screen and (max-width:480px) {
}


/*둘레길상세보기*/
.theme_box {width:100%; height:auto;} 
.tcopy01 {font-family:'esamanru'; font-weight:500; font-size:4.2rem; color:#004990; margin-bottom:10px; text-align:center; }
.tcopy02 {font-family:'Paperlogy'; font-size:2.2rem; font-weight:400; text-align:center;}

.galArea {display:flex; gap:.5rem; margin-top:30px;}
.BigImg {flex:2.0202; border-radius: 1.5rem;}
.BigImg img {border-radius: 1.5rem;}
.SmImg {flex:1; max-height:66rem;}
.Imgcol{display:flex; flex-direction: column; gap:.5rem;}
.SmImg img {border-radius: 1.5rem; width:100%; height:100%; object-fit: cover;}


.ttxt {font-family:'Paperlogy'; font-size:1.7rem; font-weight: 400;}
.color01 {color:#0054a6;}
.color02 {color:#168048;}
.color03 {color:#fb6646;}

/*고대비*/
.gray .tcopy01 {color:#60e8fc;}
.gray .color01 {color: #56caeb !important;}
.gray .color02 {color:#56c08f !important;}
.gray .color03 {color: #fff992 !important;}

.road_map {display:inline-block; width:100%; height:550px; max-width:1000px; overflow-y:scroll;}
.road_map img {width:100%;}

.tcourse {display: flex; gap:3rem; flex-wrap: wrap; margin:40px 0;}
.tcourse li {width: calc((100% - 6rem) / 3); min-height: 150px; padding:20px; border:1px solid #c7c7c7; border-radius:20px; overflow: hidden;}

.tcourse_inner {margin:10px 0; padding: 0; display:table; width:100%; border-radius:10px; background-color:#f4f4f9; padding: 20px 10px;}
.tcourse_inner .mtitle, .desc {display:table-cell; vertical-align:middle; margin:0;box-sizing:border-box;}
.tcourse_inner .mtitle  {position:relative; width:100px; padding:8px 0; border-radius:50px; font-family:'Paperlogy'; font-size:1.6rem; font-weight:500; color:#fff; text-align:center;}
.tcourse_inner .desc {width: calc(100% - 100px); font-weight:400; color:#252831; letter-spacing:-0.05em; padding-left: 10px;}

.map_wrap {display:inline-block; width:100%; height:400px; max-width:1000px;}

.mbgcolor1 {background-color:#bc202e;}
.mbgcolor2 {background-color:#0d7041;}
.mbgcolor3 {background-color:#1145d6;}
.mbgcolor4 {background-color:#e18022;}
.mbgcolor5 {background-color:#4fb742;}
.mbgcolor6 {background-color:#1a8d8c;}
.mbgcolor7 {background-color:#704490;}
.mbgcolor8 {background-color:#da464c;}
.mbgcolor9 {background-color:#0072bc;}
.mbgcolor10 {background-color:#c5428d;}
.mbgcolor11 {background-color:#e81659;}
.mbgcolor12 {background-color:#a65b0a;}
.mbgcolor13 {background-color:#366db4;}
.mbgcolor14 {background-color:#c7a400;}
.mbgcolor15 {background-color:#b24783;}

.micon {position:relative; float:left; font-size:1.5rem; margin-right:10px; letter-spacing: -1px; line-height:32px;}
.micon:before {content:""; display:inline-block; position:absolute; top:calc(50% - 15px); left:0; background-repeat:no-repeat; background-image:url('../images/theme/roadicon.png');}
.micon.type1:before {width:26px; height:30px; background-position:-10px 0;} /* 거리 */
.micon.type2:before {width:22px; height:30px; background-position:-53px 0;} /* 소요시간 */
.micon.type1 span {padding-left:30px; font-weight:500;}
.micon.type2 span {padding-left:26px; font-weight:500;}

.course {display:inline-block; width:100%; height:100px; padding:20px 0 10px; overflow:hidden; text-align:left; font-size:1.6rem;}

/*고대비*/
.gray .tcopy02 {color:#fff;}
.gray .ttxt {color:#fff;}
.gray .course {color:#fff;}

/*media query*/
@media screen and (max-width:1280px) {
	.tcourse li {width: calc((100% - 6rem) / 2);}
}

@media screen and (max-width:1024px) {
	.galArea {flex-direction: column;}
	.BigImg {flex:auto; width:100%;}
	.SmImg {max-width:100%;}
	.Imgcol {flex-direction:row; gap:.5rem;}
	.Imgcol .slide {width:50%;}
	
	.tcourse {width:100%;}
	.tcourse li, .tcourse li.one {float:none; width:100%;}
	
	.ttxt {font-size:1.7rem;}
}

@media screen and (max-width:768px) {
	.tcopy01 {font-size:2.1rem;}
	.tcopy02 {font-size:1.6rem;}
	.road_map {height:auto;}
	
	.ttxt {font-size:1.5rem;}
}

@media screen and (max-width:480px) {	
	.mtitle, .desc {display:block !important; width:100% !important;}
	.desc {padding-top:10px;}	
	.micon {font-size:1.5rem; margin-right:10px; letter-spacing: -1px; line-height:28px;} 
}



/*02추천여행 > 01테마여행 > 03산업지투어*/
.idty_tbox {padding:20px 10px;}
.idty_tbox .idty_tit {font-weight:500; font-size:2.4rem; font-family:'esamanru'; margin-bottom:6px;}
.idty_tbox .idty_txt {overflow:hidden; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; padding:0 20px; height:52px; font-size:1.6rem; line-height:24px; text-overflow:ellipsis; white-space:normal; word-wrap: break-word;}

/*고대비*/
.gray .idty_tbox .idty_tit {color:#fff;}
.gray .idty_tbox .idty_txt {color:#fff;}

/*media query*/
@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px) {
}


@media screen and (max-width:480px) {

}

/*02추천여행 > 01테마여행 > 03산업지투어 상세보기*/
.introWrap { padding:4rem; border:1px solid #ddd; border-radius:0 1.5rem; margin-bottom:3rem;}
.introList {padding:35px 0; border-bottom:1px dashed #ddd; display:flex; gap:8rem;}
.introList:last-child {border-bottom:none;}
.introList .tit {font-size:2.0rem; letter-spacing: -.5px; line-height: 1.45; padding-left:35px; width:15%; font-family: 'esamanru'; font-weight:500; box-sizing: border-box;}
.introList .desc {font-size:1.7rem; font-weight:400; letter-spacing: -.5px; flex: 1; line-height: 1.6;}

/*고대비*/
.gray .introList .tit {color:#fff;}
.gray .introList .desc {color:#fff;}

/* media query */
@media screen and (max-width:1520px){
}

@media screen and (max-width:920px){	
	.introList {padding:25px 0; flex-direction: column; gap:.5rem;}
	.introList .tit {width:100%; padding-left:0;}
}

@media screen and (max-width:767px){	
	.introList .tit {font-size:1.8rem;}
	.introList .desc {font-size:1.5rem;}
}

/********************************
 오시는길
 *******************************/
.addrInfoMap {display:block; position:relative;}
.addrInfoMap > .map {display:block; position:relative; height:30em; border:1px solid #ddd; border-radius:15px 15px 0 0; overflow: hidden;}
.addrInfoMap > .map .root_daum_roughmap_landing,
.addrInfoMap > .map .root_daum_roughmap .wrap_map {width:100% !important; height:100% !important;}
.addrInfoMap > .map .map_border {display:none !important;}

.addrInfoMap > .info {display:flex; align-items:center; position:relative; padding:38px 30px 25px 30px; background-color:#fff; box-sizing:border-box; border:1px solid #ddd; border-top:0; border-radius:0 0 15px 15px;}
.addrInfoMap > .info .tit {position:relative; font-size:1.8rem; font-weight:700; margin-right:30px;}
.addrInfoMap > .info .map_info_list {display:flex; flex-wrap:wrap; gap:10px 0; padding-left:30px; border-left: 1px solid #E6E6E6;}
.addrInfoMap > .info .map_info_list .map_info_item{position:relative;width:auto;padding-left:44px;vertical-align:top;box-sizing:border-box;}
.addrInfoMap > .info .map_info_list .map_info_item + .map_info_item{margin-left:25px;}

.addrInfoMap > .info .map_info_list  .map_info_item .icon {display:block; position:absolute; top:0; left:0; font-size:0; color:transparent; line-height:0; box-sizing:border-box;}
.addrInfoMap > .info .map_info_list  .map_info_item .icon:before {display:block; content:''; position:absolute; width:30px; height:30px; background:#626dbd url(../images/sub/link_icons_w.png) left top no-repeat; box-sizing:border-box; border-radius:50%;}
.addrInfoMap > .info .map_info_list  .map_info_item .icon.type01:before {background-position-x:-90px;}/*위치*/
.addrInfoMap > .info .map_info_list  .map_info_item .icon.type02:before {background-position-x:0px;}/*전화*/
.addrInfoMap > .info .map_info_list  .map_info_item .text {display:inline-block; font-size:1.5rem; color:#444; line-height:33px; letter-spacing:-0.02em; font-weight:400; font-family:'SCD'; vertical-align:top;box-sizing:border-box;}


.addrInfoMap > .info .map_button {position:absolute; right:25px; top: calc(50% - 25px);}
.addrInfoMap > .info .map_button a {display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap: 0 10px; width:140px; height:46px; border-radius:5px; background:#f96639; color:#fff;font-size:15px;line-height:1.2;letter-spacing:-0.03em;transition: 0.3s;}
.addrInfoMap > .info .map_button .icon {display:block; width:32px;height:24px;background-image:url("../images/sub/map_icon.png");}

/*고대비*/
.gray .addrInfoMap > .info {background-color:#121212;}
.gray .addrInfoMap > .info .tit {color:#fff;}
.gray .addrInfoMap > .info .map_info_list  .map_info_item .text {color:#f6f6f6;}

@media screen and (max-width:980px) {
	.addrInfoMap > .info {flex-direction:column; align-items:initial; text-align:left;}
	.addrInfoMap > .info .map_info_list {padding-left:0px; border-left:0;}
	.addrInfoMap > .info .tit {margin-right:0px; margin-bottom:10px;}
}

@media screen and (max-width:768px) {	
	.addrInfoMap > .info .tit {font-size:1.6rem; margin-bottom:8px;}
	.addrInfoMap > .info .map_info_list {flex-direction: column;}
	.addrInfoMap > .info .map_info_list .map_info_item + .map_info_item {margin-left:0;}
}

@media screen and (max-width:580px) {	
	.addrInfoMap > .info .map_button {position:relative; right: auto; top: auto; margin-top: 20px;}
	.addrInfoMap > .info .map_button a {flex-direction:row; padding:15px 10px; width:100%; height:auto;}
}

@media screen and (max-width:420px) {
	.addrInfoMap > .info .tit {font-size:1.5rem;}
	.addrInfoMap > .info .map_info_list .map_info_item {margin-left:0; display:flex; height:auto; min-height:31px; align-items:center;}
	.addrInfoMap > .info .map_info_list  .map_info_item .text {font-size:1.4rem; line-height:20px; vertical-align: bottom;}
}


/*02추천여행 > 01테마여행 > 04특화거리*/
.street_list {display: flex; flex-wrap:wrap; gap:50px 40px;}
.street_list > li {overflow: hidden; width: calc((100% - 80px) / 3); text-align:center; border:1px solid #ddd; border-radius:20px;}
.street_list > li .st_tbox {padding-top:30px;}
.street_list > li .img_tbox {overflow:hidden; display:block; width:100%; background-color:#ebebeb;}
.street_list > li .img_tbox img {width:100%; height:100%;}

.st_tinner {padding:20px 10px;}

/*고대비*/
.gray .Special_street .tit_copy02 {color:#56c08f;}

/*media query*/

@media screen and (max-width:1024px) {
  	.street_list li {width: calc((100% - 40px) / 2); min-height:auto; height:auto;}  	
}

@media screen and (max-width:640px) {
	.street_list {gap:20px;}
    .street_list li {width:100%;}
}

/*02추천여행 > 01테마여행 > 04특화거리_상세보기*/
.Special_street {width:100%; height:auto;} 
.Special_street .box_copy {width:calc(100% - 40%); margin:40px auto 0px; padding:10px 15px;font-family:'Paperlogy'; font-weight:400; font-size:3.2rem; color:#fff; text-align:center; background-color:#00889b; border-radius: 40px;}
.Special_street .box_copy.TypeB {width:calc(100% - 10%);}
.Special_street .tit_copy01 {margin-top:30px; font-family:'esamanru'; font-size:5.0rem; color:#000; font-weight:500; text-align:center; line-height:1.5;}
.Special_street .tit_copy01 span {display:block; font-size:7.0rem;}
.Special_street .tit_copy01 span em {font-weight:300; padding:0 10px;}

.Special_street .tit_copy02 {margin-top:30px; font-family:'Paperlogy'; font-size:4.0rem; color:#00889b; font-weight:600; text-align:center; line-height:1.5;}

.txt_box {margin-top:30px;}
.txt_box p {font-size:1.8rem; margin-bottom:16px;}

/*고대비*/
.gray .Special_street .tit_copy01 {color:#fff;}
.gray .txt_box p {color:#fff;}

/*단독 이미지*/
.img_oneType {position:relative; margin-top:30px;}
.img_oneType img {max-width:100%; display:block; margin:0 auto;}
.img_oneType a {display:none;position:absolute; bottom:10px; right:10px; margin:0; padding: 10px 15px 10px 30px; color:#fff; text-align:center; background-color:#111; border-radius:8px; font-size:1.6rem;}
.img_oneType a:before {content:'';display:block;position: absolute; top:14px; left:10px; width:14px; height:14px; background-image:url(../images/sub/search2.svg); background-repeat:no-repeat; background-position:center center; background-size:13px 13px;}
.img_oneType a span {position:relative; display:inline-block; font-family: 'OneMobile';}

/* media query */

@media screen and (max-width:1024px) {
	.Special_street .box_copy {font-size:2.6rem; border-radius: 40px;}
	.Special_street .tit_copy01 {font-size:4.0rem; line-height:1.4;}
	.Special_street .tit_copy01 span {display:block; font-size:5.5rem; }
	.Special_street .tit_copy02 {font-size:3.8rem;}	
}	

@media screen and (max-width:986px) {
	.Special_street .box_copy {font-size:2.2rem;}
	.Special_street .tit_copy01 {font-size:3.6rem; line-height:1.4;}
	.Special_street .tit_copy01 span {display:block; font-size:4.8rem; }
	.Special_street .tit_copy02 {font-size:3.6rem;}
}
	
@media screen and (max-width:768px) {	
	.img_oneType a {display:block;font-size:1.3rem;}	
}

@media screen and (max-width:680px) {
	.Special_street .box_copy {width:100%; font-size:2.2rem;}
	.Special_street .box_copy.TypeB {width:100%;}
	.Special_street .tit_copy01 {font-size:3.0rem; line-height:1.4;}
	.Special_street .tit_copy01 span {display:block; font-size:4.2rem; }
	.Special_street .tit_copy02 {margin-top:20px; font-size:3.0rem;}
	
	.txt_box p {font-size:1.6rem; margin-bottom:16px;}
}

@media screen and (max-width:480px) {
	.Special_street .box_copy {font-size:1.6rem;}
	.Special_street .tit_copy01 {font-size:2.2rem; line-height:1.4; letter-spacing: -1px;}
	.Special_street .tit_copy01 span {display:block; font-size:3.4rem; }
	.Special_street .tit_copy02 {margin-top:10px; font-size:2.2rem;}
	
	.txt_box p {font-size:1.5rem; margin-bottom:16px;}
}

/********************************
울산12경
*******************************/

/*02추천여행 > 02울산12경*/
.view12_box {position:relative;}
.view12_headbox {padding:20px 0; text-align:center;}
.view12_headbox p {font-family:'GSK'; font-size:1.6rem;}
.view12_headbox p.view12_maintit {font-size:4.0rem; color:#00528b; font-family:'esamanru'; font-weight:500;}

.view12_bdinner ul {display:flex; flex-wrap: wrap; gap:40px;}
.view12_bdinner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.view12_bdinner li {overflow:hidden; width: calc(33.3333% - 27px); border-radius:20px;}

.view12_bdinner li:after {content:''; display:block; visibility:hidden; clear:both;}
.v12_imgbox {position:relative;}
.v12_imgbox img {border-radius:20px;}
.v12_imgbox a {display: block; height: 100%; color:#fff;}
.v12_imgbox .v12_hvbox {position:absolute; left:0; top:-264px; width:100%; height:100%; background-color:rgba(0,0,0,0.7); text-align:center;color:#f0f0f0; border-radius:20px; }
.view12_bdinner li a:hover .v12_hvbox,
.view12_bdinner li a:active .v12_hvbox,
.view12_bdinner li a:focus .v12_hvbox {top:0; transition:top 0.2s linear;}
.v12_imgbox .v12_hvbox .icon_more {display:block; position:relative; margin:0 auto; padding-top:calc(50% - 92px); width:42px; height:42px;}
.v12_imgbox .v12_hvbox .icon_more:before {content:''; position:absolute; left:50%; margin-left:-21px; top:calc(50% - 20px); width:42px; height:42px;background:url(../images/sub_ir.png) -256px 0 no-repeat;}
.v12_imgbox .v12_hvbox p {overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical; padding:10px 20px 0;text-overflow:ellipsis;white-space:normal;}

.v12_tbox {padding:20px; text-align:center;}
.v12_tbox .v12_num {display:block; margin:0 auto 10px; padding:10px 5px 5px; width:30%; background-color:#00518a; border-radius:30px; font-family:'GSK'; font-size:1.6rem; color:#fff;}
.v12_tbox .v12_txt {margin-bottom:5px; font-size:1.6rem;}
.v12_tbox .v12_tit {font-weight:500; font-family:'GSK'; font-size:2.1rem;}

/*고대비*/
.gray .view12_headbox p.view12_maintit {color:#60e8fc;}
.gray .view12_headbox .view12_subtit {color:#fff;}
.gray .v12_tbox .v12_txt,
.gray .v12_tbox .v12_tit {color:#fff;}
 
 /*media query*/
@media screen and (max-width:1200px){
	.v12_imgbox .v12_hvbox p {-webkit-line-clamp: 2;}
}

@media screen and (max-width:1024px){
	.view12_headbox p.view12_maintit {font-size:3.5rem;}
	.v12_imgbox .v12_hvbox .icon_more {padding-top:30px;}
	.v12_imgbox .v12_hvbox .icon_more:before {top:25px;}
}

@media screen and (max-width:960px){
	.v12_imgbox .v12_hvbox p {font-size:1.4rem;}
	.v12_tbox .v12_tit {min-height:66px;}
}

@media screen and (max-width:920px) {
.view12_headbox p.view12_maintit {font-size:3.0rem;}

.view12_bodybox {top:174px;}

.view12_bdinner li {width: calc(50% - 20px);}

.v12_imgbox .v12_hvbox .icon_more {padding-top:40px;}
.v12_imgbox .v12_hvbox .icon_more:before {top:40px;}
.v12_imgbox .v12_hvbox p {-webkit-line-clamp: 4;}
.v12_tbox .v12_num {width:35%;}
.v12_tbox .v12_tit {font-size:2.2rem; min-height:58px; line-height:1.3;}
}

@media screen and (max-width:768px) {
.view12_headbox p.view12_maintit {font-size:2.4rem;}
.view12_box {height:auto;}
.view12_bodybox {position:relative; top:0; left:0; margin-left:0; width:100%;}
 
.v12_imgbox .v12_hvbox .icon_more {padding-top:30px;}
.v12_imgbox .v12_hvbox .icon_more:before {top:25px;}
.v12_imgbox .v12_hvbox p {-webkit-line-clamp: 3;}
}

@media screen and (max-width:640px) {
.v12_imgbox img {width:100%;}
.view12_bdinner li {width:100%;}
.v12_imgbox .v12_hvbox {top:-330px;}
.v12_tbox .v12_tit {min-height:auto;}
.v12_imgbox .v12_hvbox a {top:-335px; padding:20px; box-sizing:border-box;}
.v12_imgbox .v12_hvbox .icon_more {width:62px; height:62px; padding-top:50px; background-position:-193px 0;}
.v12_imgbox .v12_hvbox .icon_more:before {margin-left:-31px; width:62px; height:62px; background-position:-193px 0;}
.v12_imgbox .v12_hvbox p {-webkit-line-clamp: 4;}
}

@media screen and (max-width:480px) {
.v12_imgbox .v12_hvbox a {padding:10px;}
.v12_imgbox .v12_hvbox .icon_more {width:42px; height:42px; padding-top:30px;}
.v12_imgbox .v12_hvbox .icon_more:before {margin-left:-21px; background-position:-256px 0; width:42px; height:42px;}
}

@media screen and (max-width:380px) {
.v12_imgbox .v12_hvbox .icon_more {padding-top:20px;}
.v12_imgbox .v12_hvbox .icon_more:before {top:12px;}
.v12_imgbox .v12_hvbox p {-webkit-line-clamp: 3;}
}
@media screen and (max-width:360px) {
.v12_imgbox .v12_hvbox p {-webkit-line-clamp: 2;}
}


/********************************
영남알프스
*******************************/

/*02추천여행 > 03영남알프스 > 01소개*/
.alps_introBox {position: relative; padding:94px 70px 100px;}
.alps_introBox:before {display:block; position:absolute; top:0; left:0; width:100%; height:calc(100% - 284px); border-radius:30px 240px 30px 192px; background:linear-gradient(145deg, #eff1fa 0%, #f7eefe 100% ); z-index:0; content:'';}
.alps_introBox .text_box{position:relative; margin-bottom:20px; padding-left:40px;}
.alps_introBox .text_box .title {display:inline-block; margin-bottom:50px; padding-top:6px; font-size:5.0rem; line-height:60px; letter-spacing:0; font-weight:500; color:#4c2479; font-family:'SBAggro';}
.alps_introBox .text_box .title em {display:block; font-size:3.0rem; font-weight:300; color:#26293d;}
.alps_introBox .text_box .sub_text_box .sub_title {margin-bottom:15px;;padding-top:4px;font-size:2.2rem; line-height:24px; letter-spacing:0; font-weight:500; color:#26293d; font-family:'SBAggro';}
.alps_introBox .text_box .sub_text_box .sub_desc {word-break:keep-all; color:#26293d;}

.alps_introBox .top_img_wrap {position:relative;padding-top:90px;z-index:1;}
.alps_introBox .top_img_wrap:before {display:block; position:absolute; top:-20px; right:0; width:420px; height:228px; background:no-repeat url(../images/sub02/alps_icon.png);content:'';}
.alps_introBox .top_img_wrap img {border-radius:282px 28px;}

/*고대비*/
.gray .alps_introBox:before {background:#000; border:1px solid #fff;}
.gray .alps_introBox .text_box .title em {color:#fff;}
.gray .alps_introBox .text_box .sub_text_box .sub_title {color:#fff;}

@media screen and (max-width:980px) {
	.alps_introBox {padding:54px 40px 100px;}
	.alps_introBox:before {border-radius:30px;}
	.alps_introBox .text_box{padding-left:10px;}
	.alps_introBox .text_box .title {font-size:4.5rem; line-height:50px; margin-bottom: 20px;}
	.alps_introBox .text_box .title em {font-size:2.4rem;}
	.alps_introBox .text_box .sub_text_box .sub_title {font-size:1.9rem; line-height:24px;}
}

@media screen and (max-width:540px) {
	.alps_introBox {padding:54px 20px 100px;}	
	.alps_introBox .text_box{padding-left:0px;}
	.alps_introBox .text_box .title {font-size:4.0rem;}
	.alps_introBox .text_box .title em {font-size:2.1rem; line-height:28px;}
	.alps_introBox .text_box .sub_text_box .sub_title {font-size:1.7rem; line-height:24px;}
}

@media screen and (max-width:480px) {
	.alps_introBox .top_img_wrap:before {display:block;position:absolute;top: 0;right: -110px;width:420px;height: 114px;background:no-repeat url(../images/sub02/alps_icon.png);content:'';background-size: auto 114px;}
	.alps_introBox .top_img_wrap img {border-radius: 82px 28px;}
}	

/*02추천여행 > 03영남알프스 > 02 9봉우리*/
.mountain_list {}
.mountain_list ul {display:flex; flex-wrap: wrap; gap:20px 40px;}
.mountain_list ul li {width:calc(33.3333% - 27px); padding:10px 0 20px; text-align:center;}
.mountain_list ul li a{display:block;}
.mountain_list ul li:hover .mtn_tit{text-decoration:underline; color:#0152a6; text-decoration:underline;text-underline-position:under;}
.mountain_list .mtn_box .mtn_tit {font-weight:500; font-family:'GSK';font-size:2.2rem;}
.mountain_list .mtn_box .mtn_img {margin-bottom:10px;}
.mountain_list .mtn_box .mtn_img img {width:100%; border-radius:20px; }

/*고대비*/
.gray .mountain_list .mtn_box .mtn_tit {color:#fff;}


/*media query*/
@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
	.mountain_list ul li {width:calc(50% - 20px);}	
}

@media screen and (max-width:768px) {
	
}

@media screen and (max-width:640px) {
	.mountain_list ul {gap:0;}
	.mountain_list ul li {width:100%;}
}

@media screen and (max-width:480px) {
}

/*02추천여행 > 03영남알프스 > 03영남알프스 완등*/
.alps_qrArea {display: flex;flex-direction: row;gap: 1.2rem;}
.alps_qrArea .img {max-width:39rem;}
.alps_qrArea .img img {width:100%; display:block;}

@media screen and (max-width:480px) {
	.alps_qrArea {flex-direction:column;}
}

/*02추천여행 > 03영남알프스 > 04BI*/
.symbol_box {position:relative;display:flex;align-items:center;margin-top:20px;padding:20px 0;text-align:center;border:1px solid #d7d7d7;border-radius: 30px; background:#fff url(../images/sub02/grid_bg.png) center center repeat;}
.symbol_box:before {content:''; position:absolute; left:50%; top:calc(50% - 35%); height:70%; width:1px; background-color:#d7d7d7} 
.symbol_img {padding:80px 50px; width:100%;}

.symbol_mix {position:relative;display:flex;align-items:center;margin-top:20px;padding:20px 0;text-align:center;border:1px solid #d7d7d7;border-radius: 30px;background:#fff url(../images/sub02/grid_bg.png) center center repeat;}
.symbol_mix:before {content:''; position:absolute; left:50%; top:calc(50% - 35%); height:70%; width:1px; background-color:#d7d7d7}
.mix_img {padding:80px 50px; width:100%;}

.character_box {position:relative;display:flex;align-items:center;margin-top:20px;padding:20px 0;text-align:center;border:1px solid #d7d7d7;border-radius: 30px;background:#fff url(../images/sub02/grid_bg.png) center center repeat;}
.character_img {padding:40px; width:100%;}

.ci_color {display:flex; flex-wrap:wrap; gap:20px;}
.ciItem {width:260px;}
.ciItem .colorBox {margin:0 0 20px; border-radius:10px; height:90px;}
.ciItem .colorBox.YN_blue {background-color:#4f91cd;}
.ciItem .colorBox.YN_green {background-color:#50b948;}
.ciItem .colorBox.YN_orange {background-color:#f8981d;}
.ciItem .colorBox.YN_brown {background-color:#cbb778;}
.ciItem .tit {font-size:1.8rem; font-weight:500; color:#222; margin-bottom:4px;}

/*고대비*/
.gray .ciItem .tit {color:#fff;}
.gray .ciItem ul li {color:#fff;}

/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {

}

@media screen and (max-width:768px) {
	.ciItem {width: calc(50% - 10px);}
}

@media screen and (max-width:640px){
	.symbol_box {flex-direction:column; padding:0;}
	.symbol_box:before {left:calc(50% - 35%); top:calc(50% - -6px); width:70%; height:1px;}
	.symbol_img {padding:50px;}
	
	.symbol_mix {flex-direction:column; gap:10px;}
	.symbol_mix:before {left:calc(50% - 35%); top: calc(50% - -60px); width:70%; height:1px;}
	.mix_img {padding:50px;}
	
	.ciItem .tit {font-size:1.6rem; font-weight:500; color:#222;}
}

@media screen and (max-width:480px) {
	.symbol_mix:before {top:calc(50% - -10%);}
	.mix_img {width:70%; padding:10px 50px 30px;}
	.mix_img + .mix_img {width:100%;}	
}

@media screen and (max-width:400px) {
	.ciItem .colorBox {margin:0 0 10px; height:50px;}
	.ciItem {width:100%;}
}


/********************************
추천여행코스
*******************************/
/*02추천여행 > 03추천여행코스 */
.plan_box {}
.plan_list {display: flex; flex-wrap: wrap; gap:30px 40px;}
.plan_list:after {content:''; display:block; visibility:hidden; clear:both;}
.plan_list .cs_area {width: calc((100% - 80px) / 3); text-align:center; border: 1px solid #ddd; border-radius:20px;}
.plan_list .cs_area a {overflow:hidden; display:block; position:relative;}
.plan_list .cs_area a img {border-radius:20px 20px 0 0;}
.plan_list .cs_area .plan_tbox {position:relative; padding:25px 10px;}
.plan_list .cs_area .plan_tbox .plan_tit {font-family:'esamanru'; font-weight:500; font-size:2.4rem;}
.plan_list .cs_area .plan_tbox .plan_txt {font-family:'Paperlogy'; font-size:1.7rem; font-weight: 400;}

/*고대비*/
.gray .plan_list .cs_area .plan_tbox .plan_tit {color:#fff;}
.gray .plan_list .cs_area .plan_tbox .plan_txt {color:#fff;}

/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
.plan_list .cs_area .plan_tbox .plan_tit {font-size:2.2rem;}
}

@media screen and (max-width:767px) {
  .plan_list .cs_area {width:50%;}
}

@media screen and (max-width:640px) {
.plan_list {margin-left:0;}
.plan_list .cs_area {display:block; float:none; padding:5px 0; width:100%;}
.plan_list .cs_area.half {padding-top:0;}
.plan_list .cs_area .plan_tbox .plan_tit {font-size:2.0rem;}
.plan_list .cs_area .plan_tbox .plan_time.line_blank {height:auto;}
}

@media screen and (max-width:480px) {
}


/*02추천여행 > 03추천여행코스 > 코스상세보기 */
.all_csbox {position:relative;}
.all_csbox:before {content:'';position:absolute;left: 29px;top:0;width: 2px;height:100%;background-color:#e87a0b;}
.course_box {position:relative;}
.course_box:after {content:''; display:block; visibility:hidden; clear:both;}
.course_box .cs_stepbox {position:relative; margin-top:15px;}
.course_box .cs_stepbox > span {position:absolute;top:-25px;left:0;width: 60px;height: 60px;border-radius:50%;background-color:#fff;text-align:center;border: 7px solid #e87a0b;line-height: 50px;font-weight:500;}
.course_box .cs_stepbox > span:before {display:inline-block;position:absolute;content:" ";left:50%;bottom: -38px;width:0;height:0;margin-left: -19px;border:solid transparent;border-width: 19px;border-color:rgba(0, 154, 255, 0);border-top-color:#e87a0b;}

.cs_stinner {display:flex; flex-wrap:wrap; margin:50px 0 0 80px; padding:40px 20px; gap:40px; border-top:2px solid #7f7f7f;}
.cs_stinner .img_area {flex:1; border-radius:30px;}
.cs_stinner .img_area img {width:100%; height:auto; border-radius:30px;}
.cs_stinner .txt_area {flex:1.6587;}

.txt_area .cst_tit {font-size:2.4rem; font-weight:400; color:#121212; font-family:'esamanru';}
.txt_area .cst_txt {font-size:1.6rem;font-weight:400; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height: 76px; line-height:150%; text-overflow:ellipsis; white-space:normal; word-wrap: break-word;}

/*고대비*/
.gray .txt_area .cst_tit {color:#fff;}
.gray .txt_area .cst_txt {color:#fff;}

/*media query*/
@media screen and (max-width:1024px){
	
}

@media screen and (max-width:980px) {
	.cs_stinner{flex-direction:column; flex-wrap: nowrap;}
	
}

@media screen and (max-width:768px) {
.cs_stinner .cst_tbox {display:block; float:none; width:100%;}
.cs_stinner .cst_tbox.dttxt_area {padding-left:0; padding-top:20px;}
.dttxt_area .cst_txt {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 3;}

.txt_area .cst_tit {font-size:2.2rem; font-weight:400; color:#121212; font-family:'esamanru';}
.txt_area .cst_txt {font-size:1.5rem; -webkit-line-clamp:2; height:52px; line-height:24px;}
}

@media screen and (max-width:640px) {
.all_csbox:before {left:17px;}
.cs_stinner {gap:20px; margin:30px 0 0 50px;}
.txt_area .cst_tit {font-size:1.8rem;}
}

@media screen and (max-width:480px) {
.all_csbox:before {display:none;}
.cs_stinner {margin: 30px 0 0; padding: 25px 0;}

.txt_area .cst_txt {font-size:1.4rem;}

}


/* 02추천여행 > 05월별추천 */
/*월선택*/
.month_tbox {}
.month_tbox:after {content:''; display:block; visibility:hidden; clear:both;}
.month_tbox .month_tinner {}
.month_tbox .month_tinner ul {display:block;}
.month_tbox .month_tinner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.month_tbox .month_tinner li {display:inline-block; float:left; width:7.7760%; margin:-1px 0 0 -1px; box-sizing:border-box;}
.month_tbox .month_tinner li a {display:block; width:100%; padding:13px 5px; background-color:#fff; text-align:center; border:1px solid #ddd; box-sizing:border-box;}
.month_tbox .month_tinner li.on a,
.month_tbox .month_tinner li a:hover,
.month_tbox .month_tinner li a:focus,
.month_tbox .month_tinner li a:active {background-color:#00762D; color:#fff; border:1px solid #00762D;}
.month_tbox .month_tinner li a span {position:relative;}
.month_tbox .month_tinner li a span:before {content:''; position:absolute; left: -10px; top:50%; margin-top:-1px; width:4px; height:4px; background-color:#fff; border-radius:50%;}
.month_tbox .month_tinner li a span:after {content:''; position:absolute; right: -10px; top:50%; margin-top:-1px; width:4px; height:4px; background-color:#fff; border-radius:50%;}

/*월별지역별검색옵션*/
.monthtown_box {display:block; margin-bottom:30px; padding:20px; border:1px dotted #aaa; border-radius:10px;}
.monthtown_box:after {content:''; display:block; visibility:hidden; clear:both;}
.monthtown_box dd {}
.monthtown_box dd:after {content:''; display:block; visibility:hidden; clear:both;}
.monthtown_box dd .mt_tit {display:inline-block; float:left ; margin:5px 0; padding:0; width:10%; line-height:38px; text-align:center; background-color:#00762D; border-radius:20px; color:#fff;}
.monthtown_box dd ul {display:inline-block; width:90%; padding-left:5%;}
.monthtown_box dd ul:after {content:''; display:block; visibility:hidden; clear:both;}
.monthtown_box li {display:inline-block; float:left; margin:5px; text-align:center;}
.monthtown_box li:after {content:''; display:block; visibility:hidden; clear:both;}
.monthtown_box li a {display:block; padding:0 18px; border-radius:5px; line-height:38px;}
.monthtown_box li.on a,
.monthtown_box li a:hover,
.monthtown_box li a:focus,
.monthtown_box li a:active {background-color:#606060; color:#fff;}

.monthtown_box .month_box {margin-bottom:10px; border-bottom:1px dotted #ddd;}


/*월별추천 목록*/
.month_listbox {border-top:2px solid #7f7f7f;}
.month_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.month_listbox .ml_inner {display:flex; gap:40px; padding:30px 0; border-bottom:1px solid #ddd;}

.ml_img {position:relative; flex:1; background-color:#efefef; border-radius:30px;}
.ml_img img {width:100%; height:100%; border-radius:30px;}
.ml_img .txt_month {position:absolute; right:10px; top:10px;}
.ml_img .txt_month span {display:table-cell; width:60px; height:60px; background-color:#EA0053; color:#fff; border-radius:50%; text-align:center; vertical-align:middle;}

.ml_tbox {flex: 1.6587;}
.ml_tbox .ml_dtex {margin-bottom:25px;}
.ml_tbox .dtex_tit {font-size:3.0rem; font-weight:400; color:#121212; font-family:'esamanru'; line-height:1.5;}
.ml_tbox .dtex_txt {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; margin-top:10px; height:54px; font-size:1.6rem; text-overflow:ellipsis; white-space:normal;}

.ml_tbox .ml_dtlist {position:relative; padding:30px 0;}
.ml_tbox .ml_dtlist:before {content:''; position:absolute; left:0; top:0; width:30px; height:2px; background-color:#555;}
.ml_tbox .ml_dtlist li {display:block; padding:3px 0;}
.ml_tbox .ml_dtlist li:after {content:''; display:block; visibility:hidden; clear:both;}
.ml_tbox .ml_dtlist li dl {}
.ml_tbox .ml_dtlist li dt {display:inline-block; float:left; width:10%; font-weight:600; color:#333; font-size:1.6rem;}
.ml_tbox .ml_dtlist li dd {display:inline-block; float:left; width:90%; padding-left:10px; font-size:1.6rem;}

.ml_dtbtn {display:block; float:right; text-align:center;}
.ml_dtbtn a {display:block; padding:10px 20px; background-color:#00762D; color:#fff; font-size:1.6rem; border:1px solid #00762D; border-radius:10px;}
.ml_dtbtn:hover a,
.ml_dtbtn:focus a,
.ml_dtbtn:active a {background-color:#fff; color:#00762D;}

/*고대비*/
.gray .ml_tbox .dtex_tit {color:#fff;}
.gray .ml_tbox .dtex_txt {color:#fff;}

.gray .ml_tbox .ml_dtlist:before {background-color:#fff;}
.gray .ml_tbox .ml_dtlist li dt {color:#fff;}
.gray .ml_tbox .ml_dtlist li dd {color:#fff;}

.gray .monthtown_box li a {color:#fff;}


/* media query */
@media screen and (max-width:1080px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
.monthtown_box dd .mt_tit {display:block; float:none; width:100%;}
.monthtown_box dd ul {display:block; width:100%; padding-left:0;}
.monthtown_box li {width:20%; margin:5px 0;}
.monthtown_box li a {padding:0 5px;}
.monthtown_box .month_box {padding-bottom:10px;}
	
.month_listbox .ml_inner {flex-direction:column; gap:24px;}

.ml_img {height:auto;}
.ml_tbox {padding-left:0;}
.ml_tbox .ml_dtex {margin:20px 0;}
.ml_tbox .dtex_tit {font-size:2.4rem;}
.ml_tbox .dtex_txt {height:auto;}
.ml_tbox .ml_dtlist {padding:20px 0;}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) { 
.monthtown_box li {width:25%;margin:5px 0;}	
.ml_img .txt_month span {width:50px; height:50px; font-size: 1.4rem;}

.ml_tbox .ml_dtex {margin:15px 0;}
.ml_tbox .dtex_txt {font-size:1.5rem;}

.ml_tbox .ml_dtlist {padding:15px 0;}
.ml_tbox .ml_dtlist li dt {font-size:1.5rem;}
.ml_tbox .ml_dtlist li dd {font-size:1.5rem;}
.ml_dtbtn {float:none; width:100%;}
.ml_dtbtn a {display:block; padding:10px; background-color:#00762D; color:#fff; font-size:1.5rem;}

}

@media screen and (max-width:480px) {
.monthtown_box li {width:33.333%; margin:5px 0 0;}		
.ml_tbox .dtex_txt {font-size:1.4rem;}
}

/* 02추천여행 > 06네티즌추천 */
.netizen_inner {}
.netizen_inner ul {display: flex; flex-wrap:wrap; gap:50px 40px;}
.netizen_inner ul li {width: calc((100% - 80px) / 3);/* min-height:420px; */border:1px solid #ddd;border-radius:20px;}
.netizen_inner ul li a {position:relative; display:block; overflow:hidden; border-radius:20px 20px 0 0;}

.nt_tbox {position:relative; padding:25px 20px;}
.nt_tbox .nt_tit {overflow:hidden; font-weight:500; font-size:2.0rem; font-family:'esamanru'; margin-bottom:6px; padding-right:100px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.nt_tbox .nt_txt {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; margin-top:10px; height:54px; font-size:1.6rem; text-overflow:ellipsis; white-space:normal;}

.ntzn_img span {position:absolute; right:17px; top:0; width:50px; height:50px; line-height:50px; border-radius:0px 0px 30px 30px; text-align:center; background-color:#f15b4e; color:#fff;}

.nt_like {position:absolute; right:0; top:28px;}
.nt_like span {display: inline-block; position: relative; padding-left: 30px; margin-right:30px; margin-bottom:4px;}
.nt_like span:before {display: block; content:''; position:absolute; top:calc(50% - 12px); left:0; width:24px; height:24px; background:url("../images/actpic_icon.png") no-repeat;}
.nt_like .favo:before {background-position:-42px 0;}

/*고대비*/
.gray .nt_tbox .nt_tit {color:#fff;}
.gray .nt_tbox .nt_txt {color:#fff;}

.gray .nt_like span {color:#fff;}
.gray .nt_like span:before {background:url("../images/actpic_icon_w.png") no-repeat;}
.gray .nt_like .favo:before {background-position:-42px 0;}

@media screen and (max-width:1024px) {
	.netizen_inner ul li {width: calc((100% - 40px) / 2);}
}

@media screen and (max-width:640px) {
	.netizen_inner ul {gap:30px;}
	.netizen_inner ul li {width:100%;}	
	
	.nt_tbox .nt_txt {font-size:1.5rem; height:44px;}
}

@media screen and (max-width:480px) {
	.nt_tbox .nt_txt {font-size:1.4rem; }
}

/********************************
 04 무장애 여행
 *******************************/

/*04무장애 여행 > 02 무장애관광지도*/
.bf_travel {}
.bf_travel .mapDw_list {display: flex; flex-wrap:wrap; gap:50px 40px;}
.mapDw_list > li {overflow: hidden; min-height:380px; width: calc((100% - 120px) / 4); text-align:center; border:1px solid #ddd; border-radius:20px;}
.mapDw_list > li .img_tbox {overflow:hidden; display:block; width:100%; background-color:#ebebeb;}
.mapDw_list > li .img_tbox img {width:100%; height:100%;}

.mapDw_list > li .bf_tbox {padding:20px 10px;}
.mapDw_list > li .bf_tbox .bf_tit {font-weight:500; font-size:2.2rem; font-family:'esamanru'; margin-bottom:6px;}
.mapDw_list > li .bf_tbox .bf_txt {overflow:hidden; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; padding:0 20px; height:52px; font-size:1.5rem; line-height:24px; text-overflow:ellipsis; white-space:normal; word-wrap: break-word;}

/*고대비*/
.gray .mapDw_list > li .bf_tbox .bf_tit {color:#fff;}
.gray .mapDw_list > li .bf_tbox .bf_txt {color:#fff;}

/*media query*/
@media screen and (max-width:1024px) {
  	.mapDw_list li {width: calc((100% - 80px) / 3); min-height:auto; height:auto;}
  	.mapDw_list > li .bf_tbox .bf_tit {font-size:2.0rem;}
}

@media screen and (max-width:980px) {
	.mapDw_list li {width: calc((100% - 40px) / 2);}	
}

@media screen and (max-width:640px) {
	.bf_travel .mapDw_list {gap:20px;}
    .bf_travel .mapDw_list li {width:100%;}
    .mapDw_list > li .bf_tbox .bf_txt {font-size:1.4rem}
}

@media screen and (max-width:480px) {
}


/********************************
 05 여행도우미
 *******************************/
/*05여행도우미 > 01가이드북&지도 > 01관광가이드북*/
.Tourist_Guide {position: relative; width:100%; padding-top:70px;}

.Tourist_Guide .img_box {position: absolute; top:0; left:50px; z-index: 2; border-radius:15px;}
.Tourist_Guide .img_box img {border:1px solid #d0d6df; border-radius: 15px;} 

.Tourist_Guide .item_box {overflow: hidden; position: relative; width: 100%; height: 378px; padding-top:105px; padding-left:400px; border-radius:35px 100px 35px 35px; background-color: #f9f7ff;}
.Tourist_Guide .item_box .text_box .title {font-family:'esamanru'; color:#252831; font-size:3.0rem; font-weight:500; line-height: 40px; letter-spacing:-0.03em;}
.Tourist_Guide .item_box .text_box .btn_box {margin-top:16px;}

/*고대비*/
.gray .Tourist_Guide .item_box {background-color:#121212; border:1px solid #f9f7ff;}
.gray .Tourist_Guide .item_box .text_box .title {color:#f6f6f6;}

/*media query*/
@media screen and (max-width:1200px){
	.Tourist_Guide .img_box {left:30px;}
	.Tourist_Guide .img_box img {width:90%; height:90%;}
	.Tourist_Guide .item_box  {height:auto; padding:35px 0 30px 330px;}
	.Tourist_Guide .item_box .text_box .title {font-size:2.8rem;}
}

@media screen and (max-width:854px) {
	.Tourist_Guide .item_box  {padding:320px 0 30px 30px;}
}

@media screen and (max-width:640px) {	
	.Tourist_Guide .item_box .text_box .title {font-size:2.4rem;}
}


/*05여행도우미 > 01가이드북&지도 > 02관광안내도(관광지도)*/
.ustour_map {display: flex; flex-wrap: wrap; gap: 60px;}
.ustour_map .item_wrap {position: relative; width:calc((100% - 60px) / 2); padding-top: 70px;}
.ustour_map .item_wrap .img_box {position: absolute; top:0; left:50px; z-index:2; border-radius:15px;}
.ustour_map .img_box img {border:1px solid #d0d6df; border-radius:15px;}
.ustour_map .item_wrap .item_box {overflow: hidden; position:relative; width:100%; height:378px; padding-top:105px; padding-left:400px; border-radius: 35px 100px 35px 35px; background-color: #f9f7ff;}
.ustour_map .item_wrap .item_box .title {font-family:'esamanru'; color:#252831; font-size:3.0rem; font-weight: 500; line-height: 40px; letter-spacing: -0.03em;}
.ustour_map .item_wrap .item_box .btn_box {margin-top:16px;}

/*고대비*/
.gray .ustour_map .item_wrap .item_box {background-color:#121212; border:1px solid #f9f7ff;}
.gray .ustour_map .item_wrap .item_box .title {color:#f6f6f6;}

/*media query*/
@media screen and (max-width:1500px){
	.ustour_map .item_wrap .img_box {left:30px;}	
	.ustour_map .item_wrap .img_box img {width:90%; height:90%;}
	.ustour_map .item_wrap .item_box {padding-top:75px; padding-left:330px; padding-right: 70px;}
	.ustour_map .item_wrap .item_box .text_box .title {font-size:2.8rem;}
}

@media screen and (max-width:1280px) {
	.ustour_map .item_wrap .img_box img {width:75%; height:75%;}
	.ustour_map .item_wrap .item_box  {height:300px; padding:35px 30px 30px 280px;}
	.ustour_map .item_wrap .item_box .text_box .title {font-size:2.4rem;}
}

@media screen and (max-width:1024px) {	
	.ustour_map {flex-direction:column;}
	.ustour_map .item_wrap {width:100%;}
}

@media screen and (max-width:540px) {	
	.ustour_map .item_wrap .item_box {height:auto; padding-top:250px; padding-left:30px;}
	.ustour_map .item_wrap .item_box .text_box .title {font-size:2.2rem; line-height:32px;}
}


/*03여행정보 > 01가이드북&지도 > 03관광책자신청*/

/*관광책자신청 - 신청폼*/
.tbl_bd_view tbody td.address {display:flex; gap:5px;}

.agr_Area table.tbl_base {}
.agreeBox {display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size: 1.7rem;}
.agreeBox dt {margin-right:40px;}

/*고대비*/
.gray .agreeBox dt strong {color:#fff;}
.gray .dash_line .agreeBox dd label {color:#fff;}
/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:768px) {
	.tbl_bd_view tbody td.address {flex-direction:column;}
	.tbl_bd_view tbody td.address input {width:100% !important;}
}

@media screen and (max-width:640px) {
	.agreeBox {flex-direction:column; align-items: flex-start; gap:10px;}
	.agreeBox dt, .agreeBox dd {font-size: 1.6rem;}
}

@media screen and (max-width:480px) {
}


/*05여행도우미 > 02관광안내서비스 > 01관광안내전화*/
.box_design.type1330 .box_design_inner {display:block; overflow:hidden; position:relative; width:100%; background-color:#f9f8ff; border-radius:20px; box-sizing:border-box; min-height:180px; padding:40px 95px 40px 250px;}
.box_design.type1330 .box_design_inner > .icon {width:180px; height:100px; background-color:#fff; border-radius:40px 18px 40px 18px;}
.box_design.type1330 .box_design_inner > .icon:after {content:''; display: block; position:absolute; top:15px; left:10px; width:152px; height:67px; background: url("../images/sub05/1330_icon.png") no-repeat;}

.box_design.type1330 .box_design_inner .con_box {display:block;width:100%;font-size:0;line-height:0;box-sizing:border-box;}
.box_design.type1330 .box_design_inner .con_box .Stitle {display:block; font-family:'esamanru'; font-size:2.4rem; line-height:40px; letter-spacing:-0.03em; font-weight:500; box-sizing:border-box;}
.box_design.type1330 .box_design_inner .con_box .desc {display:block; font-size:1.6rem; color:#575e6d; line-height:28px; letter-spacing:0; font-weight:400; box-sizing:border-box;word-break:keep-all;}
.box_design.type1330 .box_design_inner .con_box .Stitle + .desc {margin-top:5px;}

.linebox_design {border-top:1px solid #222; margin:30px 0;}
.linebox_design .box_inner {padding:35px 0; border-bottom: 1px solid #ddd; display: flex; gap:60px;}
.linebox_design .box_inner > .box_icon {position:relative; min-width:150px; padding:0; margin:0; line-height:150px; padding-right:0; font-weight:500;}
.linebox_design .box_inner > .box_icon:before {display: block; content:''; width:150px; height:150px; border-radius:50%; background-image:url(../images/sub05/cts1330_img.png); background-color:#f9f8ff;}
.linebox_design .box_inner > .box_icon.type1:before {background-position:-150px 0;}
.linebox_design .box_inner > .box_icon.type2:before {background-position:-300px 0;}

.linebox_design .box_inner .con_box {display:block; width:100%; box-sizing:border-box;}
.linebox_design .box_inner .con_box .St {display:block; font-family:'esamanru'; font-size:2.4rem; line-height:40px; letter-spacing:-0.03em; font-weight:500; box-sizing:border-box;}
.linebox_design .box_inner .con_box .desc {display:block; font-size:1.6rem; color:#575e6d; line-height:28px; letter-spacing:0; font-weight:400;box-sizing:border-box; word-break:keep-all;}

.iconbox {position:relative; display:block; border:1px solid #ccc; border-radius:10px; margin:0; padding:30px; box-sizing:border-box;}
.iconbox .QR_img {text-align:center;height: 130px;}
.iconbox .QR_img img {padding:12px;border: 1px solid #ddd;border-radius:10px;height: 100%;}
.iconbox .title {display:block; position:relative; font-weight:400; box-sizing:border-box; margin:10px 0; padding:0; text-align:center; font-size:2.0rem; font-family:'esamanru';}
.iconbox .txt_desc {text-align:center;}
.iconbox .txt_desc p {font-size:1.6rem;}
.iconbox .txt_desc ul {}
.iconbox .txt_desc ul li {font-size:1.6rem;}

/*고대비*/
.gray .box_design.type1330 .box_design_inner {background-color:#121212; border: 1px solid #ddd;}
.gray .box_design.type1330 .box_design_inner .con_box .desc {color:#f6f6f6;}

.gray .linebox_design .box_inner .con_box .St {color:#fff;}
.gray .linebox_design .box_inner .con_box .desc {color:#f6f6f6;}

.gray .iconbox .title {color:#fff;}
.gray .iconbox .txt_desc ul li {color:#f6f6f6;}


@media screen and (max-width:1280px) {	
	.box_design.type1330 .box_design_inner .con_box .Stitle {font-size:2.0rem; line-height:32px;}
	.box_design.type1330 .box_design_inner .con_box .desc {font-size:1.5rem;}
			 
	.linebox_design .box_inner .con_box .St {font-size:2.0rem; line-height:32px;}
	.linebox_design .box_inner .con_box .desc {font-size:1.5rem; line-height:28px;}		
}


@media screen and (max-width:796px) {
	.box_design.type1330 .box_design_inner {padding:40px; }
	.box_design.type1330 .box_design_inner > .icon {top:20px;left: calc(50% - 120px);}
	.box_design.type1330 .box_design_inner .con_box {padding-top:100px;}
	
	.linebox_design .box_inner {padding:35px 0; flex-direction: column; gap:20px;}
	.linebox_design .box_inner > .box_icon {margin: 0 auto;}		
}


@media screen and (max-width:480px) {
	.box_design.type1330 .box_design_inner .con_box .Stitle {font-size:1.8rem; line-height:30px;}
	.box_design.type1330 .box_design_inner .con_box .desc {font-size:1.4rem; line-height:26px;}
	
	.linebox_design .box_inner .con_box .St {font-size:1.8rem; line-height:30px;}
	.linebox_design .box_inner .con_box .desc {font-size:1.4rem; line-height:26px;}		
}

.topBox.tourCall {}
.topBox .topBox_inner {padding:40px; background-color:#f5faff;}
.topBox.tourCall .topBox_inner {background:#f5faff url(../images/sub03/topBox_bg.jpg) right center no-repeat;}
.txtBlue{color:#0d80ff;}
.bl01{display:block;}
.topBox_inner strong{display:block; margin-bottom:10px; color:#121212; font-size:2.3rem;}
.topBox_inner .fsm{font-size:1.6rem;}
.box_wrap {display:block; width:100%; margin:40px 0; border-top:2px solid #121212; border-bottom:2px solid #121212; }
.box_wrap > .box1 {padding:30px 20px; border-top:1px solid #ddd;}
.box_wrap > .box1:after{content:""; display:block; clear:both;}
.box_wrap > .box1:first-child {border-top:none;}
.box1 .box1_icon{position:relative; float:left; display:inline-block; width:10%; height:105px; /*background-color:#f2f2f2;*/}
.box1 .box1_icon:before{content:""; display:block; position:absolute; top:50%; left:50%; margin-top:-52px; margin-left:-52px; width:105px; height:105px;}
.box1 .box1_icon.bxicon01:before{background:url(../images/sub03/icon_tourcall01.png) center center no-repeat;}
.box1 .box1_icon.bxicon02:before{background:url(../images/sub03/icon_tourcall02.png) center center no-repeat;}
.box1 .box1_icon.bxicon03:before{background:url(../images/sub03/icon_tourcall03.png) center center no-repeat;}
.box1 .box1_icon.bxicon04:before{background:url(../images/sub03/icon_tourcall04.png) center center no-repeat;}
.box1 .box1_txtBox{float:left; width:90%; padding-left:30px;}
.box1 .box1_txtBox .box1_Btxt {display:block; padding-bottom:10px; font-size:2.2rem; color:#121212;}

/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:768px) {
.topBox.tourCall .topBox_inner {background:#f5faff url(../images/sub03/topBox_bg.jpg) right center no-repeat; background-size:70%;}
}

@media screen and (max-width:640px) {
.topBox.tourCall .topBox_inner {background-image:none;}
.topBox_inner strong{font-size:1.8rem;}
.bl01{display:inline;}
.box1 .box1_icon{float:none; width:100%;}
.box1 .box1_txtBox{float:none; width:100%; padding-left:0;}
}

@media screen and (max-width:480px) {
.box1 .box1_txtBox .box1_Btxt {font-size:1.8rem;}
}


/*05여행도우미 > 02관광안내서비스 > 01 1330 관광안내전화 이용방법 */
.block {display:block;}
.block .list_1st {display:inline-block; text-align:left;}
.block .point {display:inline-block; }
.qr_img {display:inline-block; padding:10px; border:1px solid #ddd; border-radius:10px;}


/*05여행도우미 > 02관광안내서비스 > 02관광안내소*/
.center_listbox {border-top:2px solid #7f7f7f;}
.center_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.center_listbox .ct_inner {display:flex; gap:40px; padding:30px 0; border-bottom:1px solid #ddd;}

.ct_area  {position:relative; display:inline-block; float:left;}
.ct_area.ct_img {position:relative; flex:1; background-color:#efefef; border-radius:30px;}
.ct_img img {width:100%; height:100%; border-radius:30px;}

.ct_tbox {flex: 1.6587;}
.ct_tbox .ct_dtex {margin-bottom:25px;}
.ct_tbox .dtex_tit {font-size:3.0rem; font-weight:400; color:#121212; font-family:'esamanru'; line-height:1.5;}

.ct_tbox .ct_dtlist {position:relative;}
.ct_tbox .ct_dtlist li {position:relative; margin-bottom:10px; padding-left:115px; font-size:1.6rem;}
.ct_tbox .ct_dtlist li span {position:absolute; left:0; font-weight:600;}
.spacing1 {letter-spacing:1.2px;}
.spacing2 {letter-spacing:26px;}

.ct_dtbtn {display:block; float:right; text-align:center;}
.ct_dtbtn a {display:block; padding:10px 20px; background-color:#00762D; color:#fff; font-size:1.6rem; border:1px solid #00762D; border-radius:10px;}
.ct_dtbtn:hover a,
.ct_dtbtn:focus a,
.ct_dtbtn:active a {background-color:#fff; color:#00762D;}

/*고대비*/
.gray .ct_tbox .ct_dtlist li {color:#fff;}
.gray .ct_tbox .ct_dtlist li span {color:#fff;}

/*media query*/
@media screen and (max-width:1024px){
	
}

@media screen and (max-width:920px) {
	.center_listbox .ct_inner {flex-direction:column; gap:24px;}
	.ct_area.ct_img {height: auto;}
}    

@media screen and (max-width:768px) {
.ct_area {display:block; float:none; width:100%;}
.ct_area.ct_img {width:100%; height:auto;}

.ct_tbox .ct_dtex {margin:20px 0;}
.ct_tbox .dtex_tit {font-size:2.6rem;}
.ct_tbox .dtex_txt {height:auto;}
.ct_tbox .ct_dtlist {padding:10px 0;}
.ct_dtbtn {float:none; width:100%;}
.ct_dtbtn a {display:block; padding:10px; background-color:#00762d; color:#fff; font-size:1.5rem;}
}

@media screen and (max-width:640px) {
.center_listbox .ct_inner {padding:20px 0;}
.ct_tbox .ct_dtex {margin:0;}
.ct_tbox .dtex_tit {font-size:2.2rem;}
.ct_tbox .dtex_txt {font-size:1.5rem;}

.ct_tbox .ct_dtlist {padding:15px 0;}
.ct_tbox .ct_dtlist li {font-size:1.5rem;}
.ct_tbox .ct_dtlist li dt {font-size:1.5rem;}
.ct_tbox .ct_dtlist li dd {font-size:1.5rem;}
}

@media screen and (max-width:480px) {
.ct_tbox .dtex_tit {font-size:2.0rem;}
.ct_tbox .dtex_txt {font-size:1.4rem;}
.ct_tbox .ct_dtlist li {padding-left:100px;}
}

@media screen and (max-width:375px) {
.ct_tbox .ct_dtex{margin:15px 0 7px 0;}
.ct_tbox .ct_dtlist{padding:0;}
.ct_tbox .ct_dtlist li{margin-bottom:5px;}
}


/*05여행도우미 > 03교통편안내 > 01대중교통*/
.traffic_wrap {width:100%;}
.traffic_wrap:after {content:""; display:block; clear:both;}
.traffic_wrap .trf_box {float:left; position:relative; width:50%; min-height:330px; color:#fff; padding:35px;}
.traffic_wrap .trf_box.trf01, .traffic_wrap .trf_box.trf04 {background-color:#00549d; background-size:cover; background-position:right center; background-repeat:no-repeat;}
.traffic_wrap .trf_box.trf02, .traffic_wrap .trf_box.trf03 {background-color:#023765; background-size:cover; background-position:right center; background-repeat:no-repeat;}
.traffic_wrap .trf_box.trf01 {background-image:url(../images/sub05/trf01_bg.png);}
.traffic_wrap .trf_box.trf02 {background-image:url(../images/sub05/trf02_bg.png);}
.traffic_wrap .trf_box.trf03 {background-image:url(../images/sub05/trf03_bg.png);}
.traffic_wrap .trf_box.trf04 {background-image:url(../images/sub05/trf04_bg.png);}
.traffic_wrap .trf_box h2 {font-size:2.6rem;}
.traffic_wrap .trf_box .btn_list {position:absolute; bottom:35px; left:35px; }
.traffic_wrap .trf_box .btn_list ul {}
.traffic_wrap .trf_box .btn_list ul li {margin-top:8px;}
.traffic_wrap .trf_box .btn_list ul li a {display:inline-block; width:190px; padding:10px 15px; text-align:center; border:1px solid #fff; color:#fff;}
.traffic_wrap .trf_box .btn_list ul li:hover a {background-color:#fff; color:#023765; font-weight:600; text-decoration:none; }

/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:768px) {
.traffic_wrap .trf_box{float:none;width:100%;margin:0 auto;}
.traffic_wrap .trf_box.trf03{background-color:#00549d;}
.traffic_wrap .trf_box.trf04{background-color:#023765;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
.traffic_wrap .trf_box{padding:30px}
}


/*05여행도우미 > 04응급의료서비스*/
.hospital_list {position:relative;display:block;border:1px solid #ccc;border-radius:10px;margin:0;padding: 30px 20px;box-sizing:border-box;}
.hp_logo, 
.hp_tbox {display:table-cell; vertical-align:middle; margin:0; box-sizing:border-box;}
.hospital_list .hp_logo {position:relative;text-align:center;width:250px;background: #fff;}
.hospital_list .hp_logo:after {position:absolute; top:10px; right:1px; content:""; display:block; width:1px; height:calc(100% - 15px); background:transparent; border-right:1px dotted #777;}

.hp_tbox {padding: 0 0 0 30px;}
.hp_tbox_tit {margin-bottom:10px; line-height:28px;}
.hp_tbox_tit strong {position:relative;font-weight:400;box-sizing:border-box; margin:10px 10px 10px 0; padding:0; font-size:2.2rem;font-family:'esamanru';vertical-align: middle;}
.hp_tbox_tit .hp_badge {display:inline-block;padding: 2px 20px; border-radius:50px; font-size:1.3rem; color:#fff; background-color:#00762d;}

/*고대비*/
.gray .hp_tbox_tit {color:#fff;}
.gray .hp_dtlist ul li {color:#fff;}

/*media query*/
@media screen and (max-width:1280px){
	.hospital_list {padding:30px;}	
	.hospital_list .hp_logo, 
	.hospital_list .hp_tbox {display:block; width:auto;}
	.hospital_list .hp_logo:after {position:relative; top:auto; right:auto; width:auto; height:1px; border-bottom:1px dotted #777; border-right:0px; padding-bottom:20px;}
	
	.hp_tbox {padding:15px 0 0;}
}

@media screen and (max-width:920px) {

}

@media screen and (max-width:768px) {

}

@media screen and (max-width:640px) {
	.hp_tbox_tit strong {font-size:1.8rem;}
	.hp_tbox_tit .hp_badge {padding:2px 15px; font-size:1.2rem;}
}

@media screen and (max-width:480px) {
}

/*05여행도우미 > 05문화관광해설사*/
.cmt_box {position:relative; padding:11% 7%; margin-bottom:20px; background:url(../images/sub03/img_commentatorBg.jpg) center center no-repeat;}
.cmt_box:after {content:''; display:block; visibility:hidden; clear:both;}

.cmt_inner {width:80%; margin:0 auto; padding:40px 30px; text-align:center; background-color:rgba(255,255,255,0.9); box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2);}
.cmt_inner h2 {margin:0 0 12px; font-family:'GSK'; font-size:2.8rem; font-weight:600; color:#222;}
.cmt_inner .cmt_txt{display:block;}
.cmt_inner .cmt_txt .blueTxt{color:#036dd8;}
.cmt_inner .cmt_txt .redTxt{color:#ff3737;}


/*media query*/
@media screen and (max-width:1024px){	
}

@media screen and (max-width:920px) {	
}

@media screen and (max-width:768px) {
.cmt_box {padding:20% 4%;}
.cmt_inner h2 {font-size:2.4rem;}
}

@media screen and (max-width:640px) {
.cmt_box {padding:10% 1.5%;}
.cmt_inner {/*background-color:rgba(255,255,255,1);*/}
.cmt_inner h2 {font-size:1.9rem; line-height:1.3;}
}

@media screen and (max-width:480px) {
}


/* 05여행도우미 > 05 왔어울산 카드뉴스*/
#Cardnews {position:relative; display:flex; align-items:center; justify-content:center; background:#0d5b45; padding:10% 0; border-radius:30px;}
.slider {position:relative; display:flex; width:600px; height:792px; border-radius:0; overflow: hidden;}
.slider-item {opacity: 0; position: absolute; width:100%; height:100%; transition: all 0.6s;}
.slider-items .active { opacity: 1;}
.slider-controls span {position:absolute; top:50%; cursor: pointer; color: #e7e7e7; transition: 0.4s;}
.slider-controls span:hover {color: #fff;}
.slider-controls .prev {position:absolute; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; z-index:100; width:74px; height:74px; top:calc(50% - 74px); left:10%; background:url('../images/sub05/visual_arrow_prev.png') center center no-repeat;}
.slider-controls .next {position:absolute; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; z-index:100; width:74px; height:74px; top:calc(50% - 74px); right:10%; background:url('../images/sub05/visual_arrow_next.png') center center no-repeat;}
.slider-controls .prev, .slider-controls .next {background-color:rgba(0,0,0,0.5); transition:all 0.2s ease;}
.slider-indicators {position: absolute; bottom:5%; width:100%; display: flex; justify-content: center;}
.slider-indicators button {width:15px; height: 15px; border: 2.5px solid #fff; border-radius: 50%; cursor: pointer; margin:0 4px; text-indent: -9999px;}
.slider-indicators .active {background: #fff;}

/*media query*/
@media screen and (max-width:820px){
	.slider-controls .prev {left:0;}
	.slider-controls .next {right:0;}
}

@media screen and (max-width:640px){
	.slider-controls .prev {width:47px; height:64px; top:80%; background-size:30%; }
.slider-controls .next {width:47px; height:64px; top:80%; background-size:30%;}
}

@media screen and (max-width:540px){
	.slider {height:702px;}
}

@media screen and (max-width:480px){
	.slider {height:615px;}
}

@media screen and (max-width:420px){
	.slider {height:550px;}
}

@media screen and (max-width:360px){
	.slider {height:475px;}
	.slider-controls .prev {width:54px; height:74px;}
	.slider-controls .next {width:54px; height:74px;}
}


/* 앱 다운로드 버튼 */
.basic_btn {display:inline-block;position:relative;width:auto;font-size:0;line-height:0;border-radius:6px;vertical-align:top;box-sizing:border-box;text-align:center;transition-property:border-color;transition-duration:250ms;transition-timing-function:ease-in-out; border:1px solid #1b224e;}

.basic_btn + .basic_btn {margin-left:7px;}
.basic_btn:last-child {margin-right:0;}
.basic_btn:after {display:block;z-index:1;position:absolute;bottom:0;left:0;width:100%;height:0px;border-radius:4px;background-color:transparent;content:'';box-sizing:border-box;transition-property:height, background-color;transition-duration:250ms;transition-timing-function:ease-in-out;}
.basic_btn .btn {display: inline-flex;justify-content: center;align-items: center;z-index:3;position:relative;width:auto; height:5.2rem; padding:12px 20px 12px 60px;border:none;font-size:16px; line-height:1; font-weight:400; font-family:'SCore'; vertical-align:top; box-sizing:border-box; transition-property:color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.basic_btn.short .btn {min-width:auto !important;}
.basic_btn .btn:hover {text-decoration:none;}

.basic_btn .btn.Google:before {display:block; content: ''; position:absolute; top:0; left:0; width:54px; height:54px; background-image:url(../images/sub05/GooglePlay.png);}
.basic_btn .btn.apple:before {display:block; content: ''; position:absolute; top:0; left:0; width:54px; height:54px; background-image:url(../images/sub05/Apple_Icon.png);}

.basic_btn.black_type {background-color:#000; border:1px solid #000;}
.basic_btn.black_type:hover{border:1px solid #444;}
.basic_btn.black_type:hover:after{height:100%;background-color:#333;}
.basic_btn.black_type .btn{color:#fff;}

@media screen and (max-width:372px){	
	.basic_btn + .basic_btn {margin-left:0px; margin-top:10px;}
}

/********************************
 06 여행이야기
 *******************************/
/*06여행이야기 > 01관광기념품 > 02관광기념품 판매점*/
.Goods_Store_box {position:relative; border-top:2px solid #7f7f7f; border-bottom:2px solid #7f7f7f;}
.Goods_Store_box .Goods_Store {position:relative; margin-top:15px; border-top:1px solid #ddd;}
.Goods_Store_box .Goods_Store:first-child {border-top:none;}

.Goods_inner {display:flex; flex-wrap:wrap; margin:0; padding:40px 0px; gap:40px;}
.Goods_inner .img_area {flex:1; border-radius:30px;}
.Goods_inner .img_area img {width:100%; height:auto; border-radius:30px;}
.Goods_inner .txt_area {flex:1.6587;}

.Goods_inner .txt_area .cst_tit {font-size:2.4rem; font-weight:400; color:#121212; font-family:'esamanru';}
.Goods_inner .txt_area .cst_txt {font-size:1.6rem;font-weight:400; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height: 76px; line-height:150%; text-overflow:ellipsis; white-space:normal; word-wrap: break-word;}

/*고대비*/
.gray .Goods_inner .txt_area .cst_tit {color:#fff;}

/*media query*/
@media screen and (max-width:1024px){
	
}

@media screen and (max-width:980px) {
	.Goods_inner {flex-direction:column; flex-wrap: nowrap;}
	
}

@media screen and (max-width:768px) {
	.Goods_inner .cst_tbox {display:block; float:none; width:100%;}
	.Goods_inner .cst_tbox.dttxt_area {padding-left:0; padding-top:20px;}
	.txt_area .cst_tit {font-size:2.2rem; font-weight:400; color:#121212; font-family:'esamanru';}

}

@media screen and (max-width:640px) {
	.Goods_inner {gap:20px; margin:30px 0 0;}
	.txt_area .cst_tit {font-size:1.8rem;}
}

@media screen and (max-width:480px) {
	.Goods_inner {margin: 30px 0 0; padding: 25px 0;}
	.txt_area .cst_txt {font-size:1.4rem;}

}

/* 06여행이야기 > 04관련사이트 */
.link_bnbox {display:flex; gap:20px; flex-wrap:wrap;}
.link_bnbox li {width: calc((100% - 60px) / 4); padding:10px; border:1px solid #ddd; background-color:#f5f5f5; text-align:center; border-radius: 10px;}
.link_bnbox li a {display:block; width:100%; min-height:110px; background-color:#fff; border-radius:10px;}
.link_bnbox li a img {margin:0 auto; padding:15px 0;}
.link_bnbox li p {padding:15px 0 5px; font-weight:500; font-size:1.5rem;}

/*고대비*/
.gray .link_bnbox li {background-color:#121212;}
.gray .link_bnbox li p {color:#fff;}

/*media query*/
@media screen and (max-width:1024px){
	.link_bnbox li {width: calc((100% - 40px) / 3);}
}

@media screen and (max-width:820px) {
	.link_bnbox li {width: calc((100% - 20px) / 2);}
}


@media screen and (max-width:560px) {
	.link_bnbox li {width:100%;}
}


/********************************
 07 홈페이지 이용안내
 *******************************/
/*04사이트맵*/
.siteMap {border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding-bottom:50px;}
.sitemap_box {display:flex; flex-wrap:wrap; padding-top:50px;}
.sitemap_box + .sitemap_box {margin-top:50px; border-top:2px dotted #bbb;}
.sitemap_box .tit {padding-right:20px; width:280px; font-family:'esamanru'; font-size:3.0rem; color:#333;}
.sitemap_box .sitemap_list {width:calc(100% - 280px); display:flex; flex-wrap:wrap; gap:30px;}
.sitemap_box .sitemap_list > li {width:calc(33.333% - 20px);}
.sitemap_box .sitemap_list > li > a {display:flex; align-items:center; padding:0 30px; height:55px; border:1px solid #e5e5e5; border-radius:10px; background-color:#fff; font-size:1.7rem; font-weight:500;}
.sitemap_box .sitemap_list > li:hover > a,
.sitemap_box .sitemap_list > li:focus > a,
.sitemap_box .sitemap_list > li:active > a {background-color:#882087; color:#fff; border:1px solid #882087;}


.list_inner {padding:10px 10px 10px 20px;}
.list_inner li {position:relative; padding-left:14px; margin-bottom:5px;}
.list_inner li:before {content:''; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:10px; background-color:#ef3e56;} 
.list_inner li a {font-size:1.6rem;}
.list_inner li a:hover, .list_inner li a:focus {text-decoration:underline; text-underline-position:under;}

 /* media query */
@media screen and (max-width:1800px){
}

@media screen and (max-width:1520px){
	
}

@media screen and (max-width:1340px){
	.sitemap_box .tit {width:200px;}
	.sitemap_box .sitemap_list {width:calc(100% - 200px);}
}

@media screen and (max-width:1200px){
	.sitemap_box {flex-direction:column;}
	.sitemap_box .tit {width:100%; margin-bottom:10px; padding-right:0;}
	.sitemap_box .sitemap_list {width:100%;}
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.sitemap_box {padding-top:30px;}
	.sitemap_box + .sitemap_box {margin-top:30px;}
	.sitemap_box .tit {font-size:2.2rem;}
	.sitemap_box .sitemap_list {gap:25px;}
	.sitemap_box .sitemap_list > li {width:calc(33.3333% - 17px);}
	
	.list_inner li:before {top:11px;}
	.list_inner li a {font-size:1.4rem;}
}

@media screen and (max-width:640px){
	.sitemap_box .sitemap_list > li {width:calc(50% - 13px);}
}

@media screen and (max-width:480px){
	.sitemap_box .sitemap_list > li {width:100%;}
}