#wrap {width: 100%;}

/*Çì´õ css ½ÃÀÛ*/
#header {width: 100%; margin-bottom: 15px;}
#tobBNwrap {width: 100%; height: 30px; border-bottom: 1px solid #becdd8;}
#tobBN {width: 1000px; height: 100%; margin:auto; border-left: 1px solid #becdd8; border-right: 1px solid #becdd8; background-color:#F6F6F6;}
#headTop {width: 1000px; margin: auto;}
#headBox {margin-right: 20px;}
#miniNav li {float: right; font-size: 14px; margin-top: 20px;}
#searchBox {float: right; margin-top: 45px; margin-right: -155px; width: 277px; height: 25px; background: #005bac;}
#topsearch {border: none; width: 240px; height: 17px; margin-left: 3px; margin-top: 3px; vertical-align: top;}
.searchCon {width: 140px;}
.searchCon2 {width: 136px;}
.searchCal {width: 115px;}
.btn_Cal {float: right;}
#btnSearch {width: 30px; height: 25px; background:url(/cpsite/web/images/header/btn_search.jpg) no-repeat; border: none;}
#H1 {margin-left: 20px;}
#h1Line {width: 100%; height: 52px;}

/*Q¹è³Ê css½ÃÀÛ*/
#qBanner {width: 78px; height: 367px; position: absolute; border: 1px solid #d8d8d8; left: 50%; margin-left: 515px;}
#qBanTop p {color: #fff; text-align: center; padding-top: 4px;}
#qBanTop {width: 100%; height: 23px; background: #00b8d3; border-bottom: 3px solid #005bac;}
#qBanBot {width: 100%; height: 20px; background: #4c4c4c;}
.qBox {width: 100%; height: 68px; border-bottom: 1px solid #d8d8d8; background: #fff;}
.qBoxSns {width: 100%; height: 26px; border-bottom: 1px solid #d8d8d8; background: #fff;}
.qBox2 {width: 100%; height: 68px; background: #fff;}

#recentlyNum {font:11px '³ª´®°íµñ', 'NanumGothic','nanum', sans-serif;  color:#000; text-align: center; padding: 5px 0 5px 0;}
/*GNB css ½ÃÀÛ*/
#gnbwrap {width: 100%; height: 30px;} 

#gnbwrap_domestic {width: 100%; height: 52px;}
#gnbwrap_overseas {width: 100%; height: 52px;}
#gnbwrap_local {width: 100%; height: 52px;}
#blueLine {width: 100%; height: 34px; background: #005bac; margin-top: -10px;}
#gnb {width: 1200px; height: 37px; margin: 10px auto 0; margin-top: 10px; background: #005bac;}
#gnb ul li {float: left; margin: 9px 60px 0 90px; display: block; }
#gnb ul li:first-child { margin: 0; background: #555; }

#gnb ul li a {font:16px '³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color: #fff;}
#gnb ul li a:hover {color: #ddebf0;}

.gnbA {margin-left: 167px;}
.gnbB {margin-left: 180px;}
.gnbC {margin-left: 35px;}
.gnbD {margin-left: 13px; margin-top: -8px; display: inline-block;}
#btnA {margin: 0; width:300px}
#btnB {margin: 0;}
#btnC {margin: 0;}
#btnD {margin: 0;}
#btnE {margin: 0;}
#btnF {margin: 0;}
#btnG {margin-left: 40px; margin-right: 20px;}
#btnH {display: inline-block; margin: 2px 0 1px 0; }
#btnHaerang {margin: 0;}

.tab_domestic a {color: #0096d3; font-weight: bold;}
.tab_overseas a {color: #003360; font-weight: bold;}
.tab_locality a {color: #126875; font-weight: bold;}


.gnbMg {margin-right: 20px;}
.gnb_category {width: 990px; height: 35px; border: 5px solid #0096d3;background: #fff; margin-top: 7px; left: 50%; margin-left: -500px; display: block; position: absolute; z-index: 100;}
.gnb_overseas {width: 990px; height: 35px; border: 5px solid #003360; background: #fff; margin-top: -1px; float: left; left: 50%; margin-left: -500px; display: block; position: absolute; z-index: 6;}
.gnb_locality {width: 990px; height: 35px; border: 5px solid #2a98a8; background: #fff; margin-top: -1px; float: left; left: 50%; margin-left: -500px; display: block; position: absolute; z-index: 7;}
.gnb_full {width: 990px; height: 345px; border: 5px solid #006bc6; background: #fff; margin-top: 7px; float: left; left: 50%; margin-left: -500px; display: block; position: absolute; z-index: 20000;}


.title_domestic {width: 990px; height: 35px; background: url(/cpsite/web/images/header/title_domestic.png);}

.titleAll {color: #fff;}
.full_A {float: left; width: 100%; height: 100%; position: relative;}
.gnb_box {width: 115px; height: 35px; background: #cbe5ff;}
.gnb_title li {float: left; margin-top: -25px; width: 120px; height: 35px; text-align: center;}
.gnb_title li a {font:12px "±¼¸²", gulim, sans-serif; color:#000; /* margin-left: 10px; */ }
.gnb_title li a:hover {color: #0096d3; text-decoration:underline;}
.title_tourism li { width: 160px;}
.gnb_title li:first-child {text-align: center; width: 115px; float: left;}
.gnb_title li:first-child a {color: #003360; font-weight: bold; font-size: 14px;}
.gnb_title li:first-child a:hover {text-decoration: none;}
.gnb_menu {margin-left: 10px;}
.btnClose {right: 0; bottom: 0; position: absolute;}


.fullmap {float: left; width: 33.33%; height: 100%; text-align: center;}
.fullmap_name {width: 100%; height: 24px; background: #d8d8d8; display: inline-block; text-align: center; padding-top: 6px;}
.fullmap_name a {font:14px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color: #0b274c;}
.fullmap ul li {width: 90%; padding: 2px; margin: auto; border-bottom: 1px solid #ececec;}
.fullmap ul li a {display: inline-block; margin-top: 6px; font:12px "±¼¸²", gulim, sans-serif; color:#000;}
.fullmap ul li a:hover {font-weight: bold; color:#0096d3; }

.fullColorA {background: #becfef;}
.fullColorB {background: #bee1ef;}
.fullColorC {background: #bee9ef;}
/*¸ÞÀιè³Ê ·¦*/
#mainBanner {width: 998px; height: 330px; margin: auto; border: 1px solid #d8d8d8; margin-top: 15px;}

/*ȸ»ö¹Ú½º(°Ë»ö/BS)*/
#areaGray {width: 100%; margin-bottom: 15px;}
#areaB {width: 1200px; height: 265px; margin: auto; margin-top: 0; margin-bottom: 45px;}
#areaGrayWrap {width: 1200px; margin: auto;}
#box_search {width: 215px; height: 290px; border-top: 5px solid #ff006c; background: #fff; float: left; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}
.scBoard {margin: auto;}
.scBoard td{height: 32px;}
.detailSearch {width: 100%; height: 47px; background: #454545; color: #fff; border: none; margin-top: 11px; font:20px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif;  cursor:pointer;}
.detailSearch_sub {width: 100%; height: 47px; background: #454545; color: #fff; border: none; font-size: 20px; margin-top: 39px;}
.scBoardA {width: 55px;}
.scBoardB {width: 140px; }
.mainsearchWrap {width: 213px; height: 218px; border: 1px solid #d8d8d8;}
#box_bestseller {width:100%; margin:0 auto;}
.bsList {margin-top: -15px; margin-right: 10px;}
.bsList li {float: right; font:12px "±¼¸²", gulim, sans-serif; color:#000; }
.bsList li a:hover {font-weight: bold; color: #000; text-decoration:underline;}
.bsGoods {width: 243px; height: 285px;  margin-bottom: 15px; float: left; margin-left: 4px; text-align: left; border: 1px solid #ccc; background: #fff}
.bsGoods img {margin-top: 5px; margin-left: 3px;}
.goods_title {font:13px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; height: 40px; color:#004c9a; font-weight: bold; margin-top: 10px; margin-bottom: 10px; margin-left: 7px; margin-right: 5px; letter-spacing: -0.07em;}
.goods_title2 {font:12px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#454545; font-weight: bold; margin-top: 7px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;}
.goods_title_thema {font:14px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#fff; font-weight: bold; padding-top: 7px; padding-right: 7px; text-indent: 1em;}
.goods_txt {font:12px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#000; margin-left: 10px;}
.goods_price {font:12px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#ff006c; font-weight: bold; margin-top: 5px; margin-left: 10px;}
.goods_price2 {font:12px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#858585; font-weight: bold; margin-top: 2px; margin-left: 10px; text-decoration: line-through;}
.goods_price3 {font:12px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#ff006c; font-weight: bold; margin-top: 2px; margin-left: 10px;}
.goods_guerillaA {font:12px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#000; font-weight: bold; margin-left: 10px; padding-top: 7px;}
.goods_guerillaB {font:12px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#0084ff; font-weight: bold; margin-left: 10px; padding-top: 2px;}
.goods_price_thema {font:12px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color:#ffff99; font-weight: bold; text-align: right; padding-top: 4px; margin-right: 7px;}
.goodsBox {width: 100%; height: 48px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; clear: both;}
.goodsBox2 {width: 100%; height: 48px; border-bottom: 1px solid #d8d8d8; clear: both;}
.Main_titleArea {width: 100%; padding: 30px 0 15px 0; clear: both;}
.titleArea {width: 100%; height: 45px;}
.titleArea_season {width: 100%; height: 35px;}
.conArea { margin: auto; padding-top: 10px;}
.goodsPart {width: 1000px; margin: auto; padding-top: 10px;}


.boxTitle {font:18px 'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; display: inline-block; margin-top: 10px; margin-left: 10px; text-indent: 0.5em;}
.box_areaB {width: 215px; height: 265px; float: left; margin-right: 15px;}
.box_areaB_in {width: 213px; height: 218px; border: 1px solid #d8d8d8;}
.box_areaB_in2 {width: 213px; height: 218px;}
.box_areaB_in3 {width: 309px; height: 218px;border: 1px solid #d8d8d8;}

/*Å׸¶¹Ú½º(Å׸¶Ãßõ¿©Çà)*/
#themaBox {width: 1200px; height: 230px; border-top: 3px solid #004c9a; margin: auto;}
#themaTab {width: 998px; height: 32px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; background: #fff; margin: auto;}
#themaTab ul li {float: left; width: 33.3%; height: 32px; font:12px "±¼¸²", gulim, sans-serif; color:#0084ff; font-weight: bold; text-align: center; border-left: 1px solid #d8d8d8;}
#themaTab ul li:first-child {width: 33.2%;  border-left: none;}
#themaTab ul li a {display: inline-block; margin-top: 10px;}
#themaTab ul li a:hover {color: #005bac}
.themaContents {width: 998px; height: 197px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background: #d3ebff; margin: auto;}
.themaOn {background: #d3ebff;}
.themaBoard {width: 718px; height: 183px; background: #fff; border: 1px solid #d8d8d8; display: inline-block; margin-left: 27.5%; margin-top: 7px;}

.markTab {position: absolute;}
.themaEve {margin-top: 7px; margin-left: 7px; width: 295px; height: 169px; text-indent: -9999em; overflow: hidden; float: left;}

.thema_Exhibition_train {background: url(/cpsite/web/images/main/themaBox/eve_train.jpg) no-repeat;}
.thema_Exhibition_bus {background: url(/cpsite/web/images/main/themaBox/eve_bus.jpg) no-repeat;}
.thema_Exhibition_island {background: url(/cpsite/web/images/main/themaBox/eve_island.jpg) no-repeat;}
.thema_Exhibition_thema {background: url(/cpsite/web/images/main/themaBox/eve_thema.jpg) no-repeat;}
.thema_Exhibition_special {background: url(/cpsite/web/images/main/themaBox/eve_special.jpg) no-repeat;}
.thema_Exhibition_local {background: url(/cpsite/web/images/main/themaBox/eve_local.jpg) no-repeat;}
.thema_Exhibition_subA {background: url(/cpsite/web/images/main/themaBox/eve_subA.jpg) no-repeat;}
.thema_Exhibition_subB {background: url(/cpsite/web/images/main/themaBox/eve_subB.jpg) no-repeat;}
.thema_Exhibition_subC {background: url(/cpsite/web/images/main/themaBox/eve_subC.jpg) no-repeat;}

.themaGoods {width: 197px; height: 169px; float: left; margin-left: 7px; margin-top: 7px;}
.themaGoods_bus {width: 230px; height: 169px; float: left; margin-left: 7px; margin-top: 7px;}
.themaTac {width: 100%; height: 50px; background-color: rgba(0,0,0,0.7); color: #fff; margin-top: -50px; position: relative;}
#thema_A {background: url(/cpsite/web/images/main/formbox/themaBan_A.png) no-repeat #d3ebff;}
#thema_B {background: url(/cpsite/web/images/main/formbox/themaBan_B.png) no-repeat #d3ebff;}
#thema_C {background: url(/cpsite/web/images/main/formbox/themaBan_C.png) no-repeat #d3ebff;}
#thema_D {background: url(/cpsite/web/images/main/formbox/themaBan_D.png) no-repeat #d3ebff;}
#thema_E {background: url(/cpsite/web/images/main/formbox/themaBan_E.png) no-repeat #d3ebff;}
#thema_F {background: url(/cpsite/web/images/main/formbox/themaBan_F.png) no-repeat #d3ebff;}
#thema_G {background: url(/cpsite/web/images/main/formbox/themaBan_G.png) no-repeat #d3ebff;}
#thema_H {background: url(/cpsite/web/images/main/formbox/themaBan_H.png) no-repeat #d3ebff;}
#thema_I {background: url(/cpsite/web/images/main/formbox/themaBan_I.png) no-repeat #d3ebff;}

/*FOOTER css ½ÃÀÛ*/
#footerBLline {width: 100%; height: 235px; background: #efefff; border-top: 1px solid #d8d8d8; margin-top: 45px;}
#footerGRline {width: 100%; height: 35px; background: #585f64; border-bottom: 5px solid #005bac;}
#footerWHline {width: 100%; height: 88px; background: #fff;}

#csArea {width: 1200px; height: 100%; margin: auto;}
#infoArea {width: 1200px; height: 100%; margin: auto;}
#companyArea{width: 1200px; height: 100%; margin: auto;}

.csArea_box {width: 23%; height: 85%; float: left; margin-left: 1.5%; margin-top: 15px;}
.csArea_title {width: 100%; height: 40px; font:27px '³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color: #676767; }
.csArea_title p {margin-top: 5px;}
.csArea_title p .csArea_koTitle {font-size:14px; color: #005bac;}
.csAreaBoard {width: 100%; height: 78%;}
.csAreaBoard .csTelboard {margin-top: 8px;}
#bank_board {font:13px '³ª´®°íµñ', 'NanumGothic','nanum', sans-serif; color: #333;}
#bank_board tr td {height: 30px; vertical-align: middle; font-weight: bold;}
.bank_travel {color: #003361; width: 55px;}
.bank_name {color: #545454; width: 55px;}
.bank_num {color: #333; letter-spacing: -0.07em;}
.faqLineX {border-bottom: 1px solid #c5c5c5;}
.faqLineY {border-right: 1px solid #c5c5c5;}
.csAreaBan img {margin-top: 7px;}
#cscenterNum {font:40px '³ª´®¹Ù¸¥°íµñ', 'NanumBarunGothic','nanum', sans-serif; color: #00a8ff; letter-spacing: -1px; text-align: center; margin-top: 7px; margin-bottom: 5px;}
.csLocalTel {margin-top: 7px; text-align: center;}
.csLocalTel_A {padding-left: 5px; padding-right: 5px; background: #4e4e4e; color: #fff; }
.csLocalTel_B {}
.csTime {font: 13px '³ª´®¹Ù¸¥°íµñ', 'NanumBarunGothic','nanum', sans-serif; color: #333; letter-spacing: -1px; text-align: center; margin-top: 10px;}
#infoArea ul {margin-left: 215px;}
#infoArea ul li {float: left; font:12px "±¼¸²", gulim, sans-serif; color:#fff; font-weight: bold; margin-top: 12px;}
#infoArea ul li a {color:#fff; font-weight: bold;}
#infoArea ul li .info_personal {color:#fff999; font-weight: bold;}
#footerLogo a img {margin-top: 7px; float: left;}
#footerAdress {display: inline-block; font:13px "±¼¸²", gulim, sans-serif; color:#757575; margin-top: 7px; margin-left: 12px;}
#footerAdress p {line-height: 18px;}
#footerAdress p span {line-height: 18px; font-weight: bold;}
.titleAward {width: 180px; height: 40px; border-radius: 8px; float: right; border: 1px solid #d8d8d8; margin-top: 20px;}

/*°øÅë»ç¿ë CSS*/
.show {display: block;}
.hidden {display: none;}
.hide {visibility: hidden;}
.red {border: 1px solid red;}
.t_hotpink {color: #ff006c; font-family:  'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif;}
.t_blue {color: #004c9a; font-family:  'nanumB','³ª´®°íµñ', 'NanumGothic','nanum', sans-serif;}
.clear {clear: both;}


/*skitter Slider Á¦¾î*/
.box_skitter {position:relative;width:998px;height:298px;background:#000;border:0px;}
.box_skitter img { border:0px; }
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden; position:relative;} /*¿À¹öÇ÷οì*/
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}
.box_skitter  .banner_box { float:left;position:absolute; width:998px; line-height:32px;z-index:10000;overflow:hidden;background-color:#282725;  }
.box_skitter  .banner_box  .itemleft { float: left;position:relative; width:14px;height:32px;background-image: url(/cpsite/web/images/common/mf_left_arrow.gif); background-repeat: no-repeat;}
.box_skitter  .banner_box  .itemmain { float: left;position:relative; width:970px;height:32px;overflow:hidden;} /*ŸÀÌƲ¿µ¿ª*/
.box_skitter  .banner_box .itemmain    .banner_box_main { float: left;position:relative; width:465px;height:32px;}
.box_skitter  .banner_box  .itemmain .item { float: left; position:relative; width:194px; height: 32px; line-height:32px; text-align: center; color:#FFFFFF;font-weight: bold;}
.box_skitter  .banner_box  .itemmain .item:hover, .item.active { float: left;position:relative; width:194px;line-height:32px; text-align: center;background-color: #565656;}	
.box_skitter  .banner_box .itemright {float: right; position:relative; width:14px;height:32px;background-image: url(/cpsite/web/images/common/mf_right_arrow.gif); background-repeat: no-repeat;}
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}
.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}
.box_skitter .box_scroll_thumbs {padding:0 10px;}
.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}
.label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;opacity:0.8;background:#000;}
.label_skitter p {padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px;}
.info_slide * {font-family:Consolas,arial,tahoma !important;}
.hand { cursor:pointer; }
.itembox {margin-top: 8px;  font:14px '³ª´®¹Ù¸¥°íµñ', 'NanumBarunGothic','nanum', sans-serif; color:#fff; font-weight: bold;}