@charset "UTF-8";

/* Reset */
body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,code,blockquote,form,fieldset,legend,input,textarea,button,select,table,th,td {margin:0;padding:0}
ul,ol,li,dl,menu {list-style:none}
img {border:0 none;vertical-align:middle}
form,fieldset {border:0 none}
label,input,select,textarea,button {border:0;border-radius:0;font-size:inherit;line-height:normal;vertical-align:middle}
input[type='submit'],input[type='button'] {cursor:pointer}
textarea {resize:none}
button {border:0;background-color:transparent;cursor:pointer;outline:0}
/*button:focus {border:1px dotted #3cb896}*/
button::-moz-focus-inner {padding:0;border:0}/* Fire Fox button style bug */
table {width:100%;border-collapse:collapse;border:0;border-spacing:0;/*table-layout:fixed*/}
/*p {word-break:keep-all;word-wrap:break-word}*/
th,td {word-break:break-all}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:400}
header,main,footer,section,article,aside,nav,details,menu,figure,figcaption {display:block;margin:0;padding:0}
iframe,object,video,embed {position:relative;top:0;left:0;max-width:100%}
input[type='text'], input[type='password'], input[type='submit'] {-webkit-appearance:none}

/* Common */
caption,legend,hr,.offscreen {overflow:hidden;/*position:absolute*/;left:-9999em;width:1px;height:0px;margin:0;padding:0;border:0;text-indent:-9999em;background:none;font-size:1px;line-height:1px}
legend,hr,.offscreen {position:absolute}
.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em}
.group {zoom:1}
.group:after {display:block;visibility:hidden;clear:both; height:0;content:''}
button:focus {outline:1px dotted #555}



body,textarea,select,input,button {font-family:NBG,'나눔고딕','NanumGothic',Dotum,AppleSDGothicNeo,sans-serif}
body {color:#444;font-size:13px;font-weight:400;line-height:1.846;-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6,textarea,select,input {font-weight:400;font-size:1em}
a,a:link,a:visited {color:#333;text-decoration:none}
a:hover,a:focus,a:active {text-decoration:underline}



/* Layout */
html {    overflow: hidden;}
body {position:relative;width:100%}
.inner {min-width:1000px; width:100%; margin:0 auto} /* Default :1280 */

#skip_to_content {position:absolute;left:0;top:-10em;width:100%;z-index:99999}
#skip_to_content a:active, #skip_to_content a:focus {position:absolute;left:0;top:10em;width:100%;height:27px;background:#009dc8 url(../../images/common/header_bg.gif) repeat-y 50% 0;color:#fff;text-align:center;text-decoration:none;line-height:30px;outline:0}


#header { position:relative; border-bottom:solid 1px #508ac2; height:79px;z-index:99; }
#leftBox { position:relative; z-index:98; }
#view {position:absolute; top:79px; right:0; width:890px; height:960px; }
#footer {}


#top_logo {position:absolute; top:21px; left:30px;}
#gnb_util {position:absolute;  top:21px;right:10px;}
/* GNB */
#gnb_wrap {position:relative; min-width:1200px;}
#gnb {position:relative; top:23px;width:620px; margin:auto;}
#gnb a {display:block}
#gnb > li {font-size:1.385em;float:left; background:url(../../images/tourmap/gnbline.png) no-repeat 0 50%; padding:0 20px}
#gnb > li:first-child {background:none;}
#gnb > li span {height:32px; width:36px; display:inline-block; vertical-align:middle;background:url(../../images/tourmap/gnbicon.png) no-repeat 0 50%;  }
#gnb > li:nth-child(1)  span {}
#gnb > li:nth-child(2)  span {background-position: -140px 0;}
#gnb > li:nth-child(3)  span {background-position: -315px 0;}
#gnb > li:nth-child(4)  span {background-position: -470px 0; width:45px; }

.leftBox {width:790px;}
#leftMenu { width:198px; position:relative; background:#4b4b55; height:2000px;}
#leftMenu h2 { height:80px; background:#175a9c; padding:40px 0 0 24px; font-size:1.385em; color:#fff; border-bottom:solid 1px #fff;  }
#leftMenu h2 p { font-size:1.556em; line-height:1.1;}
#leftMenu ul {}
#leftMenu ul li { }
#leftMenu ul li:not(.haschild) a{ display:block; background:#4b4b55;border-bottom:solid 1px #3c3c44;  height:49px; line-height:49px; padding-left:24px; font-size:1.154em; color:#fff;}
#leftMenu ul li:not(.haschild) a.on { border-bottom:solid 1px #c5c5c5;  color:#175a9c; background:#f6f6f6 url(../../images/tourmap/bul_sidemenu.png) no-repeat 20px 0;}


#leftContent { padding:20px 20px 20px 50px; width:550px; position:absolute; background:#f6f6f6; border-right:solid 1px #ccc;  height:2000px; left:198px; top:0;}
#leftContent h3 {color:#414286; font-size:3.0em; padding-top:30px;}
#leftContent .h3_ {color:#444555; font-size:1.846em;}
#leftContent .ultypeA { margin-bottom:30px;}
#leftContent .ultypeA li { background:url(../../images/tourmap/ultypeAbul.png) no-repeat 0 50%; line-height:25px; height:24px; padding-left:8px; }
.sns {position:absolute;top:5px;right:0px;}

#photoSlide {width:520px;}
.photoSlideBox {width:520px;}
.sns li {float:left;margin-left:8px}
.sns li a {width:38px;height:38px;}
.sns li.snsopen a{background:url(../../images/tourmap/btn_sns.png) no-repeat;}
.sns li ul {position:absolute; border:solid 0px #ccc; top:45px; left:0; display:none;}
.sns li ul li {clear:both; float:none;}
.sns li ul li a {width:25px;height:25px;}
.sns li ul li a:last-child {width:38px;height:38px;}
.sns li ul li.facebook a {background:url(../../images/tourmap/btn_snsf.png) no-repeat;}
.sns li ul li.twitter a {background:url(../../images/tourmap/btn_snst.png) no-repeat;}
.sns li ul li.snsclose {position:absolute; top:-45px;}
.sns li ul li.snsclose a {background:url(../../images/tourmap/btn_snsclose.png) no-repeat;}


#bx-pager {margin-top:10px;}
#bx-pager a{ margin-left:10px; display:inline-block;}
#bx-pager a:nth-child(1) {margin-left:0;}
#bx-pager a.active {border:solid 4px #f47321;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#bx-pager a img { width:120px; height:82px; }
#bx-pager a.active img { width:112px; height:74px; }
#bx-pager span { margin-left:10px; display:inline-block;}
.contentTxt {margin:35px 0 40px; color:#666;}
.btnmore { text-align:center; padding-bottom:50px;}

#leftContent_BTN {position:absolute;top:50%;left:818px; height:70px; width:12px; background:url(../../images/tourmap/content_arr.png) no-repeat;}
#leftContent_BTN a {display:block; height:70px;}


.leftBox.open #leftContent {display:none;}
.leftBox.open #leftContent_BTN {left:198px;}
.leftBox.open {width:198px;}
#view {}


.customoverlay {box-shadow:0px 1px 2px #888; background:#fff; position:relative;left:25px;bottom:40px;border-radius:15px;border: 1px solid #c03f76;float:left;}
.customoverlay a {display:block;text-decoration:none;color:#c03f76;text-align:center;font-size:13px;font-weight:bold;overflow:hidden; }
.customoverlay .title {display:block;text-align:center;background:transparent;padding:4px 20px 3px;font-weight:bold;}

.mCSB_outside + .mCSB_scrollTools {
    right: 2px;
}

#footer { position:relative; z-index:99; background:ececec; border-top:solid 1px #cfcfcf; }
.copyright {color:#7b7b7b; text-align:center; height:40px; line-height:40px;}

/* 갈맷길 서브메뉴 */
#leftMenu ul li.haschild a:first-child{ display:block; background:#4b4b55;border-bottom:solid 1px #3c3c44;  height:49px; line-height:49px; padding-left:24px; font-size:1.154em; color:#175a9c; background:#f6f6f6 url(../../images/tourmap/bul_sidemenu.png) no-repeat;}
#leftMenu ul li.haschild a{ display:block; background:#485166;border-bottom:solid 1px #3c3c44;  height:31px; line-height:31px; padding-left:28px; font-size:0.912em; color:#9EA3AB; }
#leftMenu ul li.haschild a.on {  color:#ffffff; }

/*
.customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
*/