@charset "utf-8";

/* common, main */
#wrap {position:relative;}

#header {height:117px; width:100%; background:#1fcfff; position:relative; z-index:500;}
#header .headCont {width:1100px; margin:0 auto; height:117px; position:relative;}
#header .headCont h1 {text-align:center; height:117px; line-height:117px;}
#header .headCont h1 img {vertical-align:middle;}
#header .headCont .menu {width:56px; height:72px; position:absolute; display:block; left:5px; top:50%; margin-top:-36px; cursor:pointer;}
#header .headCont .call {font-size:26px; font-weight:bold; color:#bef1ff; position:absolute; top:50%; margin-top:-13px; left:95px; word-spacing:-1px;}
#header .headCont .btnBox {position:absolute; top:15px; right:0;}
#header .headCont .btnBox a {display:inline-block; font-size:13px; width:62px; height:35px; line-height:35px; text-align:left; padding-left:40px; color:#009fde;}
#header .headCont .btnBox a+a {margin-left:3px;}
#header .headCont .btnBox a.btnWt1 {background:#fff url(../../images/bg/bg_btn1.gif) 10px no-repeat;}
#header .headCont .btnBox a.btnWt2 {background:#fff url(../../images/bg/bg_btn2.gif) 10px no-repeat; visibility: hidden;}
#header .headCont .btnBox .info {display:block; position:absolute; top:32px; right:0; width:307px; height:61px; text-indent:-1000em; background:url(../../images/bg/bg_fMent.png) no-repeat;}

#contents {margin-bottom:51px;}
#contents.main {background:url(https://i.imgur.com/EOIRrgA.jpg) center 0 no-repeat; position:relative; z-index:100;}

#contents.sub {width:1000px; margin:0 auto; padding-top:35px; padding-bottom:100px; }
#contents.sub.type2 {width:1000px; margin:0 auto; padding-top:70px; margin-bottom:51px; padding-bottom:100px;}

#contents.subVi {min-height:832px; background:url(https://i.imgur.com/EOIRrgA.jpg) center 0 no-repeat; position:relative; z-index:100;}

#contents .mainCont {width:1100px; margin:0 auto; padding-top:220px; position:relative; height:517px;}
#contents .mainCont .mainLink {width:100%;}
#contents .mainCont .mainLink ul li {float:left; width:24.25%;}
#contents .mainCont .mainLink ul li+li {margin-left:1%;}
#contents .mainCont .mainLink ul li img {width:100%;}

#contents .mainCont .mainBtn {position:absolute; top:615px; left:0; width:100%; text-align:center; line-height:60px;}
#contents .mainCont .mainBtn a {display:inline-block; width:170px; height:50px; text-align:center; line-height:50px; font-size:17px; font-weight:bold; color:#fff; background:#fd0365; border-radius:5px;}
#contents .mainCont .mainBtn a+a {margin-left:10px;}

#contents .mainNotice {background:#fbf908;}
#contents .mainNotice .noticeBtn {width:1100px; margin:0 auto; padding:20px 0 72px;}
#contents .mainNotice .noticeBtn p.p1 {text-align:center; font-size:20px; font-weight:bold; color:#232323; margin-bottom:15px;}
#contents .mainNotice .noticeBtn p.btn {text-align:center;}
#contents .mainNotice .noticeBtn p.btn span {display:inline-block; width:73px; heigh:73px; cursor:pointer;}

#contents .mainNotice .noticeView {width:1100px; margin:0 auto; padding:0 0 50px; display:none;}

#footer {width:100%; height:180px; border-top:1px solid #c9c8d2; background:#e2e2e2; position:fixed; bottom:-130px; left:0; z-index:700;}
#footer .footCont {width:1100px; margin:0 auto; height:50px; position:relative;}
#footer .footCont h6 {position:absolute; top:50%; margin-top:-10px; left:50px;}
#footer .footCont .footInfo {margin-left:220px;}
#footer .footCont p.copy {height:15px; background:url(../../images/footcopy.gif) 0 no-repeat; text-indent:-1000em;}
#footer .footCont p.privacy {padding-top:10px; }
#footer .footCont .account {width:195px; height:29px; background:url(../../images/bg/bg_account.gif) no-repeat; position:absolute; top:50%; margin-top:-15px; right:200px; text-indent:-1000em;}
#footer .footCont .more {position:absolute; top:50%; margin-top:-8px; right:55px; display:block; cursor:pointer;}

#footer .footHide {height:130px; width:1000px; margin:0 auto; text-align:center; position:relative;}
#footer .footHide p{text-indent:-1000em; background:url(../../images/footM1.gif) 0 no-repeat; height:130px;}
#footer .footHide span {position:absolute; top:30px; right:0;}

