@charset "utf-8";
@import url("https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");

/* Common Style */
* {margin:0;padding:0;list-style-type:none;}
html {height:100%;font-size:12px;}
body {top:0!important;margin:0;padding:0;color:#333; background:#fff;font-size:13px;letter-spacing:-0.7px;font-family:'NanumSquare','Nanum Gothic','Dotum','Gulim','Tahoma','Verdana',ng,ngb;-webkit-text-size-adjust:none;width:100%;min-height:100%; overflow:hidden; overflow-y:scroll}
.blind {visibility: hidden; overflow: hidden;position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0;line-height: 0;}

/* color */
.blue{color:#276bd1}

/* align */
.txt_r{text-align:right}
.txt_l{text-align:left}
.txt_c{text-align:center}


#wrapper {width:100%;}
#container {width:100%; }
body {width:100%;min-width: 320px; }

.goog-te-banner-frame {
    top: auto!important;
    bottom: 0px!important;
}

.topHead > div {float:left}
.topHead .topSect01 {margin-right:20px;border-left:1px solid #dfdfdf;}
.topHead .topSect01 a {display:inline-block; margin-left:5px; padding:12px 10px 8px 20px; color:#343537; border-right:1px solid #dfdfdf;}
.topHead .topSect01 a:hover{font-weight:600;text-decoration:none;color:#333}

.topHead .topSect01 a.util01 {background:url(/images/suncheon/tour/common/util01.png) left 10px no-repeat;} 
.topHead .topSect01 a.util02 {background:url(/images/suncheon/tour/common/util02.png) left 10px no-repeat;} 
.topHead .topSect01 a.util03 {background:url(/images/suncheon/tour/common/util03.png) left 10px no-repeat;} 
.topHead .topSect01 a.util04 {background:url(/images/suncheon/tour/common/util04.png) left 10px no-repeat;} 


.topHead .inforight {float:right}
.topHead .topSect02 {float:left;margin-right:10px;border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.topHead .topSect02 a {display:inline-block;padding:12px 15px 8px 8px;color:#343537;}
.topHead .topSect02 a:hover{font-weight:600;text-decoration:none;color:#343537;}
.topHead .topSect02 a:first-child {margin-left:10px; background:none}

.topHead .topSect04 {float:left; margin-right:10px;position:relative;background:url(/images/suncheon/tour/sub/ico_arrow.jpg) right no-repeat;}
.topHead .topSect04 span {position:absolute;left:8px;top:11px}
.topHead .topSect04 select {opacity:0;padding:12px 0 3px 0px; height:100%;filter: alpha(opacity:'0');color:#343537; }

.topHead #google_translate_element {float:left;}
.topHead #google_translate_element .goog-te-gadget-simple {padding:7px 0; border:none; border-left:1px solid #dfdfdf;color:#343537;}

/*20171121*/
.topHead ul.right {float:left;border-left:1px solid #dfdfdf;}
.topHead ul.right li {position:relative;float:left;border-right:1px solid #dfdfdf;color:#333; /*background:#fff;*/padding:10px; }
	#sns {position:absolute; right:0; top:0; width:210px;}
	#sns ul {border:none;}
	#sns ul li {padding:0;}


.topHead .sns,
.topHead .sns li {float:left;}


.webGnb ul li .depth_2 > ul > li > a:hover,
.webGnb .allMenuBox ul li .depth2:hover {color:#666;}
.webGnb ul li .depth_2 > ul > li ul li a:hover,
.webGnb .allMenuBox ul li ul li a:hover {color:#22a03f; text-decoration:underline;}

/*20171117 스마트검색*/
#smartSearch {display:none;position:absolute; left:0;top:85px; width:100%; height:330px; background:#fff; border-left:1px solid #006b4b;border-right:1px solid #006b4b;border-bottom:1px solid #006b4b;z-index:15;}
#smartSearch div.box {float:left; padding:30px 45px 40px 45px;}
	#smartSearch .best_tag {float:left;width:256px;margin-top:20px;}
	#smartSearch .best_tag h3 {float:left; font-size:18px;padding-bottom:10px;}
	#smartSearch .best_tag ul {float:left; width:100%; border:1px solid #d3d5d7; padding:22px 0 0 0;}
	#smartSearch .best_tag ul li {float:left;margin-left:7px; width:46%;margin-bottom:22px;}
	#smartSearch .best_tag ul li a {display:block; color:#464a50;}
	#smartSearch .best_tag ul li a span {float:left;margin-right:3px;width:20px; text-align:center; background:#5a687e; color:#fff; border-radius:3px; }
	
	#smartSearch .search {float:left; width:364px;margin:0 30px; }
	#smartSearch .search h3 {float:left; font-size:24px; padding:10px 0 18px 50px; background:url(/images/suncheon/tour/common/smartTitle.gif) left top no-repeat;}
	#smartSearch .inputArea { position:relative;float:left; background:#006b4b; border-radius:5px; width:100%;padding:10px 0;}
	#smartSearch .inputArea label {display:none;}
	#smartSearch .inputArea .search_word  {margin-left:10px;background:#006b4b; border:none; color:#deeace; font-size:18px;}
	     #smartSearch .inputArea .search_word::-webkit-input-placeholder { color:#deeace;}
             #smartSearch .inputArea .search_word::-moz-placeholder { color:#deeace;}
             #smartSearch .inputArea .search_word::-ms-input-placeholder { color:#deeace;} 

       #smartSearch .inputArea .btn_seach { position:absolute; right:0; top:0; width:40px; height:40px; background:url(/images/suncheon/tour/common/btn_sm.png) center center no-repeat; border:none;}
	#smartSearch .chosung {clear:both;float:left; width:100%;margin:10px 0;}
	#smartSearch .chosung li {float: left;        margin-left: 2px;    margin-bottom: 4px;  font-size:12px;}
	#smartSearch .chosung li:first-child {margin-left:0;}
	#smartSearch .chosung li a {display: block; font-weight: 600;height: 21px; width: 22px;line-height: 21px;text-align: center;color: #009c04;border-radius:3px;border: 1px solid #bfc4c8;}
	#smartSearch .chosung li a.on{ background:#73c402; color:#fff;border: 1px solid #73c402;}
	#smartSearch .result { border: 1px solid #bfc4c8; background-color: #f8f9fb;height: 85px; padding:10px 15px 15px 15px; width:90%;overflow-y: scroll;}
	#smartSearch .result li {float: left;    width: 33%;    line-height: 21px;}
	#smartSearch .result li a {color:#52565c;}
	
	#smartSearch .sm_quick {float:left;margin:18px 0 0 0; width:323px; border:1px solid #c9cacb; background:#f5f5f5 url(/images/suncheon/tour/common/sm_bannBg.png)center top no-repeat;}
	#smartSearch .sm_quick ul {float:left; margin:10px 17px 0 17px;}
	#smartSearch .sm_quick ul li {float:left; width:45%;margin:12px 0;}
	#smartSearch .sm_quick ul li a {display:inline-block; padding:10px 0 25px 45px; color:#383838;}
	#smartSearch .sm_quick ul li.banner01 { background:url(/images/suncheon/tour/common/sm_bann01.png)left top no-repeat;}
	#smartSearch .sm_quick ul li.banner02 { margin-left:25px;background:url(/images/suncheon/tour/common/sm_bann02.png)left top no-repeat;}
	#smartSearch .sm_quick ul li.banner03 { background:url(/images/suncheon/tour/common/sm_bann03.png)left top no-repeat;}
	#smartSearch .sm_quick ul li.banner04 { margin-left:25px;background:url(/images/suncheon/tour/common/sm_bann04.png)left top no-repeat;}
	#smartSearch .sm_quick ul li.banner05 { background:url(/images/suncheon/tour/common/sm_bann05.png)left top no-repeat;}
	#smartSearch .sm_quick ul li.banner06 { margin-left:25px;background:url(/images/suncheon/tour/common/sm_bann06.png)left top no-repeat;}
	#smartSearch .sm_quick ul li.banner05,
	#smartSearch .sm_quick ul li.banner06 {margin-top:18px; margin-bottom:12px;}
	.smClose {position:absolute; right:0; bottom:0;}
	.smClose_m {display:none;}



/*상단검색*/
#searchBox { display:none;position:absolute; left:220px; top:10px; width:620px; background:#fff;z-index:3000;}
#searchBox label {display:none;}
#searchBox input {float:left; width:430px;height:58px;border:1px solid #b1b5bc; border-right:0; color:#49505a; letter-spacing:-1px; padding-left:20px; font-size:20px;}
#searchBox input.btn_topseach {width:110px;height:60px; background:#e26f50; border:0; color:#fff;}
#searchBox a.btn_close {display:inline-block;float:right;}



.footer{position:relative;clear:both; background:#f2f2f2;}

.innerFoot02 {width:100%; background-color:#d6d6d6; border-bottom:1px solid #fff;}
.innerFoot02 > p {width:1100px;margin:0 auto; text-align:center; }
.innerFoot02 .footLink {text-align:center;}
.innerFoot02 .footLink a {color:#333; font-size:14px; display:inline-block; padding:15px 10px}
.innerFoot02 .footLink a:first-child {padding-left:0}


.innerFoot03 {width:1100px; margin:0 auto; padding:30px 0 50px 0; position:relative}
.innerFoot03 .footLogo { text-align:center;}

.innerFoot03 .imsi { margin-bottom:20px}
.innerFoot03 .imsi span {font-size:14px; font-weight:600; color:#1260a6}
.innerFoot03 .imsi a {color:#585858; font-size:11px; display:inline-block; padding:0 10px 5px 10px}

.innerFoot03 address p {font-style:normal; color:#333; margin-bottom:8px; text-align:center;}
.innerFoot03 address p strong {font-size:15px;color:#333}
.innerFoot03 address p strong a {color:#fe2c2b;}
/*.innerFoot03 .etcImg {position:absolute;right:12px;top:30px}
.innerFoot03 .etcImg span {display:inline-block; margin-right:7px}*/
.wrap_mobile {display:none}
.m_allMenu_open,.menuPanel {display:none}


/*** Tablet  ***/
@media all and (max-width:1098px){
body{background:none}
/*header {width:auto;}
#wrapper {width:auto;}
#container {width:auto;}*/

/*20171117검색박스*/
#smartSearch {top:118px; border-left:none; border-right:none; border-top:1px solid #006b4b;}
#smartSearch div.box {padding:30px 22px 45px 22px;}
#smartSearch ul { display:block;float:left;}
#smartSearch .search {margin:0 15px;}


.webGnb #searchBox {top:53px;width:500px;}
.webGnb #searchBox input {width:65.9%;}
.webGnb #searchBox input.btn_topseach { width:90px;padding:0; text-align:center;}



/* 모바일전체메뉴 */
.menuPanel {display:block;position: fixed;left: 100%;top: 0;bottom: 0;width: 220px;height: 100%;z-index: 2000; background: #009992; overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.menuPanel .m_allMenu_close { position:absolute;right:0;top:0;width:50px;height:33px; background-color:#055b19; color:#c6d4c9; text-align:center; padding-top:17px;z-index:2001;}
.menuPanel > strong {display:table-cell; height:50px; background-color:#197b30; font-size:16px; color:#96b89e; vertical-align:middle;width:170px; text-indent:25px}
.menuPanel .util {clear:both;height:50px;width: 220px;font-size:16px; color:#bdcbf1; vertical-align:middle; text-indent:25px}
.menuPanel .util a {display:inline-block;float:left;margin:0; padding:18px 0; width:49%; border-right:1px solid #1bb6af; color:#c0fffc; text-align:center;}
.menuPanel .util a.home { background:url(/images/suncheon/tour/common/ico_home.png) 33px center no-repeat;}
.menuPanel .util a.my {border-right:none; background:url(/images/suncheon/tour/common/ico_my.png) 13px center no-repeat;}

.menuPanel > ul > li {border-bottom:1px solid #055b19;}
.menuPanel > ul > li > a {display:block; color:#fff; font-size:16px; padding:15px 0 15px 24px;background-color:#1d8f37; position:relative}
.menuPanel > ul > li > a:after {content:''; width:11px; height:11px; position:absolute;right:15px;top:50%; background:url(/images/suncheon/tour/common/bg_allmenu_on01.png) no-repeat 0 0; background-size:11px; margin-top:-5px}
.menuPanel > ul > li ul {display:none}
.menuPanel > ul > li >a.on:after { background-image:url(/images/suncheon/tour/common/bg_allmenu_off01.png); margin-top:-1px}
.menuPanel > ul > li >a.on+ul {display:block}
.menuPanel > ul > li ul li {border-top:1px solid #aac98d;}
.menuPanel > ul > li ul li > a {background-color:#c5e9a4;display:block; color:#161616; font-size:15px; padding:15px 0 15px 24px; position:relative}
.menuPanel > ul > li ul li > a:after {content:''; width:11px; height:11px; position:absolute;right:15px;top:50%; background:url(/images/suncheon/tour/common/bg_allmenu_on02.png) no-repeat 0 0; background-size:10px; margin-top:-5px}
.menuPanel > ul > li ul li > a.on {color:#fff;background-color:#353b41;}
.menuPanel > ul > li ul li > a.on:after {background-image:url(/images/suncheon/tour/common/bg_allmenu_off02.png); margin-top:-1px}
.menuPanel > ul > li ul li div {display:none;background-color:#fff}
.menuPanel > ul > li ul li a.on+div {display:block}
.menuPanel > ul > li ul li div a {display:block; padding:10px 0 10px 34px; position:relative;color:#161616; border-top:1px solid #b3b3b3}
.menuPanel > ul > li ul li div a.on { color:#0078e5}
.menuPanel > ul > li ul li div a:before {content:''; width:3px; height:3px; position:absolute;left:24px;top:50%; background-color:#000; margin-top:-2px}
.menuPanel > ul > li ul li div a.on:before {background-color:#0be500;}
.menuPanel .noDepth a:after {content:none}

.menuPanel.on {left:auto; right:0}
.mMenuDim {display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000; opacity: 0.6;z-index: 100; width:100%; height:100%}
.menuPanel.on+.mMenuDim {display:block}




.innerFoot02 {border-top:1px solid #beced7;padding-bottom:5px}
.innerFoot02 > p {width:auto;margin:0 auto; text-align:center; }
.innerFoot02 > div {width:auto}
.innerFoot02 .footTabBox02 li.pcVer { display:none}
.innerFoot02 .footTabBox02 {height:84px; padding-top:10px}
.innerFoot02 .footTabBox02 li {float:left;width:50%; margin:0; text-align:right}
.innerFoot02 .footTabBox02 li:nth-child(2n+2) {text-align:left}
.innerFoot02 .footTabBox02 li * {text-align:left}
.innerFoot02 .footTabBox02 li+li+li {margin-top:5px}
.innerFoot02 .footTabBox02 li a.tabLink {width:90%; box-sizing:border-box; background:#eff5fa; margin:0 5px}
.innerFoot03 .footLogo {}
.innerFoot03 {width:auto; text-align:center; padding:20px 0}
.innerFoot03 .etcImg {position:static;}
.innerFoot02 .footTabBox02 li div {width:90%; left:8.7%}
.innerFoot02 .footTabBox02 li:nth-child(2n+2) div {right:8.7%;left:auto}


}

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

#smartSearch div.box {float:none; margin:0 auto; width:85%;padding:30px 0 45px 0;}
#smartSearch ul { display:block;float:left;}
#smartSearch .search {margin:0 0 0 10%;}
#smartSearch .sm_quick {display:none;}
	.smClose {display:none;position:absolute; right:0; bottom:0;}
	.smClose_m {display:block;position:absolute; right:10px; top:10px;}

.sungroup dd { letter-spacing:-1px;}
}


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

#smartSearch div.box {float:none; margin:0 auto; width:85%;padding:30px 0 45px 0;}
#smartSearch .search {margin:0 0 0 4%;}


.webGnb #searchBox {left:170px;top:63px;width:330px;}
.webGnb #searchBox input {width:65.5%; height:40px; font-size:16px;}
.webGnb #searchBox input.btn_topseach { width:50px; height:42px;padding:0; text-align:center;}
.webGnb #searchBox a.btn_close img {width:42px; height:42px;}
}


/*** mobile Device ***/
@media all and (max-width:690px){

#smartSearch div.box { width:94%;}


.webGnb #searchBox {left:270px;top:63px;width:330px;}
.webGnb #searchBox input {width:65.5%; height:40px; font-size:16px;}
.webGnb #searchBox input.btn_topseach { width:50px; height:42px;padding:0; text-align:center;}
.webGnb #searchBox a.btn_close img {width:42px; height:42px;}


.innerFoot02 .footTabBox02 {height:200px; padding-top:10px}
.innerFoot02 .footTabBox02 li:nth-child(2n+2) {text-align:right}
.innerFoot02 .footTabBox02 li {float:left;width:95%; margin:0; text-align:none;float:none;margin-top:5px}
.innerFoot02 .footTabBox02 li a {width:95%}
.innerFoot02 .footTabBox02 li * {text-align:left}
.innerFoot02 .footTabBox02 li+li+li {margin-top:5px}
.innerFoot02 .footTabBox02 li:nth-child(2n+2) div {right:0}
.innerFoot03 .footLink {line-height:140%; padding:0 20px}
.innerFoot03 address p:nth-child(2) {display:none}


.topHead {}
.topHead .topSect01 {float:none;text-align:center;margin-right:0;border-left:none; margin:0 auto;}
.topHead .topSect01 a {display:inline-block; padding:10px 10px 20px 10px; color:#343537; border-right:1px solid #dfdfdf;}
.topHead .topSect01 a:last-child { border-right:none;}
.topHead .topSect01 a:hover{font-weight:600;text-decoration:none;color:#333}

.topHead .inforight {display:none;}
.topHead .sns {display:none;}
.innerFoot02 {display:none}

address {font-size:12px}
.innerFoot03 address p strong {font-size:12px}

}


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

.topHead .topSect01 a {padding:10px 18px; letter-spacing:-1px;}

#smartSearch .best_tag {display:none;}

.webGnb #searchBox {left:5px;top:120px;width:410px;}
.webGnb #searchBox input {width:72%; }



}

/*** mobile Device ***/
@media all and (max-width:375px){

#smartSearch {height:340px;}
#smartSearch .search {width:100%;margin:0;}


.webGnb #searchBox {left:10px; top:120px; width:320px;}
.webGnb #searchBox input {width:64.5%; height:40px; font-size:16px;}



}