@charset "UTF-8";
.f_l{float:left;}
.f_r{float:right;margin:0 0 0 0;}


/*문화의 거리*/
.numCircle{display: inline-block;width: 25px; height: 25px; border-radius: 100%;background-color: #000;color: #fff;text-align: center; line-height: 30px;margin-right: 5px; font-size:12px;}
.streetList5 ol:after{clear:both;content:"";display:block;}
.streetList5 ol li{float:left; width:50% !important; font-size:13px;}
.streetList5 ol{ background-color:#f4f4f4; padding:20px 15px;}

/*ul 블릿*/
.bu01 > li{padding-left: 20px;background: url('/images/01_web/common/bul_ul.png')no-repeat 10px 11px;margin-bottom:10px;}
.bu01 > li > ul{margin: 15px 0;}
.bu01 > li > ul > li{padding-left:10px;background:url('/images/01_web/common/bul_ulul.png')no-repeat 0 8px; margin-bottom:10px;}


.bultype2 > li{padding-left: 20px;float:left; width:33.3% !important;
background: url('/images/01_web/common/bul_ul.png')no-repeat 10px 11px;margin-bottom:10px;}
.bultype2 > li > ul{margin: 15px 0;}
.bultype2 > li > ul > li{padding-left:10px;background:url('/images/01_web/common/bul_ulul.png')no-repeat 0 8px; margin-bottom:10px !important;}

/*스크롤박스*/
.scrollBox > .img_box{width:600px;}


ul.skin4.new_skin li{margin-bottom:60px;}
ul.skin4.new_skin li p.grayBox{background:#dbdbdb; width:100%;text-align:center; line-height: 37px;font-weight:bold;}

/*일정별여행코스*/
.sub0102{overflow:hidden;}
.sub0102 .tit{background:url(/images/01_web/sub/sub0102_01.png) no-repeat 0 0;}
.sub0102 .tit2{background:url(/images/01_web/sub/sub0102_02.png) no-repeat 0 0; margin-top:40px;}

.sub0102 h4{font-size:30px; font-weight:bold; color:#dc1e34; text-align:center;}
.sub0102 p{text-align:center; padding:10px 0 90px 0;}
.sub0102 ol.course{overflow:hidden;}
.sub0102 ol.course li{float:left; width:20%; background:url(/images/01_web/sub/sub0102_03.png) no-repeat right center}
.sub0102 ol.course li:last-child{background:none;}
.sub0102 ol.course li:nth-child(5){background:none;}
.sub0102 ol.course li a{display:block; border-radius:10px; text-align:center; width:141px; height:204px; margin-left:5px;}
.sub0102 ol.course li a img{margin-top:25px;}
.sub0102 ol.course li a.green{background:#f0f2c5;}
.sub0102 ol.course li a.blue{background:#c3e6f2;}
.sub0102 ol.course li a span{display:block; margin-top:15px;}
.magt20{margin-top:20px;}




.formInfo{width:100%;height:56px;background-color:#f9f9f9;line-height:56px;font-size:14px;font-weight:bold;}
.formInfo span{color:#b02323;padding:0 0 0 32px;}
.backColor{background-color:#f8f8f8}
.lineBox{position:absolute;top:36%;left:58%;}
.topBox .boxWrap .topList{padding-left:20px;}
.textCenter{text-align:center;}
.contWrap:after{display:block;content:'';clear:both;}
.root_daum_roughmap{width:100%;}
/* table_리스트 */
div.board{overflow:hidden;border-top:3px solid #8a8a8a;color:#797979;}
div.board table.basicT{width:100%;border-spacing:0;padding:0;border-collapse:collapse;table-layout:fixed;}
table.basicT thead th{background:#f9f9f9;border-bottom:1px solid #dbdbdb;font-weight:normal;padding:16px 0;text-align:center;color:#000;font-size:15px;}
table.basicC tbody td{border:1px solid #d5d5d5;padding:10px;text-align:center;font-size:14px;border-top:none;border-right:none;line-height:1.3}
table.basicC tbody td:first-child{border-left:0;}
table.basicT tbody td a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;float:left;margin-right:5px;}
table.basicT tbody td.tac{text-align:center;}
table.basicT tbody td.tal{text-align:left;padding-left:10px;}
table.basicT tbody td.tar{text-align:right;}
table.basicT tbody td > a > em{display:block;color:#1763b1;font-weight:bold;margin-bottom:6px;}
table.basicT tbody td > a > span{display:block;font-size:0.95em;color:#676767;margin-top:10px;}
table.basicT tbody th{background:#f9f9f9;border-bottom:1px solid #dbdbdb;padding:10px 6px;font-weight:bold;text-align:center;}

/*관광안내전화*/
.sub0502{}
.sub0502 > .sub_top{background:url(/images/02_mobile/content/05/02/img_01.jpg) no-repeat 0 center;/*border-bottom:8px solid #ebebeb;*/height:169px;/*margin-bottom:40px;*/background-size:100%;}
.sub0502 > .sub_top > .s_wrap{}
.sub0502 > .sub_top > .s_wrap > h4{color:#fff;/*font-size:53px;*/letter-spacing:-0.01em;font-family:"SeoulNamsanL";text-align:center;background:url(/images/02_mobile/content/05/02/img_02.png) no-repeat center 33%;padding-top:88px;text-shadow:1px 1px 1px #000;background-size:17%;}
.sub0502 > .sub_mid{margin-bottom:60px;}
.sub0502 > .sub_mid > h5{font-size:25px;text-align:center;font-weight:normal;margin-bottom:25px;letter-spacing:-0.1em;}
.sub0502 > .sub_mid > h5 > span.m1{background:url(/images/02_mobile/content/05/02/img_03.png) no-repeat 0 center;width:28px;height:50px;display:inline-block;margin-right:10px;}
.sub0502 > .sub_mid > h5 > span.m2{font-size:35px;font-family:"SeoulNamsanL";padding-left:10px;letter-spacing:-0.01em;}
.sub0502 > .sub_mid > h5 > span.m3{background:url(/images/02_mobile/content/05/02/img_04.png) no-repeat 0 center; width:28px;height:50px; display:inline-block;margin-left:10px;}
.sub0502 > .sub_mid > p{font-size:15px;letter-spacing:-0.1em;line-height:30px;color:#262626;}
.sub0502 > .sub_bot{}
.sub0502 > .sub_bot > ul{}
.sub0502 > .sub_bot > ul > li{padding:35px 30px 35px 160px;border-bottom:1px solid #ebebeb;min-height:154px;}
.sub0502 > .sub_bot > ul > li.tell01{border-top:1px solid #9e9e9e; background:#f8f8f8 url('/images/02_mobile/content/ico_tripTell01.png') no-repeat 32px center}
.sub0502 > .sub_bot > ul > li.tell02{ background:#fff url('/images/02_mobile/content/ico_tripTell02.png') no-repeat 32px center}
.sub0502 > .sub_bot > ul > li.tell03{ background:#f8f8f8 url('/images/02_mobile/content/ico_tripTell03.png') no-repeat 32px center}
.sub0502 > .sub_bot > ul > li.tell04{background:#fff url('/images/02_mobile/content/ico_tripTell04.png') no-repeat 32px center}
.sub0502 > .sub_bot > ul > li.tell05{ background:#f8f8f8 url('/images/02_mobile/content/ico_tripTell05.png') no-repeat 32px center}

.sub0502 > .sub_bot > ul > li > h6{font-size:20px;font-weight:600;padding:0;margin:0;}
.sub0502 > .sub_bot > ul > li > p{color:#707070;letter-spacing:-0.1em;padding-top:10px;font-size:15px;line-height:25px;}

/*중구관광지도*/
.sub0501 > .subMap{width:100%;}
.sub0501 > .subMap > .wrap{padding:50px 20px 80px;background:#edf2d6;position:relative;}
.sub0501 > .subMap > .wrap > span.blind{border-top:2px solid #e0ad47;width:58px;}
.sub0501 > .subMap > .wrap > h4{color:#000;font-size:30px;font-family:"SeoulNamsanL";line-height:2;text-align:center}
.sub0501 > .subMap > .wrap > p{font-size:16px;color:000;line-height:25px;letter-spacing:-0.1em;text-align:center;}
.sub0501 > .subMap > .wrap > div.info{position:absolute;bottom:0;left:0;background:#a1ba27;width:100%;}
.sub0501 > .subMap > .wrap > div.info > a{color:#fff;font-size:20px;display:block;/*background:url(/images/02_mobile/content/05/01/img_05.png) no-repeat right center;height:63px;*/padding:20px;}
.sub0501 > .subMap > .wrap > div.titleImg{position:absolute;top:-10px;left:0;}
.sub0501 > .subMap > .wrap > div.titleImg img{width:80%;}
.sub0501 > .subDown{margin:30px 0 0 0;}
.sub0501 > .subDown > .wrap{background:#e0eaf5;}
.sub0501 > .subDown > .wrap > h4{color:#000;font-size:30px;font-family:"SeoulNamsanL";line-height:2;}
.sub0501 > .subDown > .wrap > div.info{position:absolute;bottom:0;left:0;background:#5c8fcb;width:100%;}
.sub0501 > .subDown > .wrap > div.info > a{color:#fff;font-size:20px;display:block;/*background:url(/images/02_mobile/content/05/01/img_07.png) no-repeat right center;height:63px;*/padding:20px;}
.sub0501 > .subDown > .wrap > div.titleImg img{width:80%;}

/*중구맛집백서*/
.sub040104{background:url(/images/02_mobile/content/04/0104/bg.gif) no-repeat;padding:15px;width:100%;}
.sub040104 .wrap{background:#fff;padding:56px 30px;background-repeat:repeat-y;overflow:hidden;}
.sub040104 .sub_left{width:45%;}
.sub040104 .sub_left ul li{margin-bottom:5px;width:45%;float:left;margin-right:5px;}
.sub040104 .sub_left ul li img{width:100%;}
.sub040104 .sub_right{}
.sub040104 .sub_right div.title{color:#909090;font-size:45px;margin-bottom:20px;text-align:right;}
.sub040104 .sub_right div.title span.t1{color:#303030;font-size:1.2em;}
.sub040104 .sub_right div.title span.t2{color:#c74242;font-size:1.2em;}
.sub040104 .sub_right div.txt{font-size:15px;color:#4d4d4d;letter-spacing:-0.1em;margin-bottom:20px;line-height:21px;}
.sub040104 .sub_right div.btn{padding:15px;background:#c74242;border-bottom:8px solid #9c3333;text-align:center;}
.sub040104 .sub_right div.btn a{color:#fff;font-size:22px;font-weight:600;}

/*교통정보*/
.sub0504{}
.sub0504 .list{}
.sub0504 .list .top{overflow:hidden;}
.sub0504 .list .top .img{width:100%;background:#c5983f;border-right:5px solid #b29207;text-align:center;padding:8px 0;}
.sub0504 .list .top .txt{width:100%;background:url('/images/02_mobile/content/05/04/bg.gif') no-repeat;text-align:center;padding:45px 0;background-size:100% 241px;}
.sub0504 .list .top .txt h4{color:#5f5f5f;font-size:22px;margin-bottom:25px;letter-spacing:-0.01em;line-height:1.3;color:#2a2a2a;font-weight:normal;}
.sub0504 .list .top .txt h4 span{font-size:28px;font-weight:400;font-family:"SeoulNamsanL";color:#000;}
.sub0504 .list .top .txt ul{}
.sub0504 .list .top .txt ul li{display:inline-block;margin-right:25px;}
.sub0504 .list .top .txt ul li:last-child{margin-right:0;}
.sub0504 .list .mid{background:#fefdf8 url('/images/02_mobile/content/05/04/bar.gif') repeat-y 20px 0;padding:30px 30px 30px 10px;}
.sub0504 .list .mid dl{padding-left:40px;margin-bottom:20px;background:url('/images/02_mobile/content/05/04/map_icon.png') no-repeat;}
.sub0504 .list .mid dl:last-child{margin-bottom:0;}
.sub0504 .list .mid dl dt{color:#000;font-weight:600;font-size:20px;line-height:2}
.sub0504 .list .mid dl dd{color:#4f4f4f;font-size:15px;letter-spacing:-0.01em;font-weight:normal;line-height:24px;}
.sub0504 .traffic{margin-top:55px;}
.sub0504 .traffic ul{}
.sub0504 .traffic ul li{padding:45px 5px 45px 120px;border-bottom:1px solid #efefef;}
.sub0504 .traffic ul li.traffic01{background:url('/images/02_mobile/content/ico_traffic01.png') no-repeat 10px center;}
.sub0504 .traffic ul li.traffic02{background:url('/images/02_mobile/content/ico_traffic02.png') no-repeat 10px center;}
.sub0504 .traffic ul li.traffic03{background:url('/images/02_mobile/content/ico_traffic03.png') no-repeat 10px center;}
.sub0504 .traffic ul li.traffic04{background:url('/images/02_mobile/content/ico_traffic04.png') no-repeat 10px center;}
.sub0504 .traffic ul li:first-child{border-top:2px solid #d5d5d5;}

.sub0504 .traffic ul li p{color:#554a4a;font-size:15px;font-weight:normal;margin-bottom:15px;}
.sub0504 .traffic ul li span.btn_traffic{}
.sub0504 .traffic ul li span.btn_traffic a{border:1px solid #d9d9d9;font-size:15px;color:#545454;margin-right:10px;display:inline-block;padding:5px;}
.sub0504 .traffic ul li span.btn_traffic:last-child{margin-right:0;}

.sub0504 .info{margin-top:35px;}
.sub0504 .info ul{}
.sub0504 .info ul li{margin-top:20px;border:1px solid #ededed;border-bottom:4px solid #ededed;padding:120px 0px 20px 0px;display:inline-block;width:100%;background:url('/images/02_mobile/content/05/04/info_1.png') no-repeat center 28%;text-align:center;}
.sub0504 .info ul li:nth-child(2){background:url('/images/02_mobile/content/05/04/info_2.png') no-repeat center 28%;}
.sub0504 .info ul li:nth-child(3){background:url('/images/02_mobile/content/05/04/info_3.png') no-repeat center 28%;}
.sub0504 .info ul li:last-child{margin-right:0;}
.sub0504 .info ul li a{color:#696969;font-size:18px;font-weight:normal;text-align:center;}
.sub0504 .info ul li:hover{background:#c5983f url(/images/02_mobile/content/05/04/ico1.gif) no-repeat center 35%;border:1px solid #c5983f;border-bottom:4px solid #917709;}
.sub0504 .info ul li:hover a{color:#fff;}
.sub0504 .info ul li.i1:hover{background:#c5983f url('/images/02_mobile/content/05/04/info_1_2.png') no-repeat center 28%;}
.sub0504 .info ul li.i2:hover{background:#c5983f url('/images/02_mobile/content/05/04/info_2_2.png') no-repeat center 28%;}
.sub0504 .info ul li.i3:hover{background:#c5983f url('/images/02_mobile/content/05/04/info_3_2.png') no-repeat center 28%;}
.sub0504 .info ul li:fist-child:hover{}

/*탭스타일*/
ul.tabMenu{width:100%;border-left:1px solid #ededed;}
ul.tabMenu:after{content: '';display: block;clear: both;}
ul.tabMenu > li{float:left;width:33.3%;}
ul.tabMenu > li > a{display: block;border:solid #ededed;border-width:1px 1px 1px 0;padding:15px 0;text-align: center;font-size:15px;color:#666;background:#f4f4f4;}
ul.tabMenu > li.on a, ul.tab > li a.on{background:#fff;border-top:5px solid #e94147;border-bottom:1px solid #fff;color:#c6191f;padding:13px 0;}

/*탭스타일2*/
ul.tabMenu2{width:100%;border-left:1px solid #ededed;margin-top:35px;}
ul.tabMenu2:after{content: '';display: block;clear: both;}
ul.tabMenu2 > li{float:left;width:33.3%;}
ul.tabMenu2 > li > a{display:block;padding:13px;text-align:left;font-size:15px;color:#575757;border:1px solid #ededed;background:#f4f4f4 url('/images/02_mobile/content/04/0401/arrow.png') no-repeat 90% center;}
ul.tabMenu2 > li.on a, ul.tab > li a.on{color:#fff;padding:13px;border:1px solid #72afc5;font-weight:600;background:#63b7d5 url('/images/02_mobile/content/04/0401/arrow_on.png') no-repeat 90% center;}

/*특산품 인트로박스*/
.Tintro_box{background:url('/images/02_mobile/sub/03/sub030801_img_6.jpg') no-repeat;padding:30px 30px 0;border:1px solid #ededed;border-bottom:4px solid #ededed;overflow:hidden;position:relative;text-align:center;}
.Tintro_box ul{background-color:#fff;width:100%;float:left;margin:30px 0 0 0px;border-top:1px solid #e1e1e1;text-align:left;}
.Tintro_box ul li{font-size:14px;color:#242424;border-bottom:1px solid #ededed;clear:both;overflow:hidden;line-height:1.1;padding:13px 0;}
.Tintro_box ul li:last-child{border:none;}
.Tintro_box ul li .s1{width:22%;float:left;padding-left:32px;height:23px;font-size:15px;color:#000;line-height:23px;}
.Tintro_box ul li .s2{color:#666666;border-left:1px solid #dbdbdb;padding-left:20px;float:left;font-size:15px;color:#666;width:78%;line-height:23px;}
.Tintro_box ul li .z1{background:url('/images/02_mobile/content/04/icon/intro_z1.png') no-repeat top left;}/*성명*/
.Tintro_box ul li .z2{background:url('/images/02_mobile/content/04/icon/intro_z2.png') no-repeat top left;}/*주소*/
.Tintro_box ul li .z3{background:url('/images/02_mobile/content/04/icon/intro_z3.png') no-repeat top left;}/*업체명*/
.Tintro_box ul li .z4{background:url('/images/02_mobile/content/04/icon/intro_z4.png') no-repeat top left;}/*연락처*/
.Tintro_box ul li .z5{background:url('/images/02_mobile/content/04/icon/intro_z5.png') no-repeat top left;}/*전수*/
.Tintro_box ul li .z6{background:url('/images/02_mobile/content/04/icon/intro_z6.png') no-repeat top left;}/*사사*/
.Tintro_box ul li .z7{background:url('/images/02_mobile/content/04/icon/intro_z7.png') no-repeat top left;}/*주요경력*/
.Tintro_face{width:214px;position:absolute;left:50%;margin-left:-107px;}

ul.bl{padding-left:15px;}
ul.bl li{background:url('/images/02_mobile/content/04/0406/ul_bl.png') no-repeat 0;padding-left:10px;color:#4d4d4d;font-size:15px;line-height:26px;}


@media only screen and (max-width: 600px)
{   
    
    /*스크롤박스*/   
    .scrollBox{width:100%;overflow-x: auto;padding-top: 40px ;background: url('/images/02_mobile/content/ico_scroll.png') no-repeat 50% 3px;background-size: auto 18px;}
    .scrollBox div.board{min-width:600px;}
    /*중구맛집백서*/
    .sub040104 .sub_right div.title{font-size:35px;}
    .sub040104 .sub_right div.title span.t1{color:#303030;font-size:40px;}
    .sub040104 .sub_right div.title span.t2{color:#c74242;font-size:1.2em;}
    .sub040104 .sub_right div.btn{padding:10px;}
    .sub040104 .sub_right div.btn a{font-size:1.2em;}

    /*관광안내전화*/
    .sub0502 > .sub_bot > ul > li{}
}
@media only screen and (max-width: 500px)
{
    /*특산품 인트로박스*/
    .Tintro_box ul li .s1{width:30%}
    .Tintro_box ul li .s2{width:70%}
    .sub0502 > .sub_top > .s_wrap > h4{font-size:2em;}  
    /*관광안내전화*/
    .sub0502 > .sub_mid > h5{font-size:1.3em;}
    .sub0502 > .sub_mid > h5 > span.m1{margin-right:2%;background-size:auto 15px;height:27px;}
    .sub0502 > .sub_mid > h5 > span.m3{margin-left:2%;background-size:auto 15px;height:27px;}
    .sub0502 > .sub_bot > ul > li{padding-left:100px;padding-right:5px;}
    .sub0502 > .sub_bot > ul > li > h6{font-size:18px;}
    .sub0502 > .sub_bot > ul > li.tell01{background-position:10px center;}
    .sub0502 > .sub_bot > ul > li.tell02{background-position:10px center;}
    .sub0502 > .sub_bot > ul > li.tell03{background-position:10px center;}
    .sub0502 > .sub_bot > ul > li.tell04{background-position:10px center;}
    .sub0502 > .sub_bot > ul > li.tell05{background-position:10px center;}
    /*교통정보*/
    .sub0504 .traffic ul li span.btn_traffic a{margin-right:2%;padding:5px 2px;}
    /**/
    .sub0501 > .subMap > .wrap > div.info > a{/*padding:15px 30px 15px 20px;*/font-size:18px;/*height:50px;*/background-size:auto 50px;text-align:center;}

}
@media only screen and (max-width: 390px)
{
    .Tintro_box ul li .s1{width:40%}
    .Tintro_box ul li .s2{width:60%}
    /*관광안내전화*/
    .sub0502 > .sub_mid > h5{font-size:1.1em;line-height:1.2;}
    /*교통정보*/
    .sub0504 .list .top .txt ul li{margin-right:2%;}
    .sub0504 .traffic ul li span.btn_traffic a {margin-top:5px;}
    /*관광지도*/
    .sub0501 > .subMap > .wrap > h4{font-size:23px;}
    .sub0501 > .subMap > .wrap{background-size:auto 290px;}
}

/*사이트맵*/
.sitemap{overflow:hidden;border-bottom:1px solid #ccc;}
.sitemap h4 a{padding:20px;display:block;border:1px solid #d2d2d2;border-width:1px 0;background:#f5f5f5;color:#e94147;font-size:24px;font-family:"SeoulNamsanL"}
.sitemap ul{}
.sitemap ul li{font-size:14px;font-weight:bold;background:url('/images/01_web/content/dash.gif') repeat-x 0 top;width:100%;overflow:hidden;padding:15px;line-height:2.4}
.sitemap ul li:first-child{background:none;}
.sitemap ul li a{display:block;float:left;width:100%;text-align:left;line-height:22px;}
.sitemap ul li ul{float:left;width:666px;}
.sitemap ul li ul li{font-weight:normal;float:left;background:none;width:50%;padding:0;background:url('/images/01_web/content/cal_bullet.gif') no-repeat left 50%;}
.sitemap ul li ul li:first-child{background:url('/images/01_web/content/cal_bullet.gif') no-repeat left 50%;}
.sitemap ul li ul li a{width:auto;padding:0 15px;}

@media (max-width:765px)
{
.sitemap{overflow:hidden;border-bottom:1px solid #ccc;}
.sitemap h4 a{padding:1em 0.5em;display:block;border:1px solid #d2d2d2;border-width:1px 0;background:#f5f5f5;color:#e94147;font-size:140%;}
.sitemap ul{}
.sitemap ul li{font-weight:bold;background:url('/images/01_web/content/dash.gif') repeat-x 0 top;width:100%;overflow:hidden;padding:0.5em;line-height:2.4}
.sitemap ul li:first-child{background:none;}
.sitemap ul li a{display:blockfont-size:120%;}
.sitemap ul li ul{width:100%;margin-top:10px;}

.sitemap ul li ul li{font-weight:normal;background:none;padding:0;background:url('/images/01_web/content/cal_bullet.gif') no-repeat left 50%;}
.sitemap ul li ul li:first-child{background:url('/images/01_web/content/cal_bullet.gif') no-repeat left 50%;}
.sitemap ul li ul li a{width:auto;padding:0 0.2em 0 0.5em;font-size:100%}
}

@media(max-width:360px){
.sitemap ul li ul li{float:left;width:50%;letter-spacing:-1px;}
}




/*종갓집 중구*/
.sub0101{background:url(/images/01_web/sub/sub0101_bg.png) no-repeat 0 0; width:100%; overflow:hidden; position:relative; height:1297px;}
.sub0101 h4{padding:166px 0 0 315px;}
.sub0101 p{font-size:17px; line-height:1.8em;}
.sub0101 .txt1{padding:50px 0 0 315px;}
.sub0101 .txt1 span{font-size:22px;}
.sub0101 .txt2{padding-top:23px;}
.sub0101 .txt3{margin-top:474px;}
.sub0101 .img1{position:absolute;top:100px; left:15px;}
.sub0101 .img2{position:absolute; top:764px; left:0;}
.sub0101 .img3{position:absolute; top:726px; left:232px;}
.sub0101 .img4{position:absolute; top:708px; left:493px;}
.sub0101 .img5{position:absolute; right:10px; top:875px;}

@media only screen and (max-width : 800px){ 
    .sub0101{background:none; height:auto;}
    .sub0101 h4{padding:50px 0 0 145px;;}
    .sub0101 h4 img{width:210px}
    .sub0101 .img1{height:186px; left:0; top:0}
    .sub0101 p{font-size:14px;}
    .sub0101 .txt1{padding:90px 0 0 0}
    .sub0101 .imgBox{position:relative;}
    .sub0101 .imgBox > *{top:10px !important;}
    .sub0101 .img2{width:31%}
    .sub0101 .img3{left:30%; width:41%}
    .sub0101 .img4{left:64%; right:0; width:34%}
    .sub0101 .img5{top:48px !important; width:20%}
    .sub0101 .txt3{margin-top:270px;}
}

@media only screen and (max-width : 600px){ 
    .sub0101 .txt3{margin-top:224px;}
}

@media only screen and (max-width : 500px){ 
    .sub0101 .txt3{margin-top:200px;}
}


@media only screen and (max-width : 450px){ 
    .sub0101 .txt3{margin-top:160px;}
    .sub0101 h4 img{width:140px}
}



/*일정별여행코스*/
.sub0102{overflow:hidden;}
.sub0102 .tit{background: url(/images/01_web/sub/sub0102_01.png) no-repeat 0 4px;}
.sub0102 .tit2{background:url(/images/01_web/sub/sub0102_02.png) no-repeat 0 0; margin-top:40px;}

.sub0102 h4{font-size:30px; font-weight:bold; color:#dc1e34; text-align:center;}
.sub0102 p{text-align:center; padding:10px 0 90px 0;}
.sub0102 ol.course{overflow:hidden;}
.sub0102 ol.course li{float:left; width:20%; background:url(/images/01_web/sub/sub0102_03.png) no-repeat right center}
.sub0102 ol.course li:last-child{background:none;}
.sub0102 ol.course li:nth-child(5){background:none;}
.sub0102 ol.course li a{display:block; border-radius:10px; text-align:center; width:141px; height:204px; margin-left:5px;}
.sub0102 ol.course li a img{margin-top:25px;}
.sub0102 ol.course li a.green{background:#f0f2c5;}
.sub0102 ol.course li a.blue{background:#c3e6f2;}
.sub0102 ol.course li a span{display:block; margin-top:15px;}
.magt20{margin-top:20px;}

@media only screen and (max-width : 700px){ 
    .sub0102 h4{padding-left:80px;font-size:18px;}
    .sub0102 p{padding:10px 0 90px 83px}
    .sub0102 .tit2{background:url(/images/01_web/sub/sub0102_01.png) no-repeat 0 0;}
    .sub0102 ol.course li{width:33.333%; background-position:90% center !important; margin-top:0 !important; margin-bottom:15px;}
    .sub0102 ol.course li:nth-child(5){background:background: url(/images/01_web/sub/sub0102_03.png) no-repeat right center;}
}


@media only screen and (max-width : 550px){ 
    .sub0102 h4{padding-left:80px;font-size:18px;}
    .sub0102 p{padding: 6px 0 78px 62px;}
    .sub0102 .tit2{background:url(/images/01_web/sub/sub0102_01.png) no-repeat 0 0;}
    .sub0102 ol.course li{background-position:96% center !important;}
    .sub0102 ol.course li a{width:130px;}
}

@media only screen and (max-width : 500px){ 
    .sub0102 ol.course li{width:50%}
.sub0102 .tit {background-size: 634px;background-position:0}
.sub0102 .tit2 {background-size: 634px; background-position:0}
}

/* s : 20190927 추가수정css */

.newCourse {overflow: hidden;}

    .newCourse > div {overflow: hidden; width:100%; position: relative; margin-bottom:90px;}
    .newCourse > div:not(.fourhourCourse):after {content: ''; display: block; background:url("/images/01_web/sub/dotline3-bg.png") center; width:750px; height:3px; position:absolute; bottom:0; left:50%; margin-left:-375px;}
    .newCourse > div.courseTwo:after {display:none;}
    .newCourse .tit3{font-size:16px; border-radius: 50%; width:90px; height:90px; background:#dc1e34; color:#fff; position:absolute; left:0; top:50%; margin-top:-45px;z-index: 2; text-align: center; display: table; word-break: keep-all;}
    .newCourse .tit3 h4{display: table-cell;vertical-align: middle; line-height: 130%;}
    .newCourse .course{position:relative;  z-index: 1; width:100%; height:100%; box-sizing: border-box; padding-left:90px;}
    .newCourse .course li {float: left; margin:0 auto; height:100%; text-align: center; position:relative;}
    .newCourse .course li:before {content:""; display: block; position: absolute; z-index: 2; width:100%; height:5px; background: #abaeb0; left:0%; top:50%; margin-top:-2.5px;}
    .newCourse .course li:last-child:before {width:50%;}
    .newCourse .course li:after {content:""; display: block; border-radius: 50%; position: absolute; z-index: 3; width:8px; height:8px; background: #fff; border:4px solid #dc1e34; left:50%; top:50%; margin-left:-8px; margin-top:-8px;}
    .newCourse .course li .course-time{position: absolute; width:35px; height:35px; font-size:13px; border-radius: 50%;  z-index:3; right:-20px; top:50%; margin-top:-18px; background:#DC1E34; box-sizing: border-box; padding-top: 10px; color: #fff; }
    .newCourse .course li a > img{border-radius: 50%; margin-bottom:50px; width:109px; height:107px;}
    .newCourse .course li a > p {font-size:16px;}
    .newCourse .course li a > p > span{font-size:14px;}

    .newCourse .courseBox{position:relative;}
    .newCourse .courseTwo .courseBox{width:100%;  height:270px;}
    .newCourse .courseTwo .courseBox:first-child{ margin-bottom:90px;}
    .newCourse > div .courseBox:after {content: ''; display: block; background:url("/images/01_web/sub/dotline3-bg.png") center; width:750px; height:3px; position:absolute; bottom:0; left:50%; margin-left:-375px;}
    .newCourse .courseTwo .courseBox .course li {width:49%;}

    .newCourse .courseThree, .newCourse .courseFour {height:270px;}
    .newCourse .courseThree .course li {width:33.33%;}
    .newCourse .courseFour .course li {width:25%;}


    .newCourse .todayCourse {height:520px;}
    .newCourse .todayCourse .tit3,
    .newCourse .twodayCourse .tit3,
    .newCourse .threedayCourse .tit3{top:85px; margin-top:0;}
    .newCourse .todayCourse .course, .newCourse .twodayCourse .course{height:100%;}
    .newCourse .todayCourse .course.twoLine:after,
    .newCourse .twodayCourse .course.twoLine:after,
    .newCourse .threedayCourse .course.twoLine:after{ height:50%; content: ""; display: block; position:absolute; right:0; width:5px; top:50%; margin-top:-130px; background:#abaeb0; }
    .newCourse .todayCourse .course.twoLine li{ width:25%; height:50%;}
    .newCourse .todayCourse .course.twoLine li:before{left:auto; right:0;}
    .newCourse .todayCourse .course li:nth-child(n+5) {float: right;}
    .newCourse .todayCourse .course li:nth-child(n+5) .course-time {left:-20px;}

    .newCourse .twodayCourse {height:770px;}
    .newCourse .twodayCourse .course.twoLine:after{height:33.33%; top:33.33%;}
    .newCourse .twodayCourse .course.twoLine:before{height:33.33%; content: ""; display: block; position:absolute; left:90px; width:5px; bottom:17%; margin-top:0px; background:#abaeb0; }
    .newCourse .twodayCourse .course.twoLine li,
    .newCourse .threedayCourse .course.twoLine li
    { width:25%; height:33.33%;}
    .newCourse .twodayCourse .course li:nth-child(n+5) {float: right;}
    .newCourse .twodayCourse .course li:nth-child(n+5) .course-time {left:-20px;}
    .newCourse .twodayCourse .course li:nth-child(n+9) {float: left;}
    .newCourse .twodayCourse .course li:nth-child(n+9) .course-time {right:-20px;}

    .newCourse .threedayCourse {height:1250px;}
    .newCourse .threedayCourse .course{height:50%;z-index: 2;}
    .newCourse .threedayCourse .course.twoLine li .course-time.time-right {left: auto !important; right:0px !important;}
    .newCourse .threedayCourse .course.twoLine li .course-time.time-left {left: 0 !important;}
    .newCourse .threedayCourse .course.twoLine li{height:41%;}
    .newCourse .threedayCourse .course li:last-child:before {width:100%;}
    .newCourse .threedayCourse .course.twoLine:last-child li:last-child:before {width:50%;}
    .newCourse .threedayCourse .course li:nth-child(n+5) {float: right;}
    .newCourse .threedayCourse .course li:nth-child(n+5) .course-time {left:-20px;}
    .newCourse .threedayCourse .course li:nth-child(n+9) {float: left;}
    .newCourse .threedayCourse .course li:nth-child(n+9) .course-time {left:auto; right:-20px;}
    .newCourse .threedayCourse .course.twoLine:last-child{float: right; z-index: 1}
    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+1){float: right;}
    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+5){float: left;}
    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+1) .course-time {left:-20px;}
    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+5) .course-time {left:auto; right:-20px;}
    .newCourse .threedayCourse .course.twoLine:after{height:41%; top:41%;}
    .newCourse .threedayCourse .course.twoLine:before{height:41%; content: ""; display: block; position:absolute; left:90px; width:5px; bottom:-13px; margin-top:0px; background:#abaeb0; }
    .newCourse .threedayCourse .course.twoLine:last-child:after{height:41%; top:0%;}
    .newCourse .threedayCourse .course.twoLine:last-child:before{height:41%; content: ""; display: block; position:absolute; left:90px; width:5px; bottom:240px; margin-top:0px; background:#abaeb0; }

    .newCourse .threedayCourse.twohourCourse {height:795px;}
    .newCourse .threedayCourse.twohourCourse .course{height:100%;}
    .newCourse .threedayCourse.twohourCourse .course.twoLine li {height:33.33%}
    .newCourse .threedayCourse.twohourCourse .course.twoLine:last-child:after{height:33%; top:33%;}
    .newCourse .threedayCourse.twohourCourse .course.twoLine:last-child:before{height:34%; bottom:130px;}

    @media screen and (max-width:640px){
        .newCourse .tit3{width:75px; height:75px; font-size:14px;}
        .newCourse .course li .course-time{margin-top:-25px;}
        .newCourse .course li a > p{font-size:14px;}
        .newCourse .course li a > p > span{font-size:12px;}

        .newCourse .courseTwo .courseBox{height:220px;}
        .newCourse .course{padding-left:75px;}
        .newCourse .course li:before{margin-top:-11px;}
        .newCourse .course li:after{margin-top:-17px;}
        .newCourse .course li a > img{width:89px; height:87px;}
        .newCourse .course li a > img{margin-bottom:30px;}

        .newCourse .courseThree, .newCourse .courseFour{height:220px;}
        .newCourse .twodayCourse{height:660px;}
        .newCourse .todayCourse .tit3, .newCourse .twodayCourse .tit3, .newCourse .threedayCourse .tit3{top:65px;}
        .newCourse .twodayCourse .course.twoLine:after{top:35.33%;}
        .newCourse .twodayCourse .course.twoLine:before{bottom:18%;}

        .newCourse .threedayCourse{height:1090px;}
        .newCourse .threedayCourse .course.twoLine:after{top:43%;}
        .newCourse .threedayCourse .course.twoLine:before{bottom:-6px;left:75px;}
        .newCourse .threedayCourse .course.twoLine:last-child:after{top:2%;}
        .newCourse .threedayCourse .course.twoLine:last-child:before{bottom:220px; left:74px;}

        .newCourse .todayCourse{height:445px;}
        .newCourse .threedayCourse.twohourCourse{height:660px;}
        .newCourse .todayCourse.onehourCourse .course.twoLine:after{top:52%;}
        .newCourse .threedayCourse.twohourCourse .course.twoLine:last-child:after{top:35%;}
        .newCourse .threedayCourse.twohourCourse .course.twoLine:last-child:before{bottom:117px;}
    }

    @media screen and (max-width:480px){
        .newCourse .tit3{position:relative; top:0; background: none; color:#dc1e34; padding-left:25px; width:100%; height:auto; margin-top:0; text-align: left; font-size:18px; margin-bottom:20px;}
        .newCourse .tit3 br{display: none;}
        .newCourse .tit3:before{display: table-cell; content:"※"; position:absolute; left:5px; vertical-align: middle; font-size:14px;}
        .newCourse > div{padding-bottom:50px; margin-bottom:70px; box-sizing: content-box;}
        .newCourse .course li a > img{width:65px; height:64px;}
        .newCourse .course{padding-left:0; width:90%; margin:0 auto;}
        .newCourse .courseTwo {padding-bottom:0;}
        .newCourse .courseTwo .courseBox{margin-bottom:0px; padding-bottom:50px; box-sizing: content-box;}
        .newCourse .courseTwo .courseBox:first-child{margin-bottom:50px; }
Q
        .newCourse .courseTwo{margin-bottom:50px;}
        .newCourse .courseTwo .courseBox{height:180px;}
        .newCourse .course li .course-time{width:30px; height:30px; font-size:12px; padding-top:9px;}
        .newCourse .course li a > p{font-size:13px;}
        .newCourse .courseThree, .newCourse .courseFour{height:180px;}

        .newCourse .todayCourse .tit3, .newCourse .twodayCourse .tit3, .newCourse .threedayCourse .tit3{top:0;}
        .newCourse .todayCourse .course.twoLine:after{margin-top:-95px;}

        .newCourse .todayCourse{height:345px;}
        .newCourse .twodayCourse{height:540px;}
        .newCourse .twodayCourse .course li:nth-child(n+5) .course-time{left:-10px;}
        .newCourse .twodayCourse .course.twoLine:after{top:210px;}
        .newCourse .twodayCourse .course.twoLine:before{left:0;}

        .newCourse .threedayCourse{height:870px;}
        .newCourse .threedayCourse .course.twoLine:after{top:48%;}
        .newCourse .threedayCourse .course.twoLine:before{left:0; bottom:-4px;}
        .newCourse .threedayCourse .course li:nth-child(n+5) .course-time{left:-10px;}

        .newCourse .threedayCourse .course.twoLine:last-child{float:none;}
        .newCourse .threedayCourse .course.twoLine:last-child:after{top:30%;}
        .newCourse .threedayCourse .course.twoLine:last-child:before{left:0; bottom:79px;}

        .newCourse .todayCourse.onehourCourse .course.twoLine:after{top:50%;}

        .newCourse .threedayCourse.twohourCourse{height:520px;}
        .newCourse .threedayCourse.twohourCourse .course.twoLine:last-child:after{top:40%;}
        .newCourse .threedayCourse.twohourCourse .course.twoLine:last-child:before{bottom:94px;}
    }

/* e : 20190927 추가수정css */


/*올해의관광도시*/
.sub0103 .tit{overflow:hidden; position:relative; margin-bottom:30px;}
.sub0103 .tit h4{font-size:32px; padding:20px 0 0 145px;}
.sub0103 .tit h4 span{display:block;}
.sub0103 .tit .img1{position:absolute; left:0; top:0;}
.sub0103 dl{overflow:hidden;}
.sub0103 dl dt{font-size:17px; font-weight:bold; background:#646464; color:#fff;}
.sub0103 dl dt span{padding:15px 15px; display:inline-block; background:#1376b2; margin-right:15px;}

.sub0103 dl dd{background:#fafafa; padding:25px; line-height:1.5em;}
.sub0103 dl dd span{display:block; color:#dc1e34; font-weight:bold;}
.sub0103 dl dd.q_bg{background:#fafafa url(/images/01_web/sub/sub0103_03.png) no-repeat 95% 90%;}




@media only screen and (max-width : 700px){ 
    .sub0103 .tit{text-align:center;}
    .sub0103 .tit .img1{position:static}
    .sub0103 .tit h4{font-size:18px; padding:0;}
    .sub0103 dl dt span{margin-right:5px;}
    .sub0103 dl dt{font-size:14px; letter-spacing:-0.15em;}
    .sub0103 dl dd.q_bg{background:#fafafa }
}


/*테마별여행코스 메인*/
.themaMain div{padding: 34px 27px 30px 27px;background-color:#f2f0ea;position:relative;overflow: hidden;}
.themaMain div.box2 , .themaMain div.box4{background:url('/images/01_web/content/thema/bg_linePatten.png')repeat;}
.themaMain h4.tit{display:block; width: 134px; border-radius: 20px;background:#202548;color:#fff;text-align:center;font-size: 1.1em;padding: 5px 0px;margin-left: 37px;}
.themaMain h4.tit > br{display:none;}
.themaMain div > span{position:absolute;display:block;}
.themaMain div > span.ico1{top: 16px;left: 34px;width: 20px;height: 61px;background:url('/images/02_mobile/sub/bg_ico1.png')no-repeat 0 0;}
.themaMain div.box2 > span.ico2{top: 12px;left: 11px;width:150px;height:194px;background:url('/images/02_mobile/sub/bg_ico5.png')no-repeat 0 0;/* background-size:140px; */}
.themaMain div.box3 > span.ico3{top: 15px;left:20px;width:110px;height:200px;background:url('/images/02_mobile/sub/bg_ico6.png')no-repeat 0 0;}
.themaMain div.box4 > span.ico4{top: 12px;left:15px;width:114px;height:200px;background:url('/images/02_mobile/sub/bg_ico4.png')no-repeat 0 0;/* background-size:110px 200px; */}
.themaMain ul:after{clear:both; content:"";display:block;}
.themaMain ul {padding:25px 0 0 0;}
.themaMain ul li{float:left; padding:0  0px 20px 0px;  width:33.3%;margin-bottom:20px;border-bottom:1px solid #d6d6d6;position:relative;}
.themaMain ul li:after{display:block;content:"";width:53px;height:16px;background:url('/images/01_web/content/thema/bg_arrow.png')no-repeat 0 0;
position:absolute;bottom:-8px;left: 20px;}
.themaMain div a.btn_detail{display:block;width: 110px;border:1px solid #000;margin:0 auto;padding:10px 0;font-size: 15px;text-align:center;margin-top: 30px;}
.themaMain div a.btn_detail.on , .themaMain div a.btn_detail:hover{background:#9c0d1a; border-color:#9c0d1a;color:#fff;}

.themaMain ul li.ico:after{display:block; content:""; width:53px;height:16px; background:url('/images/01_web/content/thema/ico_circle.png')no-repeat 0 0;
position:absolute; bottom:-12px;left:32px;}

.themaMain div.box2 ul li{float:left;width:33.3%;} 
.themaMain div.box3 ul li , .themaMain div.box4 ul li{padding: 0px 0px 20px 0px;height: 50px;text-align:center;}
.themaMain div.box3 ul li:after , .themaMain div.box4 ul li:after{left:50px;}

@media only screen and (max-width: 400px)
{
.themaMain div.box3 ul li:after , .themaMain div.box4 ul li:after{left:32px;}
}


/*테마별 여행코스 큰애기투어*/
.themaSub .tit{height:200px;background:url('/images/02_mobile/sub/bg_tit1.jpg')no-repeat 0 0; background-size:100% 200px; padding:60px 0;}
.themaSub .tit dl{color:#fff; text-align:center;}
.themaSub .tit dl dt{font-family: 'Makgeolli';;font-size: 3em;text-align: center;}
.themaSub .tit dl dd{margin-top:20px;}
.themaSub .spotList{padding:20px 0; display:none;}
.themaSub .spotList ol:after{clear:both; content:"";display:block;}
.themaSub .spotList ol{background:url('/images/01_web/content/thema/bg_spotList.png')no-repeat 0 0; padding:47px 0 85px 15px;}
.themaSub .spotList ol li{float:left;background:url('/images/01_web/content/thema/ico_loction.png')no-repeat 20% 0;padding: 63px 69px 0 0;}
.themaSub .spotList ol li:last-child{padding:63px 0px 0 0; background-position:70% 0;}

.themaSub .spot{padding:20px 0;}
.themaSub .spot ul:after{clear:both;content:"";display:block;}
.themaSub .spot ul li{float:left;overflow:hidden;width:48%;margin:0 2% 2% 0;padding:30px;border:1px solid #dddddd;position:relative;/* box-sizing: border-box; */}
.themaSub .spot ul li:nth-child(2n){margin-right:0;}
.themaSub .spot ul li img{margin-bottom:20px; width:100%;}
.themaSub .spot ul li img{margin-bottom:20px; width:100%;}
.themaSub .spot ul li dl dt{font-size:18px; color:#c03b19;font-weight:bold;}
.themaSub .spot ul li dl dd{margin-top:15px;line-height:23px;}
.themaSub .spot ul li a{display:block;position: absolute;width:120px;bottom: 20px;right: 20px;background:url('/images/01_web/content/thema/btn_view.png')no-repeat 0 5px;background-size:120px;padding:20px;font-size:14px;/* float:right; */margin-top:20px;}





/*테마별 여행코스 역사투어*/
.themaSub .tit5{height:200px;background:url('/images/02_mobile/sub/bg_tit5.jpg')no-repeat 0 0;background-size:100% 200px; padding:60px 0; }
.themaSub .tit5 dl{color:#fff; text-align:center;}
.themaSub .tit5 dl dt{font-family: 'Makgeolli';;font-size: 3em;text-align: center;}
.themaSub .tit5 dl dd{margin-top:20px;}
.themaSub .spotList.bg2 ol{background:url('/images/01_web/content/thema/bg_spotList2.png')no-repeat 0 0; padding:47px 0 85px 0px}
.themaSub .spotList.bg2 ol li {background: url('/images/01_web/content/thema/ico_loction.png')no-repeat 27% 0;padding: 63px 41px 0 10px;}
.themaSub .spot.bg2 ul li{float:left;overflow:hidden; width:48%;margin:0 2% 2% 0; padding:30px; border:1px solid #dddddd;min-height:545px;}

/*테마별 여행코스 아트투어*/
.themaSub .tit6{height:200px;background:url('/images/02_mobile/sub/bg_tit6.jpg')no-repeat 0 0;background-size:100% 200px; padding:60px 0;}
.themaSub .tit6 dl{color:#fff; text-align:center;}
.themaSub .tit6 dl dt{font-family: 'Makgeolli';;font-size: 3em;text-align: center;}
.themaSub .tit6 dl dd{margin-top:20px;}
.themaSub .spotList.bg3 ol{background:url('/images/01_web/content/thema/bg_spotList3.png')no-repeat 0 0; padding:47px 0 85px 0px}
.themaSub .spotList.bg3 ol li {background: url('/images/01_web/content/thema/ico_loction.png')no-repeat 30% 0;padding: 70px 30px 0 0; text-align: center;}
/*.themaSub .spotList.bg3 ol li:last-child{padding:70px 0px 0 0;}*/

/*테마별 여행코스 시간여행투어*/
.themaSub .tit7{height:200px;background:url('/images/02_mobile/sub/bg_tit7.jpg')no-repeat 0 0;background-size:100% 200px; padding:60px 0; }
.themaSub .tit7 dl{color:#fff; text-align:center;}
.themaSub .tit7 dl dt{font-family: 'Makgeolli';;font-size: 3em;text-align: center;}
.themaSub .tit7 dl dd{margin-top:20px;}
.themaSub .themaMap{padding:30px 0;}
.themaSub .themaMap .mapBg{height:699px;background:url('/images/01_web/content/thema/img_map.jpg')no-repeat 0 0;}
.themaSub .themaMap .mapInfo{position:relative;background:#ededed; padding:24px 27px 35px  195px;}
.themaSub .themaMap .mapInfo span{display:block; position:absolute;top:-80px;left:10px;width:162px;height:194px;background:url('/images/01_web/content/thema/bg_ico5.png')no-repeat 0 0;}
.themaSub .themaMap .mapInfo dl dt{font-size:20px; color:#000;}
.themaSub .themaMap .mapInfo dl dd{margin-top:22px;line-height:25px;color:#666;}
.themaSub .tourList ul:after{clear:both; content:""; display:block;}
.themaSub .tourList ul li{float:left; width:32%;margin-right:2%; border:1px solid #dddddd;}
.themaSub .tourList ul li img{width:100%;height: 200px;}
.themaSub .tourList ul li:last-child{margin-right:0;}
.themaSub .tourList ul li a{display:block; text-align:center; color:#666;font-size:16px;}
.themaSub .tourList ul li a:hover , .themaSub .tourList ul li.on a{background:#ededed; }
.themaSub .tourList ul li a span{display:block;padding:15px 0;}



/*테마별 여행코스 큰애기이야기로*/
.themaSub2 .tit{height:236px;background:url('/images/02_mobile/sub/bg_tit2.jpg')no-repeat 0 0; background-size:100% 200px; padding:60px 0;}
.themaSub2 .tit dl{color:#fff; text-align:center;}
.themaSub2 .tit dl dt{font-family: 'Makgeolli';;font-size: 3em;text-align: center;}
.themaSub2 .tit dl dd{margin-top:20px; color:#fdff6a;}
.themaSub2 .list ol{/* background: url('/images/01_web/content/thema/bg_bigBaby.png')no-repeat 0 190px; */padding-top: 40px;}
.themaSub2 .list ol:after{clear:both; content:"";display:block;}
.themaSub2 .list ol li{float:left;width:20%;height:206px;background: url('/images/01_web/content/thema/ico_loction.png')no-repeat 50% 100%;text-align:center;margin-bottom:54px;border-bottom: 1px solid #d6d6d6;}
.themaSub2 .list ol li img{margin-bottom: 15px;width: 100px;}
.themaSub2 .list ol li span{display:block;}

.themaSub2 .info{background:url('/images/01_web/content/thema/bg_ico2.png')no-repeat 0 0; padding:0  0  0 134px;}
.themaSub2 .info p{line-height:28px;margin-top:20px;}
.themaSub2 .info p strong{color:#518fbb;font-size:18px; }
.themaSub2 .info ol{padding:20px 0;}
.themaSub2 .info ol li{margin-bottom:10px;}

/*테마별 여행코스 추억길이야기로*/
.themaSub2 .tit2{height:236px;background:url('/images/02_mobile/sub/bg_tit3.jpg')no-repeat 0 0;background-size:100% 200px; padding:60px 0;}
.themaSub2 .tit2 dl{color:#fff; text-align:center;}
.themaSub2 .tit2 dl dt{font-family: 'Makgeolli';;font-size: 3em;text-align: center;}
.themaSub2 .tit2 dl dd{margin-top:20px; color:#fdff6a;}
.themaSub2 .info.bg2{background:url('/images/01_web/content/thema/bg_ico3.png')no-repeat 0 0; padding:0  0  0 134px;}

/*테마별 여행코스 읍성길이야기로*/
.themaSub2 .tit3{height:236px;background:url('/images/02_mobile/sub/bg_tit4.jpg')no-repeat 0 0; background-size:100% 200px; padding:60px 0;}
.themaSub2 .tit3 dl{color:#fff; text-align:center;}
.themaSub2 .tit3 dl dt{font-family: 'Makgeolli';;font-size: 3em;text-align: center;}
.themaSub2 .tit3 dl dd{margin-top:20px; color:#fdff6a;}
.themaSub2 .info.bg3{background:url('/images/01_web/content/thema/bg_ico4.png')no-repeat 0 0; padding:0  0  0 134px;}

@media only screen and (max-width : 900px){ 
.themaSub .spot ul li{min-height: 507px;}
.themaSub .spot.bg2 ul li{min-height: 533px;}

}


@media only screen and (max-width : 500px){ 
.themaSub .spot ul li{width:100%;padding:15px;min-height: auto;}
.themaSub .spot.bg2 ul li{width:100%; padding:15px; 477px;min-height: auto;}
.themaSub .spot ul li a{position: relative;float:right;bottom:0;right:0;}
/*시간여행투어*/
.themaSub .themaMap .mapInfo{padding: 128px 27px 35px 27px;}
.themaSub .tourList ul li{width:100%;margin-bottom:5%;}
.themaSub .themaMap .mapInfo span{background-size:120px auto; top:-18px;}
/*큰애기이야기로*/
.themaSub2 .list ol li{width:33%;height:184px;}
.themaSub2 .list ol li img{width:85px;}

}



/*맛집가이드*/
.newsub040104 .wrap{position:relative;background:url('/images/01_web/sub/bg_foodIco.png')no-repeat 0 0;height: 807px;background-size: 100% 807px;}
.newsub040104 .wrap > .top{position:relative;padding:20px 60px;overflow:hidden;height: 423px;}
.newsub040104 .wrap > .top > h2{background:url('/images/01_web/sub/logo_food.png')no-repeat 0 0;
/* width:250px; */height:61px;font-size:0;margin-top: 0px;background-size: 180px;}
.newsub040104 .wrap > .top > .bgTxt{background: url('/images/01_web/sub/bg_text.png')no-repeat right 0;
width:331px;height:388px;float:right;font-size:0;background-size: 200px;}

.newsub040104 .wrap .top div.btn{position:absolute;bottom:30px;right: 81px;padding: 10px 15px;background:#c74242;border-bottom:8px solid #9c3333;text-align:center;}
.newsub040104 .wrap .top div.btn a{color:#fff;font-size: 1.4em;font-weight:600;}
.newsub040104 .wrap > h3{position:absolute;/* bottom:20px; */left:50%;background: url('/images/01_web/sub/ico_bottom.png')no-repeat 0 50%;
text-align:center;line-height:65px;padding-left: 66px;margin-left:-106px;text-align: center;background-size: 50px;margin-top: 314px;}


@media only screen and (max-width : 530px){ 
.newsub040104 .wrap{height:704px; background-size:100% 704px;}
.newsub040104 .wrap > .top > h2{height:41px;}
.newsub040104 .wrap > .top{padding:20px; height:375px;}
.newsub040104 .wrap .top div.btn{bottom:10px; right:49px; margin-left:-49px;}
.newsub040104 .wrap > h3{margin-top:265px; font-size: 1em; background-size: 33px;background-position: 20% 50%;}
.newsub040104 .wrap > .top > .bgTxt{background-position:0% 30px; width:180px; height:314px; background-size:150px;}
.newsub040104 .wrap .top div.btn{bottom:28px; right:59px; margin-left:-49px;}
.newsub040104 .wrap .top div.btn a{font-size:1.1em;}
}

@media only screen and (max-width : 400px){ 
.newsub040104 .wrap{height:660px; background-size:100% 660px;}
.newsub040104 .wrap > .top{padding:10px; height:337px;}
.newsub040104 .wrap > .top > .bgTxt {background-position: 80% 30px;}
.newsub040104 .wrap .top div.btn {right: 35px;bottom:20px;}
}

.tourRoadWrap{margin-top:50px;}
.tourRoadWrap .courseTitle{display: flex; align-items: flex-start; justify-content: space-between;}
.tourRoadWrap .courseTitle h4 span{font-size:16px; display: inline-block; margin-left:10px;}
.tourRoadWrap .courseTitle p{font-size:15px; color:#666; letter-spacing: -1px;}
.tourRoadWrap .roadTime{text-align: right; font-size:16px; color:#000; margin-bottom:40px;}
.tourRoadWrap .roadOl{display: flex; align-items: flex-start; justify-content: flex-start; position: relative; box-sizing: border-box; padding:0 20px;}
.tourRoadWrap .roadOl::before, .tourRoadWrap .roadOl::after{content:''; display: block; position: absolute; width:100%; height:20px; border-radius: 50px; background-color:#f1f1f1; top:20px; left:0; z-index: 1;}
.tourRoadWrap .roadOl::after{display: none;}
.tourRoadWrap .roadOl li{position: relative; z-index: 2; width:16.666%; padding-top:50px; background: url('/upload_data/board_data/BBS_0000181/167834705372016.png') top center no-repeat; text-align: center;}
.tourRoadWrap .icoChar{position: relative;}
.tourRoadWrap .icoChar::after{content:''; width:67px; height:122px; position: absolute; right:0; bottom:-20px; background: url('/upload_data/board_data/BBS_0000181/167834705371874.png') no-repeat; z-index: 2;}
.tourRoadWrap .roadOl.list3 li{width: 33.33%;}
.tourRoadWrap .roadOl.notBg::after{display: none;}
.tourRoadWrap .roadOl.list4 li{width:25%;}
.tourRoadWrap .roadOl li.road_ico::before{content:''; display: block; position: absolute; background-position: center; top:-15px; background-repeat: no-repeat; background-size: 100%;}
.tourRoadWrap .roadOl li.ico_car::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705371780.png'); width:54px; height:44px; right:-27px;}
.tourRoadWrap .roadOl li.ico_camera::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705371715.png'); width:40px; height:41px; right:-20px;}
.tourRoadWrap .roadOl li.ico_sign::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705372134.png'); width:40px; height:41px; right:-20px;}
.tourRoadWrap .roadOl li.ico_bag::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705371646.png'); width:40px; height:41px; right:-20px;}
.tourRoadWrap .roadOl li.ico_tent::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705372200.png'); width:40px; height:41px; right:-20px;}
.tourRoadWrap .roadOl li span{font-size:14px;}
.tourRoadWrap .roadOl li span.cblue{color:#0836b9;}
.tourRoadWrap .roadImgBox{margin-top:60px;}
.tourRoadWrap .roadImgBox ul{display: flex; align-items: stretch; justify-content:flex-start; flex-wrap: wrap; margin:0 -1.5%;}
.tourRoadWrap .roadImgBox ul .roadImg_li{width:30%; margin:20px 1.5%; border:1px solid #eaeaea; box-sizing: border-box;;}
.tourRoadWrap .roadImgBox ul .roadImg_li > a{display: flex; justify-content: space-between; flex-direction: column; height: 100%;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box{width:100%; height:100%; overflow: hidden; position: relative; height:100%;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box img{width:100%; height:100%;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage{position: absolute; right:0; bottom:0; padding:5px 10px; box-sizing: border-box; background-color:#d46122;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage span{color:#fff; font-size:14px; display: inline-block; padding-left:20px; background: url('/upload_data/board_data/BBS_0000181/167834705371227.png') left center no-repeat;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage.blueTxt{background-color:#1274af; display: inline-block;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage.blueTxt span{background-image: none; padding-left: 0;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage.greenTxt{background-color:#358413; display: inline-block;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage.greenTxt span{background-image: none; padding-left: 0;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_title{width:100%; text-align: center; padding:15px 0; box-sizing: border-box; font-weight:700; font-size:16px; border-top:1px solid #eaeaea; box-sizing: border-box; color:#000;}
.tourRoadWrap .roadTxt{font-weight:700; font-size:15px; padding:10px 30px; border-radius: 10px; background-color:#ececec; box-sizing: border-box; position: relative; margin-left:20px; color:#000; margin-top:50px;}
.tourRoadWrap .roadTxt::before{content:''; display: block; position:absolute; width:39px; height: 36px; background: url('/upload_data/board_data/BBS_0000181/167834705371930.png'); left:-20px; top:0;}


@media screen and (max-width:1000px) {
    .tourRoadWrap .icoChar::after{display: none;}
}

@media screen and (max-width:680px) {
    .tourRoadWrap .courseTitle{flex-direction:column;}
    .tourRoadWrap .courseTitle h4 span{display: block; font-size:14px; margin-left:0;}
    .tourRoadWrap .courseTitle p{font-size:13px; text-align: right; width: 100%; margin-top:20px;}
    .tourRoadWrap .roadOl::before, .tourRoadWrap .roadOl::after{top:15px; height:15px;}
    .tourRoadWrap .roadOl li{background-size: 15px; padding-top:40px;}
    .tourRoadWrap .roadOl li.ico_car::before{width:40px; right:-20px}
    .tourRoadWrap .roadOl li.ico_camera::before{width:30px; right:-15px}

    .tourRoadWrap .roadImgBox ul .roadImg_li{width:47%;}
}

@media screen and (max-width:480px) {
    .tourRoadWrap .roadOl{flex-wrap: wrap;}
    .tourRoadWrap .roadOl::after{display: block; top:92px;}
    .tourRoadWrap .roadOl li{width:33.33%;}
    .tourRoadWrap .roadOl li:nth-child(n+4){margin-top:20px;}

    .tourRoadWrap .roadImgBox ul{margin:0;}
    .tourRoadWrap .roadImgBox ul .roadImg_li{width:100%; margin:10px 0;}
}


    .linkBtnBox {text-align: right; margin-bottom: 20px;}
    .linkBtnBox > a {display: inline-block; text-align: center; border-radius:10px; background-color:#0d833e; color:#fff;line-height: 45px; font-size:15px; width:200px;}
    .linkBtnBox > a:hover{text-decoration: none;}

    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+1){float: left;}
    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+5){float: right;}
    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+9){float: left;}


.copyrightBox.flexBox{margin-top:50px; display:flex; align-items:center; justify-content: flex-start; border-top:1px solid #000; padding-top:20px;}
.copyrightBox .copyrightImg{height:62px;}
.copyrightBox .copyrightCnt{margin-left:50px;}

@media screen and (max-width:1000px) {
    flex-wrap: wrap;
    gap: 10px 0;
}

@media screen and (max-width:768px) {
    .copyrightBox .copyrightImg{height:47px;}
    .copyrightBox .copyrightCnt{margin-left:20px; font-size:15px;}
}
@media screen and (max-width:680px) {
    .copyrightBox.flexBox{flex-direction: column; align-items: flex-start;}
    .copyrightBox .copyrightCnt{margin-left:0px; margin-top:5px; font-size:14px;}
}


/* table-wrap (스크롤형태 - 반응형) */
.table-wrap .scroll-guide{display:none; position:relative; padding:10px 20px; background:#f6f6f6; margin-bottom:5px; text-align:center;}
.table-wrap .scroll-guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.table-wrap .scroll-guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.table-wrap .scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:12px;}
.table-wrap .scroll-guide p:before{content:"좌우스크롤 하시면 자세한 내용을 확인하실수 있습니다.";}
.table-wrap .scroll-guide.typeEng p:before{content:"You can check the details by scrolling left and right.";}

.table-wrap .scroll-table{overflow-x:auto;}
.table-wrap table.scroll.full{width:1600px;}
.table-wrap .scroll-guide.full{display: block;}

.table-wrap table.type01{position:relative; width:100%; border-collapse:collapse; table-layout:fixed; clear:both; color:#555; background:#fff; border-top:2px solid #45495b; font-family:'NotokrR';}
.table-wrap table.type01 thead th{background:#f7f7f7; color:#000; text-align:center; letter-spacing:-0.03em; padding:10px; font-size:15px; border-right:1px solid #dcdcdc; border-bottom:1px solid #9d9d9d; font-weight:500;}
.table-wrap table.type01 thead th:last-child{border-right:none;}

.table-wrap table.type01 tbody th{letter-spacing:-0.02em; padding:10px; color:#000; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#f7f7f7; font-weight:500;}
.table-wrap table.type01 tbody td{font-family:'NotokrR'; letter-spacing:-0.02em; padding:10px; color:#555555; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center;}
.table-wrap table.type01 tbody td:last-child{border-right:none;}

@media all and (max-width:1000px){
    .table-wrap table.type01 thead th{font-size:14px; padding:8px;}

    .table-wrap table.type01 tbody th{font-size:14px; padding:8px;}
    .table-wrap table.type01 tbody td{font-size:14px; padding:8px;}
}

@media all and (max-width:680px){
    .table-wrap .scroll-guide{display:block;}

    .table-wrap table.type01 thead th{font-size:13px; padding:6px;}

    .table-wrap table.type01 tbody th{font-size:13px; padding:6px;}
    .table-wrap table.type01 tbody td{font-size:13px; padding:6px;}

    .table-wrap table.scroll{width:680px;}
    .table-wrap table.scroll.w1000{width:1000px;}
    .table-wrap table.scroll.w1200{width:1200px;}

    .table-wrap table.respon colgroup{display:none;}
    .table-wrap table.respon thead {display:none;}
    .table-wrap table.respon tbody {overflow:hidden;}
    .table-wrap table.respon tbody th{display:none;}
    .table-wrap table.respon [data-cell-header]:before {content:attr(data-cell-header); float:left; font-weight:600 ; font-size:14px; position:absolute; left:0; top:0;box-sizing:border-box; padding:10px 0px; box-sizing:border-box; z-index:2;}

    .table-wrap table.respon tbody tr{border-top:1px solid #E6E6E6; border-bottom:1px solid #d5d8df; padding:5px 0px; display:block; overflow:hidden; width:100%;}
    .table-wrap table.respon tbody tr:first-child {border-top:0;}
    .table-wrap table.respon tbody td{position:relative; width:100%; box-sizing:border-box;float:left; text-align:left; padding:8px 8px 8px 80px; font-size:13px;}
    .table-wrap table.respon tbody td[data-cell-header]:before{width:65px; padding-left:15px; text-align:left; box-sizing:border-box; font-size:13px;}
    .table-wrap table.respon tbody td[data-cell-header]:after{position:absolute; left:0; top:0; width:70px; height:99%; display:block; content:""; z-index:1; background:#f7f7f7;}

    .table-wrap table.respon tbody tr:hover{background:none;}
    .table-wrap table.respon tbody tr td{border-bottom:1px solid #d1d1d1; border-right:none;}
    .table-wrap table.respon tbody tr td:last-child{border-bottom:none;}
}



/* 울산큰애기 이미지앨범 */
.tap-box, .tap-box .taps {display: none !important;}


.bd-no{border:none !important;}
.bd-r-no{border-right:none !important;}
.bd-t{border-top:1px solid #d1d1d1 !important;}
.bd-l{border-left:1px solid #d1d1d1 !important;}
.bd-b{border-bottom:1px solid #d1d1d1 !important;}
.bd-r{border-right:1px solid #d1d1d1 !important;}