@charset "UTF-8"; 

/********************************
 나의 여행일정 레이아웃
 *******************************/
#schedule-left {position:relative; float:left; width:380px; height:100%; min-height:940px; background-color:#eee; box-sizing:border-box; border-right:1px solid rgba(0, 0, 0, .6); z-index:200;}
#schedule-menu {position:absolute; left:20px; top:20px; bottom:0; right:20px; height:170px; background-color:#f9fcff; border:1px solid #15468a; box-sizing:border-box; z-index:100;}
#schedule-map {position:absolute; left:380px;top:0; bottom:0; right:0; min-height:940px; background-color:gray;}

#schedule-printtitle {width:100%; height:auto; border-top:1px solid #ccc;}
#schedule-printmap {width:100%;}
#schedule-printlist {width:100%; height:auto; margin:30px 0 0;}

.schedule-title {width:100%; min-height:100px; padding:10px 0 20px;}
.schedule-title .mytrip, .schedule-title .mycourse {font-family:'GSK'; font-size:2.3rem; line-height:2.5; color:#111;}
.tripinfo {margin:10px 0; font-size:1.6rem; color:#333;}
.courseinfo {position:relative; padding:0 10px 0 18px; font-size:1.6rem; color:#c71e1e;}
.courseinfo:before {content:""; display:inline-block; position:absolute; top:5px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon01.png') center center no-repeat;}

.schedule-tabbox {width:100%; height:50px; margin:30px 0;}
.schedule-tab li {float:left; background-color:#fff; border:1px solid #b9b9b9;}
.schedule-tab li a {display:inline-block; padding:10px 80px 6px; font-family:'GSK'; font-size:1.7rem;}
.schedule-tab li.on {background-color:#0a2f72; border:1px solid #0a2f72;}
.schedule-tab li.on a {color:#fff;}

.printlist {margin-bottom:20px;}
.printlist li {float:none; width:100%; padding:30px 0; border-bottom:1px solid #ebebeb;}
.printlist li:first-child {border-top:1px solid #ebebeb;}
.plan-info {position:relative; display:flex; width:100%;}
.plan-info > .view_close {position:absolute; top:5px; right:5px; width:20px; height:20px; background-image:url('../images/tourmap/btn_close.png');}
.plan-no {float:left; padding-right:15px;}
.plan-no .list-no {display:block; width:35px; height:35px; margin:73px 0; line-height:38px; border-radius:50px; font-family:'GSK'; font-size:1.8rem; color:#fff; background-color:#ff542e; text-align:center;}
.plan-left {float:left; width:280px;}
.plan-left .imgbox {width:280px; height:182px; background:#898989 url('../images/logo_img.png') center center no-repeat;}
.plan-left .imgbox img {width:100%; height:100%;}
.plan-rgt {float:left; width:100%; padding:15px 30px; font-size:1.4rem; border:1px solid #cccccc;}
.plan-btn {position:absolute; right:20px; bottom:20px;}
.plan-btnbox {padding:23px 0 0 20px;}
.info-name {font-family:'GSK'; color:#0a2f72; font-size:1.8rem; font-weight:400; line-height:2.5;}
.info-addr {position:relative; margin:5px 0; padding-left:18px; line-height:2.0;}
.info-addr:before {content:""; display:inline-block; position:absolute; top:7px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon01.png') center center no-repeat;}
.info-tel {position:relative; margin:5px 0; padding-left:18px; line-height:2.0;}
.info-tel:before {content:""; display:inline-block; position:absolute; top:6px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon02.png') center center no-repeat;}

.day-title {font-family:'GSK'; font-size:2.3rem; line-height:2.5; color:#c71e1e; font-weight:400;}

.titlebox {position:relative; width:100%; height:142px; padding:42px 20px; background:url('../images/tourmap/title_back.jpg') center center no-repeat; background-position:center;}
.titlebox h2 {font-family:'GSK'; font-weight:400; font-size:22px; color:#014199; line-height:30px; text-shadow:2px 2px 2px #fff;}
.titlebox h2 span {display:block; font-weight:500; font-size:26px; color:#333; letter-spacing:-1px;}
.titlebox h2 em {color:#0b4abd;}

.course-title {padding:10px 20px 10px 50px; background-color:#0a2f72;}
.course-title h3 {position:relative; margin:0; padding:3px 0 0; font-family:'GSK'; font-weight:400; font-size:19px; color:#fff; line-height:30px;}
.course-title h3:before {content:""; display:inline-block; position:absolute; top:0; left:-28px; width:21px; height:31px; background: url('../images/tourmap/title_arrow.png') center center no-repeat;}
.titleimg {position:absolute; right:15px; top:25px; width:110px; height:167px; background:url('../images/tourmap/title_img.png') center center no-repeat;}

.schedule-ctrlbox {padding:20px; background-color:#e8eefa; border-bottom:1px solid #0a2f72;}
.schedule-ctrlbox select {width:100%; height:38px; padding:0 40px 0 10px; font-size:1.4rem; border-radius:0; border:solid 1px #c1c1c1; background:#fff url('../images/tourmap/select_arrow.png') 97% center no-repeat;}
.schedule-ctrlbox .btn-box .ctrl-btn {width:31.3%; float:left; margin-left:10px; padding:8px 5px;}
.schedule-ctrlbox .btn-box .ctrl-btn:first-child {margin-left:0;}
.schedule-ctrlbox .btn-box:after {content:""; clear:both; display:block;}

.ctrl-btn {display:inline-block; height:40px; padding:8px 15px; box-sizing:border-box; border-radius:3px; vertical-align:middle; text-align:center; cursor:pointer;}
.ctrl-btn:hover {text-decoration:none; box-shadow:0 0 5px 0 rgba(0, 0, 0, .4);}
.ctrl-btn-inner {display:inline-block; height:28px; padding:3px 8px; box-sizing:border-box; border-radius:3px; vertical-align:middle; text-align:center; cursor:pointer;}
.ctrl-btn-inner:hover {text-decoration:none; box-shadow:0 0 5px 0 rgba(0, 0, 0, .4);}

.ctrl-btn01 {background-color:#fff; color:#333; border:1px solid #c1c1c1;}
.ctrl-btn02 {background-color:#ff542e; color:#fff; border:1px solid #ff542e;}
.ctrl-btn03 {background-color:#177ad6; color:#fff; border:1px solid #177ad6;}

.daybox {float:left; width:120px; height:676px; background-color:#0a2f72;}
.daybox .day_area {float:left; width:100%; height:676px;}
.daybox .day_area .day {border-bottom:1px solid #29477f; font-size:15px; font-weight:bold;}
.daybox .day_area .day a {padding:15px 10px 12px 20px; display:inline-block; width:100%; box-sizing:border-box; font-family:'GSK'; color:#fff; font-weight:400; font-size:17px;}
.daybox .day_area .focus a {background-color:#80ddff; font-family:'GSK'; font-size:17px; font-weight:400; color:#111;}
.daybox .day_area li {list-style:none;}

.coursebox {float:left;}
.coursebox .course_area {float:left; width:259px; height:676px; overflow-y:auto;}

.course_start {margin-left:20px; padding:2px 8px; font-size:13px; color:#333; background-color:#faffa9; border:1px solid #333; box-shadow:0 3px 5px rgba(0, 0, 0, 0.3);}
.course_start span {margin-right:3px; font-weight:500;}
.course_end {margin-left:20px; padding:2px 8px; font-size:13px; color:#333; background-color:#ffdaeb; border:1px solid #333; box-shadow:0 3px 5px rgba(0, 0, 0, 0.3);}
.course_end span {margin-right:3px; font-weight:500;}

.day_list {position:relative; padding:14px; background-color:#fff; border-bottom:1px solid #b7b7b7;}
.day_list:last-child {border-bottom:1px solid #fff;}
.day_list > .view_close, .day_list > .del_list {position:absolute; top:16px; right:5px; width:20px; height:20px; background-image:url('../images/tourmap/btn_close.png');}
.day_list .course_number {display:inline-block; width:25px; height:25px; margin-right:6px; padding:3px; border-radius:25px; background-color:#ff542e; text-align:center; color:#fff; font-size:12px; font-weight:500; vertical-align:middle;}
.day_list .list_title {display:inline-block; width:200px; color:#0a2f72; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.add_list {position:absolute; top:12px; right:10px; width:44px; height:28px; font-size:1.3rem;}

.schedule-box {position:absolute; top:20px; left:20px; overflow:hidden;}
.item {display:table;float:left;margin-bottom:18px;overflow:hidden;}
.item:last-child {margin-bottom:0;}
.item .th {display:table-cell; width:80px; color:#153e8a; font-weight:500;}
.item .td {display:table-cell; padding-right:20px;}
.item .name input {width:300px; height:38px; padding:0 10px; vertical-align:middle; border:1px solid #c1c1c1; -webkit-appearance:none;}
.item .period input {width:140px; height:38px; padding-left:30px; vertical-align:middle; border:1px solid #c1c1c1; -webkit-appearance:none; background:url('../images/tourmap/calendar.png') no-repeat 8px 10px;}
.item .choice label {margin:0 15px 0 6px;}
.item .choice .box {display:inline-block;}

.schedule-btnbox {position:absolute; top:20px; right:20px; bottom:20px; height:80px; background-color:#e8eefa;}
.schedule-btnbox .btn-box {width:100%; padding:20px;}
.schedule-btnbox .btn-box .ctrl-btn {float:left; margin-left:10px; padding:8px 15px; font-size:13px;}
.schedule-btnbox .btn-box .ctrl-btn:first-child {margin-left:0;}
.schedule-btnbox .btn-box .ctrl-btn:last-child {margin-right:0;}
.schedule-btnbox .btn-box:after {content:""; clear:both; display:block;}

.tour-nav {position:absolute; bottom:0; left:0; width:100%; height:50px; background-color:#0a2f72; z-index:1;}
.tour-nav-list {width:100%;}
.tour-nav-list:after {content:""; display:block; height:0; clear:both;}
.tour-nav-list li {border-right:1px solid #29477f; float:left;}
.tour-nav-list li:last-child {border-right:0;}
.tour-nav-list li:first-child {border-top:0;}
.tour-nav-list li a {display:block; height:38px; padding:4px 20px 8px 20px; font-family:'GSK'; line-height:45px; color:#fff; font-weight:400; font-size:17px;}
.tour-nav-list li a.active {color:#000; background-color:#52d0ff;}
.tour-nav-list li a.active:first-child {font-family:'GSK'; color:#111; background-color:#80ddff;}
.tour-nav-list li a span {display:inline-block;vertical-align:middle;}
.tour-nav-list li a .ico {margin:3px 7px 6px 0; width:24px; height:24px; background-repeat:no-repeat; background-position:0 center; opacity:0.6 !important; filter:alpha(opacity=60);}
.tour-nav-list li .navlist00 .ico {background-image:url('../images/tourmap/tour_icon00_w.png');}
.tour-nav-list li .navlist00.active .ico {background-image:url('../images/tourmap/tour_icon00.png');}
.tour-nav-list li .navlist01 .ico {background-image:url('../images/tourmap/tour_icon01_w.png');}
.tour-nav-list li .navlist01.active .ico {background-image:url('../images/tourmap/tour_icon01.png');}
.tour-nav-list li .navlist02 .ico {background-image:url('../images/tourmap/tour_icon02_w.png');}
.tour-nav-list li .navlist02.active .ico {background-image:url('../images/tourmap/tour_icon02.png');}
.tour-nav-list li .navlist03 .ico {background-image:url('../images/tourmap/tour_icon03_w.png');}
.tour-nav-list li .navlist03.active .ico {background-image:url('../images/tourmap/tour_icon03.png');}
.tour-nav-list li .navlist04 .ico {background-image:url('../images/tourmap/tour_icon04_w.png');}
.tour-nav-list li .navlist04.active .ico {background-image:url('../images/tourmap/tour_icon04.png');}
.tour-nav-list li .navlist05 .ico {background-image:url('../images/tourmap/tour_icon05_w.png');}
.tour-nav-list li .navlist05.active .ico {background-image:url('../images/tourmap/tour_icon05.png');}
.tour-nav-list li .navlist06 .ico {background-image:url('../images/tourmap/tour_icon06_w.png');}
.tour-nav-list li .navlist06.active .ico {background-image:url('../images/tourmap/tour_icon06.png');}

.plan-popinfo {position:relative; display:flex; padding:15px;}
.plan-popinfo > .view_close {position:absolute; top:5px; right:5px; width:20px; height:20px; background-image:url('../images/tourmap/btn_close.png');}
.plan-popleft {float:left; width:158px; height:110px;}
.plan-popleft img {width:158px; height:110px;}
.plan-poprgt {float:left; width:295px; height:110px; padding-left:15px; font-size:13px;}
.plan-popbtn {float:left; text-align:right;}
.plan-btnbox {padding:23px 0 0 20px;}
.plan-category {color:#ff542e;}
.plan-name {margin:2px 0 5px; color:#0a2f72; font-size:14px; font-weight:500;}
.plan-addr {position:relative; padding-left:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.plan-addr:before {content:""; display:inline-block; position:absolute; top:2px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon01.png') center center no-repeat;}
.plan-tel {position:relative; padding-left:18px;}
.plan-tel:before {content:""; display:inline-block; position:absolute; top:1px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon02.png') center center no-repeat;}
.plan-dist {position:relative; padding-left:18px;}
.plan-dist:before {content:""; display:inline-block; position:absolute; top:1px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon03.png') center center no-repeat;}

.sns_box {position:absolute; bottom:10px; right:18px;}
.sns_box a {display:inline-block; float:left; margin-left:5px; font-size:0;}
.sns_box .sns_inner {display:none; float:left;}
.sns_box a:before {content:''; display:inline-block; width:28px; height:28px; background:url(../images/tourmap/sns_ir.png) 0 0 no-repeat;}
.sns_box a.sns_share:before {background-position: 0 0;}/*공유하기*/
.sns_box a.sns_share.sns_open:before {background-position: -32px 0;}/*공유하기 활성*/
.sns_box a.sns_cacao:before {background-position: -67px 0;}/*SNS 카카오*/
.sns_box a.sns_facebook:before {background-position: -102px 0;}/*SNS 페이스북*/
.sns_box a.sns_twitter:before {background-position: -137px 0;}/*SNS 트위터*/
.sns_box a.sns_blog:before {background-position: -172px 0;}/*SNS 블로그*/
.sns {float:left;}
.member {float:left; color: #fff; padding:2px 15px 0 0; font-size:1.4rem; font-weight:400;}

.cartbox {position:absolute; left:379px; top:275px; width:280px; min-height:90px; background-color:#fff; border:1px solid #0a2f72; z-index:100;}
.cartbox > .cartbox_inner> h3 {position:relative; height:46px; line-height:2.8; margin:0; padding:0 15px; font-family:'GSK'; font-weight:400; color:#111; font-size:1.8rem; text-shadow:2px 2px 2px #fff; background-color:#cdf276;}
.cartbox_inner {position:relative;}
.cart_tab a {position:absolute; top:-1px; right:-42px; display:block; width:42px; height:48px; background-color:#0a2f72; color:#fff;}
.cart_open {width:31px; height:21px; margin:13px 5px; background-image:url(../images/tourmap/cart_open.png); background-repeat:no-repeat; background-size:100%;}
.cart_close {width:31px; height:21px; margin:13px 5px; background-image:url(../images/tourmap/cart_close.png); background-repeat:no-repeat; background-size:100%;}

.spotList {position:absolute; bottom:0; left:0; width:100%; padding:15px 10px 15px 15px; background:#fff; z-index:1;}
.spotList ul {height:107px; overflow:auto;}
.spotList li {clear:both; padding:10px 20px; border-top:1px solid #ddd; overflow:hidden;}
.spotList h3, .spotList p, .spotList a {margin:0 0 0 0; display:inline-block; font-size:15px;}
.spotList h3, .spotList p {margin:5px 0 0;}
.spotList h3 {padding:0 20px 0 0; color:#111;}
.spotList .twobtn_box {float:right;}
.spotList a {padding:3px 10px; border:1px solid #ccc; border-radius:2px;}
#map a[href="http://map.kakao.com/"] {display:none;}





/********************************
 제목
 *******************************/
h2 {margin-top:40px; margin-bottom:5px;}
h2:first-child {margin-top:0;}
h3 {margin-top:20px; margin-bottom:6px;}
.tit_h2 {position:relative; padding-left:28px; font-size:2.1rem; font-weight:500; color:#121212;}
.tit_h2:before {content:''; display:block; position:absolute; top:7px; left:0; width:22px; height:22px; background:url('../images/sub_ir.png') 0 0 no-repeat;}

.tit_h3 {position:relative; padding-left:24px; font-size:1.8rem; font-weight:500; color:#00619a;}
.tit_h3:before {content:''; display:block; position:absolute; top:5px; left:0; width:17px; height:17px; background:url('../images/sub_ir.png') 0 -22px no-repeat;}
.tit_h3.nogap {margin-top:5px;} /*h2 바로다음 사용시*/

.tit_h3nb {margin-top:5px; font-size:1.8rem; font-weight:500; color:#121212;}
.tit_h3ng {margin-top:5px;font-size:1.8rem; font-weight:500; color:#00619a;}

/********************************
 주의사항(안내)
 *******************************/
.point {position:relative; padding-left:24px;}
.point:before {content:''; display:inline-block; position:absolute; left:0; top:1px; width:20px; height:20px; background-image:url('../images/sub_ir.png'); background-repeat:no-repeat;}
.point.pt_c_o {color:#c50079;} /* 명도대비 수정 : color:#f24725;*/
.point.pt_c_o:before {background-position:0 -41px;}
.point.pt_c_g {color:#00762d;}
.point.pt_c_g:before {background-position:0 -62px;}

/********************************
 리스트타입 - 기본
 *******************************/
.list_1st li:before, .list_2st li:before, .list_3st li:before {background-image:url('../images/sub_ir.png'); background-repeat:no-repeat;}

.list_1st {} /*4단계까지*/
.list_1st > li {position:relative; padding-left:18px;}
.list_1st > li:before {content:''; display:block; position:absolute; top:4px; left:3px; width:11px; height:14px; background-position:0 -140px;}
.list_1st > li > ul > li {position:relative; padding-left:8px;}
.list_1st > li > ul > li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background-position:-12px -140px;}
.list_1st > li > ul > li > ul > li {position:relative; padding-left:8px;}
.list_1st > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:-19px -140px;}
.list_1st > li > ul > li > ul > li > ul > li {position:relative; padding-left:6px;}
.list_1st > li > ul > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:7px; left:-3px; width:6px; height:9px; background-position:-27px -140px;}

.list_2st {} /*3단계까지*/
.list_2st > li {position:relative; padding-left:8px;}
.list_2st > li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background-position:-12px -140px;}
.list_2st > li > ul > li {position:relative; padding-left:8px;}
.list_2st > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:-19px -140px;}
.list_2st > li > ul > li > ul > li {position:relative; padding-left:8px;}
.list_2st > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:-19px -140px;}

.list_3st {} /*2단계까지*/
.list_3st > li {position:relative; padding-left:8px;}
.list_3st > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:-19px -140px;}
.list_3st > li > ul > li {position:relative; padding-left:8px;}
.list_3st > li > ul > li:before {content:''; display:block; position:absolute; top:7px; left:-3px; width:6px; height:9px; background-position:-27px -140px;}

/********************************
 리스트타입 - 숫자
 *******************************/
.list_num > li i, .list_num_l > li i {display:inline-block; position:absolute; left:0; top:2px; width:18px; height:18px; line-height:18px; font-size:1.1rem; text-align:center; text-indent:-1px; border-radius:10px;}

.list_num {} /*2단계까지*/
.list_num > li {position:relative; padding-left:24px;}
.list_num > li i {color:#fff; background-color:#0b717b;}
.list_num > li > ul > li {position:relative; padding-left:24px;}
.list_num > li > ul > li i {color:#0b717b; line-height:15px; border:1px solid #0b717b; background-color:#fff;}

.list_num_l {} /*단독*/
.list_num_l > li {position:relative; padding-left:24px;}
.list_num_l > li i {color:#0b717b; line-height:15px; border:1px solid #0b717b;}


/********************************
 탭
 *******************************/
.tab_box {margin-bottom:30px; margin-top:1px; margin-left:1px;}
.tab_box:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box li {position:relative; display:table; float:left; height:100%; margin-left:-1px; margin-top:-1px; vertical-align:middle;}
.tab_box li a {display:table-cell; height:56px; cursor:pointer; color:#333; vertical-align:middle; line-height:1.0; border:1px solid #cacaca;}
.tab_box li a:hover, .tab_box li a:active, .tab_box li a:focus {color:#fff; background-color:#58656d; transition: all 0.1s linear;}
.tab_box li.tab_on a {color:#0152a6; background-color:#fff; border-bottom-color:#fff; font-weight:400;}
.tab_box li a span {display:block; padding:14px 10px 10px; font-family:'GSK'; font-size:1.9rem; line-height:1.2; text-align:center;}

.tab_box.tab_col4 li {width:25%;}
.tab_box.tab_col3 li {width:33.3333%;}
.tab_box.tab_col2 li {width:50%;}


.tab_box2 {margin-bottom:30px; margin-top:1px; margin-left:1px;}
.tab_box2:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 li {position:relative; display:table; float:left; height:100%; margin-left:-1px; margin-top:-1px; vertical-align:middle;}
.tab_box2 li a {display:table-cell; height:56px; cursor:pointer; color:#333; vertical-align:middle; line-height:1.0; border:1px solid #cacaca;}
.tab_box2 li a:hover, .tab_box li a:active, .tab_box li a:focus {color:#fff; background-color:#58656d; transition: all 0.1s linear;}
.tab_box2 li.tab_on a {color:#fff; background-color:#0152a6; text-decoration:underline; font-weight:500;}
.tab_box2 li a span {display:block; padding:10px; font-size:1.5rem; line-height:1.2; text-align:center;}

.tab_box2.tab_col4 li {width:25%;}
.tab_box2.tab_col3 li {width:33.3333%;}
.tab_box2.tab_col2 li {width:50%;}

/*탭02*/
.tab_secarea {position:relative; margin-bottom:30px; padding: 10px 10px; background-color:#f8f8f8; border:1px solid #d8d8d8;}
.tab_secarea:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_secbox {margin-top:1px; margin-left:1px;}
.tab_secbox:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_secbox li {position:relative; display:table; float:left; padding:2px 2px 0; width:20%; height:100%; vertical-align:middle;}
.tab_secbox li a {position:relative; display:table-cell; height:46px; cursor:pointer; color:#444; text-align:center; vertical-align:middle; line-height:1.0; border-width:1px 1px; border-style:solid; border-color:#cacaca;border-radius:7px 7px; background-color:#f0f0f0;}
.tab_secbox li a:hover, .tab_secbox li a:active, .tab_secbox li a:focus {color:#121212; background-color:#d1d1d1; transition: all 0.1s linear;}
.tab_secbox li.tab_on a {color:#0070bd; border-color:#0070bd; background-color:#fff; text-decoration:none;z-index:2;}
.tab_secbox li.tab_on a:after {content:''; display:block; position:absolute; left:50%; bottom:8px; margin-left:-15px; width:30px; height:3px; background-color:#0070bd;}
.tab_secbox li a span {display:block; padding:0 10px; font-size:1.4rem; line-height:1.2;}

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

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

@media screen and (max-width:800px) {
.plan-left {display:none;}
}

@media screen and (max-width:767px) {
.tab_box.tab_col4 li {width:33.3333%;} /*탭:조정*/
.tab_box.tab_col3 li {width:50%;}
.tab_box li.tab_on a {border-bottom-color:#cacaca;}

.tab_secarea {padding:10px;}
.tab_secarea:before {display:none;}
.tab_secbox li {width:33.3333%; padding:2px; min-width:inherit;}
.tab_secbox li a {border-width:1px; border-radius:7px;}
.tab_secbox li a span {padding:0 5px;}
}

@media screen and (max-width:640px) {
.tab_box.tab_col4 li, .tab_box.tab_col3 li, .tab_box.tab_col2 li {width:100%;} /*탭:조정*/
.tab_box li.tab_on a {border-bottom-color:#cacaca; color:#fff; background-color:#0152a6;}

.tab_secbox li {width:50%;}
.tab_secbox li a {height:42px;}
.tab_secbox li.tab_on a:after {bottom:5px;}
}

@media screen and (max-width:480px) {
.tab_secbox li {float:none; width:100%;}
}

/********************************
 youtube-반응형
 *******************************/
.youtube_box {position:relative; height:0; padding-bottom:56.25%;}
/*자막*/
.subtitles_box {padding:20px; overflow-y:auto; border-color:#dbdbdb; background-color:#f9f9f9;}

/********************************
 테이블
 *******************************/
/*스크롤*/
.scrl_info {display:none; margin-bottom:4px;}
.scrl_info p {position:relative; display:table-cell; padding-left:45px; height:42px; vertical-align:middle;}
.scrl_info p:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:42px; height:42px; background:url(../images/sub_ir.png) -21px -24px no-repeat;}
.scrl_box {}

/*리스트 내 테이블 위치수정*/
.list_in_tbl01 {margin-left:-20px;} /*1depth : li*/
.list_in_tbl02 {margin-left:-28px;} /*2depth : li*/
.list_in_tbl03 {margin-left:-36px;} /*3depth : li*/

table.txt_c {text-align:center;}
table.txt_l {text-align:left;}
table.txt_r {text-align:right;}
table.valg_m th, table.valg_m td {vertical-align:middle;}

th.txt_c, td.txt_c {text-align:center !important;}
th.txt_l, td.txt_l {text-align:left !important;}
th.txt_r, td.txt_r {text-align:right !important;}

/*기본 테이블*/
.tbl_base {table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 1px 0 1px; border-top-color:#0152a6;}
.tbl_base thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#f4fbff;}
.tbl_base thead th:last-child {border-right-width:0;}
.tbl_base thead th.add_line {border-right-width:1px;}

.tbl_base tbody th, .tbl_base tbody td,
.tbl_base tfoot th, .tbl_base tfoot td {padding:10px 5px 8px;}

.tbl_base tbody th {color:#333; font-weight:400; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.tbl_base tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}
.tbl_base tbody td:last-child {border-right-width:0;}
.tbl_base tbody td.add_line {border-right-width:1px;}

.tbl_base tfoot th {color:#333; font-weight:400; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td:last-child {border-right-width:0;}
.tbl_base tfoot td.add_line {border-right-width:1px;}

/*테이블-내부컨텐츠용*/
a.t_open_n {display:inline-block;}
a.t_open_n span {padding-right:22px !important; background:url(../images/icon_openwin.png) right 3px no-repeat;}

/********************************
 이미지박스 : 큰이미지보기
 *******************************/
.imgbox {position:relative;}
.imgbox figcaption {display:none; margin:0; padding:0;}
.imgbox figcaption a {display:block; padding:10px 0; color:#333; text-align:center; border:1px solid #ddd; background-color:#f5f5f5;}
.imgbox figcaption a:hover,
.imgbox figcaption a:active,
.imgbox figcaption a:focus {border-color:#0b717b;}
.imgbox figcaption a span {position:relative; display:inline-block; padding-right:20px;}
.imgbox figcaption a span:after {content:''; display:block; position:absolute; right:0; top:50%; bottom:0; margin-top:-7px; width:14px; height:14px; background:url(../images/sub_ir.png) -22px -87px no-repeat;}

@media screen and (max-width:767px) {
.imgbox figcaption {display:block; padding:10px 0 0;}
}


/********************************
 상단안내글 (아이콘x)
 *******************************/
.top_txtbox {position:relative; border:2px solid #007dc6;}
.top_txtinner {position:relative; padding:35px 35px 35px 180px; min-height:112px;}
.top_txtinner .t_txt {display:table-cell; height:112px; vertical-align:middle;}
.top_txtinner .t_txt h3 {margin-top:0; color:#0152a6;}
.top_txtinner:before {content:''; display:inline-block; position:absolute; top:50%; left:35px; margin-top:-56px; width:112px; height:112px; /*background-image:url(../images/sub_ir.png);*/ background-repeat:no-repeat; background-color:#ddd;}

/********************************
 상단안내글(텍스트)
 *******************************/
.info_txtbox {position:relative; padding:25px 30px; border:2px solid #007dc6;}
.info_txtbox p.info_tit {color:#0152a6; font-weight:500; font-size:1.8rem;}
.info_txtbox ul {}
.info_txtbox li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.info_txtbox ul > li {position:relative; padding-left:15px;}
.info_txtbox ul > li:before {content:''; display:block; position:absolute; top:8px; left:3px; width:6px; height:6px; background-position:-12px -140px;}
.info_txtbox ul > li > ul > li {position:relative; padding-left:8px;}
.info_txtbox ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:0 -109px;}

/********************************
 안내박스(텍스트)
 *******************************/
.info_txtbox2 {position:relative; padding:20px; border:1px solid #ddd; background-color:#f8f8f8;}
.info_txtbox2 p {margin-bottom:0;}
.info_txtbox2 ul {}
.info_txtbox2 li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.info_txtbox2 ul > li {position:relative; padding-left:20px;}
.info_txtbox2 ul > li:before {content:''; display:block; position:absolute; top:7px; left:3px; width:10px; height:10px; background-position:-8px -114px;}
.info_txtbox2 ul > li > ul > li {position:relative; padding-left:8px;}
.info_txtbox2 ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:0 -109px;}

/********************************
 안내박스(리스트)
 *******************************/
.info_txtbox3 {position:relative; padding:20px; border:1px solid #ddd; background-color:#f8f8f8;}
.info_txtbox3 p.info_tit {color:#0152a6; font-weight:500; font-size:1.8rem;}
.info_txtbox3 ul {}
.info_txtbox3 li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.info_txtbox3 ul > li {position:relative; padding-left:15px;}
.info_txtbox3 ul > li:before {content:''; display:block; position:absolute; top:8px; left:3px; width:6px; height:6px; background-position:-12px -140px;}
.info_txtbox3 ul > li > ul > li {position:relative; padding-left:8px;}
.info_txtbox3 ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:-19px -140px;}

/********************************
 버튼
 *******************************/
/*버튼-아이콘 공통*/
.btn_icon {display:block; position:absolute; left:10px; top:50%; margin-top:-16px; width:32px; height:32px; font-size:0; text-indent:-9999px;}
.btn_icon:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:32px; height:32px; background:url(../images/sub_ir.png) -141px -24px no-repeat;}

/*버튼-리스트*/
.btn_listbox {overflow:hidden;}
.btn_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.btn_listbox .btn_listinner {margin-left:-10px;}
.btn_ul_list li a:hover, .btn_ul_list li a:active, .btn_ul_list li a:focus {font-weight:500; text-decoration:underline; border-color:#00619a; transition: border-color 0.2s linear;}
.btn_ul_list li {float:left; display:inline-block; margin-bottom:10px; padding-left:10px;}
.btn_ul_list li a {display:block; position:relative; padding:3px 8px 3px 50px; border:1px solid #ddd; background-color:#fff;}
.btn_ul_list li a span {display:table-cell; /*height:30px;*/ height:42px; line-height:1.2; vertical-align:middle; word-break:break-all;}

.btn_ul_list.col_6 li {width:16.6666%;}
.btn_ul_list.col_4 li {width:25%}
.btn_ul_list.col_4 li a span {height:42px;}
.btn_ul_list.col_3 li {width:33.3333%}
.btn_ul_list.col_2 li {width:50%}
.btn_ul_list.col_1 li {width:100%}

/*버튼-단독사용*/
.btn_one:hover, .btn_one:active, .btn_one:focus {font-weight:500; text-decoration:underline; border-color:#00619a; transition:border-color 0.2s linear;}
.btn_one {display:inline-block; position:relative; margin-top:5px; padding:6px 17px 6px 50px; min-height:32px; text-align:left !important; border:1px solid #ddd; background-color:#fff;}
.btn_one .btn_icon {top:8px; margin-top:0;}
.btn_one span {display:block; /*line-height:36px;*/ padding-top:5px; padding-bottom:7px;}
.btn_one.col_1 {}
button.btn_one.col_1 {text-align:left !important;}

.btn_one.tbl_nline {border:none; padding:0 8px 0 50px;}
.btn_one.tbl_nline .btn_icon {top:2px; margin-top:0;}
.btn_one.tbl_nline span {line-height:18px; padding-top:9px;}

.btn_set {display:inline-block; position:relative;}


/********************************
 만족도조사
 *******************************/
.stf_box {margin-top:50px; border:1px solid #d5d5d5;}
.stf_t_box {position:relative; padding:10px 20px;}
.stf_t_box .stf_txt {position:relative; margin-bottom:0; padding-left:18px; display:inline-block;}
.stf_t_box .stf_txt strong {display:inline-block; margin:0 5px; color:#333;}
.stf_t_box .stf_txt span {display:inline-block; margin:0 5px;}
.stf_t_box .stf_txt span .m_hidden {display:inline; margin:0;}
.stf_t_box .stf_txt span em {color:#006aa8; letter-spacing:0;}
.stf_t_box .stf_txt:before {content:''; display:inline-block; position:absolute; top:3px; left:0; width:18px; height:18px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.stf_t_box .stf_txt.stf_l:before {background-position:-34px -140px;}
.stf_t_box .stf_txt.stf_r:before {background-position:-60px -140px;}
.stf_line {position:relative; display:inline-block; padding-left:20px; margin-left:15px;}
.stf_line:before {content:''; display:inline-block; position:absolute; top:3px; left:0; width:6px; height:18px; background:url(../images/sub_ir.png) -417px 0 no-repeat;}

.stf_srchbox {padding:15px 30px; background-color:#f7f7f7;}
.stf_srchbox .stf_fix {position:relative;}
.stf_srchbox .stf_fix .stf_srchinner {display:table; position:relative; width:75%; padding-left:90px; height:76px;}
.stf_srchbox .stf_fix .stf_srchinner:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:76px; height:76px; background:url(../images/sub_ir.png) -64px -24px no-repeat;}
.stf_srchbox .stf_fix .stf_srchinner dl {display:table-cell; vertical-align:middle;}
.stf_srchbox .stf_fix .stf_srchinner dt {color:#333;}
.stf_srchbox .stf_fix .stf_srchinner dd {display:inline-block; margin:2px;}
.stf_srchbox .stf_fix .stf_srchinner dd.user_comt {display:block; width:100%; margin:2px;}
.stf_srchbox .stf_fix .stf_srchinner dd.user_comt label {display:block; margin:0; padding:0;}
.stf_srchbox .stf_fix .stf_srchinner dd.user_comt input {display:block; width:100%; height:40px; line-height:40px; border:1px solid #ddd; background-color:#fff;}
.stf_srchbox .stf_fix .stf_srchinner input {margin-right:3px; vertical-align:middle;}
.stf_srchbox .stf_fix .srf_btn {display:inline-block; position:absolute; right:0; top:50%; margin-top:-20px; width:140px; height:40px; font-weight:500; color:#fff; border-radius:5px; background-color:#333;}
.stf_srchbox .stf_fix .srf_btn:hover, .stf_srchbox .stf_fix .srf_btn:active, .stf_srchbox .stf_fix .srf_btn:focus {background-color:#006aa8; transition: background-color 0.1s linear;}

.stf_t_box + .stf_line + .stf_srchbox {border-top:1px solid #e0e2e3;}


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

@media screen and (max-width:1024px) {
h2 {margin-top:30px;}
h3 {margin-top:20px;}
.tit_h2 {font-size:2.1rem;}
.tit_h2:before {top:6px;}
.tit_h3 {font-size:1.7rem;}
.tit_h3:before {top:4px;}

.info_ul_list.col_4 li {width:33.3333%;} /*안내-아이콘박스:조정*/

.top_txtinner {position:relative; padding:30px 30px 30px 170px;}
.top_txtinner:before {left:30px;}
  
.btn_ul_list.col_6 li {width:33.3333%;}
}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
.info_ul_list.col_4 li, .info_ul_list.col_3 li {width:50%;} /*안내-아이콘박스*/

.top_txtinner {position:relative; padding:20px 20px 20px 160px;} /*상단 텍스트박스*/
.top_txtinner:before {left:20px;}

.btn_ul_list.col_4 li {width:33.3333%}
.btn_ul_list.col_3.re_half li {width:50%}
}

@media screen and (max-width:767px) {
h2 {margin-top:20px;}
h3 {margin-top:16px;}
.tit_h2 {font-size:2.0rem;}
.tit_h2:before {top:5px;}
.tit_h3 {font-size:1.6rem;}
.tit_h3:before {top:3px;}
.tit_h3nb, .tit_h3ng {font-size:1.6rem;}

.list_num > li, .list_num_l > li {margin:1px 0;} /*원간격 조정*/


.tab_box.tab_col4 li {width:33.3333%;} /*탭:조정*/
.tab_box.tab_col3 li {width:50%;}

.tab_secarea {padding:10px;}
.tab_secarea:before {display:none;}
.tab_secbox li {width:33.3333%; padding:2px; min-width:inherit;}
.tab_secbox li a {border-width:1px; border-radius:7px;}
.tab_secbox li a span {padding:0 5px;}

.scrl_info {display:table;}
.scrl_box {overflow-x:scroll; width:100%;}
.scrl_box .tbl_base {width:768px;}/*스크롤 사용시 테이블 사이즈 고정*/

/*.info_ul_list.col_4 li, .info_ul_list.col_3 li {width:50%;} 안내-아이콘박스:조정*/

.top_txtbox:before {height:30px;}
.top_txtinner {position:relative; padding:20px; min-height:auto;}
.top_txtinner:before {display:none;}
.top_txtinner .t_txt {height:auto;}

.info_txtbox {padding:20px;}
.info_txtbox p.info_tit {font-size:1.6rem;}

.stf_t_box {padding-left:20px;}
.stf_t_box .stf_txt {display:block;}
.stf_t_box .stf_txt:before {top:2px;}
.stf_t_box .stf_txt.stf_r {margin-top:6px;}
.stf_line {padding-left:0; margin-left:0;}
.stf_line:before {display:none;}

.stf_srchbox {padding-left:20px;}
.stf_srchbox .stf_fix .srf_btn {margin-top:-17px; width:100px; height:34px;}

.btn_ul_list.col_4 li, .btn_ul_list.col_3 li {width:50%}
}

@media screen and (max-width:640px) {
.tab_box.tab_col4 li, .tab_box.tab_col3 li, .tab_box.tab_col2 li {width:100%;} /*탭:조정*/

.info_txtbox.icon_fix {padding:10px;}
.info_txtbox .info_texbox_inner.icon {padding-left:54px;}

.tab_secbox li {width:50%;}
.tab_secbox li a {height:42px;}
.tab_secbox li.tab_on a:after {bottom:5px;}

.stf_t_box .stf_txt span.m_hidden {display:none;}
.stf_srchbox {padding:15px 20px 18px 20px;}

.stf_srchbox .stf_fix .stf_srchinner {padding-left:0; height:auto;}
.stf_srchbox .stf_fix .stf_srchinner:before {display:none;}
.stf_srchbox .stf_fix .srf_btn {display:block; position:static; right:auto; top:auto; margin-top:10px; width:100%; height:40px;}

.btn_ul_list.col_4 li, .btn_ul_list.col_3 li, .btn_ul_list.col_2 li {width:100%}
.btn_ul_list.col_6 li {width:50%;}
.btn_ul_list.col_3.re_half li {width:100%}

.btn_one.col_1 {display:block;}
button.btn_one.col_1 {width:100%;}
}

@media screen and (max-width:480px) {
.tab_secbox li {float:none; width:100%;}
.btn_ul_list.col_6 li {width:100%;}
}

/********************************
테마여행
 *******************************/
/*도보*/
.theme_box {width:100%; height:auto; text-align:center;}
.tcopy01 {font-family:'GSK'; font-size:2.4rem; color:#004990; margin-bottom:10px;}
.tcopy02 {font-family:'GSK'; font-size:1.8rem;}

.timg01 {display:inline-block; margin-top:30px;}
.timg02 {display:inline-block;}
.timg02 li {float:left; width:50%;}

.ttxt {font-size:1.6rem;}
.color01 {color:#0054a6;}
.color02 {color:#168048;}
.color03 {color:#fb6646;}

.road_map {display:inline-block; width:100%; height:550px; max-width:1000px; overflow-y:scroll;}
.road_map img {width:100%;}
.tcourse {display:inline-block; width:1000px; margin:10px 0;}
.tcourse li {float:left; width:47.8%; height:auto; margin:10px; padding:20px; border:1px solid #c7c7c7; border-radius:3px;}
.tcourse li.one {width:98%; height:auto; margin:10px; padding:20px; border:1px solid #c7c7c7; border-radius:3px;}
.map_wrap {display:inline-block; width:100%; height:400px; max-width:1000px;}

.mtitle {float:left; width:100px; margin:0 10px 10px 0; padding:5px 10px; border-radius:50px; font-size:1.6rem; color:#fff;}
.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;}

.micon1 {position:relative; float:left; margin-right:30px; padding-left:25px; line-height:2.8;}
.micon1:before {content:""; display:inline-block; position:absolute; top:8px; left:0; width:20px; height:20px; background: url('../images/theme/road/roadicon01.png') center center no-repeat;}
.micon2 {position:relative; float:left; padding-left:25px; line-height:2.8;}
.micon2:before {content:""; display:inline-block; position:absolute; top:8px; left:0; width:20px; height:20px; background: url('../images/theme/road/roadicon02.png') center center no-repeat;}
.micon1 span, .micon2 span {font-weight:500;}
.course {display:inline-block; width:100%; height:110px; padding:10px 0; overflow:hidden; text-align:left; border-top:1px solid #e2e2e2;}


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

}

@media screen and (max-width:1024px) {
.tcourse {width:100%;}
.tcourse li, .tcourse li.one {float:none; width:100%; margin:10px 0;}

}

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