#leftMenu {width:270px; background:#2c2c2c url(../../images/bg/bg_menubg.gif) right repeat-y; position:fixed; top:0; right:100%; left:-300px; height:100%; z-index:600;}
#leftMenu .menuHead {height:45px; background:url(../../images/bg/bg_menulist.gif) 0 bottom repeat-x; text-align:right;}
#leftMenu .menuHead .close {width:44px; height:44px; display:inline-block; cursor:pointer;}

#leftMenu .menu>ul>li {padding-bottom:2px; background:url(../../images/bg/bg_menulist.gif) 0 bottom repeat-x; line-height:45px; padding-left:30px;}
#leftMenu .menu>ul>li>a {font-size:18px; color:#fff; display:block; background:url(../../images/bg/bg_m_more.gif) 205px no-repeat;}
#leftMenu .menu>ul>li>a.open {background:url(../../images/bg/bg_m_close.gif) 205px no-repeat;}

#leftMenu .menu>ul>li>ul.dep2 {padding:5px 0 15px; padding-left:20px; display:none;}
#leftMenu .menu>ul>li>ul.dep2 li {height:30px; line-height:30px;}
#leftMenu .menu>ul>li>ul.dep2 li a {display:block; color:#888888; font-size:15px;}

#popSms {position:fixed; width:370px;}
#popSms .popHead {height:52px; background:#1fcfff;}
#popSms .popHead h3 {font-size:22px; font-weight:bold; color:#fff; padding-left:20px; float:left; line-height:52px;}
#popSms .popHead span.close {float:right;}
#popSms .popBody {background:#fff; padding:20px;}
#popSms .popBody .input {height:38px;}
#popSms .popBody .input input[type=text] {height:26px; line-height:26px; width:70%;}
#popSms .popBody .input input.btnSms {border:none; display:inline-block; background:#769c00; color:#fff; font-size:13px; text-align:center; line-height:38px; height:38px; width:25%; float:right;}
#popSms .popBody .pp {border:1px solid #e2e2e2; background:#f0f0f0; padding:20px; line-height:18px;}
#popSms .popBody .pp ul li {color:#888888;}

