@import url("default.css");

/*header_상단영역*/
#wrap{position:relative;width:100%;z-index:1}
#headerWrap{position:relative;width:100%;margin:0 auto;text-align:center}
#headerArea{top:0px;z-index:2;margin:0 auto;width:100%;margin:0 auto;background-color:#fff;height:104px;filter:alpha(opacity=95); opacity: 0.95}

#header{position:relative;margin:0 auto;width:980px;z-index:3}
#header h1{float:left}
#header .utill{position:absolute;top:16px;right:30px}
#header .utill li{float:left}
#header .utill li a{font-size:15px;color:#000;line-height:18px;font-weight:bold}
#header .utill .line{/*background:url('../images/ut_bg.gif')*/ no-repeat;width:19px;height:18px}
#header .utill li a span{color:#000}
#gnb {position:relative;float:right;margin-top:50px}
#gnb li {float:left}
#gnb li .topnav{display:block;width:130px;height:44px;line-height:44px;font-size:18px;text-align:center}
#gnb li .topnav a{display:block;color:#000;width:130px;height:44px;line-height:44px;font-size:22px;text-align:center;letter-spacing:-0.05em;padding-bottom:10px;font-weight:bold}
#gnb li .topnav a:hover{text-decoration:none;color:#008dd4}
#sbGnb{position:absolute;z-index:4;top:103px;margin:0 auto;width:100%;background-color:#fff;height:200px;display:none;filter:alpha(opacity=95); opacity: 0.95}
#sbGnb .subnav{position:relative;margin:0 auto;width:980px}
#sbGnb .subnav .nav{position:absolute;left:220px;width:780px;float:left}
#sbGnb .subnav .nav ul{float:left;width:130px;text-align:center;padding-top:10px}
#sbGnb .subnav .nav li a{display:block;color:#000;width:130px;height:22px;line-height:22px;font-size:15px}
#sbGnb .subnav .nav li a:hover{text-decoration:none;color:#008dd4}

/*
#gnb {position:absolute;z-index:3;top:47px;left:249px;width:980px;}
#gnb li {float:left}
#gnb li .topnav{display:block;width:130px;height:44px;line-height:44px;font-size:18px;text-align:center}
#gnb li .topnav a{display:block;color:#fff;width:130px;height:44px;line-height:44px;font-size:22px;text-align:center;letter-spacing:-0.05em;padding-bottom:20px}
#gnb li .topnav a:hover{text-decoration:none;color:#d1f8ff}
#sbGnb{position:absolute;z-index:5;top:104px;margin:0 auto;width:100%;background-color:#fff;height:150px;display:none;filter:alpha(opacity=95); opacity: 0.95}
#sbGnb .subnav{position:relative;margin:0 auto;width:1120px;padding-left:340px;}
#sbGnb .subnav ul{float:left;width:130px;text-align:left;padding-top:10px}
#sbGnb .subnav li a{display:block;color:#2591a5;width:130px;height:22px;line-height:22px;font-size:15px;font-weight:100;}
#sbGnb .subnav li a:hover{text-decoration:none;color:#0cc3e4}
*/


