@charset "UTF-8";


#container {position:relative; clear:both; margin:0 auto; font-size:13px;box-sizing:border-box; /*overflow:hidden;*/ background:#f7f8f9;}

.containerWrap {position:relative; margin:0 auto; width:1100px;}
.greenBar,
.contentWrap,
.contentWrap02 {position:relative; margin:0 auto; }

.historyLink,
.greenBar {height:43px;position:relative;clear:both; max-width:1100px;}

.historyLink {z-index:1000;}
.historyLink:before {content:''; width:200%; height:1px; position:absolute; left:-50%;bottom:0}
.historyLink li.mn {float:left; padding-right:20px}
.historyLink li.last{background:none}
.historyLink li.mn a.location_dept_a,
.historyLink li.mn a.location_dept2_a,
.historyLink li.mn a.location_dept3_a,
.historyLink li.mn a.location_dept4_a,
.historyLink li.mn a.location_dept5_a,
.historyLink li.mn a.location_dept6_a {height:29px;padding:16px 50px 0 25px; color:#fff; display:inline-block;background:url(/images/suncheon/yeyak/sub/bg_history_02.png) no-repeat 100% center;}
.historyLink li.mn:first-child a {padding-right:20px;/* background:none*/}



   .historyLink .location_dept{display:none;position:absolute;top:46px;z-index:15;width:200px;min-width:167px;height:auto;padding:9px 0 7px !important;border:1px solid #d6d6d6 !important;background-color:#FFF !important;box-shadow:0 4px 2px -2px rgba(0,0,0,0.4);margin-left:-20px;}
   .location_dept li{margin:0 0 1px !important;background:none !important;height:28px !important;}
   .location_dept li a{display:block;width:100%;min-width:167px !important;height:25px !important;line-height:25px !important;color:#444 !important;font-size:13px !important}
   .location_dept li a:hover, .location_dept li a.on{background-color:#6b7a8d !important;color:#fff !important}
   .location_dept li a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
   .location_dept li a .blnakIcon3{display:inline-block;width:10px;height:10px;padding-left:10px;background:url(/pages/headquarter/img/sub/icon_blank2.gif) no-repeat top left !important;background-position:0 5px !important}

   .historyLink .location_dept2{display:none;position:absolute;top:46px;z-index:15;width:200px;min-width:167px;height:auto;padding:9px 0 7px !important;border:1px solid #d6d6d6 !important;background-color:#FFF !important;box-shadow:0 4px 2px -2px rgba(0,0,0,0.4);margin-left:-20px}
   .location_dept2 li{margin:0 0 1px !important;background:none !important;height:28px !important}
   .location_dept2 li a{display:block;width:100%;min-width:167px !important;height:25px !important;line-height:25px !important;color:#444 !important;font-size:13px !important}
   .location_dept2 li a:hover, .location_dept2 li a.on{background-color:#6b7a8d !important;color:#fff !important}
   .location_dept2 li a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
   .location_dept2 li a .blnakIcon3{display:inline-block;width:10px;height:10px;padding-left:10px;background:url(/pages/headquarter/img/sub/icon_blank2.gif) no-repeat top left !important;background-position:0 5px !important}

   .historyLink .location_dept3{display:none;position:absolute;top:46px;z-index:15;width:200px;min-width:167px;height:auto;padding:9px 0 7px !important;border:1px solid #d6d6d6 !important;background-color:#FFF !important;box-shadow:0 4px 2px -2px rgba(0,0,0,0.4);margin-left:-20px}
   .location_dept3 li{margin:0 0 1px !important;background:none !important;height:28px !important}
   .location_dept3 li a{display:block;width:100%;min-width:167px !important;height:25px !important;line-height:25px !important;color:#444 !important;font-size:13px !important}
   .location_dept3 li a:hover, .location_dept3 li a.on{background-color:#6b7a8d !important;color:#fff !important}
   .location_dept3 li a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
   .location_dept3 li a .blnakIcon3{display:inline-block;width:10px;height:10px;padding-left:10px;background:url(/pages/headquarter/img/sub/icon_blank2.gif) no-repeat top left !important;background-position:0 5px !important}

.historyLink .location_dept4{display:none;position:absolute;top:46px;z-index:15;width:200px;min-width:167px;height:auto;padding:9px 0 7px !important;border:1px solid #d6d6d6 !important;background-color:#FFF !important;box-shadow:0 4px 2px -2px rgba(0,0,0,0.4);margin-left:-20px}
   .location_dept4 li{margin:0 0 1px !important;background:none !important;height:28px !important}
   .location_dept4 li a{display:block;width:100%;min-width:167px !important;height:25px !important;line-height:25px !important;color:#444 !important;font-size:13px !important}
   .location_dept4 li a:hover, .location_dept3 li a.on{background-color:#6b7a8d !important;color:#fff !important}
   .location_dept4 li a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
   .location_dept4 li a .blnakIcon3{display:inline-block;width:10px;height:10px;padding-left:10px;background:url(/pages/headquarter/img/sub/icon_blank2.gif) no-repeat top left !important;background-position:0 5px !important}

.historyLink .location_dept5{display:none;position:absolute;top:46px;z-index:15;width:200px;min-width:167px;height:auto;padding:9px 0 7px !important;border:1px solid #d6d6d6 !important;background-color:#FFF !important;box-shadow:0 4px 2px -2px rgba(0,0,0,0.4);margin-left:-20px}
   .location_dept5 li{margin:0 0 1px !important;background:none !important;height:28px !important}
   .location_dept5 li a{display:block;width:100%;min-width:167px !important;height:25px !important;line-height:25px !important;color:#444 !important;font-size:13px !important}
   .location_dept5 li a:hover, .location_dept3 li a.on{background-color:#6b7a8d !important;color:#fff !important}
   .location_dept5 li a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
   .location_dept5 li a .blnakIcon3{display:inline-block;width:10px;height:10px;padding-left:10px;background:url(/pages/headquarter/img/sub/icon_blank2.gif) no-repeat top left !important;background-position:0 5px !important}

.historyLink .location_dept6{display:none;position:absolute;top:46px;z-index:15;width:200px;min-width:167px;height:auto;padding:9px 0 7px !important;border:1px solid #d6d6d6 !important;background-color:#FFF !important;box-shadow:0 4px 2px -2px rgba(0,0,0,0.4);margin-left:-20px}
   .location_dept6 li{margin:0 0 1px !important;background:none !important;height:28px !important}
   .location_dept6 li a{display:block;width:100%;min-width:167px !important;height:25px !important;line-height:25px !important;color:#444 !important;font-size:13px !important}
   .location_dept6 li a:hover, .location_dept3 li a.on{background-color:#6b7a8d !important;color:#fff !important}
   .location_dept6 li a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
   .location_dept6 li a .blnakIcon3{display:inline-block;width:10px;height:10px;padding-left:10px;background:url(/pages/headquarter/img/sub/icon_blank2.gif) no-repeat top left !important;background-position:0 5px !important}


#locMobile {display:none;}

.location_dept2_a {height: 28px;padding: 14px 50px 0 25px;color: #5c5c5c;display: inline-block;background: url("http://www.yeosu.go.kr/img/sub/bg_history_02.png") no-repeat 100% center;}
.location_dept3_a {height: 28px;padding: 14px 50px 0 25px;color: #5c5c5c;display: inline-block;background: url("http://www.yeosu.go.kr/img/sub/bg_history_02.png") no-repeat 100% center;}

.historyTxt {overflow:hidden}
.historyTxt li { float:left; font-size:13px; margin-left:5px; padding-left:10px;background:url(http://www.yeosu.go.kr/img/sub/ico_history_depth.png) no-repeat left 3px;letter-spacing:-.02em}
.historyTxt li img{vertical-align:middle}
.historyTxt li:first-child {background:none; padding-left:0; margin-left:0}

.iconBox {position:absolute;right:100px;top:15px;z-index:1002;}
.iconBox img {padding:0 3px;}



/*.submenu {position:relative; width:100%; border-bottom:1px solid #dadde2; min-height:20px;padding:10px 0 10px 0;}
.submenu ul {width:1100px; margin:0 auto;}
.submenu ul li {float:left;font-size:16px;  }
.submenu ul li a { display:block;padding:0 10px;color:#555555;}
.submenu ul li a.on {color:#FF6600; }
.submenu ul li a:hover {color:#FF6600;}*/


.contentWrap,
.contentWrap02 {display:inline-block;clear:both; float:left;width:1000px; background:#fff url(/images/suncheon/yeyak/sub/conWrapBg.gif) left center repeat-y; /*overflow:hidden;*/ }

.contentWrap02 {background:none; background:#fff;}


/*카테고리선택*/
.lnbBox {float:left;width:257px; margin:0;/*background:#5a687e;*/position:relative; border-bottom:1px solid #9da8ba;}
.lnbBox:before {content:'';position:absolute;left:-1px;top:100%; width:100%; height:4px; margin-top:1px; padding:0 1px}
.lnbBox .allmenu {position:absolute;right:16px;top:14px;color:#eee; font-size:12px;}
.lnbBox > strong {display:block;  padding:47px 0 14px;padding-left:17px; color:#323232; font-size:22px;letter-spacing:-1px}
.lnbList > li > a { font-weight:bold; display:block; padding:12px 19px 12px 20px;font-size:18px; color:#535966;border-top:1px solid #b5b9bd; border-bottom:1px dashed #b5b9bd;}
   .lnbList li a,
   .lnbList > li > a.on {color:#383b43;}
.lnbList > li:first-child { }
.lnbList li.lnbSearch_box a {border-top:none; border-bottom:none;}
.lnbList li a.first{background:#4e76db; color:#fff;}
.lnbList li ul {display:none; margin:10px 0 0 0;}
.lnbList li ul.lnbSearch li { position:relative; }
.lnbList li ul.lnbSearch li a {color:#375192; font-size:14px;}
.lnbList li a.on+ul {display:block; }
.lnbList li:first-child{padding-top:0; }
.lnbList li:last-child{padding-bottom:12px}
.lnbList li ul li { color:#62676f; font-size:14px; }
.lnbList li ul li a { display:block; color:#62676f; background:none; height:13px; padding:5px 13px 7px 10px; margin-left:8px;font-size:13px}
.lnbList li ul li a img {position:absolute; right:10px; top:3px;}
.lnbList li ul li a:hover { color:#62676f; font-weight:600;border-radius:3px}
.lnbList li ul li a.on { color:#4e76db;margin-bottom:3px;margin-top:3px}
.lnbList li ul li label {padding:9px 0 10px 11px; font-weight:normal!important;}
.lnbList li ul li input {vertical-align: middle;}
.lnbList li ul li.checkStyle {padding:0 10px 7px; line-height:20px;}
.lnbList li ul.money li {width:90%;}

.lnbList li ul.checkStyle { overflow:hidden; width:100%; padding:4px 0 5px 12px; box-sizing:border-box; }
.lnbList li ul.checkStyle li { float:left; margin:2px 15px 3px 0; overflow:hidden; }
.lnbList li ul.checkStyle li label { display:inline-block; padding:0 0 0 5px;}

.lnbList li ul.lnbSearch div {clear:both; margin:10px auto 0 auto; width:200px;}
.lnbList li ul.lnbSearch div a {text-decoration:none;text-align:center; color:#fff; background:#6b7a8d; padding:10px;border: 1px solid #6b7a8d;   border-radius: 3px;   -moz-border-radius: 3px;   -webkit-border-radius: 3px;   -o-border-radius: 3px }



.content {float:left;width:743px; position:relative;}


.inCont {float:left;padding:27px 0 33px 25px;line-height:140%;box-sizing:border-box; width:100%;}

.select {float:left; width:100%; padding:0 0 10px 0;  }
.select a { border-right:1px solid #a4acb8; padding:0 20px; color:#616367;}
.select a.on {color:#e26f50; font-weight:bold;}
.select a:first-child {padding-left:0;}
.select a:last-child {border-right:none;}


/*에코촌 날짜선택*/
.daysel {float:right;margin:0 35px 5px 0;}
.daysel li {float:left; margin-left:3px;}
.daysel a {padding:0; display: inline-block; float: right;}
.daysel .btnRefresh {border-right: none; padding-left: 2px !important;}
.daysel .selectCal {padding:0;margin:0 2px 0 0;display: inline-block;float: right;width:29px;height: 25px;}
.daysel input{display: inline-block;font-size: 14px;/*height: 27px;*/min-height: 23px;vertical-align: middle;/*border: 1px solid #cccccc;line-height: 180%;*/color: #5a687e;}
.daysel a.btnView {display: inline-block;font-size: 14px;height: 17px; color:#fff; padding:5px 10px; background:#606d80; border-radius:3px;}


.cateList {position:relative;clear:both; width:100%;}
.cateList ul {}
.cateList ul li {float:left;width:31%; margin:0 5px 5px 0;border:1px solid #d6d6d6;}
.cateList ul li img {width:100%;}
.cateList ul li a {display:block;}
.cateList ul li div.box {position:relative;border:0px solid #a1a1a1;height:84px;margin:-5px 0 0 0; border-top:none;padding:15px;}
.cateList ul li div span.cate {color:#e26f50; font-size:14px;}
.cateList ul li div span.title {font-size:20px;}
.cateList ul li div .detail_btn {position:absolute; left:15px; bottom:10px;}
.cateList ul li div span.detail {display:inline-block;background:#87c97f; border-radius:3px; -moz-border-radius: 3px;   -webkit-border-radius: 3px;   -o-border-radius: 3px; }
.cateList ul li div span.detail2{margin-left:1px;background:#e78165;} 
.cateList ul li div span.detail a {display:block; padding:3px 7px; color:#fff;}
.cateList ul li div span.detail a:hover { background:#64b75a; text-decoration: none; border-radius:3px; -moz-border-radius: 3px;   -webkit-border-radius: 3px;   -o-border-radius: 3px;}
.cateList ul li div span.good {position:absolute; right:10px; bottom:5px;}
/*.cateList ul li div span.good {float:right;margin:52px 0 0 0; }*/
.cateList ul li div span.good a { color:#5a687e;padding-left:20px; background:url(/images/suncheon/yeyak/sub/good.gif) 0 top no-repeat;}
.cateList ul li div span.good a.on {background:url(/images/suncheon/yeyak/sub/on_good.gif) 0 top no-repeat;}


.pageNum { position:relative;float:left; width:100%;padding:20px 0 10px;text-align: center;}
.pageNum img { vertical-align:middle;}
.pageNum strong,.pageNum a.page {width:28px; height:23px; padding:3px 0 0 0;margin-right:2px;border:1px solid #353535;  color:#FFFFFF; background:#353535;display: inline-block;}
.pageNum a.page { background:#FFFFFF; border:1px solid #d1d1d1; color:#252525;}
.pageNum a {}



   

/*기본테이블 스타일*/   
.table01{border-top:1px solid #9f9f9f;border-bottom:1px solid #d3d5d7;margin:15px auto; font-size:16px; color:#373a3e; font-family:Nanum Gothic;}
.table01 td{border:1px solid #d3d5d7;line-height:25px;padding:2px 5px; ;}
.table01 th{background:#f9f9f8;border:1px solid #d3d5d7;}
.table01 td, .table01 th {padding:15px 10px; border-top:none;text-align:left;}


.blueBoxTab {border:5px solid #7eb1e1; padding:20px 20px 12px 30px;margin-bottom:27px;box-sizing:border-box}
.blueBoxTab a {background:url(http://www.yeosu.go.kr/img/sub/bul_boxtab_off.png) no-repeat left center; font-size:14px;padding-left:10px;margin:0 10px 8px 0;display:inline-block;}
.blueBoxTab a:hover,.blueBoxTab a.on {background-image:url(http://www.yeosu.go.kr/img/sub/bul_boxtab_on.png); text-rkdecoration:underline; color:#2c7fd2; font-weight:600}



/*페이지평가*/
.satisBox { float:left;border:1px solid #a1aab8;/*min-width: 320px; max-width: 1100px;*/ width:93%; background:#fbfbfb; margin:50px 0 20px 25px; padding:10px 0 15px 0;clear:both}
.satisBox p {font-size:14px;}
.satisBox>div {float:right;}
.satisBox .like_icon {float:left; padding:12px 0 10px 50px;background:url(/images/suncheon/yeyak/common/like_icon.gif) no-repeat 20px center; color:#333740;}
.satisBox div.like_select {position:relative; display:inline-block; float:left;margin:10px 0 0 0;}
.satisBox div select { display:inline-block; font-size:14px;  height:27px; min-height:24px;letter-spacing: 0; vertical-align: middle; border: 1px solid #cccccc; line-height: 180%; color:#5a687e;}

.satisBox div.inputBox {position:relative;float:right;margin-left:2px;padding:10px 15px 0 0; }
.satisBox div.inputBox input {float:left;width:320px; height:25px; border:1px solid #d9d9d9; text-indent:10px; color:#5a687e;letter-spacing:-1px;}
.satisBox div.inputBox a{ position:absolute;right:15px;top:10px;height:17px; background:#8e98a7; border:1px solid #8e98a7;width:80px; text-align:center; color:#fff; font-size:14px; padding:4px 0}


.dateBox {overflow:hidden; border:1px solid #dbe2e8; padding:15px 20px; position:relative}
.dateBox li {float:left; margin-right:40px}
.dateBox li.last {margin-right:0; border-left:1px solid #dbe2e8; position:absolute;right:0;top:0; height:100%; padding:16px 24px}
.dateBox li strong {color:#3e5474; display:inline-block; margin-right:12px}

.contTab { overflow:hidden; margin:15px 0 30px; padding-top:5px}
.contTab li { float:left; border:1px solid #d8dce3; margin-left:-1px}
.contTab li:first-child {margin-left:0}
.contTab li a {display:inline-block; padding:10px 20px; background-color:#f3f4f7; color:#929ba3;}
.contTab li.on {border-top:3px solid #5374ac; margin-top:-2px}
.contTab li.on a {color:#333; background-color:#fff;}
.blusSelct,.m_snsSheard {display:none}
.tag{clear:both;text-align:center;box-sizing:border-box;}



   


/*우측 퀵 today여행*/
.r_quick {position: absolute;right:0;top:30px; z-index:1000; }
.r_quick div {border:1px solid #e1e1e1; width:73px; background:#fff;}
.r_quick p {text-align:center;}
.r_quick ul {float:left;wdith:100%; text-align:center;}
.r_quick ul li:first-child {padding-top:5px;}
.r_quick ul li {margin-left:4px; wdith:65px;padding:5px 0 3px 0;border-bottom:1px solid #e1e1e1;}
.r_quick ul li img:hover { opacity:0.7;}
.r_quick div p a img {padding:10px 0;} 
.r_quick p:last-child {padding-top:10px;}


.footer{ background:#cbd0d7;}

/*** Tablet  ***/
@media all and (max-width:1098px){

/*20171114 추가*/
#container .content { /*float:none; */ width:70%; overflow:hidden; background:#fff; padding-bottom:30px; margin-left:20px;}
#container .inCont {box-sizing:border-box; width:100%; overflow:hidden; padding:0}
/*20171114*/

.r_quick {right:10px;}
.inCont {margin-top:33px}

.historyLink{width:auto; }
.historyLink li a {width:auto;}
.greenBar { background: #7a9ee8;max-width:auto; margin:0; overflow:hidden;}


.contentWrap,
.contentWrap02 {float:left;}


.sub_detail ul {margin:0 auto; width:85%;}




.lnbBox {width:258px;} 

.content {margin-left:10px;}
.contentsStart {float:left;padding:0 10px;box-sizing:border-box; width:100%; }


.cateList {width:100%;}
.cateList ul li {float:left; width:47%; margin:0 1% 1% 1%; border:1px solid #d6d6d6;height:300px!important;}
/*.cateList ul li:nth-child(2n+2) { margin-right:0; }*/
.cateList ul li img {height:190px!important;}

.select { float:none; padding-left:2%; }
.satisBox {width:95%;margin:20px 20px;box-sizing:border-box; }
.satisBox div.inputBox input {width:500px;}
.satisBox div.like_select {clear:both; padding-left:20px;}

.tourSum {margin:0 auto; text-align:center;}

.courseList {text-align:left;}

.course ul {width:100%;}

/****html페이지*****/
.content02 {margin-left:20px;width:95%;}


   
}

/*** Tablet  ***/
@media all and (max-width:1024px){
.r_quick { display:none;}
.iconBox {right:20px;}

#container { background:#fff;}
.containerWrap {width:auto;}
}

/*** Tablet  ***/
@media all and (max-width:850px){

#container .content { width:60%; margin-left:5px;}
.satisBox {width:93%;margin:20px 15px;}
.satisBox div.inputBox input {width:400px;}
}

/*** Mobile  ***/
@media all and (max-width:768px){
.topHead {}
.mhead .sitemap { display:none;}

.iconBox { display:none}

.historyLink li.mn {float:left; padding-right:20px}
.historyLink li.mn a.location_dept_a,
.historyLink li.mn a.location_dept2_a,
.historyLink li.mn a.location_dept3_a,
.historyLink li.mn a.location_dept4_a,
.historyLink li.mn a.location_dept5_a,
.historyLink li.mn a.location_dept6_a {padding:16px 18px 0 5px;}


#container {width:auto;background:#fff; }
.containerWrap {width:auto;}
.contentWrap,
.contentWrap02  { max-width:auto; width:100%; background:none; }
#container .inCont,
.contentsStart {width:100%;}



.lnbBox {width:auto; position:relative;} 
.lnbList li ul li {position:relative; box-sizing:border-box;}
.lnbList li ul li.checkStyle {padding:0 0 10px; line-height:20px;}
.lnbList li ul li a img {float:right;}
.lnbList li ul li label {padding:0 20px;}
.lnbList li ul li br {display:none;}
/*.lnbList li.lnbSearch_box ul {width:80%;}*/

#container .content {padding-left:0; border-left:0; width:calc(100% - 15px);}
#container .inCont { margin-top:15px; }
.select { width:100%; padding:10px 0;margin-left:10px;   }

.satisBox {width:95%;}


.titSect {padding:0 0 11px; margin-bottom:10px}
.stit01 {font-size:18px;font-weight:700;letter-spacing:-1px}
.blusSelct {display:block;-webkit-appearance:none; width:100%; border:3px solid #7eb1e1; color:#2c7fd2; padding:10px 0; text-indent:10px; background-size:10px 5px; margin-bottom:20px; border-radius:0}
.m_snsSheard { display:block; position:absolute;right:0;bottom:5px; padding:5px 12px; border:1px solid #c8dbe0}
.innerFoot02 {display:none}
.historyTxt{line-height:160%;border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:20px}

/****html페이지****
.content02 {width:73% !important;}
.contentWrap02 .satisBox {width:71.5% !important;}*/
}
/*** Mobile  ***/
@media all and (max-width:690px){

/*#container .content { width:65%;}*/

.content .satisBox {width:95%;margin:20px 20px;}
.content .satisBox .inputBox input { width:450px; }


}

/*** Mobile  ***/
@media all and (max-width:480px){

body {border-top:2px solid #3366CC; }
.mhead {margin-top:15px !important;}
.mhead div.comSearch {width:100%; background:#eee;padding-top:0;margin-top:10px;}
.mhead .comSearch input {width:78%;}
.m_allMenu_open { top:30px;}

#container .content {margin-left:10px;}

.cateList ul li {width:95%;}
/*.pageNum {  width:82%;}*/

#container .satisBox {width:91%;margin:20px 15px;}
#container .satisBox p.like_icon {padding-right:10px;}
#container .satisBox div {float:left;width:89%;padding-top:5px;}
#container .satisBox div.like_select {float:left;margin-left:0; }
#container .satisBox div.inputBox {width:100%;padding-left:18px;}
#container .satisBox .inputBox input { width:248px;font-size:12px; }
#container .satisBox .inputBox a {top:5px;}


/****html페이지*****/
.content02 {margin:30px 15px !important;}
.content02 div.tapMenu {width:90%;margin:10px 0 21px 0; border-bottom:none;padding-bottom:20px;}
.content02 div.tapMenu ul li {border-right:1px solid #a8b1bf;margin:0 0 2px 2px !important;}



}