@import "board.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;}

.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%; word-break:keep-all;}
.cont_in h3 {position:relative; margin-bottom:40px; padding-bottom:30px; font-size:30px; color:#333; font-weight:; text-align:left; line-height:38px;}
.cont_in h3: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 #121212; border-bottom:2px solid #bbb;}
.tbl-type01 th, .tbl-type01 td {border:1px solid #ddd;border-right:0;padding:20px;word-wrap:;}
.tbl-type01 td {background:#fff;}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0;}
.tbl-type01 thead th {font-size:15px;background:#008889;color:#fff;border:1px solid #4aaaab;border-bottom:1px solid #d2d2d2;} 
.tbl-type01 thead th.vline {border-bottom:1px solid #ccd3db;} /* th가 2줄일 경우  */
.tbl-type01 th.line, .tbl-type01 td.line {border-right:1px solid #ddd;} /* 셀병합시 우측 라인 안나올 경우 */
.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;}
.is-wauto-box table {min-width:900px;}

/* ul style */
ul.ul_st01 {display:block;}
ul.ul_st01 li {margin-top:7px; padding-left:15px;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: 1023px){
	.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;}
	.tbl-type01 th, .tbl-type01 td {padding:10px;}
}

.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 {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 #be61f0;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
 * **************************************** */
.company {background:#f7f7f7; background:url(/images/content/intro_bg1.jpg) no-repeat center bottom;}
.company .cont_in h3.introcolor {color:#fff;}
.companycon {clear:both; margin-bottom:10%;}
.companycon:last-child {margin-bottom:0;}
.companycon:after {clear:both;content:'';display:block;}
.companycon .comImg {width:50%; text-align:center;}
.companycon .comImg img {display:block; width:100%;}
.companycon .comTxt {width:50%;}
.companycon .comTxt p {margin-top:8%; font-size:16px; line-height:30px; text-align:left;}
.companycon .comTxt p:last-child { margin-bottom: 0;}
.companycon.con_right .comImg {float:right;}
.companycon.con_left .comImg {float:left;}
.companycon.con_right .comTxt {float:left; padding-right:5%; }
.companycon.con_left .comTxt {float:right; padding-left:5%;}
.core_info li {float:left;width:18%;height:230px;margin:0 1%;color:#fff;background:rgba(0,0,0,0.5);}
.core_info li span {display:inline-block;padding-top:130px;line-height:1.4;}
.core_info li span.ico01 {background:url(/images/content/intro_ico01.png) no-repeat center 53px;}
.core_info li span.ico02 {background:url(/images/content/intro_ico02.png) no-repeat center 53px;}
.core_info li span.ico03 {background:url(/images/content/intro_ico03.png) no-repeat center 53px;}
.core_info li span.ico04 {background:url(/images/content/intro_ico04.png) no-repeat center 53px;}
.core_info li span.ico05 {background:url(/images/content/intro_ico05.png) no-repeat center 53px;}
.core_info .divide {display:block;}

@media screen and (max-width: 1023px) {
	.company .cont_in h3.introcolor {color:#333;}
	.companycon .comTxt p {font-size:14px; line-height:24px;}
	.core_info li {width:31.3%;height:auto;margin:0 1% 3% 1%;}
	.core_info li span {padding:50% 0 10% 0;background-position:center 5%;}
	.core_info li span.ico01,
	.core_info li span.ico02, 
	.core_info li span.ico03, 
	.core_info li span.ico04, 
	.core_info li span.ico05 {background-position:center 20%;}
}

@media screen and (max-width: 768px) {    
	.companycon .comImg, .companycon .comTxt {float:none !important; width:100%;}
    .companycon .comImg { margin-top:20px;}
    .companycon .comImg img {width: 100%; max-width:inherit;}
    .companycon.con_right .comTxt {padding-right:5%;}
	.companycon.con_left .comTxt {padding-left:5%;}
    .companycon .comTxt p {font-size:16px; line-height:30px; text-align:center;}
	.core_info li {width:47%;margin:0 0 3% 3%;}
	.core_info li span {padding-top:35%;}
}

@media screen and (max-width:480px){
	.companycon .comTxt p {font-size:14px; line-height:24px;}
	.core_info li span {font-size:14px;line-height:1.2;}
	.core_info li span.ico01, .core_info li span.ico02, .core_info li span.ico03, .core_info li span.ico04,.core_info li span.ico05 {background-size:auto 30px;}
	
}

/* **************************************** *
 * 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 { float: right; width: 48%; height: 350px;border: 1px solid #eee; }
.location_info { float: left; width: 48%; 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 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 {display: block;padding-top: 15px;}
.location_map .mapwrap {height: 350px; 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 {width: 100%;}
    .location_map {width:90%;position:absolute;left:5%;top:100px;}
    .location_info ul {margin-top: 400px;}
}

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

/* **************************************** *
 * business
 * **************************************** */
.program_info {position: relative; margin-top:20px; width: 100%;}
.program_info:after {content:""; display:block; clear: both;}
.program_wrap {position: relative; overflow:hidden; float:left; width: 50%; height: 440px;}
.program_wrap h3 {padding-bottom:5%; font-size:30px; font-weight:700; color:#fff; line-height:1.25em;}
.program_wrap p {font-size: 14px;font-weight: 700;color: #fff;}
.program_wrap p a, .sub_part_jobs_01 .sub_jobs_content p a:hover {color: #fff;}
.program_wrap .table_wrap {display:table;width: 94%;height: 100%;padding: 0 3%;position: absolute;top: 0; left: 0;}
.program_wrap .table_wrap > div {display:table-cell;width: 80%;height: 100%;padding: 0 10%;vertical-align: middle;text-align: center;}
.program_wrap .table_wrap > div li {color:#fff; text-align:left;font-weight:600; background:url('/images/icon/bul_wh.png') no-repeat 0 7px;}
.program_wrap.program_01 {background: url('/images/content/hr-content-bg01.jpg') no-repeat center center;background-size: cover;}
.program_wrap.program_02 {background: url('/images/content/hr-content-bg02.jpg') no-repeat center center;background-size: cover;}
.program_wrap p.number {padding: 34px 0 0 41px; font-size: 14px;font-weight: bold;color: #fff; text-align:left;}
.program_wrap p.number span {position: relative;}
.program_wrap p.number span:after {display:block; position:absolute; left:27px; width:0px; height:3px ;background: #fff; top:9px; content: ""; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.program_wrap:hover p.number span:after {width:100px; }

.program_ov {padding-top:63px; padding-bottom:100px; width:100%;  background:#fafafa;}
.program_ov h3 {margin:0 auto 20px; padding-left:10px; width:100%; max-width:1030px;text-align:left;}
ul.program_ov_list {display:table; margin:0 auto 30px; width:100%; max-width:1030px; font-size:14px;}
ul.program_ov_list:last-child {margin-bottom:0;}
ul.program_ov_list > li {display:table-row;}
ul.program_ov_list b,
ul.program_ov_list > li > div {display:table-cell; padding:15px 0;  line-height:20px; border-bottom:1px solid #ddd;}
ul.program_ov_list > li:first-child b,
ul.program_ov_list > li:first-child > div {border-top:2px solid #ddd; }
ul.program_ov_list > li:first-child b {border-top-color:#DC372B; }
ul.program_ov_list b {width:160px; font-weight:bold; color:#133586;}
ul.program_ov_list > li > div {padding-left:30px; text-align:left;}
ul.program_ov_list > li p {display:block; margin-bottom:5px;}

@media screen and (max-width:768px){
	.program_wrap {width:100%; height:350px;}
    .program_wrap h2 {font-size:22px;}
	.program_wrap .table_wrap > div li {font-weight:400;}
	.program_ov {padding-top:30px;}
}

@media screen and (max-width:540px){
	.program_wrap {height:350px;}
    .program_wrap h2 {padding-bottom:2%;}
    .program_wrap p {padding-bottom:2%;}
    .program_wrap p:last-child {padding-bottom:0;}
    .program_wrap p br.mobile_br {display:block;}
    .program_wrap p.number {padding:15px 0 0 3%;}	
	.program_ov h3 {font-size:20px;}
	ul.program_ov_list b {width:65px;}
}

/* **************************************** *
 * Korea
 * **************************************** */ 
.descript_wrap {text-align:left; max-width:1280px;margin:50px auto 0;}
.descript_wrap h3 {position:relative; margin:70px 0 30px; padding-bottom:30px; font-size:30px; color:#333; font-weight:700; text-align:left; line-height:30px; }
.descript_wrap h3:first-child {margin-top:0;}
.descript_wrap h3:before {content: ''; width:60px; height:1px; background:#133586; position:absolute; left:0; bottom:0;}

.descript_wrap h4 {margin-bottom:20px; color:#333; font-size:18px; font-weight:700;}
.descript_wrap .descript_title2{margin-bottom:15px; color:#333;font-size:16px;}
.descript_con{margin:30px 0 20px;line-height:22px;font-size:15px;}
.descript_con:first-child {margin-top:0;}
.descript_con2 {line-height:22px;}
.descript_wrap ul.ul_st01 {display:block; margin-left:10px;}
.descript_wrap ul.ul_st01 li {margin-top:7px; padding-left:15px;line-height:20px; background:url(/images/icon/bul_bk.png) no-repeat 0 7px;}
.descript_wrap ul.ul_st01 li:first-child {margin-top:0;}

@media screen and (max-width:768px){
    .descript_wrap{margin:25px 10px;}
	.descript_wrap h3 {margin:30px 0 20px; padding-bottom:20px; font-size:20px; line-height:20px;}
	.descript_con {margin:20px 0 10px; line-height:18px; font-size:13px;}
}

/* **************************************** *
 * related organization list
 * **************************************** */
.related {margin:50px auto 0; max-width:1280px;}
.related ul  {display:table; width:100%;}
.related ul li {float:left; display:table-cell; margin:0 2% 15px; width:29.333%; border:1px solid #ddd;}
.related ul li a {display:block; padding:30px 0; text-align:center; vertical-align:middle;}
.related ul li:hover {border:1px solid #c3362f; background-color:#f9f9f9;}
.related ul li:after {content:""; display:block; clear: both;}
.related ul li div.logo img {position:relative; max-width:100%;}
.related ul li div.name {display:block;font-weight:; color:#039; height:40px;}


@media screen and (max-width:768px){
	.related ul li {margin:0 2% 15px; width:46%;}
}

/* **************************************** *
 * support
 * **************************************** */
.sub_part_content.sub_part_area_content h3 { font-weight: 700; font-size: 24px; text-align: center; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 2px solid #e3e3e3; color: #DC372B; }
.sub_part_content.sub_part_area_content h3 span {display: inline-block;}
/*.sub_part_content.sub_part_area_content { width: 59.2%; margin: auto; }*/
.sub_part_content.sub_part_area_content { width: 100%;max-width: 1030px; margin: auto; }
.sub_part_area_row { display: table; width: 100%; }
.sub_part_area_cell { display: table-cell; width: 50%; padding-left: 30px;  }
.sub_part_area_cell:first-child { padding-right: 30px; padding-left: 0; }
.sub_part_area_cell ul {margin-bottom:10px;}
.sub_part_area_cell li {position:relative; padding-left:15px; ;padding-bottom: 15px; font-size:14px; font-weight:bold; text-align:left;}
.sub_part_area_cell li:before { content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #DC372B; }
.sub_part_area_cell p {text-align:left; line-height: 25px;}
.sub_part_area_row .sub_part_area_cell:first-child p {margin-bottom: 20px;}
.sub_part_area_header { background: #f5f5f5 no-repeat center center; height: 400px; margin-bottom: 53px; position: relative; }
.sub_part_area_01 .sub_part_area_header { background-image: url('/images/content/support-bg.jpg'); background-size:cover; }
.sub_part_area {padding-bottom: 70px;background: #f5f5f5; }
.sub_part_area.sub_part_area_04 {padding-bottom: 180px;}
.sub_part_area_header_content {margin-bottom: 0;width: 650px;position: absolute;right: 0;top: 0;bottom: 0;background: #DC372B;background: rgba(19, 53, 134, 0.8);}
.sub_part_area_header_content_inner { display: table; width: 100%; height: 100%;}
.sub_part_area_header_content p {display: table-cell; padding:0 10%; color:#fff; font-size;14px; line-height:25px; vertical-align: middle;  text-align:left;}
.sub_part_even .sub_part_area_header_content { right: auto; left: 0; }
.sub_part_content a.area_more_btn {display:block; padding-left:20px; width:240px; color:#fff; font-size:14px; line-height: 45px; text-align:left; background: #133586 url('/images/content/area-btn-arrow.png') no-repeat 165px center; }
.sub_part_content a.action_btn.area_more_btn:before {background-image: url('/images/content/area-btn-arrow.png'); background-position: 165px center;}
a.action_btn {position: relative;}
a.action_btn span {position: relative; z-index: 2;}
a.action_btn:before {content: "";display: block;position: absolute;z-index: 1;background: #3659ad no-repeat;width: 0;height: 100%;top: 0;left: 0;-webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1);transition:500ms cubic-bezier(0, 0.4, 0.5, 1);}
.action_btn:hover:before{width:100%}
.action_btn.action_btn_02:before {background: #442e37;}
.cont_in.support p {text-align:left; line-height:25px; }

@media (max-width: 1200px){
	.sub_part_content.sub_part_area_content {width: 90%;}
}

@media screen and (max-width:900px){
	.sub_part_area_header_content {width: 100%;}
}

@media screen and (max-width:720px){
    .sub_part_area_header {height: 350px;margin-bottom: 3%;}
    .sub_part_area_header_content p {padding:9%;}
    .sub_part_area {padding-bottom: 5%;}
    .sub_part_content.sub_part_area_content h2 {font-size: 22px;}
    .sub_part_area_cell {padding-left: 15px;}
    .sub_part_area_cell:first-child {padding-right: 15px;}
}

@media screen and (max-width:540px){
    .sub_part_area_header {height: 350px;margin-bottom:15px;}
    .sub_part_area_header_content p {padding:7%;}
    .sub_part_area_cell {display: block; width: 100%; padding-left: 0;}
    .sub_part_area_cell:first-child {padding-right: 0;}
    .area_more_btn {width: 180px;padding-left: 20px;margin: 0 auto 20px;background-position: 120px center;}
}

@media screen and (max-width:240px){
    .sub_part_area_header {height: 350px;margin-bottom: 15px;}
    .sub_part_area_header_content p {padding:7%;}
    .sub_part_area_cell {display: block; width: 100%; padding-left: 0;}
    .sub_part_area_cell:first-child {padding-right: 0;}
    .area_more_btn {width: 180px;padding-left: 20px;margin: 0 auto 20px;background-position: 120px center;}
}

/* desktop 1023 */
@media screen and (max-width:1023px){
	#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;}   
	
}

/* 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;}	
}

/* 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}
    
}

/* 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;}
}

.related, .related * {box-sizing: border-box;}