@font-face{font-family:"NanumGothic"; src:url('../font/NanumGothic.eot');}
@font-face{font-family:"NanumGothic"; src:url('../font/NanumGothic.ttf');}

@font-face {
  font-family: "nanumsR";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquareRoundR"), /* computer */
    url("../fonts/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("../fonts/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "nanumsRB";
  font-style: normal;
  font-weight: 700;
  src: local("NanumSquareRoundB"), /* computer */
    url("../fonts/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("../fonts/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}


ol, ul, li {list-style:none}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;width:100%;}

img,fieldset{border:0;}
li img,dd img,dt img,label img{vertical-align:top;}
li{/* line-height:100%; */list-style:none}
table{border-collapse:collapse;width:100%;}
input,select,textarea,button{font-size:13px;color:#222;}
img,input,select{vertical-align:middle;}
address,caption,em{font-weight:normal;font-style:normal;}
hr{display:none;}

/* base */
html{width:100%;}
body{-webkit-text-size-adjust: 100%; min-width:1400px; font-size:14px;color:#222;line-height:1.5; font-family: 'nanumsR','Nanum Gothic', sans-serif;}
a{color:#222;text-decoration:none;text-decoration:none; font-size:14px; line-height:1.5; color:#222; width:100%; height:100%}
a:visited,a:hover,a:active,a:focus{color:#222;}
caption,legend,label{width:0;height:0;font-size:0;text-indent:-9999em;overflow:hidden;}

.hide {display: inline-block; width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0;
		font-size:0; text-indent:-9999px; overflow:hidden;}


.cf:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}

/* skipNav */
#skip_navigation a:focus{height:50px; background-color:#333; color:#fff; width:100%; line-height:50px; right:0;}
#skip_navigation {position:absolute; left:0px; top:0px; width:100%; z-index:9999;}
#skip_navigation  a {display:block; padding:0 10px; height:0; overflow:hidden; color:#fff; text-align:left; text-align:center; font-size:15px;}

.wd-base-01{width:1100px; height:99px; margin:0 auto;position:relative;min-width:1400px}

/* header */
#header_wrap { width:100%; position:relative; z-index:1001; }
#header_wrap {background:url('../images/bg_header_top.png') center top no-repeat;height:150px}
#header_wrap .sec-top{height:99px; padding:0;margin:0;text-align:center;position:relative}
#header_wrap .sec-top:after {display:block; bottom:0; margin:0 auto; content:""; width:100%; height:1px; background-color:#d0d0d0; padding:0;}
#header_wrap .sec-top .sec-logo{margin:0 auto; padding-top:30px}
#header_wrap .sec-top .sec-logo-01{position:absolute;left:0;top:32px}
#header_wrap .sec-top .sec-logo-02{position:absolute; right:0; top:25px}
#header_wrap .sec-top .sec-line{position:absolute;top:30px;right:135px;height:55px;width:1px;background-color:#d9d9d9}


/* footer */
.footer_wrap {border-top: solid 1px #dedede; font-family:'NanumGothicWeb', 'NanumGothic', "나눔고딕",  'MalgunGothic', "맑은 고딕", 'Dotum', "돋움", sans-serif;}
.footer_wrap .footer {width: 1400px; margin: 0 auto;}
.footer .bt_menu {height: 60px; border-bottom: solid 1px #dedede; position: relative;}
.footer .bt_menu li {float: left; padding: 0 44px; height: 60px; line-height:60px; background: url(../images/bt_mn_line.gif) no-repeat right center;}
.footer .bt_menu li a { font-size: 17px; color: #000; }
.footer .bt_menu li a strong {font-weight: 600; color: #e97111;}
.footer .bt_menu .bt_top { position: absolute; top: 0; right: 0; width: 180px; height: 60px; background: #fcd8bb;}
.footer .bt_menu .bt_top a {display: block; height: 60px; background: url(../images/btn_all.png) no-repeat right -250px;}
.footer .bt_menu .bt_top a span { display: inline-block; padding: 20px 0 0 35px; font-size: 17px; color: #000;}
.footer .copy {position: relative; padding: 30px 0 0 0;}
.footer .copy .bt_logo {position: absolute; top: 30px; left: 0;}
.footer .copy ul {padding: 10px 0 30px 170px;}
.footer .copy ul li {font-size: 15px; padding: 0 0 7px 0; color:#666;}
.footer .copy ul li address {font-style: normal; }
.footer .copy .mark {position: absolute; top: 25px; right: 0; }
.footer .copy .mark img {padding: 0 0 0 20px;}




.sub-vi-tour{background:url('../images/sub/tour_vi_01.png') center top no-repeat;height:518px;width:100%}
 h1{overflow:hidden;height:0;width:0}

 h2{font-size:33px;color:#333;font-family: 'NanumSquare';font-weight:700;line-height:40px;margin-bottom:35px;padding:0;background:url('../images/sub/tit_01.png') left top no-repeat;padding-left:20px;}


.sec-content-text{background:url('../images/sub/bg_content.png'); padding-top:45px; padding-bottom:100px}
.sec-btm{position:relative; /**background:url('../images/sub/hd_btm_line.png') left bottom repeat-x**/; height:50px;}
.sec-btm:after {top:50px; margin: 0 auto; content: ""; width: 100%; height: 1px; background-color: #d0d0d0; position: absolute; padding: 0; z-index: 11;}
.sec-nav {margin:0 auto; width:690px; height:49px; padding-right:20px;}
.sec-nav > ul {position:absolute; z-index: 10;}

.sec-nav > ul > li{position:relative; width:230px; text-align:center; float:left; background:url('../images/sub/bg_nav_line.png') left 17px no-repeat;}
.sec-nav > ul > li > a{display:block; font-weight:400; font-size:18px; line-height:50px; color:#000; font-weight:bold}
.sec-nav > ul > li > a:hover {color:#0958a7;}

/**.sec-nav > ul > li:hover > a{background:url('../images/sub/sub_gnb_bg.jpg') center 44px no-repeat;color:#0358a9;font-weight:500}**/
.sec-nav > ul > li.on > a{background:url('../images/sub_gnb_bg.png') center 44px no-repeat; color:#0958a7; font-weight:bold;}
.sec-nav > ul > li.on > a:after {display:block; content: ""; margin:0 auto; top:50px; position: absolute; left: 86px; width:60px; height:3px; background-color:#0358a9; margin-top:-2px; z-index: 15;}
.sec-btm .sec-right-02{position:absolute; right:0; top:8px}
.sec-btm .sec-right-01{position:absolute; right:140px; top:8px}

.sec-nav .subnav { display:none; padding-top:10px;}
.sec-nav .subnav a{display:block;height:50px;line-height:50px;font-size:16px; color:#666; font-weight:bold;}
.sec-nav .subnav a:hover{color:#0358a9;font-weight:bold}
.sec-nav .subnav li.on a{color:#0358a9;font-weight:500}

.nav_bg {position:absolute; width:100%; height:130px; top:50px; background-color:#fff; z-index:1; display:none;}
.nav_bg .logo_bg {width:1100px; position:relative; margin:0 auto;}
.nav_bg .nav_logo {float:right; margin-top:15px;}
.nav_bg .nav_logo li {height:75px; margin-top:5px; float:left;}
.nav_bg .nav_logo li.logo1 {padding-right:95px;}
.nav_bg .nav_logo li.logo1 a img {border: 1px solid #e1e1e1; border-radius: 10px; padding: 10px;}
.nav_bg .nav_logo li.logo2 {padding-left:10px;}


/* mainvisual */
#mainvisual {position: relative; min-width:1100px; margin-top:-1px; height: 518px; background: url(../images/tour_vi_01.png) no-repeat center;}
#mainvisual a {display:inline-block; width:100%; height:518px; text-indent:-9999px; overflow:hidden; cursor:default;}


/* container */
#containerWrap {width: 100%; min-width:1100px; position: relative;}
#container:after {display: block; content: ''; clear: both;}
.container {width: 1100px; margin: 70px auto 0;}
.container:after {display: block; content: ''; clear: both;}
.conbox {position:relative; float: left; width: 100%;}
.conbox a:link, .conbox a:active,.conbox a:hover {text-decoration:none;}
.conbox h3 a{font-size: 25px; padding-left: 20px; font-family: "nanumsRB"; background: url(../images/h3_bg.jpg) 0 center no-repeat;}
.conbox h4 {padding: 0 0 20px; font-size: 16px; color:#d94c5c; font-family: nanumsRB;}
.conbox h4 strong {padding-left: 10px; font-size: 27px; color:#ed1c24; font-family: nanumsRB;}
.conbox h4 strong > img {margin-top: 0; padding-top: 8px; padding-left: 0; float:none;}


.tour01 .txt-01{padding-top:160px;text-align:center;color:#fff;font-size:20px;font-family: 'NanumSquare';font-weight:400}
.tour01 .txt-02{padding-top:10px;text-align:center;color:#fff;font-size:70px;font-family: 'NanumSquare';font-weight:500;line-height:70px;margin-bottom:35px}
.tour01 .txt-03{border-top:1px solid #999;border-bottom:1px solid #999;padding:10px;text-align:center;font-size:17px;line-height:26px;letter-spacing:-0.5px;color:#fff;margin:0 auto;width:580px}
.tour01 .txt-03 span{color:#fff000;font-size:19px}

.tour01 {background:url('../images/tour_img_0101.png') center top no-repeat;padding-top:350px;}
.tour01 li{margin-bottom:50px}
.tour01 .line-red{width:86px;height:4px;background-color:#ed1c24;margin:0 auto;margin-bottom:20px}
.tour01 .tit-01 {text-align:center;line-height:33px;margin-bottom:35px; font-size:33px;color:#222222;font-weight:500; cursor:default;}
.tour01 .txt{text-align:center;line-height:25px;font-size:15px;color:#444444;  cursor:default;}

.tour02 {background:url('../images/bg_dot.png') left top repeat-x; padding-top:100px; overflow:hidden; padding-bottom:80px;}
.tour02 .sec-left{float:left;width:650px;position:relative;}
.tour02 .sec-left ul{position:absolute;left:65px;top:12px;line-height:25px;font-size:15px}
.tour02 .sec-right{float:right;width:430px}

.tour02 .sec-right .sec-bx{overflow:hidden}
.tour02 .sec-right dl{position:relative;width:210px;float:right;margin-bottom:20px;}
.tour02 .sec-right .txt-red dt{background-color:#c32607;color:#fff;position:absolute;left:-182px;top:0;width:160px;line-height:37px;padding:0 10px;border-radius:5px;}
.tour02 .sec-right .txt-red dd{border:1px solid #c32607;color:#444;line-height:37px;border-radius:5px;width:188px;margin-bottom:1px;padding:0 10px}
.tour02 .sec-right .txt-red dd:hover{background-color:#c32607;color:#fff;}
.tour02 .sec-right .txt-red dd:hover a{color:#fff}


.tour02 .sec-right .txt-yellow dt{background-color:#eea200;color:#fff;position:absolute;left:-182px;top:0;width:160px;line-height:37px;padding:0 10px;border-radius:5px;}
.tour02 .sec-right .txt-yellow dd{border:1px solid #eea200;color:#444;line-height:37px;border-radius:5px;width:188px;margin-bottom:1px;padding:0 10px}
.tour02 .sec-right .txt-yellow dd:hover{background-color:#eea200;color:#fff;}
.tour02 .sec-right .txt-yellow dd:hover a{color:#fff}

.tour02 .sec-right .txt-green dt{background-color:#7cb911;color:#fff;position:absolute;left:-182px;top:0;width:160px;line-height:37px;padding:0 10px;border-radius:5px;}
.tour02 .sec-right .txt-green dd{border:1px solid #7cb911;color:#444;line-height:37px;border-radius:5px;width:188px;margin-bottom:1px;padding:0 10px}
.tour02 .sec-right .txt-green dd:hover{background-color:#7cb911;color:#fff;}
.tour02 .sec-right .txt-green dd:hover a{color:#fff}



.tb-01 .txt-01 {padding-top:5px;text-align:right; color:#ff6c00; font-size:15px;}
.tb-01 .txt-02 {font-size:15px;padding-top:5px}
.tb-01 table{width:100%;border-top:1px solid #404040;}
.tb-01 thead th{border-bottom:1px solid #cdcdcd;padding:12px;background-color:#f4f4f4;font-size:16px;color:#444444;font-weight:500;text-align:center;border-right:1px solid #cdcdcd}
.tb-01 tbody td{border-bottom:1px solid #cdcdcd;padding:12px;font-size:16px;color:#444444;text-align:center;border-right:1px solid #cdcdcd}
.tb-01 tbody td.txtL{text-align:left;}
.tb-01 tbody th{border-bottom:1px solid #cdcdcd;padding:12px;font-size:16px;color:#444444;text-align:center;border-right:1px solid #cdcdcd;font-weight:500;}
.tb-01 tbody td.end{border-right:none}
.tb-01 thead th.end{border-right:none}

.txt-dot-01 li{padding-left:60px;text-indent:-60px}
.txt-dot-02 li{padding-left:10px;text-indent:-10px}

.black{color:#000000}
.orange a{color:#ff7800}
.brown a{color:#b53724}

 body .sec-content-text.bg_wh{background:#fff}


.tour02 {padding-top:80px; margin-top:100px; border-top:1px dashed #b0b0b0;}
.tour02_map {}
.tour02_map:after {display: block; content: ''; clear: both;}
.tour02_map > li {float: left;}
.tour02_map > li:first-child {width: 700px;}
.map2 {position: relative; width: 100%; height: 662px;}
.map2 img {padding-left: 0;}
.map2 ul.legend {top: 0; left: 0; position: absolute; font-size: 15px; }
.map2 ul.legend li {margin-bottom: 3px;}
.map2 ul.legend li img {margin-right: 8px; margin-top: 5px;}
.map2 a {behavior: url(js/PIE.htc); position: absolute; z-index: 100; display: block; width: auto; padding: 0 15px; height: 28px; border-radius:50px; line-height: 28px; text-align: center; color:#fff; transition: 0.1s; font-weight:bold;}
.map2 a:hover {width: auto; height: 40px; font-size: 16px; color:#ffffd2; line-height: 40px; margin-top: -6px;}
.map2 a.mark_red {background: url(../images/map_bg01.png) no-repeat left; background-size:cover; padding-left:30px;}
.map2 a.mark_orange {background: url(../images/map_bg02.png) no-repeat left; background-size:cover; padding-left:30px;}
.map2 a.mark_green {background: url(../images/map_bg03.png) no-repeat left; background-size:cover; padding-left:30px;}
.map2 a#mark1 {top: 145px; left: 53%; margin-left: -160px;}
.map2 a#mark2 {top: 148px; left: 50%; margin-left: 60px;}
.map2 a#mark3 {top: 230px; left: 50%; margin-left: 60px;}
.map2 a#mark4 {top: 272px; left: 50%; margin-left: -100px;}
.map2 a#mark5 {top: 280px; left: 53%; margin-left: -275px;}
.map2 a#mark6 {top: 360px; left: 53%; margin-left: -260px;}
.map2 a#mark7 {top: 340px; left: 53%; margin-left: -70px;}
.map2 a#mark8 {top: 340px; left: 50%; margin-left: 100px;}
.map2 a#mark9 {top: 380px; left: 50%; margin-left: 130px;}
.map2 a#mark10 {top: 405px; left: 50%; margin-left: -120px;}
.map2 a#mark11 {top: 440px; left: 53%; margin-left: -275px;}
.map2 a#mark12 {top: 480px; left: 53%; margin-left: -225px;}
.map2 a#mark13 {top: 520px; left: 53%; margin-left: -200px;}
.map2 a#mark14 {top: 525px; left: 50%; margin-left: -20px;}
.map2 a#mark15 {top: 480px; left: 50%; margin-left: 45px;}
.map2 a#mark16 {top: 435px; left: 50%; margin-left: 30px;}
.map2 a#mark17 {bottom: 0; left: 50%; margin-left: -290px;}

.map_con {margin-bottom: 30px;}
.map_con:after {display: block; content: ''; clear: both;}
.map_con strong {display: block; float: left; width: 184px; height: 36px; color:#fff; font-family: nanumsRB; text-align: center; line-height: 36px; font-size: 15px;}
.map_con01 strong {background: url(../images/map_strong_bg.png) 0 0 no-repeat;}
.map_con02 strong {background: url(../images/map_strong_bg2.png) 0 0 no-repeat;}
.map_con03 strong {background: url(../images/map_strong_bg3.png) 0 0 no-repeat;}
.map_list {float: left; margin-left: 1px;}
.map_list li {width: 214px; height: 36px; margin-top: 1px; padding: 0 15px; box-sizing:border-box;}
.map_list li:first-child {margin-top: 0;}
.map_list li a {display: block; line-height: 36px;}
.map_list li.on a {color:#fff; font-family: nanumsRB;}
.map_list li:hover a {color:#fff; font-family: nanumsRB;}
.map_con01 .map_list li {background: url(../images/map_list_bg.png) 0 0 no-repeat;}
.map_con01 .map_list li.on {background: url(../images/map_list_bg_on.png) 0 0 no-repeat;}
.map_con01 .map_list li:hover {background: url(../images/map_list_bg_on.png) 0 0 no-repeat;}
.map_con02 .map_list li {background: url(../images/map_list_bg2.png) 0 0 no-repeat;}
.map_con02 .map_list li.on {background: url(../images/map_list_bg_on2.png) 0 0 no-repeat;}
.map_con02 .map_list li:hover {background: url(../images/map_list_bg_on2.png) 0 0 no-repeat;}
.map_con03 .map_list li {background: url(../images/map_list_bg3.png) 0 0 no-repeat;}
.map_con03 .map_list li.on {background: url(../images/map_list_bg_on3.png) 0 0 no-repeat;}
.map_con03 .map_list li:hover {background: url(../images/map_list_bg_on3.png) 0 0 no-repeat;}
.img_con {width: 0; height: 0; text-indent: -9999em; overflow: hidden;}