@import "board.css";
@import "gallery.css";

#header .header_bottom{background:rgba(255,255,255,1.0);}

.btn_top{position:fixed;bottom:50px;right:30px;display:none;z-index:100005}
.btn_top a{display:block;width:40px;height:40px;text-align:center;color:#666;font-size:14px;line-height:40px;border:1px solid #e1e1e1;letter-spacing:normal;background:#fff}
.btn_top.open{display:block}

/* common */
.page_title {padding-top:50px; font-size:30px; color:#333; font-weight:400;}
.page_info {margin-top:10px; font-size:14px; color:#888;}
.description {text-align:left; font-size:16px; line-height:1.5; }

.section_group {margin:40px 10px 0; text-align:left;}
.section_group h3 {position:relative; margin:70px 0 30px; padding-bottom:30px; font-size:30px; color:#333; font-weight:700; text-align:left; line-height:30px; }
.section_group h3:first-child {margin-top:0;}
.section_group h3:before {content: ''; width:60px; height:1px; background:#133586; position:absolute; left:0; bottom:0;}

.cont_wrap {max-width:1280px;margin:0 auto;padding:5% 4% 5%;}
.cont_in h3 {position:relative; margin-bottom:40px; padding-bottom:30px; font-size:30px; color:#333; text-align:left; line-height:38px;}
.cont_in h3:before {content: ''; width:60px; height:1px; background:#aaa; position:absolute; left:0; bottom:0;}
.cost_wrap h4 {position:relative; margin-bottom:30px; padding-bottom:20px; font-size:26px; color:#333; text-align:left; line-height:38px;}
.cost_wrap h4:before {content: ''; width:60px; height:1px; background:#aaa; position:absolute; left:0; bottom:0;}


/* table */
.tbl-type01 {clear:both; table-layout:fixed; width:100%; text-align:center; border-top:2px solid #dc372b; border-bottom:2px solid #bbb;}
.tbl-type01 th,
.tbl-type01 td {padding: 15px 10px; border: solid #ddd; border-width: 0 0 1px 1px; }
.tbl-type01 td { font-weight: 400; color: #666; font-size: 14px;  background-color:#fff;}
.tbl-type01 th:first-child,
.tbl-type01 td:first-child {border-left:0;}
.tbl-type01 thead th {padding: 15px 0;  font-weight:700; color:#222; font-size: 14px;} 
.tbl-type01 thead th.vline {border-bottom:1px solid #ccd3db;} /* th가 2줄일 경우  */
.tbl-type01 th:first-child,
.tbl-type01 td:first-child {border-left: none;}
.tbl-type01 th.line,
.tbl-type01 td.line {border-right:1px solid #ddd;} /* 셀병합시 우측 라인 안나올 경우 */
.tbl-type01 tbody th {background-color:#eee; color:#000;}
.tbl-type01 tbody td.l-line{border-left:1px solid #ddd;}
.tbl-type01 .spc {vertical-align:middle;font-size:15px;color:#007374;font-weight:bold;text-align:center;}
.tbl-type01 tbody tr.strong td{font-weight:700; background-color:#FFC;}
.is-wauto-box table {min-width:900px;}

/* ul style */
ul.ul_st01 {display:block;}
ul.ul_st01 li {margin-top:7px; padding-left:15px;text-align:left; line-height:20px; background:url('/images/icon/bul_bk.png') no-repeat 0 7px;}
ul.ul_st01 li:first-child {margin-top:0;}

@media screen and (max-width: 1024px){
	.section_group {margin-top:40px 10px 0;}
	.tbl-type01 span.divide {display:block;}
}

@media screen and (max-width: 768px){
	.section_group h3 {margin:50px 0 20px; padding-bottom:20px; font-size:24px; line-height:20px; }
	.cont_in h3 {margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; line-height:24px;}
	h4 {margin-bottom: 20px; padding-bottom: 15px; font-size: 20px; line-height:24px;}
	.tbl-type01 th, .tbl-type01 td {padding:10px;}
}

@media screen and (max-width : 640px) {
	.tb_reponsive {overflow-x:scroll; }
	.tb_reponsive table,
	.tb_reponsive .tbl-type01{width:640px!important;}
}

.multi_group{*zoom:1}
.multi_group:after{content:"";display:block;clear:both;}
.multi_group > div{float:left;width:50%}
.multi_group > div:first-child .cell_data{margin-right:25px;margin-left:0}
.multi_group .cell_data{margin-left:25px;position:relative}

/* submenu */
.data_tab {display:table; width:100%; table-layout: fixed; margin-top:50px; *zoom:1;}
.data_tab:after {content:" "; display:block; clear:both; overflow:hidden;}
.data_tab li {display:table-cell;width:100%; text-align:center; vertical-align:middle; position:relative; z-index:0; ;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
.data_tab li {margin-left:10px; height:100%; }
.data_tab li:first-child {margin-left:0;}
.data_tab li a {display:block; position:relative; padding:17px 16px 19px; height:100%; font-size:14px; font-weight: 700; color:#555; box-sizing:border-box; -webkit-box-sizing:border-box;}
.data_tab li span {position:absolute;width:0;height:2px;background:#ce001d;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.data_tab li span.line01 {top:-1px; left:0;}
.data_tab li span.line02 {bottom:-1px; right:0;}
.data_tab li:hover {z-index:5;}
.data_tab li a:hover,
.data_tab li.actived a {color:#133586;}
.data_tab li:hover span,
.data_tab li.actived span {width:100%;}
.data_tab > li a:before {content: ""; display:inline-block; height: 100%; vertical-align: middle;}
.data_tab > li span {display:inline-block;vertical-align: middle;}

/* pageNavigation */
.data_tab_m * {box-sizing:border-box;}
.data_tab_m {z-index:10; margin:50px 5px 0;}
.data_tab_m .depth {position:relative;width:100%; height:50px; margin:0 auto; color:#666; line-height:50px; text-align:left; background:#8a8b8d;}
.data_tab_m .depth:before {content: '';width: 1px; height: 50px; background: #666; position: absolute; left: 0; top: 0;}
.data_tab_m .depth:after {content: '';width: 1px; height: 50px; background: #666; position: absolute; right: 0; top: 0;}
.data_tab_m .depth a {width: 100%;}
.data_tab_m .depth > a {display:inline-block; position: relative; padding-left:30px; font-size:16px; color:#a4a6aa; font-weight:500;}
.data_tab_m .depth > a:after {font: normal normal normal 18px/1 FontAwesome; content: "\f0d7"; position: absolute; right: 23px; top:15px;}
.data_tab_m .depth > a.current, .data_tab_m .depth > a.open {color: #fff;}
.data_tab_m .depth > a.open:after {font: normal normal normal 18px/1 FontAwesome; content: "\f0d8";color: #DC372B; position: absolute;right: 23px;top:15px;} 
.data_tab_m .depth > a.open:before {content: ''; position:absolute; left:0; bottom:0; width:100%; height:1px; background: #666;}
.data_tab_m .depth ul {position:absolute; top:50px; overflow: hidden; padding:10px 0; width:100%; border:1px solid #666; border-top:none; background:#bdbdbd; z-index:1001;}
.data_tab_m .depth ul li {line-height:35px; height:35px;}
.data_tab_m .depth ul li a {display:block; padding-left:30px; font-size:14px; color:#efefef; }
.data_tab_m .depth ul li a:hover, 
.data_tab_m .depth ul li a:focus {color:#fff;}

@media screen and (max-width: 768px) {
	.data_tab {display:none;}
}

@media screen and (max-width: 640px) {
	.data_tab_m {margin-top:25px;}
}

/* mypage */
.btn_detail_view{margin-top:5px}
.btn_detail_view a{font-size:14px;text-decoration:underline;}

.join_input{position:relative;margin-top:50px;text-align:left}
.join_input table{margin-top:20px}
.join_input h3{font-size:18px;vertical-align:bottom;font-weight:400}
.join_input h3 span{font-size:14px;color:#666;margin-left:10px;vertical-align:bottom;font-weight:300}

/* **************************************** *
 * join
 * **************************************** */
.join_process{display:inline-block;zoom:1;*display:inline;margin-top:48px;}
.join_process li{float:left;margin:0 25px;font-size:16px;}
.join_process li > span{display:inline-block;zoom:1;*display:inline;width:112px;height:111px;margin-bottom:15px;background-position:left top;background-repeat:no-repeat;}
.join_process li.actived > span{background-position:-112px top;}
.join_process li.step01 > span{background-image:url('/images/content/bg_join_process01.png');}
.join_process li.step02 > span{background-image:url('/images/content/bg_join_process02.png');}
.join_process li.step03 > span{background-image:url('/images/content/bg_join_process03.png');}
.join_process li.actived > p{color:#333;}

.terms_wrap .data_title{font-size:20px}
.terms_wrap .terms_cont iframe{height:300px;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;}
.terms_wrap .terms_cont .agree_title{font-size:14px;margin-bottom:10px}
.terms_wrap .terms_cont .agree_wrap{margin-top:0}
.terms_cont .agree_con{margin-bottom:20px;line-height:20px}
.terms_wrap input{vertical-align:middle}
.terms_wrap label{font-size:16px;}
.terms_wrap .agree{position:relative;padding:20px 0;border-bottom:solid 1px #bbb;}
.terms_wrap .agree > a{position:absolute;right:0;top:20px;}
.terms_wrap .all_chk{clear:both;text-align:center;padding:50px 0}

.terms_wrap.nonmember .terms_cont iframe{height:172px;}
.terms_wrap.nonmember .agree{border-bottom:none;}

.date_search{position:relative;display:inline-block;}                                
.date_search .i_wrap{padding-right:33px;margin-right:12px}

.etc_wrap{display:inline-block;zoom:1;*display:inline;}
.etc_wrap > p{margin-right:7px}

.i_wrap_contain{line-height:32px;}

.join_complete{max-width:771px;height:276px;margin:50px auto 0;background:url('/images/content/bg_join_complete.jpg') no-repeat left top; border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px; }
.join_complete > p{padding-top:53px;font-size:30px;color:#fff;line-height:40px;}
.join_complete > p > span{color:#fcff00}
.join_complete .btn_bottom{margin-top:25px;}

/* **************************************** *
 * login
 * **************************************** */
#container.full{position:relative;max-width:none;}        
.login_wrap{position:relative;height:750px;max-width:1902px;margin:0 auto;background:url('/images/content/bg_login.jpg') no-repeat center center;background-size:cover;}
.login_wrap ul {overflow:hidden;position:absolute; top:100px; left:50%; margin-left:-190px; }
.login_wrap ul li {float:left; margin-left:10px;}
.login_wrap ul li:first-child {margin-left:0;}
.info_contain{width:400px;height:580px;background:transparent; background-color:rgba( 255, 255, 255, 0.5); border-radius: 0px; -moz-border-radius:10px; -webkit-border-radius:10px;}         
.info_contain .page_title{padding-top:60px;}
.info_contain .page_info{padding:4px 0 11px;line-height:24px;font-size:16px;}
.info_contain .info_txt{padding:50px 60px 0;margin-bottom:20px; background:none;}
.info_contain .info_txt > p{position:relative;border-bottom:solid 2px #dc372b;margin-top:24px;}
.info_contain .info_txt > p label{position:absolute;left:0;top:0;width:100%;line-height:53px;font-size:16px;}
.info_contain .info_txt > p input{height:53px;line-height:53px;text-align:center;font-size:16px;}
.info_contain .etc a{margin-left:10px;padding-left:11px;background:url(/images/common/global_line.gif) left center no-repeat;}
.info_contain .login_btn{margin-top:30px;}
.info_contain .login_btn .btn02{height:70px;line-height:70px;padding:0 30px;font-size:34px;font-weight:bold; -webkit-border-radius: 50px; -moz-border-radius:50px; border-radius:50px;}
       
.go_btn{position:absolute;left:50%;}
.go_btn.join{width:207px;height:207px;top:160px;margin-left:-432px;background:url(/images/content/bg_go_join.png) no-repeat left top;}        
.go_btn.order,
.go_btn.login{width:138px;height:138px;top:333px;margin-left:278px;background:url(/images/content/bg_go_order.png) no-repeat left top;display:none;}
.go_btn.login{display:none;background:url(/images/content/bg_go_login.png) no-repeat left top}
.go_btn.order.on,
.go_btn.login.on{display:block;}
.go_btn a{display:block;font-size:18px;color:#fff;line-height:24px;}
.go_btn.join a{padding-top:114px;background:url(/images/content/icon_go_join.png) no-repeat center 37px}
.go_btn.order a{padding-top:46px;}
.go_btn.login a{padding-top:0px;line-height:138px;}

.Re_list_wrap{max-width:1500px;margin:50px auto 50px;}
.Re_list{*zoom:1}
.Re_list:after {content:" ";display:block;clear:both;overflow:hidden;}
.Re_list > li{float:left;}
.Re_list > li{width:50%;}
.Re_list > li > div{margin:0 10px; text-align:center;}

.agree_big_title{font-size:14px;margin:10px 0 50px 0}
.agree_wrap iframe {width:100%; height:600px; border:1px solid #ddd; }

.find_result {padding:10%; background-color:#efefef; font-size:16px; text-align:center; line-height:1.8; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.find_result .findinfo_num {color:#06F; font-weight:700;}

/* **************************************** *
 * greeting
 * **************************************** */
.greeting_wrap{position:relative; clear:both; width:100%; max-width:1280px; height:730px; padding:0px; margin:0 auto 50px auto; background:url('/images/content/bg_brandstory_visual.png') center top no-repeat; }
.greeting_cont {position:relative; margin:0 auto; width:100%; padding-top:70px; max-width:1024px;}
.greeting_header {width:503px; float:left; background:#fff; padding:0; padding-top:70px; margin-bottom:50px; margin-right:50%;}
.greeting_header h3 { text-align:center; padding:0 60px; color:#000; font-size:30px; }
.greeting_header dl { margin-top:47px; padding:0 11.72% 70px;}
.greeting_header dl dt { text-align:center; font-size:14px; margin-bottom:33px;}
.greeting_header dl dd { color:#;  margin-bottom:23px; line-height:20px; text-align:left; }
.greeting_header dl dd span { color:#333;}

.company {max-width:1280px;margin:0 auto; background:#f7f7f7;}
.company_in {max-width:1180px; margin:0 auto; padding:5% 4% 4%;}
.companycon {clear:both; margin-bottom:10%;}
.companycon:after {clear:both;content:'';display:block;}
.companycon h3 {position:relative; margin-bottom:30px; padding-bottom:20px; font-size:24px; color:#333; text-align:left;}
.companycon h3 span {display: block;}
.companycon h3:before {content: ''; width: 60px; height: 1px; background: #aaa; position: absolute; left: 0; bottom: 0;}
.companycon .comImg {width:40%;}
.companycon .comImg img {display:block; width:100%; max-width:460px;}
.companycon .comTxt {width:55%; }
.companycon .comTxt p {margin-bottom:25px; line-height:24px; text-align:left;}
.companycon .comTxt p:last-child { margin-bottom: 0;}
.companycon .comTxt ul li {text-align:left;}
.companycon.con_right .comImg {float:left;}
.companycon.con_left .comImg {float:right;}
.companycon.con_right .comTxt { float:right; padding-left:5%; }
.companycon.con_left .comTxt { float:left;padding-right:5%;}

@media screen and (max-width: 768px) {
    .greeting_wrap{margin:10px 0 50px; height:auto; background-size:700px; }
	.greeting_header { float:none; width:70%; min-width:280px; height:auto !important; /*min-height:481px; float:right;*/ background:#fff; margin:224px auto 0; outline:1px solid #E8E8E8; padding-top:50px; }
	.greeting_header h3 { margin-top:0; padding:0; }
	.greeting_header dl { margin-top:47px; padding:0 6.7% 50px;}
	
	.companycon h3 {margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; line-height:24px;}
	.companycon .comImg, .companycon .comTxt { float:none !important; width:100%;}
    .companycon .comImg { margin-bottom:20px;}
    .companycon .comImg img {width: 100%; max-width:inherit;}
    .companycon.con_right .comTxt { padding-left:0;}
    .companycon.con_left .comTxt {padding-right: 0;}
}

@media screen and (max-width: 540px) {
	.greeting_wrap{ background-size:480px;  }
	.greeting_wrap .greeting_cont { padding-top:250px; height:auto; }
	.greeting_header { float:none; width:100%; min-width:280px; padding-bottom:40px; outline:none; margin:0;}
	.greeting_header h3 { margin-top:0; padding:0; }
	.greeting_header dl { margin-top:32px; padding:0 6.88% 0;}
}

.studioGallery {max-width:1024px;margin:4% auto;}

/* **************************************** *
 * overview
 * **************************************** */
.triple_group {max-width:1280px;margin:40px auto 0;}
.triple_group>ul{overflow:hidden;}
.triple_group>ul>li{float:left;width:33.33%; }
.triple_group .list_wrap {margin-left:2.333%; padding:20px 30px 0; min-height:250px; border:1px solid #ddd; border-radius:5px;}
.triple_group .list_wrap.img {margin-left:0; background: url('/images/content/img_visa.jpg') no-repeat center center;background-size: cover; border:none;}

.triple_group .list_wrap h4 {margin-bottom:15px; color:#333; font-size:20px; font-weight:700;}
.triple_group .list_wrap ul {display:block;}
.triple_group .list_wrap ul li {margin-top:5px; padding-left:15px;background:url(/images/icon/bul_bk.png) no-repeat 0 7px;}
.triple_group .list_wrap ul li:first-child {margin-top:0;}

@media screen and (max-width: 940px) {
	.triple_group>ul>li{width:50%;}
	.triple_group >ul>li:first-child {display:none;}
	.triple_group .list_wrap.target {margin-left:0;}
}

@media screen and (max-width:640px){ 	
	.triple_group{margin:20px auto 0 auto;}    
    .triple_group>ul>li{width:100%;}
    .triple_group .list_wrap {margin:5px; padding-bottom:30px; height:auto;min-height:100px;}
	.triple_group .list_wrap h4 {margin-bottom:10px; color:#333; font-size:18px; }
}

/* **************************************** *
 * location
 * **************************************** */
.location {background-color:#f7f7f7;}
.location:after {clear:both;content:'';display:block;}
.location_map {width:100%; height: 450px;border: 1px solid #eee; }
.location_info {width: 100%; text-align:left;}
.location_info ul{display: table;width: 100%;}
.location_info strong {font-size: 24px;font-family: Georgia, serif;display: inline-block;line-height: 14px;}
strong.location_tel { color: #DC372B; padding-right: 20px;letter-spacing: 0.05em;}
strong.location_fax {  color: #222;letter-spacing: 0.05em;}
 .location_info ul {margin-top: 40px;}
.location_info li {display: table-row;width: 100%; line-height:20px; }
.location_info li > b, .location_info li > span{display:table-cell;padding-bottom:12px;vertical-align: top;}
.location_info li > b{width: 12.5%;min-width: 75px;position: relative;vertical-align: top;}
.location_info li > b:after{content:"";position:absolute;right:0;top: 3px;bottom: 15px;min-height: 14px;width: 1px;background:#dddddd;}
.location_info li > span{ padding-left:35px}
.location_info li > span > em {margin-left:15px;}
.location_map .mapwrap {height: 450px; width: 100%; }
.location_map .mapwrap .map {height: 100%; width: 100%; }

@media screen and (max-width:940px){
	.location {padding: 30px 2.5%;}
    .location_info li > b {width: 10%;}
    .location_info li > span {padding-left: 20px;}
    .location_info strong {font-size: 22px;}
}

@media screen and (max-width:768px){
    .location {padding: 30px 5%;position: relative;}
	.location_info li > span > em {display: block; margin-left:0; padding-top: 7px;}
}

@media screen and (max-width:540px){	
    .location_info strong {font-size: 18px;}
    .location_info li > span > em {padding-top: 10px;}
    .location_info ul {margin-top: 30px;}
}

/* **************************************** *
 * program
 * **************************************** */

.academy_top{margin-top:40px;}
.academy_top h5 {font-size:18px;color:#000;font-weight: 700;}
.academy_top .academy_con{ display: table; margin-bottom:5px; padding:50px; width:100%; border:1px solid #eee; background-color:#fcfcfc; text-align:left; box-sizing:border-box;}
.academy_top .img_con{width:40%; float:left;text-align:;}
.academy_top .img_con img{width:70%; }
.academy_top .txt_con{width:60%; float:left; margin-top:px;}
.academy_top .txt_con dl{padding-bottom: 30px;}
.academy_top .txt_con dl dd.s_tit{font-size:23px; color:#888888;}
.academy_top .txt_con dl dt{padding-top:15px; font-size:34px; color:#333;  font-weight: 500;}
.academy_top .txt_con dl dd.txt{padding-top:30px;  }
.academy_top .txt_con ul{}
.academy_top .txt_con ul li{position:relative; padding-left:10px; padding-top:5px; font-size: 14px;}
.academy_top .txt_con ul li:before{position:absolute; content:''; top: 15px; left:0; width:2px; height:2px; background-color:#666; }

.cost_wrap {padding:30px; background-color:#f7f7f7;}
.cost_wrap h4 {margin-top:40px;}
.cost_wrap h4:first-child {margin-top:0;}

@media screen and (max-width:960px){
	.academy_top .academy_con{padding:30px;}
    .academy_top .img_con{width:40%;}
    .academy_top .img_con img{width:85%;}
    .academy_top .txt_con{width:60%;}
	.academy_top .txt_con dl dt{font-size:30px; line-height:25px;}
}

@media screen and (max-width:768px){
	.academy_top{margin:30px 5px 0;}
	.academy_top .academy_con{ width:100%;}
    .academy_top .img_con{ width:60%; float: none; margin:0 auto;}
    .academy_top .img_con img{width:100%;}
    .academy_top .txt_con{width:100%; padding-top:30px;}	
	.academy_top h5 {font-size:16px;}
	.cost_wrap {padding:30px 5px 0;}
}

@media screen and (max-width: 480px) { 
	.academy_top{margin:10px 5px 0;}
	.academy_top .img_con{ width:80%;}
	.academy_top .txt_con dl dd.s_tit{font-size:20px;}
	.academy_top .txt_con dl dt{font-size:24px;}
	.cost_wrap {margin:10px 5px 0;}
}


/* **************************************** *
 * academy
 * **************************************** */
.academy_wrap {position:relative; margin-top:50px; text-align:left; }
.academy_wrap .img {float:right;position:relative;margin-left:50px;}
.academy_wrap .img img {width:100%;}
.academy_wrap .thick {font-weight:700;font-size:22px;letter-spacing:-0.05em;line-height:40px;}
.academy_wrap .thick .name {font-size:28px; color:#006cc7; }
.academy_wrap .con {font-size:16px;color:#444;line-height:170%;letter-spacing:-0.05em;}
.academy_wrap .btxt {font-size:18px;font-weight:700;margin-top:30px;padding-bottom:10px;}
.academy_wrap .btxt2 {margin-top:20px; font-size:30px; font-weight:500; line-height:1.2;}
.academy_wrap .btxt3 {font-size:18px; color:#609; font-weight:400;margin-top:30px;}
.academy_wrap .sign {display:inline-block;color:#222;}
.academy_wrap .sign strong {font-weight:600;}
.academy_wrap .ceo {width:200px;height:100px;position:absolute;display:table;left:70px;bottom:12%; color:#fff;border:1px solid #fff;}
.academy_wrap .ceo span {display:table-cell;vertical-align:middle;text-align:center;font-size:14px;line-height:150%; letter-spacing:-0.01em;}
.academy_wrap .ceo span strong {display:block;font-size:22px;font-weight:400;letter-spacing:-0.01em;}
.academy_mov {margin:50px auto; width:100%; max-width:650px;}
.embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width:1200px){
	.academy_wrap {margin:50px 10px;}
	.academy_wrap .img {width:45%;}
}

/* desktop 1023 */
@media screen and (max-width:1024px){
	#v-left{float:none;width:auto}
	#v-right{float:none;width:auto}
    #v-right-scroll-start{height:auto !important}
    #v-left-scroll-start{height:auto !important}

	.btn_top{right:10px}

    .multi_group > div{float:left;width:100%;margin-top:50px}
	.multi_group > div:first-child{margin-top:0}
	.multi_group > div:first-child .cell_data{margin-right:0}
	.multi_group .cell_data{margin-left:0}

    .login_wrap{height:931px;}            
    .info_contain{margin-bottom:30px;}
    .go_btn{position:static;margin:0 3px;display:inline-block;
            border-radius:30px;
            -moz-border-radius:30px;
            -webkit-border-radius:30px;
    }
    .go_btn.join{width:auto;height:auto;top:60px;margin-left:0;background:#bf3611;opacity:0.9;}        
    .go_btn.order,
    .go_btn.login{width:auto;height:auto;top:233px;margin-left:0;background:#236a9e;opacity:0.9;display:none;}
    .go_btn.order.on,
    .go_btn.login.on{display:inline-block;}
    .go_btn.login{background:#1eb0e4;}
    .go_btn a{height:58px !important;line-height:58px !important;padding:0 30px;opacity:0.9;}
    .go_btn a br{display:none;}
    .go_btn.join a{padding:0 30px 0 65px;background:url(/images/content/icon_go_join.png) no-repeat 30px center;background-size:31px;}   
	
}

@media only screen and (max-width:980px){
	.academy_wrap .ceo {width:150px;height:100px;left:10%;bottom:10%;}
}


/* mobie 900 */
@media screen and (max-width:900px){	
	.login_wrap{height:530px;}
	.login_wrap ul {width:700px; top:30px; left:50%; margin-left:-190px;}
	.login_wrap .info_contain {height:470px;}
	.login_wrap{padding:30px 10px 0;}            
	.info_contain {width:340px;}             
    .info_contain .page_title{padding-top:50px;}
    .info_contain .page_title img{width:95px;}
    .info_contain .info_txt{padding:40px 30px;}
    .info_contain .info_txt > p{position:relative;margin-top:14px;}            
    .info_contain .info_txt > p label{font-size:13px;}
    .info_contain .info_txt > p input{height:43px;line-height:43px;text-align:center;font-size:13px;}    
    .info_contain .login_btn{margin-top:30px;}    
    .info_contain .login_btn .btn02{height:58px;line-height:58px;}	
	
}

@media only screen and (max-width:800px){
	.academy_wrap {padding-right:0;}
	.academy_wrap:after {display:none;}
	.academy_wrap .img {float:none;position:relative;margin:20px auto;}
	.academy_wrap .img {width:80%;}
	.academy_wrap .ceo {height:80px;}
	
}
/* mobie 768 */
@media screen and (max-width:768px){ 
     .list_down .list_arrow{right:10px}

    .confirm_number > a.btn03 {display:block;margin-bottom:10px;}

    .date_search{display:block;}                                
    .date_search .i_wrap{margin-right:0}    

    .etc_wrap .i_wrap{display:inline-block;zoom:1;*display:inline;}

    .join_complete{height:189px;
        border-radius:150px;
        -moz-border-radius:150px;
        -webkit-border-radius:150px;
    }               
    .join_complete > p{padding-top:30px;font-size:20px;color:#fff;line-height:26px;}
    .join_complete > p > span{color:#fcff00}
    .join_complete .btn_bottom{margin-top:25px;} 
    
    .join_complete .btn_bottom a.btn02{display:inline-block;}

    #container.full .login_wrap{padding-left:10px;padding-right:10px;} 
    .info_contain .login_btn a.btn02{display:inline-block;zoom:1;*display:inline;}   
    
    .number_wrap:after{content:"";display:block;clear:both;}
    .number_wrap > .s_wrap,
    .number_wrap > .i_wrap{position:relative;float:left;width:30% !important;margin-left:5%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .number_wrap .i_wrap:before{content:"-";display:block;position:absolute;left:0;top:0;margin-left:-10%;line-height:32px;}
    .number_wrap .s_wrap:first-child,
    .number_wrap .i_wrap:first-child{margin-left:0;}
    .number_wrap .i_wrap:first-child:before{display:none;}
    .number_wrap .char{display:none}

    .email_wrap{position:relative;}
    .email_wrap:after{content:"@";display:block;line-height:32px;position:absolute;left:50%;margin-left:-6px;top:0;}
    .email_wrap .char{display:none;}
    .email_wrap .i_wrap{float:right;width:47% !important;margin-bottom:10px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .email_wrap .i_wrap:first-child{float:left;}        
    .email_wrap .s_wrap{clear:both;width:47% !important;display:inline-block;margin:0 7px 0 0;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .confirm_num_cont{clear:both;padding-top:10px;margin-bottom:10px;}

    .pw_change_pop{left:0;margin-left:0;width:auto}   
    .p_num_reg{position:fixed;top:50%;margin-top:-232px;} 
	  
	.agree_wrap iframe {height:400px; }    
}

/* mobie 640 */
@media screen and (max-width:640px){	
    #container.brand_story {margin: 0  10px;}
	
    .page_title {font-size:24px; padding-top:25px;}    

    .data_tab{margin-top:25px}    
    .data_tab li p{margin-left:5px;margin-top:-1px}
	.data_tab li a {font-size:13px;}

	.default_con{margin-top:25px}

	.section_group{margin-top:20px}	
	.multi_group > div {margin-top:20px;}
    .data_title{margin-bottom:10px;font-size:16px}
	.data_title .sub_txt{display:block;margin-left:0;margin-top:5px;line-height:20px}
    .data_title .sub_txt.inline{display:inline;margin-left:10px;line-height:1;}

    .mypage_info .info{margin-top:10px}
	.mypage_info .title{font-size:28px}
	.mypage_info .user_data > div{margin:0 15px}
	.mypage_info .user_data{margin-top:20px}
    .mypage_info .title{font-size:24px}
    .mypage_info .number_format > div{font-size:50px;line-height:50px;height:50px}
    .mypage_info .user_data > div.dot{height:50px}

    .section_title{margin-top:40px;font-size:18px}
	.section_info{margin-top:10px;font-size:13px;display:none}
    
    .user_membership{width:70px;height:98px}
    .user_membership .member_info{top:48px;line-height:36px;font-size:18px}
    .user_membership{ -webkit-background-size:70px auto; -moz-background-size:70px auto; -o-background-size:70px auto;	 background-size:70px auto;} 
	
	.join_input{margin-top:25px}
	.join_input h3{font-size:16px}
	.join_input h3 span{display:block;margin-top:5px;margin-left:0;line-height:18px}
	.join_input table{margin-top:10px}
	
	.login_wrap {height:600px;}
	.login_wrap ul {width:350px; top:30px; left:50%; margin-left:-175px;}
	.login_wrap ul li {margin-left:0;} 
	.login_wrap .info_contain {height:450px; }
	.login_wrap .page_info {display:none;} 
	.info_contain .login_btn .btn02{height:38px;line-height:38px;font-size:22px;}
    
    .join_process li{margin:0;display:none;}    
    .join_process li.actived{display:block;}
    .join_process li > span{width:56px;height:56px;background-size:112px auto !important;background-position:-56px top !important;} 

	.go_btn{margin:5px 0 0}            
    .go_btn.login.on{display:block;}
    .go_btn a{height:45px !important;line-height:45px !important;}
    .go_btn.join a{background:none;padding:0;}
    .go_btn.join{width:200px;margin:0 auto}
    .go_btn.login{width:200px;margin:5px auto 0 auto}

    .pw_change_pop{padding:30px 15px}
    .agree_title{font-size:14px} 
	
    .membership_info{margin:25px auto 0 auto;min-height:0;padding-bottom:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
    .membership_info .txt01{font-size:24px;padding-top:20px}
    .membership_info .txt02{font-size:14px;line-height:20px;padding-top:10px;padding:0 20px}
    .membership_info .txt02 br{display:none}

}

/* mobie 480 */
@media screen and (max-width:480px){
    .login_wrap{height:700px;padding:30px 10px 0}            
    .login_wrap ul {width:320px; top:30px; left:50%; margin-left:-160px;}
	.login_wrap ul li {margin-left:0;} 
	.login_wrap .info_contain{width:320px; height:330px;}             
    .info_contain .page_title{padding-top:50px;}
    .info_contain .page_title img{width:95px;}    
    .info_contain .info_txt{padding:0 50px;}    
    .info_contain .info_txt > p{margin-top:7px;}                
    .info_contain .login_btn{margin-top:20px;}

    .detail_top .visual_wrap .txt_wrap .txt01{font-size:16px;line-height:18px;}
    .detail_top .visual_wrap .txt_wrap .txt02{font-size:38px;line-height:40px}
    .option_bg{height:200px}
    .detail_top .visual_wrap .madeInfo{top:200px}
    .detail_top .visual_wrap .item_visual{margin-top:-150px;}
	.detail_top .visual_wrap.type02{padding-top:30px}
	.detail_top .visual_wrap.type02 .item_visual{margin-right:-70px}
	.detail_top .visual_wrap .bpaInfo{top:150px;left:40px}

    .info_contain .etc a{font-size:13px;padding-left:8px;margin-left:5px}
    .info_contain .etc label{font-size:13px}
    .info_contain .info_txt{margin-top:0}
	
	.academy_wrap .thick {font-size:22px;line-height:1.4;}
	.academy_wrap .con {font-size:14px;}
	.academy_wrap .btxt {font-size:16px;}
	.academy_wrap .img {float:none;width:100%;margin-left:0;margin-bottom:40px;}
	.academy_wrap .sign {padding-right:0;}
	.academy_wrap .ceo {width:100px;height:100px;}
    
}

/* mobie 420 */
@media screen and (max-width:420px){
    
    /* new Css */
    .mypage_info .number_format > div{font-size:40px;line-height:40px;height:40px}
    .mypage_info .user_data > div.dot{height:40px}
	.mypage_info .user_data > div{margin:0 5px}   

    .join_complete{padding:0 10px;
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;        
    }               
    .join_complete .btn_bottom a.btn02{display:block;}        
    .terms_wrap label{font-size:14px;}
}