/* sub common */
.section + .section {margin-top:50px;}
.section h3 {font-size:27px; color:#333333; line-height:30px; font-weight:bold; padding-left:5px; margin-bottom:30px;}
.section h4 {font-size:15px; color:#333333; line-height:20px; font-weight:normal; padding-left:5px;}
.section h4.type2 {font-weight:bold; padding-left:0;}
.section h4.type3 {line-height:25px;}
.section h4.type3 .btn {float:right;}
.section h4+.grayTab {margin-top:15px;}

.section h4+.calTblBox {margin-top:15px;}

.section .ppInfoBox + .ppInfoBox {margin-top:30px;}
.section .ppInfoBox p.ppInfoEq {padding-right:10px;}
.section .ppInfoBox p.ppInfoEq label {font-size:13px; color:#333;}

.section2 {margin:0 auto; width:1000px;}
.section2 h4 {font-size:24px; color:#333333; line-height:40px; font-weight:normal; padding-left:5px; padding-top:50px;}


/* table */
.notTbl {width:100%; table-layout:fixed; border-top:2px solid #595959;}
.notTbl tbody tr td {border-bottom:1px solid #aeaeae; background:#fff; font-size:13px; height:16px; line-height:16px; padding:15px 0; text-align:center; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notTbl tbody tr.title td.title {text-align:left; padding:15px 10px 15px 56px; background:#fff url(../../images/bg/bg_notice.gif) 20px no-repeat; cursor:pointer;}
.notTbl tbody tr.title td.title span.new {display:inline-block; width:16px; height:16px; background:#fa4800; color:#fff; font-size:10px; text-align:center; line-height:16px; font-family:"Dotum"; margin-left:10px;}
.notTbl tbody tr.cont td {text-align:left; padding:20px 56px;line-height:22px; font-size:12px; background:#f3f3f3; display:none;}

.colTbll {width:100%; table-layout:fixed; border-top:2px solid #595959;}
.colTbll thead th {font-size:13px; color:#333333; text-align:center; background:#f0f0f0; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; line-height:18px; padding:11px 5px;}
.colTbll tbody tr td {font-size:13px; color:#333; line-height:24px; padding:10px 5px; text-align:center; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; vertical-align:middle; word-break:break-all;}
.colTbll tbody tr td.color a {color:#fd3c00; font-weight:bold; position:relative;}
.colTbll tbody tr td.color a span {width:214px; height:61px; background:url(../../images/bg/bg_iMent.png) 0 no-repeat; position:absolute; top:20px; right:0; display:none;}
.colTbll tbody tr td.color a span.type2 {background:url(../../images/bg/bg_iMent2.png) 0 no-repeat;}
.colTbll tbody tr td.color a:hover span {display:block;}
.colTbll tbody tr td input {vertical-align:middle;}
.colTbll tbody tr td input.sz1 {width:80%;}
.colTbll tbody tr td p {font-size:13px; color:#333;}
.colTbll tbody tr td p.org {color:#fd3c00;}
.colTbll tbody tr td p.ori {text-decoration:line-through;}
.colTbll tbody tr td p.sale {color:#e70000; font-weight:bold;}
.colTbll tbody tr td .selectW2 {width:50%; text-align:left;}
.colTbll tbody tr td.select span+span {margin-left:20px;}

.colTbll tbody tr td span.qst {display:inline-block; position:relative; width:13px; height:24px; vertical-align:middle; background:url(../../images/bg/bg_qst.gif) 0 no-repeat; margin-left:5px;}

.colTbll tbody tr.selected td {background:#d8f7ff;}


.rowTbll {width:100%; table-layout:fixed; border-top:2px solid #595959;}
.rowTbll tbody tr th {font-size:13px; color:#333333; text-align:center; background:#f0f0f0; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; line-height:20px; padding:10px 5px;}
.rowTbll tbody tr td {font-size:13px; color:#333; line-height:20px; min-height:20px; padding:10px; text-align:left; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; vertical-align:middle; word-break:break-all;}

.rowTbll.book col.thCol {width:13%;}
.rowTbll.book col.tdCol {width:20%;}
.rowTbll.book col.tdCol.last {width:21%;}
.rowTbll.book tbody th {text-align:left; padding:10px 15px;}
.rowTbll.book tbody td input.sz0 {width:85%;}
.rowTbll.book tbody td input.sz1 {width:100px;}
.rowTbll.book tbody td input.sz2 {width:50px;}
.rowTbll.book tbody td textarea {border:1px solid #d2d2d2; height:50px; padding:5px; width:95%;}
.rowTbll.book tbody td a.cal {display:inline-block; line-height:25px; height:25px; margin-left:5px;}
.rowTbll.book tbody td a.cal img {vertical-align:middle;}
.rowTbll.book tbody td p.info {float:left;}
.rowTbll.book tbody td span.agree {float:right;}
.rowTbll.book tbody td.pp span{display:inline-block;}
.rowTbll.book tbody td.pp span+span {margin-left:15px;}

/* Tab */
.grayTab {width:100%;}
.grayTab>ul {height:41px; border-bottom:1px solid #c7c7c7;}
.grayTab>ul>li {float:left; height:40px; width:130px; line-height:41px; font-size:15px; font-weight:bold; color:#333; text-align:center;}
/* .grayTab>ul>li>a {text-align:center; display:block; line-height:30px; font-size:13px; color:#666; border:1px solid #c7c7c7;}
.grayTab>ul>li.now>a {background:#555555; border:1px solid #555555; color:#fff;} */
.grayTab>ul>li .tabRadio {position:absolute;left:-9999px;letter-spacing: -0.3px}
.grayTab>ul>li .sLabel .waySpan {display:inline-block; border:1px solid #c7c7c7; width:128px; height:40px; line-height:40px; cursor:pointer; text-align:center; font-size:15px; color:#555;}
.grayTab>ul>li .sLabel.checked .waySpan {display:inline-block; border:1px solid #555555; background:#555555; width:128px; height:40px; line-height:40px; cursor:pointer; text-align:center; font-size:15px; color:#fff;}
.grayTab .tabInner {border:1px solid #c7c7c7; border-top:none; padding:20px 40px;}
.grayTab .tabInner.type2 {border-top:1px solid #c7c7c7;}
.grayTab .tabInner h5 {font-size:18px; font-weight:normal; color:#333333; line-height:22px; margin-bottom:25px;}
.grayTab .tabInner h5 span.imp {font-size:14px; font-weight:bold; color:#fd0365; line-height:22px; margin-left:20px;}

.grayTab2 {width:100%;}
.grayTab2>ul {height:31px; border-bottom:1px solid #c7c7c7;}
.grayTab2>ul>li {float:left; height:30px; width:130px; line-height:31px; font-size:13px; color:#333; text-align:center;}
.grayTab2>ul>li>a {text-align:center; display:block; line-height:30px; font-size:13px; color:#666; border:1px solid #c7c7c7;}
.grayTab2>ul>li.now>a {background:#555555; border:1px solid #555555; color:#fff;}
.grayTab2 .tabInner {border:1px solid #c7c7c7; border-top:none; padding:20px;}

.pkTab {width:100%;}
.pkTab>ul {height:40px;}
.pkTab>ul>li {float:left; height:40px; width:20%; line-height:40px; font-size:15px; font-weight:bold; color:#333; text-align:center;}
.pkTab>ul>li a {text-align:center; display:block; line-height:39px; font-size:13px; color:#666; border:1px solid #ddd; border-bottom:none;}
.pkTab>ul>li a.now {background:#555555; border:1px solid #555555; color:#fff; border-bottom:none;}
.pkTab>ul + .tabInner {border:1px solid #ddd; padding:30px 20px;}
.pkTab .tabInner .packList li + li {margin-top:10px;}
.pkTab .tabInner .packList li img {width:100%;}

.pkTab.type2>ul>li {width:260px;}

.cateTab {width:100%;}
.cateTab>ul {height:40px;}
.cateTab>ul>li {float:left; height:40px; width:19.2%;}
.cateTab>ul>li+li {margin-left:1%;}
.cateTab>ul>li a {display:block; background:#e2e2e2; line-height:40px; color:#444; text-align:center; font-size:15px; border-radius:5px;}
.cateTab>ul>li a.now {background:#fd0365; color:#fff;}


/* Btn */
.btnSearch {display:inline-block; width:170px; padding-left:20px; height:40px; line-height:40px; color:#fff; background:#fd0365 url(../../images/bg/bg_search.gif) 34px no-repeat; border:none; font-size:17px; font-weight:bold; border-radius:5px;}
.btnGy {display:inline-block; width:170px; height:50px; line-height:50px; color:#fff; background:#444; border:none; font-size:17px; font-weight:bold; border-radius:5px;}
.btnGrs {display:inline-block; padding:0 15px; height:25px; line-height:25px; color:#fff; background:#27a4fd; border:none; font-size:12px; border-radius:3px; text-align:center;}
.btnPks {display:inline-block; padding:0 15px; height:25px; line-height:25px; color:#fff; background:#fd0365; border:none; font-size:12px; border-radius:3px; text-align:center;}
.btnPk {display:inline-block; width:170px; height:50px; line-height:50px; color:#fff; background:#fd0365; border:none; font-size:17px; font-weight:bold; border-radius:5px;}
.btnPk.type2 {display:inline-block; width:100%; height:50px; line-height:50px; color:#fff; background:#fd0365; border:none; font-size:17px; font-weight:bold; border-radius:5px;}
.btnWg {display:inline-block; width:100%; height:102px; line-height:102px; color:#fff; background:#808080; border:none; font-size:13px; font-weight:bold;}


/* List */
ul.ulList>li {padding-left:10px; background:url(../../images/bg/bg_ulList.gif) 0 9px no-repeat; font-size:12px; line-height:18px;}
ul.ulList.type2>li {font-size:12px; line-height:20px;}
ul.ulList>li.bold {font-weight:bold;}
ul.ulList>li+li {margin-top:2px;}
ul.ulList>li.boldred {font-weight:bold; color:#fd0365;}


/* tooltip */
.ui-tooltip {
	padding: 10px 15px;
	position: absolute;
	z-index: 9999;
	max-width: 150px;
	background:#222;
}
body .ui-tooltip {
	border:none;
}
.ui-tooltip, .arrowbox:after {
    background: #fff;
  }
  .arrowbox {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrowbox.top {
    top: -16px;
    bottom: auto;
  }
  .arrowbox.left {
    left: 20%;
  }
  .arrowbox:after {
    content: "";
    position: absolute;
    left: 22px;
    top: -10px;
    width: 20px;
    height: 10px;
    box-shadow: 5px 3px 7px -4px #444;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrowbox.top:after {
    bottom: -15px;
    top: auto;
  }

/* 팝업 */
#infoPop1, #infoPop2 {display:none;}

.infoPopup {width:550px; position:fixed; top:150px; left:50%; margin-left:-275px; z-index:9999; background:#fff;}
.infoPopup .cont {padding:40px;}
.infoPopup .cont p.t1 {text-align:center; font-size:16px; font-weight:bold; color:#009fde; line-height:23px; padding-bottom:15px; border-bottom:1px dashed #ddd; margin-bottom:15px;}
.infoPopup .cont p.t2 {font-size:13px; color:#555; line-height:18px; padding:0 10px;}
.infoPopup .cont p.t2 em {color:#fd3c00; font-weight:bold;}
.infoPopup .cont ul {border:1px solid #ddd; background:#f5f5f5; padding:15px; margin-top:20px;}
.infoPopup .cont ul li {line-height:18px; font-size:12px; color:#666; padding-left:10px; background:url(../../images/bg/bg_ulList.gif) 0 9px no-repeat;}
.infoPopup .cont ul li+li {margin-top:5px;}
.infoPopup .cont p.t3 {margin-top:15px; text-align:center; font-size:13px; color:#333; margin-bottom:20px;}
.infoPopup .cont p.t4 {color:#333; text-align:center; font-size:15px; font-weight:bold; line-height:25px; padding:10px 0 5px}
.popupBg {position:fixed; width:100%; height:100%; z-index:9000; top:0; left:0; background:#000; opacity:0.5; filter:alpha(opacity=50); -ms-filter:"alpha(opacity=50)"; display:none;}