@charset "UTF-8"; 

/********************************
 01 추천
 *******************************/

/*01추천 > 01월별추천*/
/*월선택*/
.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:2px 0 0; width:10%; line-height:28px; font-family:'GSK'; 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:3px 18px 0px; border-radius:5px; font-family:'GSK'; line-height:28px;}
.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 #00762D;}
.month_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.month_listbox .ml_inner {display:block; padding:30px 0; border-bottom:1px solid #ddd;}
.month_listbox .ml_inner:after {content:''; display:block; visibility:hidden; clear:both;}

.ml_area {position:relative; display:inline-block; float:left; width:50%;}
.ml_area:after {content:''; display:block; visibility:hidden; clear:both;}
.ml_img {height:380px; background-color:#efefef;}
.ml_img img {width:100%; height:100%;}
.ml_img .txt_month {position:absolute; left:0; top:0; padding:9px 0;}
.ml_img .txt_month span {padding:10px; background-color:#EA0053; color:#fff;}

.ml_tbox {padding-left:30px;}
.ml_tbox .ml_dtex {margin-bottom:25px;}
.ml_tbox .dtex_tit {font-size:3.0rem; font-weight:400; color:#121212; font-family:'GSK'; line-height:1.5;}
.ml_tbox .dtex_txt {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient:vertical; margin-top:10px; height:100px; 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:20%; font-weight:600; color:#333; font-size:1.6rem;}
.ml_tbox .ml_dtlist li dd {display:inline-block; float:left; width:80%; 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;}
.ml_dtbtn:hover a,
.ml_dtbtn:focus a,
.ml_dtbtn:active a {background-color:#fff; color:#00762D;}


/* 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:7px 5px 4px;}
.monthtown_box .month_box {padding-bottom:10px;}
	
	
.ml_area {display:block; float:none; width:100%;}
.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) { 
.ml_tbox .ml_dtex {margin:15px 0;}
.ml_tbox .dtex_tit {font-size:2.0rem;}
.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) {
.ml_tbox .dtex_tit {font-size:1.8rem;}
.ml_tbox .dtex_txt {font-size:1.4rem;}
}

/*01추천 > 02일정코스*/
.plan_box {}
.plan_box .plan_ltinner {}
.plan_box .plan_ltinner:after {content:''; display:block; visibility:hidden; clear:both;}
.plan_list {margin-left:-20px;}
.plan_list:after {content:''; display:block; visibility:hidden; clear:both;}
.plan_list .cs_area {display:inline-block; float:left; padding:10px 0 10px 20px; width:33.33%; text-align:center;}
.plan_list .cs_area a {overflow:hidden; display:block; position:relative; border:1px solid #ddd;}
.plan_list .cs_area .plan_tbox {position:relative; padding:15px 10px;}
.plan_list .cs_area .plan_tbox p {margin-bottom:0;}
.plan_list .cs_area .plan_tbox .plan_tit {font-family:'GSK'; font-weight:500; font-size:2.0rem;}
.plan_list .cs_area .plan_tbox .plan_time span {position:relative;}
.plan_list .cs_area .plan_tbox .plan_time .icon_time:before {content:''; position:absolute; left:-20px; top:2px; width:18px; height:18px; background:url(../images/sub_ir.png) -60px -140px no-repeat;}

.plan_list .cs_area .plan_tbox .plan_time.line_blank {height:28px;}

/*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) {
}


/*01추천 > 02일정코스 - 상세 페이지*/

.all_csbox {position:relative;}
.all_csbox:before {content:''; position:absolute; left:24px; top:0; width:2px; height:100%; background-color:#0099FE;}
.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:50px; height:50px; border-radius:50%; background-color:#fff; text-align:center; border:5px solid #0099FE; line-height:40px; font-weight:500;}
.course_box .cs_stepbox span:before {display:inline-block; position:absolute; content:" "; left:50%; bottom:-23px; width:0; height:0; margin-left:-10px; border:solid transparent; border-width:10px; border-color:rgba(0, 154, 255, 0); border-top-color:#0099FE;}
.cs_stinner {margin:50px 0 0 80px; padding:20px; border-bottom:1px solid #ddd; border-top:2px solid #009aff;}
.cs_stinner:after {content:''; display:block; visibility:hidden; clear:both;}
.cs_stinner .cst_tbox {display:inline-block; position:relative; float:left; width:50%;}
.cs_stinner .cst_tbox:after {content:''; display:block; visibility:hidden; clear:both;}
.cs_stinner .cst_tbox.dtimg_area img {width:100%; height:100%;}
.cs_stinner .cst_tbox.dttxt_area {padding-left:30px;}
.dttxt_area .cst_tit {font-size:2.2rem; font-weight:400; color:#121212; font-family:'GSK'; line-height:1.5;}
.dttxt_area .cst_txt {overflow:hidden; margin-top:10px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; font-size:1.5rem;}
.cst_dttxt {margin:30px 0 20px;}
.cst_dttxt dl {font-size:1.5rem;}
.cst_dttxt dl:after {content:''; display:block; visibility:hidden; clear:both;}
.cst_dttxt dl dt {display:inline-block; float:left; width:20%; font-weight:500; color:#333;}
.cst_dttxt dl dd {overflow:hidden; padding-left:10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float:left; width:80%; text-overflow:ellipsis; white-space:normal;}

.dtgo_btn {text-align:right;}
.dtgo_btn a {display:inline-block; padding:10px 20px; background-color:#00549d; color:#fff; text-align:center;}
.dtgo_btn:after {content:''; display:block; visibility:hidden; clear:both;}


/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
.cst_dttxt {margin:25px 0 20px;}
}

@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;}
.dttxt_area .cst_tit {font-size:2.0rem;}
}

@media screen and (max-width:640px) {
.all_csbox:before {left:17px;}
.cs_stinner {margin:30px 0 0 50px;}
.course_box .cs_stepbox span {top:-16px; width:35px; height:35px; line-height:28px;}
.course_box .cs_stepbox span:before {bottom:-17px; margin-left:-7px; border-width:7px;}
.cs_stinner .cst_tbox.dttxt_area {padding-top:10px;}
.cst_dttxt {margin:15px 0;}
.dttxt_area .cst_tit {font-size:1.8rem;}
}

@media screen and (max-width:480px) {
.all_csbox:before {display:none;}
.cs_stinner {margin:30px 0 0 17px; padding:15px;}
.dttxt_area .cst_txt {margin-top:5px; font-size:1.4rem;}
.cst_dttxt dl {font-size:1.4rem;}
}



/*01추천 > 0테마여행 > 02도보*/
.walking_box {}
.walking_box .walking_inner {}
.walking_box .walking_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.walking_list {margin-left:-20px;}
.walking_list:after {content:''; display:block; visibility:hidden; clear:both;}
.walking_list li {display:inline-block; float:left; width:33.3333%; padding:10px 0 10px 20px; text-align:center;}
.walking_list li .wk_tbox{display:block; position:relative; border:1px solid #ddd;}
.wk_tbox .wk_tinner {padding:20px 10px;}
.wk_tbox .wk_tinner .wktit {font-weight:500; font-size:2.0rem; font-family:'GSK';}
.wk_tbox .wk_tinner .wktxt {overflow:hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; padding:0 20px; height:44px; text-overflow:ellipsis; white-space:normal;}

.dtwk_btn {margin-top:20px; text-align:center;}
.dtwk_btn:after {content:''; display:block; visibility:hidden; clear:both;}
.dtwk_btn a {display:block; width:60%; margin:0 auto; padding:10px 20px; border-radius:5px; color:#fff; background-color:#00762D;}



/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
  	.walking_list li {width:50%;}
  	.wk_tbox .wk_tinner .wktit {font-size:1.8rem}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
	.walking_list {margin-left:0;}
    .walking_list li {display:block; float:none; width:100%; padding:10px 0;}
  	.wk_tbox .wk_tinner .wktit {font-size:1.7rem}
    .wk_tbox .wk_tinner .wktxt {height:auto;}
}

@media screen and (max-width:480px) {
    .walking_list li {padding:5px 0;}
}

/*01추천 > 03테마코스 > 03산업탄방*/
.idty_box {border:1px solid #ddd;}
.plan_list .cs_area .plan_tbox.industry {padding:20px 10px; min-height:190px;}
.plan_list .cs_area .plan_tbox.industry .plan_tit {line-height:1.5;}
.plan_list .cs_area .plan_tbox.industry .plan_txt {padding:10px 0; min-height:64px; line-height:1.6;}

.detail_btnbox {margin-top:10px; text-align:center;}
.detail_btnbox:after {content:''; display:block; visibility:hidden; clear:both;}
.detail_btnbox ul {}
.detail_btnbox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.detail_btnbox li {display:inline-block; margin-left:20px; border-radius:5px;}
.detail_btnbox li:first-child {margin-left:0;}
.detail_btnbox li a {display:block; padding:8px; background-color:#0a639d; color:#fff; border:none !important; border-radius:5px;}
.detail_btnbox li.visit_btn a {background-color:#00762D; color:#fff;}
.detail_btnbox li:hover a,
.detail_btnbox li:active a,
.detail_btnbox li:focus a {}
.detail_btnbox li:after {content:''; display:block; visibility:hidden; clear:both;}
.detail_btnbox.col1 li {width:60%;}
.detail_btnbox.col2 li {width:30%;}



/*media query*/
@media screen and (max-width:1200px){
.plan_list .cs_area .plan_tbox.industry {min-height: 220px;}
.plan_list .cs_area .plan_tbox.industry .plan_tit {min-height:50px;}
}
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
.plan_list .cs_area .plan_tbox.industry .dk9 {display:block; line-height:1;}
 	
.detail_btnbox.col2 li {width:40%;}
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:640px) {
.plan_list .cs_area .plan_tbox.industry {min-height:inherit;}
.plan_list .cs_area .plan_tbox.industry .dk9 {display:inline-block; line-height:inherit;}
.plan_list .cs_area .plan_tbox.industry .plan_tit {min-height:auto;}
.plan_list .cs_area .plan_tbox.industry .plan_txt {padding:5px 0;}
}

@media screen and (max-width:480px) {
.detail_btnbox li {margin-left:0;}
.detail_btnbox.col1 li {width:100%;}
.detail_btnbox.col2 li {width:100%;}
}

/*01추천 > 0테마여행 > 04특화거리*/
.street_box {}
.street_box .street_inner {}
.street_box .street_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.street_list {margin-left:-20px;}
.street_list:after {content:''; display:block; visibility:hidden; clear:both;}
.street_list li {display:inline-block; float:left; width:33.3333%; padding:10px 0 10px 20px; text-align:center;}
.street_list li .st_tbox{display:block; position:relative; border:1px solid #ddd;}
.st_tbox .st_tinner {padding:20px 10px;}
.st_tbox .st_tinner .sttit {font-weight:500; font-size:2.0rem; font-family:'GSK';}
.st_tbox .st_tinner .sttxt {overflow:hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; padding:0 20px; height:44px; text-overflow:ellipsis; white-space:normal;}

.street_btn {margin-top:20px; text-align:center;}
.street_btn:after {content:''; display:block; visibility:hidden; clear:both;}
.street_btn a {display:block; width:60%; margin:0 auto; padding:10px 20px; border-radius:5px; color:#fff; background-color:#009fb5;}



/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
  	.street_list li {width:50%;}
  	.st_tbox .st_tinner .sttit {font-size:1.8rem}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
	.street_list {margin-left:0;}
    .street_list li {display:block; float:none; width:100%; padding:10px 0;}
  	.st_tbox .st_tinner .sttit {font-size:1.7rem}
    .st_tbox .st_tinner .sttxt {height:auto;}
}

@media screen and (max-width:480px) {
    .street_list li {padding:5px 0;}
}

/*01추천 > 04네티즌 추천*/
.netizen_box:after {content:''; display:block; visibility:hidden; clear:both;}
.netizen_box ul {display:block; margin-left:-10px;}
.netizen_box ul:after {content:''; display:block; visibility:hidden; clear:both;}
.netizen_inner li {display:inline-block; float:left; width:33.33%; padding:10px;}
.netizen_inner li:hover a, .netizen_inner li:active a, .netizen_inner li:focus a {box-shadow:0 0 20px rgba(0,82,155,0.2); text-decoration:none;}
.netizen_inner li .nt_listbox {border:1px solid #ddd; border-radius:10px;}
.netizen_inner li:hover .nt_listbox, .netizen_inner li:active .nt_listbox, .netizen_inner li:focus .nt_listbox {box-shadow:0 0 20px rgba(0,82,155,0.2);}
.nt_listbox .nt_img {position:relative;}
.nt_listbox .nt_img img {width:100%;}
.nt_listbox .nt_img span {position:absolute; left:-1px; top:-1px; padding:8px 18px 0; font-weight:600; background-color:rgba(236, 77, 82, 0.85); color:#fff;}
.nt_listbox .nt_img span:before {position:absolute; content:" "; left:50%; bottom:-46px; width:0; height:0; margin-left:-23px; border:solid transparent; border-width:23px; border-color:rgba(0, 154, 255, 0); border-top-color:rgba(236, 77, 82, 0.85);}

.nt_tbox {position:relative; padding:10px 15px; min-height:97px;}
.nt_tbox:after {content:''; display:block; visibility:hidden; clear:both;}
.nt_tbox .nt_tit {overflow:hidden; margin:6px 0; padding:5px 100px 0 0; font-family:'GSK'; font-weight:400; font-size:1.9rem; color:#353535; text-overflow:ellipsis; white-space:nowrap;}
.nt_tbox .nt_txt {overflow:hidden; font-size:1.4rem; text-overflow:ellipsis; white-space:nowrap; height:24px;}
.nt_tbox .nt_like {position:absolute; right:15px; top:13px;}
.nt_tbox .nt_like .icon_like {position:absolute; left:5px; top:1px; background:url(../images/sub01/img_like.png) 0 0 no-repeat; width:34px; height:34px; border-radius:50%;}
.nt_tbox .nt_like span {padding-left:40px; line-height:34px; font-weight:500;}

/*media query*/
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
.netizen_inner li {width:50%;}
}

@media screen and (max-width:920px) {
.nt_tbox {min-height:88px;}
.nt_tbox .nt_tit {font-size:2.0rem;}
.nt_tbox .nt_like {right:10px; top:9px;}
}

@media screen and (max-width:768px) {
.netizen_box ul {margin-left:-5px;}
.netizen_inner li {padding:5px;}
}

@media screen and (max-width:640px) {
.netizen_inner ul {margin-left:0;}
.netizen_inner li {display:block; float:none; width:100%; padding:10px 0;}
.netizen_inner li:first-child {padding-top:0;}
.nt_tbox {min-height:auto; padding-bottom:20px;}
}

@media screen and (max-width:480px) {
.netizen_inner li {padding:5px 0;}
.nt_tbox .nt_tit {font-size:1.8rem;}
.nt_tbox .nt_txt {font-size:1.4rem;}
}

@media screen and (max-width:380px) {
}


/*01추천 > 05울산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-weight:600;}

.view12_bdinner ul {display:block; }
.view12_bdinner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.view12_bdinner li {overflow:hidden; display:inline-block; float:left; padding:10px; width:33.33%;}
.view12_bdinner li:after {content:''; display:block; visibility:hidden; clear:both;}
.v12_imgbox {position:relative;}
.v12_imgbox a {display: block; height: 100%; color:#fff;}
.v12_imgbox .v12_hvbox {position:absolute; left:0; top:-245px; width:100%; height:100%; background-color:rgba(0,0,0,0.7); text-align:center;color:#f0f0f0;}
.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:40px; width:42px; height:42px;}
.v12_imgbox .v12_hvbox .icon_more:before {content:''; position:absolute; left:50%; margin-left:-21px; top:40px; 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;}
 
 /*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_box {height:2300px;}
.view12_bodybox {top:174px;}
.view12_bdinner li {padding:10px; width:50%;}
.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%;}
.view12_bodybox .view12_bdinner {padding:20px 0 0;}
.view12_bdinner ul {margin-left:-10px;}
.view12_bdinner li {padding:0 0 10px 10px;}
 
.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 ul {margin-left:0;}
.view12_bdinner li {display:block; float:none; margin:10px 0; padding:0; width:100%;}
.view12_bdinner li:first-child {margin-top:0;}
.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;}
}


/*01추천 > 08영남알프스 > 01구봉우리*/
.mountain_list {display:inline-block;}
.mountain_list ul{margin-left:-10px;}
.mountain_list ul li{float:left; width:33.3333%; padding:10px 0 20px 10px; text-align:center;}
.mountain_list ul li a{display:block;}
.mountain_list ul li:hover .mtn_tit{text-decoration:underline; color:#0152a6;}
.mountain_list .mtn_box .mtn_tit{font-family:'GSK'; font-size:1.9rem; font-weight:600; color:#121212;}
.mountain_list .mtn_box .mtn_img{margin-bottom:10px;}
.mountain_list .mtn_box .mtn_img img{width:100%;}

/*media query*/
@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:768px) {
.mountain_list ul li{width:50%; text-align:center;}
}

@media screen and (max-width:640px) {
.mountain_list ul li{float:none; width:100%; text-align:center;}
}

@media screen and (max-width:480px) {
}

/*01추천 > 08영남알프스 > 02BI*/
.abox_wrap {}
.abox_wrap .abox_inner {}
.abox_list {margin-left:-20px;}
.abox_list:after {content:""; display:block; clear:both;}
.abox_list li {display:inline-block; float:left; width:50%; padding:10px 0 20px 20px;}
.abox_list li .box_col2 {min-height:460px;}
.abox_list li>div {padding:30px; overflow:hidden; display:block; border:1px solid #ddd;}
.abox_list li:first-child, .abox_list li:nth-child(6) {width:100%;}

.abox_tit {color:#121212; padding-bottom:10px; margin-top:0;}
.abox_cont {position:relative;}
.abox_cont:after {content:""; display:block; clear:both;}
.abox_cont .abox_img {border:1px solid #ddd; margin-bottom:15px; text-align:center;}
.abox_cont .abox_img img {width:100%; height:auto;}
.abox.symbol .abox_cont .abox_img {float:left; width:35%;margin-bottom:0;}
.abox.logotype .abox_cont .abox_img {width:100%; height:auto; float:none; padding-bottom:10px;}
.abox.symbol .abox_cont .abox_txt {float:left; height:auto; min-height:210px; width:65%; padding-left:30px;}
.abox_cont .abox_btn {position:absolute; bottom:0; margin-top:30px;}
.abox_cont .abox_btn .btn_one {width:120px;}
.abox_cont .abox_btn .abox_btn_icon {display:block; position:absolute; left:10px; width:34px; height:34px;}
.abox_cont .abox_btn .abox_btn_icon.acon01 {background-image:url(../images/sub03/icon_btn_jpg.png);}
.abox_cont .abox_btn .abox_btn_icon.acon02 {background-image:url(../images/sub03/icon_btn_ai.png);}


/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
.abox_list li .box_col2{min-height:440px;}
}

@media screen and (max-width:768px) {
.abox_list li{width:100%; height:auto; }
.abox_list li .box_col2{min-height:auto;}
.abox.symbol .abox_cont .abox_img{float:none; width:100%; margin-bottom:10px;}
.abox.symbol .abox_cont .abox_txt{float:none; position:relative; width:100%; padding-left:0px;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
.abox{padding:20px;}
.abox.symbol .abox_cont .abox_txt{min-height:300px;}
.abox_cont .abox_btn{width:100%;}
.abox_cont .abox_btn>.btn_one {width:100%;padding: 6px 16px 6px 50px; box-sizing:border-box;}
}

@media screen and (max-width:375px) {
.abox.symbol .abox_cont .abox_txt{min-height:340px;}
}


/*01추천 > 08영남알프스 > 03영남알프스 9봉 완등*/
.alps_introBox {padding:50px 0; margin-bottom:30px; box-sizing:border-box; background:url(../images/sub03/alps_bg.jpg) 0 0 no-repeat; background-size:cover;}
.intro_inner {width:85%; padding:40px 35px; box-sizing:border-box; margin:0 auto; border-radius:50px; background-color:#fff; text-align:center;}
.intro_tit strong {display:block; font-size:3.5rem; font-weight:600; font-family:'GSK'; color:#121212;}
.intro_tit span {display:block; margin-bottom:30px; color:#121212;}
.alps_introBox>.intro_txtBox {}
.intro_btxt01 {font-size:1.7rem; color:#121212;}
.intro_btxt01 strong {color:#0152a6; font-size:1.85rem;}
.intro_btxt02 {margin-bottom:10px; font-size:1.7rem; color:#121212;}
.intro_txt {margin-bottom:10px; font-size:1.5rem;}

.alps_introBox02 {height:830px; padding:50px 0; box-sizing:border-box; background:url(../images/sub03/alps02_bg.jpg) right 0 no-repeat; background-size:cover;}
.alps_introBox02 .intro_inner {border-radius:30px;}
.alps_introBox02 .intro_inner .intro_txtBox {margin-bottom:30px;}
.alps_introBox02 .intro_inner .intro_txtBox strong {display:block; margin-bottom:20px; font-size:2.4rem; font-family:'GSK'; color:#121212;}

.a03_btn {}
.a03_btn .a03_btn_one {display: inline-block; position: relative; margin-bottom:5px; padding:6px 10px; box-sizing:border-box; width:230px; min-height: 32px; text-align: left !important; border: 1px solid #ddd; background-color: #fff;}
.a03_btn .a03_btn_one span {display:block; padding:5px 0 7px 50px;}
.a03_btn .a03_btn_one .a03_icon {display:block; position:absolute; left:15px; width:35px; height:35px; font-size:0; text-indent:-99999px;}
.a03_btn .a03_btn_one .a03_icon:before {content:""; position:absolute; top:0; left:0; width:35px; height:35px; background-position:center center;}
.a03_btn .a03_btn_one .a03_icon.acon01:before {background-image:url(../images/sub03/icon_a03Btn01.png);}
.a03_btn .a03_btn_one .a03_icon.acon02:before {background-image:url(../images/sub03/icon_a03Btn02.png);}
.a03_btn_one:hover,.a03_btn_one:active,.a03_btn_one:focus {font-weight:500; text-decoration:underline; border-color:#00619a; transition:border-color 0.2s linear;}


/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:640px) {
.intro_inner{padding:40px 15px;}
.intro_tit strong{font-size:2.0rem; font-weight:600;}
.intro_tit span{margin-bottom:20px;}
.intro_btxt01{font-size:1.5rem; }
.intro_btxt01 strong{font-size:1.55rem;}
.intro_btxt02{font-size:1.5rem;}
.alps_introBox .intro_txtBox{display:none;}
}

@media screen and (max-width:480px) {
.alps_introBox02 .intro_inner .intro_txtBox strong{font-size:1.8rem;}
.a03_btn .a03_btn_one{width:100%;}
}


/********************************
 03 여행정보
 *******************************/
/*03여행정보 > 01가이드북&지도 > 01관광가이드북*/
.ctt_box {}
.ctt_box {position:relative; padding:10% 7%; background:url(../images/sub03/guidebook_bg.jpg) center center no-repeat;}
.ctt_box.gd_btn {padding:6% 7%;}
.ctt_box:after {content:''; display:block; visibility:hidden; clear:both;}

.ctt_inner {width:80%; margin:0 auto; padding:40px 30px; text-align:center; background-color:rgba(255,255,255,0.85); box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2);}
.ctt_inner .ctt_icon{display:block; width:120px; height:120px; margin:0 auto 20px; background-color:#fff; border-radius:50%;}
.ctt_inner .ctt_icon:before{content:""; display:block; width:120px; height:120px; background-image:url(../images/sub03/icon_guidemap.png);}
.ctt_inner .ctt_icon.ctt_map:before{background-image:url(../images/sub03/icon_guidebook.png);}/*관광안내도 아이콘*/
.ctt_inner h2 {margin:0 0 5px; font-family:'GSK'; font-size:2.8rem; font-weight:600; color:#222;}
.ctt_inner .ctt_txt{display:block; margin:0 0 20px;}

.gd_btn .btn_ul_list li a {text-align:left;}

/*media query*/
@media screen and (max-width:1024px){
	
}

@media screen and (max-width:830px) {
	.gd_btn .btn_ul_list.col_3 li {width:50%;}
}

@media screen and (max-width:768px) {
.ctt_box {padding:20% 4%;}
.ctt_inner h2 {font-size:2.4rem;}
}

@media screen and (max-width:640px) {
.ctt_box {padding:5%;}
.ctt_inner {width:100%;}
.ctt_inner h2 {font-size:2.0rem; line-height:1.1;}
}

@media screen and (max-width:480px) {
	.ctt_box {background-size:cover;}
	.gd_btn .btn_ul_list.col_3 li {width:100%;}
}


/*03여행정보 > 01가이드북&지도 > 03관광책자신청*/
.topBox.tourBook{margin-bottom:20px;}
.topBox.tourBook .topBox_inner{}
.topBox.tourBook .topBox_inner:after{content:""; display:block; clear:both;}
.topBox.tourBook .topBox_inner .topBox_icon{float:left; position:relative; display:inline-block;width:110px; /*width:100%;*/ height:110px;}
.topBox.tourBook .topBox_inner .topBox_icon:before{content:""; position:absolute; top:50%; left:0px; margin-top:-55px; /*margin-left:-55px;*/ width:110px; height:110px; background-image:url(../images/sub03/icon_tourBook.png);}
.topBox.tourBook .topBox_inner .topBox_tbox{float:left; width:82.5%; padding-left:30px;}

/*관광책자신청 - 신청*/
.tbl_bd_view tbody td.address {display:flex; gap:5px;}
.tbl_bd_view tbody td.address button {}

.agreeBox {display:flex; align-items:center; justify-content:flex-end; gap:50px;}


/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:768px) {
    .topBox.tourBook .topBox_inner{padding:20px;}
    .topBox.tourBook .topBox_inner .topBox_icon{float:none; width:100%; margin-bottom:10px;}
    .topBox.tourBook .topBox_inner .topBox_icon:before{content:""; position:absolute; top:50%; left:50%; margin-top:-55px; margin-left:-55px; width:110px; height:110px;}
    .topBox.tourBook .topBox_inner .topBox_tbox {float:none; width:100%; padding-left:0;}
	.topBox.tourBook .topBox_inner .topBox_tbox strong {text-align:center;}
	.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; gap:0;}
}

@media screen and (max-width:480px) {
}

/*03여행정보 > 02안내서비스 > 01관광안내전화*/
.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;}
}


/*03여행정보 > 02안내서비스 > 02관광안내소*/
.center_listbox {border-top:2px solid #00762D;}
.center_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.center_listbox .ct_inner {display:block; padding:30px 0; border-bottom:1px solid #ddd;}
.center_listbox .ct_inner:after {content:''; display:block; visibility:hidden; clear:both;}

.ct_area  {position:relative; display:inline-block; float:left;}
.ct_area :after {content:''; display:block; visibility:hidden; clear:both;}
.ct_area.ct_img{width:45%; height:350px;}
.ct_img img {width:100%; height:100%;}
.ct_area.ct_tbox{width:55%; min-height:350px;}

.ct_tbox {padding-left:30px;}
.ct_tbox .ct_dtex {margin-bottom:25px;}
.ct_tbox .dtex_tit {font-size:3.0rem; font-weight:400; color:#121212; font-family:'GSK'; line-height:1.5;}
.ct_tbox .dtex_txt {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient:vertical; margin-top:10px; height:100px; font-size:1.6rem; text-overflow:ellipsis; white-space:normal;}

.ct_tbox .ct_dtlist {position:relative;}
.ct_tbox .ct_dtlist li {position: relative; margin-bottom: 10px; padding-left: 115px;}
.ct_tbox .ct_dtlist li:after {content:''; display:block; visibility:hidden; clear:both;}
.ct_tbox .ct_dtlist li span{position:absolute; left:0; font-weight:600;}
.spacing1 {letter-spacing:1.2px}
.spacing2 {letter-spacing:26px}
.spacing3 {letter-spacing:6.2px} 

.ct_dtbtn {position:absolute; bottom:0; right:0; display:block; text-align:center;}
.ct_dtbtn a {display:block; padding:10px 25px; background-color:#00762D; color:#fff; font-size:1.6rem; border:1px solid #00762D;}
.ct_dtbtn:hover a,
.ct_dtbtn:focus a,
.ct_dtbtn:active a {background-color:#fff; color:#00762D;}

/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
}    

@media screen and (max-width:768px) {
.ct_area {display:block; float:none; width:100%;}
.ct_area.ct_img {width:100%; height:auto;}
.ct_area.ct_tbox{padding-left:0; width:100%; min-height:310px;}
.ct_tbox .ct_dtex {margin:20px 0;}
.ct_tbox .dtex_tit {font-size:2.4rem;}
.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:15px 0;}
.ct_tbox .dtex_tit {font-size:2.0rem;}
.ct_tbox .dtex_txt {font-size:1.5rem;}
.ct_tbox .ct_dtlist {padding:15px 0;}
.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:1.8rem;}
.ct_tbox .dtex_txt {font-size:1.4rem;}
.ct_tbox .ct_dtlist li {padding-left:75px;}
}

@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;}
}


/*03여행정보 > 03교통*/
.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/sub03/trf01_bg.png);}
.traffic_wrap .trf_box.trf02 {background-image:url(../images/sub03/trf02_bg.png);}
.traffic_wrap .trf_box.trf03 {background-image:url(../images/sub03/trf03_bg.png);}
.traffic_wrap .trf_box.trf04 {background-image:url(../images/sub03/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}
}


/*03여행정보 > 04응급의료서비스*/
.topBox.healthCare {margin-bottom:40px;}
.topBox.healthCare .topBox_inner {}
.topBox.healthCare .topBox_inner:after {content:""; display:block; clear:both;}
.topBox.healthCare .topBox_inner .topBox_icon {float:left; position:relative; display:inline-block;width:110px; /*width:100%;*/ height:110px;}
.topBox.healthCare .topBox_inner .topBox_icon:before {content:""; position:absolute; top:50%; left:0px; margin-top:-55px; /*margin-left:-55px;*/ width:110px; height:110px; background-image:url(../images/sub03/icon_emergency.png);}
.topBox.healthCare .topBox_inner .topBox_tbox {float:left; padding-left:30px;}

.hospital_list {border-left:1px solid #ddd; border-top:1px solid #ddd;}
.hospital_list:after {content:""; display:block; clear:both;}
.hospital_wrap {float:left; width:50%; height:200px; padding:20px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.hospital_wrap:after {content:""; display:block; clear:both;}
.hospital_wrap .hp_logo {float:left; height:160px; width:40%; text-align:center; border:1px solid #ddd;}
.hospital_wrap:nth-child(3) .hp_logo {background-color:#555;}
.hospital_wrap .hp_logo img {padding-top:60px;}
.hospital_wrap .hp_tbox {float:left; width:60%; padding-left:20px; }
.hospital_wrap .hp_tbox .hp_tbox_tit {margin-bottom:10px;}
.hospital_wrap .hp_tbox .hp_tbox_tit strong {font-size:1.8rem; color:#121212;}
.hospital_wrap .hp_tbox .hp_tbox_tit .hp_badge {display:inline-block; padding:2px 10px; vertical-align:text-bottom; border-radius:50px; font-size:1.3rem; color:#fff; background-color:#00762d;}
.hospital_wrap .hp_tbox .hp_dtlist li {position: relative; margin-bottom:8px; padding-left:68px; line-height:1.3; font-size:1.5rem;}
.hospital_wrap .hp_tbox .hp_dtlist li span {position:absolute; left:0; font-weight:600;}

/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
.hospital_wrap{float:none; width:100%; height:auto; min-height:160px;}
}

@media screen and (max-width:768px) {
.topBox.healthCare .topBox_inner{padding:20px;}
.topBox.healthCare .topBox_inner .topBox_icon{float:none; width:100%; margin-bottom:10px;}
.topBox.healthCare .topBox_inner .topBox_icon:before{content:""; position:absolute; top:50%; left:50%; margin-top:-55px; margin-left:-55px; width:110px; height:110px;}
.topBox.healthCare .topBox_inner .topBox_tbox{float:none; padding-left:0; text-align:center;}
}

@media screen and (max-width:640px) {
.hospital_wrap .hp_logo{float:none; width:100%; margin-bottom:10px;}
.hospital_wrap .hp_tbox{float:none; width:100%; padding-left:0px; }
}

@media screen and (max-width:480px) {
}

/*03여행정보 > 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) {
}


/********************************
 04 여행이야기
 *******************************/

/*04여행이야기 > 05관련사이트*/
.link_bnbox {}
.link_bnbox:after {content:''; display:block; visibility:hidden; clear:both;}
.link_bnbox ul{margin-left:10px;}
.link_bnbox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.link_bnbox li {display:inline-block; float:left; width:31%; margin:1%; padding:8px; border:1px solid #ddd; background-color:#f5f5f5; text-align:center;}
.link_bnbox li a {display:block; width:100%; background-color:#fff;}
.link_bnbox li a img {margin:0 auto; padding:20px 0;}
.link_bnbox li p {margin:10px 0 0; font-weight:500; font-size:1.4rem;}

/*media query*/
@media screen and (max-width:1024px){
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
.link_bnbox li {width:48%}
}

@media screen and (max-width:640px) {
.link_bnbox ul{margin-left:-2px;}
}

@media screen and (max-width:480px) {
.link_bnbox ul{margin-left:0;}
.link_bnbox li {display:block; float:none; width:100%; margin:0 0 20px;}
}


/********************************
 05 사이트맵
 *******************************/

/*05사이트맵*/
.sitemap_box {display:inline-block; width:100%;}
.sitemap_cont {float:left; width:24.2%; margin:0 5px 20px;}
.sitemap_cont:first-child {margin:0 5px 0 0;}
.sitemap_cont:last-child {margin:0 0 0 5px;}
.sitemap_cont dt a {display:block; margin-bottom:10px; padding:12px 30px 8px; font-family:'GSK'; font-size:2.1rem; font-weight:400; text-align:center; color:#fff; background-color:#00549d;}
.sitemap_cont dd a {display:block; position:relative; margin-left:20px; padding:10px 15px 8px; font-family:'GSK'; font-size:1.7rem; font-weight:400;}
.sitemap_cont dd a:before {content:''; position:absolute; left:3px; top:50%; margin-top:-3px; width:4px; height:4px; background-color:#333; border-radius:50%;}
.sitemap_cont dd .sitem_list {margin:0 20px 15px; padding:10px 20px; background-color:#fcfcfc; border:1px solid #ddd; border-radius:3px;}
.sitemap_cont dd .sitem_list li a {display:block; position:relative; margin-left:0; padding:5px 15px 3px; font-size:1.5rem;}
.sitemap_cont dd .sitem_list li a:before {content:''; position:absolute; left:3px; top:50%; margin-top:-1px; width:4px; height:1px; background-color:#565656;}


/*media query*/
@media screen and (max-width:1024px){
.sitemap_cont {width:100%; margin:0 0 20px;}	
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}