/*메인이미지 영역*/
.imgM {font-family:'NanumGothic';}
.imgM .text1{font-size:42px;color:#ffffff; font-weight:bold; z-index:9999;letter-spacing:-0.05em; text-shadow:1px 3px 1px #090909;}
.imgM .text2{font-size:28px;color:#ffffff; font-weight:bold; z-index:9999;letter-spacing:-0.05em;line-height:30px; text-shadow:1px 3px 1px #090909;}

/*visual_비주얼영역*/
#visualArea{position:relative;width:100%;min-width:980px;z-index:1;}
#visualBtn{position:relative;width:100%;margin:0 auto;float:left;text-align:center;background-color:#f2f2f2;height:110px;}
#visualBtn .btn{position:relative;width:980px;margin:0 auto;}
#visualBtn .btn li{float:left;width:200px;padding-top:20px;}
#visualBtn .btn li a{display:block;width:200px;height:110px;cursor:pointer;}
#visualBtn .btn li a:hover{text-decoration:none;}

/*mbnr1_인더월드소개*/
#mbnr1Wrap{position:relative;width:100%;margin:0 auto;float:left;text-align:center;height:465px;}
#mbnr1Wrap .mbnr1{position:relative;width:980px;margin:0 auto}
#mbnr1Wrap .mbnr1 .title{margin-top:60px}
#mbnr1Wrap .mbnr1 .title .text1{font-size:44px;color:#f1761a;letter-spacing:-0.05em;font-weight:bold}
#mbnr1Wrap .mbnr1 .title .text2{font-size:22px;color:#505050;letter-spacing:-0.05em;line-height:40px}
#mbnr1Wrap .mbnr1 .contents{margin-top:30px}
#mbnr1Wrap .mbnr1 .contents ul:after{display:block; clear: both; content: '';}
#mbnr1Wrap .mbnr1 .contents li{float:left;padding-left:40px}
#mbnr1Wrap .mbnr1 .contents li a{display:block;width:151px;height:220px}
#mbnr1Wrap .mbnr1 .contents li a .text{text-align:center;font-size:22px;color:#444;letter-spacing:-0.05em;line-height:50px;font-weight:bold}

/*mbnr2_출발배너*/
#mbnr2Wrap{position:relative;width:100%;margin:0 auto;float:left;text-align:center;height:148px;}
 

/*mbnr3_여행동영상*/
#mbnr3Wrap{position:relative;width:100%;margin:0 auto;float:left;text-align:center;background-color:#008dd4;height:580px}
#mbnr3Wrap .mbnr3{position:relative;width:980px;margin:5 auto}
#mbnr3Wrap .mbnr3 .title{margin-top:60px}
#mbnr3Wrap .mbnr3 .title .text1{font-size:44px;color:#fff;letter-spacing:-0.05em;font-weight:bold}
#mbnr3Wrap .mbnr3 .title .text2{font-size:22px;color:#fff;letter-spacing:-0.05em;line-height:40px;font-weight:bold}
#mbnr3Wrap .mbnr3 .contents{margin-top:20px}
#mbnr3Wrap .mbnr3 .contents li{float:left}

/*product_제품영역*/
#productWrap{position:relative; margin:0 auto;padding:260px 10px;background-color:#999;float:CENTER;;text-align:center}
#productWrap .product{position:relative;width:980px;margin:0 auto;text-align:left}
#productWrap .product .title{clear:both}
#productWrap .product .title .text1{font-size:42px;color:#fff;padding:30px 0px;letter-spacing:-0.05em;float:left;line-height:30px;font-weight:600}
#productWrap .product .title .text2{font-size:20px;color:#ccc;padding:30px 0px;float:left;line-height:30px;padding-left:10px}
#productWrap .product .contents{position:relative;clear:both;width:980px;margin:0 auto;text-align:left;padding-top:5px}

/*mbnr4_바로가기&소셜&여행후기*/
#mbnr4Wrap{position:relative;width:100%;margin:0 auto;float:left;text-align:center;height:490px}
#mbnr4Wrap .mbnr4{position:relative;width:980px;margin:0 auto}
#mbnr4Wrap .mbnr4 .quick{position:relative; height:230px; margin-top:30px}
#mbnr4Wrap .mbnr4 .quick li{float:left;margin-left:43px}
#mbnr4Wrap .mbnr4 .quick li a{display:block;width:185px;height:220px}
#mbnr4Wrap .mbnr4 .quick li a .text{background:url('../images/mbnr3_btnbg.jpg') no-repeat;width:185px;height:44px;text-align:center;font-size:20px;color:#fff;letter-spacing:-0.05em;line-height:42px;margin-top:3px}
#mbnr4Wrap .mbnr4 .review{position:relative;clear:both;}
#mbnr4Wrap .mbnr4 .review .title{position:relative;float:left}
#mbnr4Wrap .mbnr4 .review .title{background:url('../images/mbnr4_tlt.jpg') no-repeat;width:980px;text-align:left}
#mbnr4Wrap .mbnr4 .review .title .text1{font-size:37px;color:#000;letter-spacing:-0.05em;line-height:37px;padding:22px 0 0 45px}
#mbnr4Wrap .mbnr4 .review .title .text2{font-size:16px;color:#b2b2b2;letter-spacing:-0.05em;line-height:19px;padding:10px 0 0 45px}
#mbnr4Wrap .mbnr4 .review .list{margin-top:22px;}
#mbnr4Wrap .mbnr4 .review .list li{float:center;margin:0 auto;}
#mbnr4Wrap .mbnr4 .review .list li a{display:block;width:820px;}
#mbnr4Wrap .mbnr4 .review .list li a .text{width:157px;text-align:center;font-size:15px;color:#777;letter-spacing:-0.05em;line-height:18px;margin-top:15px}
/*mbnr4_바로가기&소셜&여행후기 추가작업2016.1.22*/
#mbnr4Wrap .mbnr4 .review .list .list1{display:inline-block;height:180px;}
#mbnr4Wrap .mbnr4 .review .list .list1 .list2{margin-top:10px;}

/*mbnr4_여행사진 추가작업2016.2.23*/
#mbnr4Wrap .mbnr4 .review1{position:relative;clear:both;}
#mbnr4Wrap .mbnr4 .review1 .title1{position:relative;float:left}
#mbnr4Wrap .mbnr4 .review1 .title1{background:url('../images/mbnr4_tlt.jpg') no-repeat;width:980px;text-align:left}
#mbnr4Wrap .mbnr4 .review1 .title1 .text1{font-size:37px;color:#000;letter-spacing:-0.05em;line-height:37px;padding:22px 0 0 45px}
#mbnr4Wrap .mbnr4 .review1 .title1 .text2{font-size:16px;color:#b2b2b2;letter-spacing:-0.05em;line-height:19px;padding:10px 0 0 45px}

#mbnr4Wrap .mbnr4 .review1 .list1{margin-top:22px;}
#mbnr4Wrap .mbnr4 .review1 .list1 li{float:left;margin-left:10px}
#mbnr4Wrap .mbnr4 .review1 .list1 li a{display:block;width:157px;height:175px;}
#mbnr4Wrap .mbnr4 .review1 .list1 li a .text{width:157px;text-align:center;font-size:15px;color:#777;letter-spacing:-0.05em;line-height:18px;margin-top:15px}
#mbnr4Wrap .mbnr4 .review1 .list1 .list11{display:inline-block;height:120px;}
#mbnr4Wrap .mbnr4 .review1 .list1 .list11 .list22{margin-top:10px;}



#mbnr4Wrap .mbnr4 .sns{position:relative; text-align:center;height:120px;display:inline-block;margin-top:20px;}
#mbnr4Wrap .mbnr4 .sns div {margin:15px  15px 15px;}
#mbnr4Wrap .mbnr4 .sns .blog{width:180px; display:inline-block;}
#mbnr4Wrap .mbnr4 .sns .blog p{float:left}
#mbnr4Wrap .mbnr4 .sns .fackbook{width:180px; display:inline-block;}
#mbnr4Wrap .mbnr4 .sns .fackbook p{float:left}
#mbnr4Wrap .mbnr4 .sns .kakao{width:180px; display:inline-block;}
#mbnr4Wrap .mbnr4 .sns .kakao p{float:left}
#mbnr4Wrap .mbnr4 .sns .insta{width:180px; display:inline-block;}
#mbnr4Wrap .mbnr4 .sns .insta p{float:left}
#mbnr4Wrap .mbnr4 .sns .text{font-size:19px;color:#000;letter-spacing:-0.05em;line-height:23px;padding:5px 0 0 10px;text-align:left}

/*ftBnr_고객센터배너*/
#ftBnrWrap{position:relative;width:100%;margin:0 auto;float:left;text-align:center;background-color:#ebf1f0;height:440px}
#ftBnrWrap .ftBnr{position:relative;width:980px;margin:50 auto}
#ftBnrWrap .ftBnr .title{margin-top:40px}
#ftBnrWrap .ftBnr .title .text1{font-size:55px;color:#008dd4;letter-spacing:-0.05em;font-weight:bold}
#ftBnrWrap .ftBnr .title .text2{font-size:22px;color:#000;letter-spacing:-0.05em;line-height:80px;font-weight:100}
#ftBnrWrap .ftBnr .contents{position:relative;width:980px;height:175px;background-color:#fff;border:1px solid #e7eaea;margin:20px 0px}
#ftBnrWrap .ftBnr .contents ul:after{content:''; display:block; clear: both;}
#ftBnrWrap .ftBnr .contents li{float:left;text-align:left;padding:35px 0 0 45px; line-height: inherit;}
#ftBnrWrap .ftBnr .contents .title1{font-size:19px;color:#000;letter-spacing:-0.05em;line-height:23px}
#ftBnrWrap .ftBnr .contents .number1{font-size:43px;color:#008dd4;letter-spacing:1px;font-weight:bold;}
#ftBnrWrap .ftBnr .contents .number2{font-size:16px;color:#656565;letter-spacing:1px;padding-top:20px}
#ftBnrWrap .ftBnr .contents .number3{font-size:32px;color:#000;letter-spacing:1px;font-weight:bold;padding-top:20px}
#ftBnrWrap .ftBnr .contents .text{font-size:12px;color:#656565;letter-spacing:-0.05em;line-height:45px}


/*footer_하단영역*/
#footerWrap{position:relative;width:100%;margin:0 auto;height:330px;background:url('../images/ft_bg.gif') repeat-x;float:left;text-align:center;overflow:hidden}
#footerWrap .footer{position:relative;margin:0 auto;width:980px;text-align:center}
#footerWrap .footer .menu{color:#fff;width:800px;text-align:center;margin:0 auto;}
#footerWrap .footer .menu li{float:left;line-height:55px}
#footerWrap .footer .menu li a{font-size:14px;color:#fff;line-height:55px}
#footerWrap .footer .copy{clear:both;font-size:13px;line-height:18px;color:#c4c4c4;text-align:left;padding-top:20px}


/*sbVisual_비주얼영역*/
#sbVisualArea{position:relative;width:100%;min-width:980px;z-index:1}
#sbVisualArea .title{position:absolute;width:980px;top:150px;z-index:3;text-align:center}
#sbVisualArea .title .text1{font-size:42px;color:#fff;letter-spacing:-0.05em;text-shadow:5px 5px 5px #000;font-weight:normal}
#sbVisualArea .title .text2{font-size:18px;color:#fff;letter-spacing:-0.05em;line-height:40px;font-weight:normal}

/*contents_컨텐츠영역*/
#contentsWrap{position:relative;width:100%;margin:0 auto;padding:10px 0px;float:left;text-align:center}
#contentsWrap .contents{position:relative;width:980px;margin:0 auto;min-height:500px;text-align:center}

#contentsWrap .contents .tab2{position:relative;padding-top:15px;width:980px;margin:0 auto;text-align:center}
#contentsWrap .contents .tab2 li{float:left;width:248px}
#contentsWrap .contents .tab2 li a{display:block;width:238px;height:50px;background-color:#f3f3f5;color:#222; border:#e7e7e7 1px solid;font-size:18px;line-height:50px;letter-spacing:-0.05em;text-align:center;font-weight:bold}
#contentsWrap .contents .tab2 li a:hover{background-color:#008dd4;color:#fff; text-decoration:none;border:#0eb4c7 1px solid;}
#contentsWrap .contents .tab3{position:relative;padding-top:15px;width:980px;margin:0 auto;text-align:center}
#contentsWrap .contents .tab3 li{float:left;width:163px}
#contentsWrap .contents .tab3 li a{display:block;width:153px;height:50px;background-color:#f3f3f5;color:#222; border:#e7e7e7 1px solid;font-size:18px;line-height:50px;letter-spacing:-0.05em;text-align:center;font-weight:bold}
#contentsWrap .contents .tab3 li a:hover{background-color:#008dd4;color:#fff; text-decoration:none;border:#0eb4c7 1px solid;}
#contentsWrap .contents .tab4{position:relative;padding-top:15px;width:980px;margin:0 auto;text-align:center}
#contentsWrap .contents .tab4 li{float:left;width:163px}
#contentsWrap .contents .tab4 li a{display:block;width:153px;height:50px;background-color:#f3f3f5;color:#222; border:#e7e7e7 1px solid;font-size:18px;line-height:50px;letter-spacing:-0.05em;text-align:center;font-weight:bold}
#contentsWrap .contents .tab4 li a:hover{background-color:#008dd4;color:#fff; text-decoration:none;border:#0eb4c7 1px solid;}
#contentsWrap .contents .tab5{position:relative;padding-top:15px;width:980px;margin:0 auto;text-align:center}
#contentsWrap .contents .tab5 li{float:left;width:178px}
#contentsWrap .contents .tab5 li a{display:block;width:168px;height:50px;background-color:#f3f3f5;color:#222; border:#e7e7e7 1px solid;font-size:18px;line-height:50px;letter-spacing:-0.05em;text-align:center;font-weight:bold}
#contentsWrap .contents .tab5 li a:hover{background-color:#008dd4;color:#fff; text-decoration:none;border:#0eb4c7 1px solid;}
#contentsWrap .contents .tab6{position:relative;padding-top:15px;width:980px;margin:0 auto;text-align:center}
#contentsWrap .contents .tab6 li{float:left;width:158px}
#contentsWrap .contents .tab6 li a{display:block;width:148px;height:50px;background-color:#f3f3f5;color:#222; border:#e7e7e7 1px solid;font-size:18px;line-height:50px;letter-spacing:-0.05em;text-align:center;font-weight:bold}
#contentsWrap .contents .tab6 li a:hover{background-color:#008dd4;color:#fff; text-decoration:none;border:#0eb4c7 1px solid;}
#contentsWrap .contents .tab7{position:relative;padding-top:15px;width:980px;margin:0 auto;text-align:center}
#contentsWrap .contents .tab7 li{float:left;width:140px}
#contentsWrap .contents .tab7 li a{display:block;width:130px;height:50px;background-color:#f3f3f5;color:#222; border:#e7e7e7 1px solid;font-size:18px;line-height:50px;letter-spacing:-0.05em;text-align:center;font-weight:bold}
#contentsWrap .contents .tab7 li a:hover{background-color:#008dd4;color:#fff; text-decoration:none;border:#0eb4c7 1px solid;}
#contentsWrap .contents .tab8{position:relative;padding-top:15px;width:980px;margin:0 auto;text-align:center}
#contentsWrap .contents .tab8 li{float:left;width:138px}
#contentsWrap .contents .tab8 li a{display:block;width:128px;height:50px;background-color:#f3f3f5;color:#222; border:#e7e7e7 1px solid;font-size:18px;line-height:50px;letter-spacing:-0.05em;text-align:center;font-weight:bold}
#contentsWrap .contents .tab8 li a:hover{background-color:#008dd4;color:#fff; text-decoration:none;border:#0eb4c7 1px solid;}

#contentsWrap .contents .box{clear:both;padding-top:20px;position:relative;color:#444;font-size:18px}

#contentsWrap .contents .sb1_tab{padding-top:30px}
#contentsWrap .contents .sb1_tab li{float:left}
#contentsWrap .contents .sb1_tab li a{background:url('/intheworld/images/sb1_tab.gif') no-repeat;width:238px;height:85px;text-align:center;font-size:25px;line-height:85px;display:block}
#contentsWrap .contents .sb1_tab li a:hover{background:url('/intheworld/images/sb1_tabov.gif') no-repeat;color:#008dd4;text-decoration:none}
#contentsWrap .contents .sb1_tab li a.ov{background:url('/intheworld/images/sb1_tabov.gif') no-repeat;color:#008dd4;text-decoration:none}
#contentsWrap .contents .sb1_photo{clear:both;width:100%;margin:0 auto;margin:20px 0}
#contentsWrap .contents .sb1_photo li{float:left;margin:7px}

/*contents_상세페이지*/
.shopTitle{position:relative;width:980px;text-align:center;padding-top:40px}
.shopTitle .text1{font-size:45px;line-height:43px;color:#008dd4;letter-spacing:-0.05em;font-weight:bold}
.shopTitle .text2{font-size:18px;line-height:25px;color:#888;letter-spacing:-0.05em;}
.shopImg{position:relative;padding:20px 0 35px 0}
.shopPyo{float:left;width:450px;border-top:1px solid #ccf0ff}
.shopPyo tr{background-color:#f2fbff;}
.shopPyo th{width:100px;float:left;background-color:#f2fbff;font-size:18px;color:#5e9eba;line-height:25px;padding:10px;font-weight:bold}
.shopPyo td{background-color:#fff;font-size:18px;color:#0089c6;line-height:25px;padding-left:10px;text-align:left}
.shopPyo td span{padding-left:20px;line-height:25px;}
.shopPyo .line{background-color:#ccf0ff;height:1px}
.shopSchedule .tab ul{border-left:#e2e6e8 1px solid;height:50px;line-height:50px}
.shopSchedule .tab li{float:left;width:172px;height:50px;line-height:50px;text-align:center;font-size:15px;letter-spacing:-0.05em;border-right:#e2e6e8 1px solid;border-bottom:#e2e6e8 1px solid;border-top:#e2e6e8 1px solid;cursor:pointer;font-weight:bold}
.shopSchedule .tab li.ov{color:#008dd4;text-decoration:none}
.detailArea{clear:both;position:relative;width:1000px;text-align:left}
.detailArea .tab1{padding:70px 0 0px 0}
.detailArea .tab1 li{float:left}
.detailArea .detailContents{clear:both;padding-top:35px;text-align:left}
.detailContents .dp1{color:#008dd4;font-size:30px;padding-left:35px;line-height:35px;letter-spacing:-0.1em;margin-bottom:10px;text-align:left}
.detailContents .dp2{color:#000;font-size:25px;line-height:30px;letter-spacing:-0.05em;margin-bottom:10px;text-align:left;padding-left:10px;}
.detailContents .text{font-size:16px;color:#888;line-height:25px;margin-bottom:20px;text-align:left}
.detailContents .pt50{clear:both;padding-top:50px}


/*login_로그인영역*/
#loginArea{position:relative;width:100%;text-align:center}
#loginArea .loginBox{width:550px;margin:0 auto}
#loginArea .loginBox .title{width:90px;line-height:55px;font-size:15px;color:#000}
#loginArea .loginBox .input{width:300px;height:47px;line-height:47px;border:1px solid #d6d6d6;padding-left:10px;font-size:17px;color:#444}

#orderArea{position:relative;width:100%;text-align:center}
#orderArea .orderBox{width:650px;margin:0 auto}
#orderArea .orderBox .title{width:70px;line-height:55px;font-size:15px;color:#000}
#orderArea .orderBox .input{width:230px;height:47px;line-height:47px;border:1px solid #d6d6d6;padding-left:10px;font-size:17px;color:#444}


/*jquery_메인동영상팝업*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%;  z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}