@charset "UTF-8";

/* base */
table, th, td{border-collapse:collapse;}
.blind, .hide{overflow:hidden;position:absolute;top:-3000px;left:-3000px;width:0;height:0;font-size:0;line-height:0;}
.clb{clear:both;}
.tar{text-align:right !important}
.tac{text-align:center !important}
.right{float:right;}
.left{float:left !important;}

/* input */
input[type="text"], input[type="number"], input[type="password"]{padding:3px;height:38px;border:1px solid #d7d7d7;}
input[type="submit"]{border:none;cursor:pointer;}
input[type="file"]{border:none;padding:1px;width:100%;}

.mt100{margin-top:100px !important;}
.mt90{margin-top:90px !important;}
.mt80{margin-top:80px !important;}
.mt70{margin-top:70px !important;}
.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt25{margin-top:25px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt05{margin-top:5px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mb100{margin-bottom:100px !important;}
.mb90{margin-bottom:90px !important;}
.mb80{margin-bottom:80px !important;}
.mb70{margin-bottom:70px !important;}
.mb60{margin-bottom:60px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb05{margin-bottom:5px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

/* skip */
#skip{ position:absolute;top:0;height:0px;width:100%;z-index:2020;} 
#skip a{ display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;} 
#skip a:focus, 
#skip a:active{ display:block;top:0;width:100%;height:30px;line-height:30px;background:#1c7915;}

a:hover{text-decoration:underline;font-weight:600;}

/* fonts */
@font-face {    
    font-family:'NanumSquareB';
    src:url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumSquareB.TTF.eot') format('eot'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumSquareB.woff') format('woff'); 
}
@font-face {    
    font-family:'NanumGothic';
    src:url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumGothic.eot') format('eot'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumGothic.woff') format('woff'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumGothic.ttf') format('truetype'); 
}
@font-face {    
    font-family:'NanumGothicb';
    src: url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumGothicBold.eot');
    src: url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumGothicBold.eot?') format('embedded-opentype'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumGothicBold.woff') format('woff'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumGothicBold.ttf') format('truetype');  
}
@font-face {    
    font-family:'NanumMyeongjo';
    src:url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumMyeongjo.eot') format('eot'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumMyeongjo.woff') format('woff'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumMyeongjo.ttf') format('truetype'); 
}
@font-face {    
    font-family:'NanumBarunGothic';
    src: url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothic.eot');
    src: url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothic.eot?') format('embedded-opentype'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothic.woff') format('woff'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothic.ttf') format('truetype');  
}
@font-face {    
    font-family:'NanumBarunGothicl';
    src:url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothicultralight.eot') format('eot'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothicultralight.woff') format('woff'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/nanumbarungothicultralight.ttf') format('truetype'); 
}
@font-face {    
    font-family:'NanumBarunGothicb';
    src:url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothicBold.eot') format('eot'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothicBold.woff') format('woff'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/NanumBarunGothicBold.ttf') format('truetype'); 
}
@font-face {    
    font-family:'SeoulNamsanM';
    src:url('http://www.junggu.ulsan.kr:8080/tour/fonts/SeoulNamsanM.eot') format('eot'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/SeoulNamsanM.woff') format('woff'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/SeoulNamsanM.ttf') format('truetype'); 
}
@font-face {    
    font-family:'SeoulNamsanL';
    src:url('http://www.junggu.ulsan.kr:8080/tour/fonts/SeoulNamsanL.eot') format('eot'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/SeoulNamsanL.woff') format('woff'),url('http://www.junggu.ulsan.kr:8080/tour/fonts/SeoulNamsanL.ttf') format('truetype'); 
}



/* header */
header{width:100%;height:80px;background:#e94147;position:relative;}
header:after{display:block;content:'';clear:both;}
header .headTop{position:absolute;top:0;left:0;width:80%;height:auto;padding:10px 0 0 10px;z-index:110}
header h1.hLogo{width:100%;}
/* header h1.hLogo a{display:block;overflow:hidden;text-indent:-9999em;height:65px;background:url('/images/02_mobile/common/h_logo.png') no-repeat 0 0;}*/
header h1.hLogo a{display:block;overflow:hidden;text-indent:-9999em;height:65px;background:url('/upload_data/board_data/BBS_0000181/163296426770126.png') no-repeat 0 0;}
header .depsMenu{position:absolute;top:12px;right:10px;z-index:111;}
header .depsMenu > a{width:50px;height:50px;display:block;overflow:hidden;text-indent:-9999em;background:url('/images/02_mobile/common/ico_debsMenu.png')no-repeat 100% 50%;background-size:auto 22px;}
.mainMenu{right:0;width: 240px;height: 100%;position: fixed;z-index:100; top:0;right:0;background:#fff;-webkit-transition: all 0.2s;transition: all 0.2s;z-index: 99999;overflow-y: auto;}
.mainMenu.closed { right: -240px; }
.mainMenu .mobileMenu{width:240px;height:100%;position:absolute;top:0;left:0;z-index:9999;background-color:#fff;overflow-y:auto;}


.mainMenu a {font-family:'NanumBarunGothic','나눔바른고딕';}


.mobileMenu .mLogo{width:100%;height:70px;background:#fff url('/images/02_mobile/common/m_logo.png') no-repeat 50% 50%;background-size:auto 50px;}
.mobileMenu .mLogo a{display:block;text-indent:-99999px;overflow:hidden;}
.mobileMenu .mobileUtil{width:100%;}
.mobileMenu .mobileUtil > ul{overflow:hidden;}
.mobileMenu .mobileUtil > ul :after{clear:both;content:"";display:block;}
.mobileMenu .mobileUtil > ul > li{width:50%;float:left;background-color:#e94147;border-bottom:3px solid #eebabc;}
.mobileMenu .mobileUtil > ul > li:first-child{border-right:1px solid #eebabc;}
.mobileMenu .mobileUtil > ul > li a{color:#fff; display:block;font-size:1.1em;padding:10px;border-bottom:0;}
.mobileMenu .mobileUtil > ul > li a.home{background:url('/images/02_mobile/common/ico_utilHome.png')no-repeat 18px 50%;padding-left:55px;background-size:auto 18px;}
.mobileMenu .mobileUtil > ul > li a.sitemap{background:url('/images/02_mobile/common/ico_utilSitemap.png')no-repeat 15px 50%;padding-left:45px; background-size:auto 18px;margin:0;}

/*header > 紐⑤컮??硫붾돱>?ㅻ퉬*/
.mobileMenu > #gnb{width:100%;overflow:hidden;}
.mobileMenu > #gnb > li{width:100%;line-height:45px;background-color:#34a3d1;border-bottom:1px solid #8acae5; border-top:1px solid #388eb1;font-size:1.2em}
.mobileMenu > #gnb > li:first-child{border-top:none;}
.mobileMenu > #gnb > li > a{display:block;color:#fff;background:url('/images/02_mobile/common/ico_menuArrow.png')no-repeat 94% center;background-size:auto 10px;padding:0 0 0 20px;}
.mobileMenu > #gnb > li > a:hover, .mobileMenu> #gnb > li.on > a{font-weight:normal;text-decoration:none;background-color:#1e6b8b;background-image:url('/images/02_mobile/common/ico_menuArrowOn.png')no-repeat;}
.mobileMenu > #gnb > li.sub6{/* border-bottom:1px solid #e9e9e9; */}
.mobileMenu > #gnb > li.sub6 > .subMenu > div{border-bottom:1px solid #e9e9e9;}

/*header>紐⑤컮?쇰찓???쒕툕硫붾돱*/
#gnb > li > .subMenu{width:100%; display:none;}
#gnb > li > .subMenu > div{width:100%;overflow:hidden;border-right:1px solid #e9e9e9;border-bottom:1px solid #8acae5; border-top:1px solid #388eb1;}
#gnb > li > .subMenu > div > ul.menu{padding:10px 0; background:#fff;}
#gnb > li > .subMenu > div > ul.menu > li {background:#fff url('/images/02_mobile/common/ico_subMenuhead.png') no-repeat 20px 15px;}
#gnb > li > .subMenu > div > ul.menu > li > a{color:#333;font-weight:normal;padding:0 0 0 35px;display:block;background-image:none;font-size:0.9em;line-height:34px;}
#gnb > li > .subMenu > div > ul.menu > li > a img{vertical-align:middle;}
#gnb > li > .subMenu > div > ul.menu > li:last-child .menuDeps3{margin-bottom:-10px;}


.menuDeps3{display:none;}
.menuDeps3 > div{border-right:1px solid #e9e9e9;background-color:#eee;padding:10px 20px;}
.menuDeps3 > div > ul{}
.menuDeps3 > div > ul > li > a{color:#2f2f2f;height:auto;line-height:120%;padding:4px 0;padding-left:15px;display:block;font-size:0.85em;}
.menuDeps3 > div > ul > li > a:hover{font-weight:bold;}


/*?ъ씠?쒕찓??bg*/
.asideBg{position:fixed;top:0;left:0;float:none;width:100%;height:100%;padding-top:0;background:rgba(0, 0, 0, 0.5);z-index:111;display:none;}


/*?섎떒 留곹겕諛뺤뒪*/
.linkBox{width:100%;}
.linkBox .linkIn > div{width:100%;height:60px;background-color:#9c9c9c;}
.linkBox .linkIn > div > ul :after{clear:both;display:block;content:"";}
.linkBox .linkIn > div > ul > li{float:left; width:33%;border-right:1px solid #bfbfbf;} 
.linkBox .linkIn > div > ul > li:last-child{border-right:none;}
.linkBox .linkIn > div > ul > li a{display:block;height:60px;text-indent:-99999px; overflow:hidden;padding:20px;background-size:80px auto !important;}
.linkBox .linkIn > div > ul > li a.linkFace{background:url('/images/02_mobile/sub/bg_facebook.png') no-repeat center center;}
.linkBox .linkIn > div > ul > li a.linkYtube{background:url('/images/02_mobile/sub/bg_ytube.png') no-repeat center center;}
.linkBox .linkIn > div > ul > li a.linkTwitter{background:url('/images/02_mobile/sub/bg_twitter.png') no-repeat center center;}
.linkBox .linkIn > div > ul > li a.linkInsta{background:url('/images/02_mobile/main/insta.png') no-repeat center center;}


/* footer */
footer{width:100%;font-size:0.9em;}
footer .topMove{position:fixed;float:right;bottom:2%;right:4%;}
footer .topMove a{width:67px;height:58px;background:url('/images/02_mobile/common/btn_moveTop.png') no-repeat 0 0;display:block;overflow:hidden;text-indent:-9999px;background-size:80%;}
.footUtill{padding:25px;overflow:hidden;}
.footUtill .fMenu address{color:#747474;}
.footUtill .fMenu .copyright{color:#747474;font-size:0.9em;margin-top:5px;}

/* h4,h5,p?쒓렇 */
h4.title{background:url('/images/02_mobile/board/h4_img_1.png') no-repeat 0 9px;line-height:1.6;padding-left:22px;font-size:22px;font-weight:600;color:#4b4b4b;}
.h4{padding:25px 0 0 0px;overflow:hidden;}
.magt_h4{margin-top:40px;}
div.p_txt h5.p_h5{font-size:25px;color:#1095c3;font-family:"SeoulNamsanL";margin-bottom:15px;}
div.p_txt .pmagt_h5{margin-top:35px;}
div.p_txt p{font-size:15px;line-height:30px;color:#636363;letter-spacing:-0.1em;margin:25px 0;}
div.h4 p{font-size: 15px;line-height: 30px; color: #636363;letter-spacing: -0.1em;margin-bottom: 25px;}
h5.title{background:url('/images/01_web/board/offer_img_bl.png') no-repeat 0 center;font-size:18px;color:#4d4d4d;font-weight:600;padding-left:20px;}
div.h5{overflow:hidden;padding:20px 0 0 0px;}
div.h5 p{font-size:15px;line-height:30px;color:#636363;letter-spacing:-0.1em;margin-bottom:25px;}

@media only screen and (max-width: 500px){

    /*?ㅻ뜑*/
    header{height:65px;}
    header h1.hLogo{width:280px;}
    header h1.hLogo a{background-size:80%;}
    header .depsMenu > a{background-position:100% 30% !important;}
    .mainMenu .depsMenu > a{background-size:50%; }
    .mainMenu .depsMenu{top:5px;}
    
    /*?명꽣 */
    footer  .topMove{right:3%;}
    footer  .topMove a{width:50px;height:50px;background-position:center center;}
    .linkBox .linkIn > div{height:50px;}
    .linkBox .linkIn > div > ul > li a{height:50px;}
    .linkBox .linkIn > div > ul > li a.linkFace{ background-size: 70px auto}
    .linkBox .linkIn > div > ul > li a.linkYtube{background-size: 65px auto}
    .linkBox .linkIn > div > ul > li a.linkTwitter{background-size: 70px auto}


}



#toggle {background:#2c2826;height: 100%;min-height: 100%;width: 0px;position: fixed;top: 0;bottom: 0;right: 0px;z-index: 9999;-webkit-transition: all .0s ease;transition: all .4s ease;}
#toggle:hover { cursor: pointer; }
#toggle.closed {top: 0;bottom: 0;right: 0;width: 100%;height: 100%;opacity: .3;}

.border-box{width:100%; box-sizing: border-box; padding:30px; border:1px solid #e1e1e1;}
.border-box p {color:#666; font-family:'NotokrR';}

.border-box.type02{border:12px solid #f7f7f7;}

.border-box.p10, .dashed-box.p10{padding:10px;}
.border-box.p15, .dashed-box.p15{padding:15px;}

@media all and (max-width:1200px){
    .dashed-box, .border-box{padding:20px;}
}

@media screen and (max-width:640px){
    .dashed-box, .border-box{padding:15px;}
}

.cont-list.step01 > li{position:relative; color:#333; padding-left:15px; font-size: 1.067em; margin-bottom:10px; line-height:140%; font-family:'NotokrR'; box-sizing: border-box;}
.cont-list.step01 > li:before{position:absolute; top:10px; left:0px; width:6px; height:2px; background:#404040; content:""; border-radius:0px;}
.cont-list.step01 > li:last-child{margin-bottom:0px;}
.cont-list.step01 .cont-list.step02{padding:5px 0px;}

.cont-list.step02 > li{position:relative; font-size:0.933em; color:#666; padding-left:12px; line-height:140%; margin-bottom:4px; font-family:'NotokrR'; box-sizing: border-box;}
.cont-list.step02 > li:before{position:absolute; top:9px; left:0px; width:3px; height:3px; background:#878787; content:""; border-radius: 50%;}
.cont-list.step02 > li:last-child{margin-bottom:0px;}

h4.cont-title{position:relative; color:#009b63; font-size:30px;}

@media all and (max-width:1000px){
    .cont-list.step01 > li{ padding-left:10px;}
    .cont-list.step01 > li:before{top:7px;}

    .cont-list.step02 > li{ padding-left:12px;}
    .cont-list.step02 > li:before{top:7px; width:5px;}

    .cont-list.list3 > li, .cont-list.list4 > li{width:49%;}
    .cont-list.list5 > li{width:32.333%;}

    .cont-list.step01 > li{padding-left:13px; font-size:14px;}

    .cont-list.step02 > li{padding-left:8px; font-size:0.933em;}
    .cont-list.step02 > li span{top:8px;}
}

@media only screen and (max-width:680px){
    h4.cont-title{font-size:23px; padding-top:8px;}
    .cont-list.step01 > li{font-size:14px;}
    .cont-list.step02 > li{font-size:14px;}
    .cont-list.step02 > li:before{top:6px;}
    .cont-list > li {width:100% !important;}

    .cont-list.step01 > li span{top:7px;}
    .cont-list.num > li{font-size:14px;}
}