@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:20px; 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:1200px;margin:0 auto;padding:5% 4% 5%; word-break:keep-all;}
.cont_in h3 {position:relative; margin-bottom:40px; padding-bottom:20px; 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 { border-collapse: collapse;letter-spacing: -0.5px;table-layout: fixed; width:100%;margin-top:10px; margin-bottom:10px; border-bottom:1px solid #ddd; border-top:2px solid #0552a9; font-size:14px; }
.tbl-type01 [scope="row"] tbody {border-top:2px solid #0552a9;}
.tbl-type01 th,
.tbl-type01 td{padding:8px 7px 7px 7px;border-left:1px solid #ddd;border-bottom:1px solid #ccc; margin-left:-1px; text-align:center; vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl-type01 th:first-child,
.tbl-type01 td:first-child{ border-left:none}
.tbl-type01 th.not-first-child,
.tbl-type01 td.not-first-child{border-left:1px solid #ddd;}
.tbl-type01 th.trw,
.tbl-type01 td.trw{border-right:1px solid #ddd;}
.tbl-type01 thead th {background:#fafafa;color:#2f5d99;vertical-align:middle;border-bottom: 1px solid #707580;}
.tbl-type01 tbody th {background:#fdfdfd;color:#333;vertical-align:middle;}
.tbl-type01 thead th.Lline,
.tbl-type01 tbody th.Lline,
.tbl-type01 tbody td.Lline{border-left:1px solid #ddd;}
.tbl-type01 tfoot{background:none;}
.tbl-type01 td ul {margin-bottom: 0px; margin-top: 4px;}
.tbl-type01 td ul li {text-align:left;}
.tbl-type01 td ul.tb_list li{margin-bottom:2px;padding-left:12px;font-size:13px}
.tbl-type01 td ul.tb_list li:before {content: ''; position:absolute; top:10px; left:0; width:2px; height:2px; background-color:#666;}
.tbl_basic td ul.tb_list li.none{margin-bottom:2px;padding-left:5px;font-size:13px;background:none;}
.tbl_basic td ul.tb_list li ul.none li{margin-bottom:2px;padding-left:5px;font-size:13px;background:none;color:#666;}

.table_group {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; position:relative; width:100%; margin-top:10px; margin-bottom:10px;}
.table_group .table_line {position:absolute; top:0; left:0; width:1px; height:100%; z-index:20; background-color:#fff;}
.table_group table {border-collapse:separate;}
.table_group table.table {position:relative; width:100%; border-top-width:1px; border-top-style:solid; border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;}
.table_group table.table.scroll {width:860px; z-index:10;}
.table_group .gesture {z-index:30; transition-property:opacity, top;}
.table_group table.table tbody, .table_group table.table tfoot {text-align:center;}
.table_group table.table thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:16px; text-align:center;}
.table_group table.table tbody tr th.ms_th{font-size:18px !important; text-align:center;}
.table_group table.table tbody tr th, .table_group table.table tfoot tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fdfdfd; color:#5d5d5d; font-size:16px; text-align:center;}
.table_group table.table thead tr:first-child th {border-top-width:0;}
.table_group table.table tbody tr td, .table_group table.table tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:15px;}
.table_group table.table tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#949494;}
.table_group table.table tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}

@media screen and (max-width:640px) {
	.table_group table.table.responsive colgroup, .table_group table.table.responsive thead {display:none;}
	.table_group table.table.responsive tbody, .table_group table.table.responsive tfoot {text-align:left;}
	.table_group table.table.responsive tbody, .table_group table.table.responsive tbody tr, .table_group table.table.responsive tbody tr th, .table_group table.table.responsive tbody tr td, .table_group table.table.responsive tfoot, .table_group table.table.responsive tfoot tr, .table_group table.table.responsive tfoot tr th, .table_group table.table.responsive tfoot tr td {display:block; float:left; clear:left; width:100%; box-sizing:border-box;}
	.table_group table.table.responsive tr:nth-child(odd) {background-color:#fafafa;}
	.table_group table.table.responsive tbody tr, .table_group table.table.responsive tfoot tr {padding-top:16px; padding-bottom:16px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6;}
	.table_group table.table.responsive tbody tr:first-child {border-top-width:0;}
	.table_group table.table.responsive tfoot tr:first-child {border-top-color:#3a3a3a;}
	.table_group table.table.responsive tbody tr th, .table_group table.table.responsive tfoot tr th {padding-right:10px; padding-left:10px; border-top-width:0; background-color:transparent; text-align:left;}
	.table_group table.table.responsive tbody tr td, .table_group table.table.responsive tfoot tr td {border-top-width:0; text-align:left;}
	.table_group table.table.responsive tbody tr th:before, .table_group table.table.responsive tbody tr td:before, .table_group table.table.responsive tfoot tr td:before {color:#333; font-size:15px; content:attr(data-cell-header);}
}

/* ul style */
ul.ul_st01 {display:block; position:relative; }
ul.ul_st01 > li {position:relative; margin-top:8px; padding-left:15px; line-height:18px;}
ul.ul_st01 > li:before {content: ''; position:absolute; top:8px; left:0; width:4px; height:4px; background-color:#666;}
ul.ul_st01 > li:first-child {margin-top:0;}

ul.ul_st01 > li > ul {margin:10px 0 20px 0;}
ul.ul_st01 > li > ul li {position:relative; padding-left:15px; margin-top:10px; line-height:22px;}
ul.ul_st01 > li > ul li:before {content: ''; position:absolute; top:10px; left:0; width:5px; height:2px; background-color:#666;}
ul.ul_st01 > li > ul > li > ul {margin:10px 0 20px 10px;}
ul.ul_st01 > li > ul > li > ul > li {position:relative; padding-left:10px; margin-top:10px; line-height:22px;}
ul.ul_st01 > li > ul > li > ul > li:before {content: ''; position:absolute; top:10px; left:0; width:2px; height:2px; background-color:#666;}

@media screen and (max-width: 1023px){
	.section_group {margin-top:40px 10px 0;}
}

@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;}

}

.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, .data_tab *,
.data_tab_m, .data_tab_m * {box-sizing: border-box;}

.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:#204fc1;-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:25px; 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
 * **************************************** */
.greeting_wrap{position:relative; clear:both; width:100%; max-width:1280px; height:730px; padding:0px; margin:20px auto 50px; background:url('/images/content/bg_greeting.jpg') center top no-repeat; }
.greeting_cont {position:relative; overflow:hidden; margin:0 auto; width:100%; padding-top:90px; max-width:1024px;}
.greeting_header {width:50%; float:left; background-color: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);padding:0; padding-top:50px; margin-bottom:50px; margin-left:50%;}
.greeting_header h3 { text-align:left; padding:0 60px; color:#000; font-size:30px; }
.greeting_header dl { margin-top:47px; padding:0 11.72% 50px;  font-size:16px; }
.greeting_header dl dt { text-align:center;margin-bottom:33px;}
.greeting_header dl dd { margin-bottom:23px; color:#333; line-height:20px; text-align:left; }

@media screen and (max-width: 1023px) {
	.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) {
    .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; font-size:14px; }
	.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: 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; font-size: 24px; line-height:26px; }
	.greeting_header dl { margin-top:32px; padding:0 6.88% 0; }
}

@media screen and (max-width:480px){
	.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;}
}

/* 교육원소개 >  인사말 */
.greeting_wrap2 {margin-top:; background-color: #f7f7f7;}
.greeting { position:relative; padding-left:310px; word-break:keep-all; }
.greeting .photo_area { position:absolute; left:0; top:0;}
.greeting .intro { padding-bottom:40px; font-size:24px; line-height:33px; }
.greeting .intro em.blue { color:#2761c5;}
.greeting .intro span.small {display:block; margin-top:20px;}
.greeting .text_area { text-align:left;}

@media screen and (max-width:768px) {
	.greeting {padding-left:0;}
	.greeting .photo_area { position:relative; width:100%; margin-bottom:50px; text-align:center;}
}

/* organization */

.org { position:relative; overflow:hidden; margin:50px auto; max-width:850px; height:400px; background:url('/images/content/org_bg.png') no-repeat center 103px; border:1px solid #000; }
.org ol li { position:absolute; background-color:#fff;  text-align:center;}
.org ol li span.tit { display:block; color:#fff; font-size:17px; line-height:50px;}
.org ol li span.text { display:block; font-size:17px; line-height:50px;}
.org ol li.grade1 { left:50%; top:0; margin-left:-67px;width:135px;  border-color:#477fd4;}
.org ol li.grade1 span.tit {line-height:135px; background-color:#477fd4; border-radius:50%;}
.org ol li.grade2 { left:50%; top:130px; margin-left:112px; width:135px;  height:auto; border-color:#17a8bd;}
.org ol li.grade2 span.tit { background-color:#17a8bd;}
.org ol li.grade3 { top:240px; width:100%; }
.org ol li.grade3 li {float:left;  width:17%; position:relative; margin:0 1.7%;  border-color:#464e5a;}
.org ol li.grade3 li:first-child {}
.org ol li.grade3 li span.tit { background-color:#464e5a; }


@media screen and (max-width:800px) {
	.org { background-size:100% 144px;}
	.org ol li.grade1 {margin-left:-75px;}
	.org ol li.grade3 li { display:inline-block; float:none; width:16%; margin:0 1%;}
	.org ol li.grade3 li:first-child { margin-left:1%;}
}
@media screen and (max-width:640px) {
	.org {  height:500px;}
	.org ol li.grade2 { width:30%;  margin-left:5%; }
	.org ol li.grade3 { top:195px; height:auto; padding:20px 0; border:1px solid #ddd; }
	.org ol li.grade3 li { width:30%; margin:5px 1%;}
}




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

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

/* **************************************** *
 * Point Bank
 * **************************************** */
.descript_wrap {margin:50px auto 0; text-align:left; }
.descript_wrap h3 {position:relative; margin:60px 0 30px; padding-bottom:20px; 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-top:30px; 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 > p {margin: 20px 0 30px; line-height:22px;}

@media screen and (max-width: 1200px){
	.descript_wrap {margin:40px 10px 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%;}
}

/* **************************************** *
 * Drone Center
 * **************************************** */
.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 > ul:last-child {margin-bottom:0;}
.sub_part_area_cell > ul > li {position:relative; padding-left:15px; ;padding-bottom: 15px; font-size:14px; font-weight:bold; text-align:left;}
.sub_part_area_cell > ul > li:before { content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #DC372B; }
.sub_part_area_cell > ul > li > ul {margin-top:7px;}
.sub_part_area_cell > ul > li > ul > li {position:relative; padding-left:15px; ;padding-bottom: 5px; font-size:14px; font-weight:400; text-align:left;}
.sub_part_area_cell > ul > li > ul > li:before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background: #999; }
.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/drone_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; }

.drone h4 {font-weight:500; font-size:16px; margin:10px 0;}

@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:30px;}
    .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;}
}