/*---- Login 로그인 ----*/
html, body{
    height: 100%;
}
div.contents{
    height: 100%;
    position: relative;
    padding: 180px 0;
}
div.loginPage {
    width:100%;
    /*height:1000px;*/
    height: 100%;
    background:url('../img/bg_login.png') center no-repeat;
    background-size: cover;
}

div.loginBox {
    position:absolute;
	left:50%; top:50%;
    /*margin:100px 0;*/
    transform:translate(-50%,-50%);
    padding:40px 0;
    width:580px;
    background-color:#fff;
}
div.loginBox h1 {
    font-size:48px;
    text-align:center;
    color:#333333;
}
div.loginBox p {
    margin-top:30px;
    font-size:15px;
    text-align:center;
    color:#666;
}
div.loginInner {
    padding:40px 50px 50px 50px;
}
ul.loginForm {
    width:100%;
}
ul.loginForm li {
    float:left;
    width:70%;
    vertical-align:top;
}
ul.loginForm li input:first-child {
    margin-bottom:10px;
}
ul.loginForm li.loginBtn {
    float:right;
    width:30%;
    text-align:right;
}
ul.loginForm li.loginBtn a {
    display:inline-block;
    width:95%;
    height:110px;
    background-color:#cf9e73;
    font-size:16px;
    text-align:center;
    line-height:110px;
    color:#fff;
}
div.loginInner ul.checkBox {
    margin:25px 0;
    text-align:left;
}
div.linkBtn a:first-child {
    float:left;
}
div.linkBtn a {
    float:right;
    display:block;
    width:48%;
    height:50px;
    font-size:15px;
    font-weight:600;
    line-height:50px;
    color:#107ab7;
    text-align:center;
    border:1px solid #107ab7;
}
div.joinBox {
    width:100%;
    border-top:1px solid #e9e9e9;
}
div.joinBox p {
    margin-top:15px;
    font-size:14px;
    line-height:22px;
}
div.joinBtn {
    padding:15px 50px;
}
div.joinBtn a {
    display:block;
    width:100%;
    height:60px;
    background-color:#107ab7;
    font-size:17px;
    line-height:60px;
    text-align:center;
    color:#fff;
}
/*-- END Login 로그인 --*/


/*---- Join 회원가입 ----*/
div.joinPage div.subTitBox {
    background:url('../img/bg_member.jpg') center no-repeat;
    background-size: cover;
}
div.joinPage p.subTxt01 {
    text-align:center;
}
ul.step {
    padding:30px 0;
    position:relative;
    text-align:center;
}
ul.step::after {
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left:-180px;
    width:300px;
    height:1px;
    background-color:#ddd;
    z-index:-1;
}
ul.step li {
    display:inline-block;
    margin:0 30px;
    width:90px;
    text-align:center;
}
ul.step li span.sqcIc {
    display:block;
    width:92px;
    height:92px;
    background:url('../img/sequence.png') no-repeat;
}
ul.step li span.ic00 {
    background-position:0 -92px;
}
ul.step li span.ic01 {
    background-position:-92px -92px;
}
ul.step li span.ic02 {
    background-position:-184px -92px;
}
ul.step li.act span.ic00 {
    background-position:0 0;
}
ul.step li.act span.ic01 {
    background-position:-92px 0;
}
ul.step li.act span.ic02 {
    background-position:-184px 0;
}
ul.step li p {
    margin-top:15px;
    font-size:15px;
    color:#888;
}
ul.step li.act p {
    font-family: 'Noto Sans SC Medium';
    color:#293d4a;
}
div.allCheckBox {
    padding:45px 0;
    width:100%;
    border:4px solid #f6f6f6;
    text-align:center;
}
div.allCheckBox p {
    margin-bottom:30px;
    font-size:22px;
    font-family: 'Noto Sans SC Bold';
    line-height:32px;
    color:#333;
}
div.allCheckBox ul.checkBox {
    margin-top:0;
    text-align:center;
}
div.allCheckBox ul.checkBox li input[type="checkbox"] + label {
	font-size:16px;
	color:#666666;
}
div.agreeCnt {
    margin-top:70px;
    border-bottom:1px solid #e9e9e9;
}
div.agreeInner {
    margin-bottom:50px;
}
div.scrollbox {
    margin-top:15px;
    width:100%;
    height:230px;
    overflow-y:scroll;
    background-color:#f6f6f6;
}
div.scrollbox iframe {
    width:100%;
}
p.joinTxt {
    margin-top:15px;
    font-size:14px;
    line-height:24px;
    color:#454545;
}
div.joinCnt {
    margin-top:20px;
}
h3.subTit02 span {
    margin-left:10px;
    font-size:14px;
    font-family: 'Noto Sans SC Light';
    color:#888;
}
div.joinInner {
    margin-top:15px;
    width:100%;
    background-color:#f9f9f9;
    border-top:2px solid #0c2c40;
    border-bottom:1px solid #e9e9e9;
}
table.joinTbl {
    margin:20px auto;
    width:92%;
}
table.joinTbl tr th {
    font-size:17px;
    font-family: 'Noto Sans SC Light';
    text-align:left;
}
table.joinTbl tr th span.point {
    padding-left:3px;
    font-family: 'NotoSansSC-Medium';
    color:#e5004f;
}
table.joinTbl tr td {
    padding:0 5px;
    height:60px;
    font-size:14px;
}
table.joinTbl tr td a {
    display:inline-block;
    min-width:130px;
    height:50px;
    background-color:#107ab7;
    font-size:16px;
    line-height:50px;
    color:#fff;
    text-align:center;
	padding:0 20px;
}
table.joinTbl tr td span {
    font-size:15px;
    color:#e5004f;
}
table.joinTbl tr td p {
    display:inline-block;
    width:3.4%;
    font-size:17px;
    text-align:center;
}
table.joinTbl tr td p.iptStyle {
    padding:0 15px;
    width:100%;
    height:50px;
    background-color:#f6f6f6;
    border:1px solid #e0e0e0;
    font-size:14px;
    text-align:left;
    line-height:50px;
    box-sizing:border-box;
}
table.joinTbl tr td p:last-child {
    margin-right:0;
}
table.joinTbl tr td ul.radioBox {
    text-align:left;
}
table.joinTbl tr td ul.radioBox li:first-child {
    margin:0;
}
table.joinTbl tr td ul.radioBox li input[type="radio"] + label {
    font-size:17px;
}
/*-- END Join 회원가입 --*/


/*------ Id 아이디찾기 ------*/
div.idpwPage {
    background-color:#f6f6f6;
}
div.idpwPage div.subTitBox {
    background:url('../img/bg_member.jpg') no-repeat 0 0;
}
div.idpwBox {
    margin:0 auto;
    width:800px;
    background-color:#fff;
}
ul.findTab {
    display:table;
    width:100%;
}
ul.findTab li {
    display:table-cell;
    width:50%;
    border:1px solid #e6e6e6;
}
ul.findTab li.on {
    background-color:#338c9f;
    border-color:#338c9f;
}
ul.findTab li a {
    display:block;
    width:100%;
    height:55px;
    font-size:17px;
    text-align:center;
    line-height:55px;
    color:#767676;
}
ul.findTab li.on a {
    color:#fff;
}
div.idpwInner {
    padding:60px 80px;
    width:100%;
    background-color:#fff;
    border:1px solid #e6e6e6;
    border-top:0;
}
div.idpwInner p {
    font-size:15px;
    text-align:center;
    line-height:26px;
    color:#666;
}
table.idpwTbl {
    width:100%;
}
table.idpwTbl input.phone {
    width:29%;
}
div.idpwOkbox {
    padding:50px 0;
    font-size:18px;
    text-align:center;
    color:#666;
    line-height:32px;    
    text-align:center;
}
div.idpwOkbox span {
    border-bottom:1px solid #333;
    color:#000;
}
div.idpwOkbox span.id {
    margin:0 15px;
    font-size:36px;
}
/*---- END Id 아이디찾기 ----*/


div.editPage div.subTitBox {
    background:url('../img/bg_edit.png') center no-repeat;
    background-size: cover;
}

div.membership div.subTitBox {
    background:url('../img/bg_membership.jpg') center no-repeat;
    background-size: cover;
}


/*---- 회원탈퇴 ----*/
div.withdrawalPage div.subTitBox {
    background:url('../img/bg_withdrawal.png') no-repeat 0 0;
}

div.caution h3.mark {
    padding:5px 35px;
    background:url('../img/mark.png') no-repeat left center;
}
/*-- END 회원탈퇴 --*/





/*etc*/

div.etcPage div.subTitBox {
    background:url('../img/bg_etc.png') no-repeat 0 0;
}



/*미디어*/
.cntBox {}
.media h2 {text-align:center; font-size:34px; text-align:center; line-height:1; margin-bottom:30px;}
.media .course {overflow:hidden;}
.media .course li {position:relative; float:left; width:580px; height:300px; overflow:hidden;}
.media .course li:before {position:absolute; top:0; left:0; width:580px; height:300px;  background:red; z-index:10;}
.media .course li span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#000; font-size:20px; font-weight:600;}
.media .course li img {position:asbolteu; top:0; left:0; width:100%; transition:all 0.5s; z-index:9;}
.media .course li:hover img {transform:scale(1.1);}
.media .marketing {overflow:hidden;}
.media .marketing li {float:left; width:360px; height:300px; overflow:hidden;}
.media .marketing li + li {margin-left:60px;}

.gellery {width:1200px; margin:0 auto; overflow:hidden;}
.gellery ul li {float:left; width:390px; padding:10px; border:1px solid #444; text-align:center; margin-left:15px; }
.gellery ul li:nth-child(3n+1){margin-left:0px;}/*n=0   nth-child(1) 부터 시작*/
.gellery ul li:nth-child(n+4){margin-top:15px; }
.gellery ul li span{display:block; position:relative; width:368px; height:368px; border:1px solid #dfdfdf; }
.gellery ul li span img{position:Absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; }
.gellery ul li p{font-size:13px; color:#444; margin-top:10px; }










/*컨텍트*/

.contact h2 {font-size:34px; text-align:center;}
.contact > div {margin-top:50px;}
.contact .left {float:left; width:50%;}
.con ul li {width:90%; margin-top:10px;}
.con ul li input[type="text"] {width:100%; height:50px; line-height:50px; border:1px solid #e0e0e0; padding:0 20px; box-sizing:border-box;}
.con ul li input[type="submit"] {width:100%; height:50px; line-height:50px; background:#cf9e73; color:#fff; border:none; font-size:16px; cursor:pointer;}
.con ul li textarea {width:100%; height:200px; border:1px solid #e0e0e0; resize:none;  padding:20px; box-sizing:border-box; cursor:pointer;}
.contact .right {float:left; width:50%; height:490px; }
.contact .call {font-size:18px;}
.contact .call span {font-weight:bold;}
.contact .down {display:block; width:100%; height:50px; line-height:50px; text-align:center;  background:#54787f; color:#fff; }
.form {float:left; width:50%; height:500px;}



/*멤버쉽*/

.ship h2 {font-size:34px; text-align:center;}

.ship .member {width:100%; height:450px; overflow:hidden; }
.ship .member img {max-width:50%; float:left;}
.ship .member dl {width:50%; float:left; display:inline-block; margin-left:70px; }
.ship .member dl dt {font-size:20px; line-height:1.2; font-weight:600;}
.ship .member dl dd {position:relative; padding-left:12px;}
.ship .member dl dd:before {position:absolute; top:10px; left:0; content:''; width:6px; height:3px; background:#444; margin-right:5px;}
.inquire {float:left; width:50%; heigth:500px;}
.ship .con {float:left; width:50%; height:500px;}




/*패키지*/

#package{position:relative; height:670px; width:1200px; margin:0 auto; }
#package .slider {overflow:hidden;}
#package .slider li{float:left; width:1200px; height:600px;}
#package .slider li img {width:1200px; }
/* PAGER */
.bx-wrapper .bx-pager {
 position:absolute; bottom:100px; width:100%; text-align:center; z-index:100;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  border:2px solid #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius:50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../img/visual_prev.png) no-repeat;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(../img/visual_next.png) no-repeat;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
 
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  outline: 0;
  width: 39px;
  height: 74px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}