@charset "utf-8";

.id_result_popup{display:none; position:fixed; top:50%; left:50%; z-index:1001; padding:34px 40px; width:420px; height:180px; margin-left:-210px; background:white; border-radius:10px; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.pw_reset_pop{height:374px;}
.search_result_con{width:100%; text-align:center;}
.search_result_con h3{font-size:20px; color:#333;}
.search_result_con h3 span{display:inline-block; color:#04a2b3;}
.search_result_con h4{font-size:16px; color:#333; text-align:left; border-bottom:1px solid #3b4654; padding-bottom:20px; margin-bottom:20px;}

.pw_reset p{font-family:'Nanum Gothic', sans-serif; font-size:14px; color:#3b4654; text-align:left; font-weight:700; margin-bottom:12px; margin-top:16px;}
.pw_reset span{display:block; font-size:11px; color:#999; text-align:left; padding-top:6px;}
.pw_reset input.sr_inp01{font-family:'Nanum Gothic', sans-serif; width:100%; height:46px; line-height:44px; border:1px solid #c6cbd1; background:#e5e7eb; border-radius:4px; padding:0 20px; color:#98a4b9; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pw_reset input.sr_inp01:focus{border:1px solid #04a2b3;}
.pw_reset input.sr_inp01::placeholder{color:#b5b5b5;}


a.search_result_btn{font-family:'Nanum Gothic', sans-serif; display:block; margin-top:30px; width:100%; height:50px; line-height:50px; background:#04a2b3; border-radius:4px; color:white; font-size:15px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; text-align:center;}
a.search_result_btn:hover{background:#0a8fd9;}



/* login */
.login_wrap{width:100%; height:100%; position:absolute; top:0; left:0; display:table;}
.login_wrap .login_cell{display:table-cell; vertical-align:middle;}
.login_wrap .login_cell .login_box{width:600px; margin:0 auto;}
.login_wrap .login_cell .login_box .login_banner{width:100%; background:#323c48; border-radius:6px; box-shadow:0px 4px 4px -2px rgba(0, 0, 0, .2); overflow:hidden;}
.login_wrap .login_cell .login_box .login_banner a{display:block;}
.login_wrap .login_cell .login_box .login_banner img{width:100% !important; height:auto !important;}
.login_wrap .login_cell .login_box .login h2{font-size:32px; line-height:100%; color:white; font-weight:700; margin-bottom:28px; letter-spacing:0;}
.login_wrap .login_cell .login_box .login input.lg_inp{width:100%; height:50px; line-height:48px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 20px; color:white; font-size:13px; margin-bottom:10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; text-align:center;}
.login_wrap .login_cell .login_box .login input.lg_inp:focus{border:1px solid #04a2b3;}
.login_wrap .login_cell .login_box .login input.lg_inp::placeholder{color:white;}
.login_wrap .login_cell .login_box .login a.lg_btn{display:block; text-align:center; margin-bottom:6px; width:100%; height:50px; line-height:50px; background:#04a2b3; border-radius:4px; color:white; font-size:18px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.login_wrap .login_cell .login_box .login a.lg_btn:hover{background:#0a8fd9;}

.login_wrap .login_cell .login_box a.apelso_btn{display:block; text-align:center; margin-top:16px; width:100%; height:45px; line-height:45px; background: #EC4296; border-radius:4px; color: #fff; font-size:15px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}


.login_wrap .login_cell .login_box .login a.lg_btn2{display:block; width:100%; height:50px; line-height:50px; background:#ED6861; border-radius:4px; color:white; font-size:18px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.login_wrap .login_cell .login_box .login a.lg_btn2:hover{background:#0a8fd9;}

.login_wrap .login_cell .login_box .login .lg_bottom{font-size:0; margin-top:30px;}
.login_wrap .login_cell .login_box .login .lg_bottom a{display:inline-block; font-size:13px; color:white; font-family:'Nanum Gothic', sans-serif; position:relative; padding:16px 34px; background:#2a323c;}
.login_wrap .login_cell .login_box .login .lg_bottom a:hover{text-decoration:underline;}
.login_wrap .login_cell .login_box .login .lg_bottom a:before{content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background:#5b636d;}
.login_wrap .login_cell .login_box .login .lg_bottom a:first-child:before{display:none;}

.login .login_txt_box{width:100%; border:1px solid #455262; background:#323c48; border-radius:4px; padding:20px; color:#98a4b9; line-height:22px;}




/* ID PW search */
.search_wrap{width:100%; height:100%; position:absolute; top:0; left:0; display:table;}
.search_wrap .search_cell{display:table-cell; vertical-align:middle;}
.search_wrap .search_cell .search_box{width:420px; margin:0 auto;}
.search_wrap .search_cell .search_box .search{width:100%; background:#323c48; border-radius:6px; box-shadow:0px 4px 4px -2px rgba(0, 0, 0, .2); padding:48px 40px; text-align:center;}
.search_wrap .search_cell .search_box .search h2{font-size:28px; line-height:100%; color:white; font-weight:500; margin-bottom:26px; padding-bottom:26px; border-bottom:1px solid #455262; letter-spacing:0;}
.search_wrap .search_cell .search_box .search .sr_name p{font-size:14px; color:white; text-align:left; font-weight:700; margin-bottom:12px;}
.search_wrap .search_cell .search_box .search .sr_name input.sr_inp01{width:100%; height:46px; line-height:44px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 20px; color:#98a4b9; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.search_wrap .search_cell .search_box .search .sr_name input.sr_inp01:focus{border:1px solid #04a2b3;}
.search_wrap .search_cell .search_box .search .sr_name input.sr_inp01::placeholder{color:#667182;}
.search_wrap .search_cell .search_box .search .sr_id{margin-bottom:22px;}
.search_wrap .search_cell .search_box .search .sr_id p{font-size:14px; color:white; text-align:left; font-weight:700; margin-bottom:12px;}
.search_wrap .search_cell .search_box .search .sr_id input.sr_inp01{width:100%; height:46px; line-height:44px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 20px; color:#98a4b9; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.search_wrap .search_cell .search_box .search .sr_id input.sr_inp01:focus{border:1px solid #04a2b3;}
.search_wrap .search_cell .search_box .search .sr_id input.sr_inp01::placeholder{color:#667182;}
.search_wrap .search_cell .search_box .search .sr_email{margin-top:22px;}
.search_wrap .search_cell .search_box .search .sr_email p{font-size:14px; color:white; text-align:left; font-weight:700; margin-bottom:12px;}
.search_wrap .search_cell .search_box .search .sr_email input.sr_inp02{width:154px; height:46px; line-height:44px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 20px; color:#98a4b9; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.search_wrap .search_cell .search_box .search .sr_email input.sr_inp02:focus{border:1px solid #04a2b3;}
.search_wrap .search_cell .search_box .search .sr_email input.sr_inp02::placeholder{color:#667182;}
.search_wrap .search_cell .search_box .search .sr_email > div span{font-family:'Nanum Gothic', sans-serif; color:#98a4b9; font-size:14px; display:inline-block; padding-top:14px;}
.search_wrap .search_cell .search_box .search .sr_email select{width:100%; height:46px; line-height:44px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 0 0 16px; color:#98a4b9; font-size:13px; margin-top:6px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.search_wrap .search_cell .search_box .search .sr_email select:focus{border:1px solid #04a2b3; outline:none;}
.search_wrap .search_cell .search_box .search .sr_email select::placeholder{color:#667182;}
.search_wrap .search_cell .search_box .search a.search_btn{display:block; margin-top:30px; width:100%; height:50px; line-height:50px; background:#04a2b3; border-radius:4px; color:white; font-size:15px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.search_wrap .search_cell .search_box .search a.search_btn:hover{background:#0a8fd9;}
.search_wrap .search_cell .search_box .search .sr_certi{margin-top:22px;}
.search_wrap .search_cell .search_box .search .sr_certi p{font-size:14px; color:white; text-align:left; font-weight:700; margin-bottom:12px;}
.search_wrap .search_cell .search_box .search .sr_certi input.sr_inp03{width:254px; height:46px; line-height:44px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 20px; color:#98a4b9; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.search_wrap .search_cell .search_box .search .sr_certi input.sr_inp03:focus{border:1px solid #04a2b3;}
.search_wrap .search_cell .search_box .search .sr_certi input.sr_inp03::placeholder{color:#667182;}
.search_wrap .search_cell .search_box .search .sr_certi a.certi_btn{display:block; width:80px; height:46px; line-height:46px; background:#262f3a; border-radius:4px; color:white; font-size:12px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.search_wrap .search_cell .search_box .search .sr_certi a.certi_btn:hover{background:#131920;}

a.certi_send_btn{display:block; width:100%; height:46px; line-height:46px; background:#262f3a; border-radius:4px; color:white; font-size:12px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; margin-top:20px;}
a.certi_send_btn:hover{background:#131920;}




/* join */
.join_wrap{width:1100px; margin:60px auto; background:white; border-radius:6px; box-shadow:0px 4px 4px -2px rgba(0, 0, 0, .2); padding:50px;}
.join_wrap .join h2{font-size:32px; line-height:100%; color:#2a323c; font-weight:700; margin-bottom:36px; letter-spacing:0; text-align:center;}
.join_wrap .join .join_step{width:100%; height:80px; text-align:center;}
.join_wrap .join .js_on_bg01{background:url('../img/member/join_step01.jpg') center top no-repeat;}
.join_wrap .join .js_on_bg02{background:url('../img/member/join_step02.jpg') center top no-repeat;}
.join_wrap .join .js_on_bg03{background:url('../img/member/join_step03.jpg') center top no-repeat;}
.join_wrap .join .join_step ul{width:100%; text-align:center; font-size:0;}
.join_wrap .join .join_step ul li{display:inline-block; font-size:15px; color:#666; padding-top:60px; width:20%;}
.join_wrap .join .join_step ul li.on{color:#04a2b3; font-weight:700;}
.join_wrap .join .join_step ul li.js01{}
.join_wrap .join .join_step ul li.js02{}
.join_wrap .join .join_step ul li.js03{}

.mgt60{margin-top:60px !important;}
.join_wrap .join .terms_wrap{width:100%; margin-top:40px;}
.join_wrap .join .terms_wrap .terms_top{width:100%; overflow:hidden;}
.join_wrap .join .terms_wrap .terms_top h3{font-size:18px; line-height:100%; color:#2a323c; font-weight:700; float:left;}
.join_wrap .join .terms_wrap .terms_top > div{float:right;}
.join_wrap .join .terms_wrap .terms_top > div input[type=checkbox]{width:20px; height:20px; cursor:pointer;}
.join_wrap .join .terms_wrap .terms_top > div label{cursor:pointer; display:inline-block; vertical-align:middle; font-size:15px; color:#2a323c; padding-left:6px;}
.join_wrap .join .terms_wrap .terms_box{width:100%; height:280px; border:1px solid #dfdfdf; background:#f8f8f8; font-size:14px; color:#666; line-height:22px; padding:20px 24px; overflow-y:auto; margin-top:24px;}

.join_wrap .join .btn_wrap{width:100%; margin-top:40px; text-align:center;}
.join_wrap .join .btn_wrap a{display:inline-block; font-size:16px; font-weight:700; color:white; height:54px; line-height:54px; text-align:center; border-radius:4px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.join_wrap .join .btn_wrap a.join_next{width:120px; background:#04a2b3;}
.join_wrap .join .btn_wrap a.join_next:hover{background:#0a8fd9;}
.join_wrap .join .btn_wrap a.join_complete{width:120px; background:#04a2b3;}
.join_wrap .join .btn_wrap a.join_complete:hover{background:#0a8fd9;}

.info_wrap{width:100%;}
.info_wrap .info_top{width:100%; overflow:hidden;}
.info_wrap .info_top h3{font-size:18px; line-height:100%; color:#2a323c; font-weight:700; float:left;}
.info_wrap .info_top > div{float:right; font-size:14px; color:#666;}
.info_wrap .info_top > div span{display:inline-block; color:#ff0000; font-weight:700;}
.info_wrap .info_tab{width:100%; border-collapse:collapse; border-top:2px solid #323c48; margin-top:24px;}
.info_wrap .info_tab th{width:20%; background:#f5f5f5; border-bottom:1px solid #d9d9d9; padding:10px 20px; font-size:15px; color:#2a323c; font-weight:700;}
.info_wrap .info_tab th span{display:inline-block; color:#ff0000;}
.info_wrap .info_tab td{width:80%; border-bottom:1px solid #d9d9d9; padding:10px; font-size:14px; color:#666;}

.mypage_wrap{width:100%;}
.mypage_wrap .info_top{width:100%; overflow:hidden;}
.mypage_wrap .info_top h3{font-size:18px; line-height:100%; color:#2a323c; font-weight:700; float:left;}
.mypage_wrap .info_top > div{float:right; font-size:14px; color:#666;}
.mypage_wrap .info_top > div span{display:inline-block; color:#ff0000; font-weight:700;}
.mypage_wrap .info_tab{width:100%; border-collapse:collapse; border-top:2px solid #323c48; margin-top:24px;}
.mypage_wrap .info_tab th{background:#f5f5f5; border-bottom:1px solid #d9d9d9; padding:10px 20px; font-size:15px; color:#2a323c; font-weight:700;}
.mypage_wrap .info_tab th span{display:inline-block; color:#ff0000;}
.mypage_wrap .info_tab td{border-bottom:1px solid #d9d9d9; padding:10px; font-size:14px; color:#666;}

input.info_inp01{width:340px; height:50px; line-height:48px; border:1px solid #d9d9d9; border-radius:4px; padding:0 16px; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
input.info_inp01:focus{border:1px solid #04a2b3;}
input.info_inp02{width:140px; height:50px; line-height:48px; border:1px solid #d9d9d9; border-radius:4px; padding:0 16px; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
input.info_inp02:focus{border:1px solid #04a2b3;}
input.info_inp03{width:220px; height:50px; line-height:48px; border:1px solid #d9d9d9; border-radius:4px; padding:0 16px; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
input.info_inp03:focus{border:1px solid #04a2b3;}
input.info_inp04{width:50px; height:50px; line-height:48px; border:1px solid #d9d9d9; border-radius:4px; padding:0 16px; font-size:13px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
input.info_inp04:focus{border:1px solid #04a2b3;}
select.info_sel01{width:140px; height:50px; line-height:48px; border:1px solid #d9d9d9; border-radius:4px; padding:0 0 0 16px; font-size:14px; color:#3b4654; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
select.info_sel01:focus{border:1px solid #04a2b3; outline:none;}
select.info_sel02{width:220px; height:50px; line-height:48px; border:1px solid #d9d9d9; border-radius:4px; padding:0 0 0 16px; font-size:14px; color:#3b4654; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
select.info_sel02:focus{border:1px solid #04a2b3; outline:none;}
select.info_sel03{width:220px; height:50px; line-height:48px; border:1px solid #d9d9d9; border-radius:4px; padding:0 0 0 16px; font-size:14px; color:#3b4654; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
select.info_sel03:focus{border:1px solid #04a2b3; outline:none;}
a.id_text{width:100px; height:50px; line-height:50px; background:#3b4654; text-align:center; color:white; font-size:13px; border-radius:4px; display:inline-block; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
a.id_text:hover{background:#131920;}

.js_com_wrap{width:100%; position:relative; border:1px solid #e8e8e8; margin-top:50px; padding:74px 0; text-align:center;}
.js_com_wrap h3{font-size:24px; color:#2a323c; font-weight:700; line-height:100%; padding-top:188px;}
.js_com_wrap p{font-size:16px; color:#666; line-height:100%; margin-top:20px;}

.join_comp_agree{width:100%; margin-top:30px; text-align:center;}
.join_comp_agree input{display:inline-block; cursor:pointer; width:20px; height:20px;}
.join_comp_agree label{display:inline-block; cursor:pointer; font-size:15px; color:#2a323c; padding-left:4px;}



@media all and (max-width:1220px) {

	/* join */
	body.sub0702 #container{padding:0 4%;}
	.join_wrap{width:100%; margin:30px auto; background:white; border-radius:6px; box-shadow:0px 4px 4px -2px rgba(0, 0, 0, .2); padding:30px;}
	.join_wrap .join h2{font-size:28px; line-height:100%; color:#2a323c; font-weight:700; margin-bottom:20px; letter-spacing:0; text-align:center;}
	.join_wrap .join .join_step{width:100%; height:50px; text-align:center;}
	.join_wrap .join .js_on_bg01{background:url('../img/member/join_step01.jpg') center top no-repeat; background-size:220px;}
	.join_wrap .join .js_on_bg02{background:url('../img/member/join_step02.jpg') center top no-repeat; background-size:220px;}
	.join_wrap .join .js_on_bg03{background:url('../img/member/join_step03.jpg') center top no-repeat; background-size:220px;}
	.join_wrap .join .join_step ul{width:100%; text-align:center; font-size:0; position:relative;}
	.join_wrap .join .join_step ul li{display:inline-block; font-size:12px; color:#666; padding-top:34px; width:auto; position:absolute;}
	.join_wrap .join .join_step ul li.on{color:#04a2b3; font-weight:700;}
	.join_wrap .join .join_step ul li.js01{left:50%; top:0; margin-left:-120px;}
	.join_wrap .join .join_step ul li.js02{left:50%; top:0; margin-left:-21px;}
	.join_wrap .join .join_step ul li.js03{left:50%; top:0; margin-left:65px;}

	.mgt60{margin-top:40px !important;}
	.join_wrap .join .terms_wrap{width:100%; margin-top:20px;}
	.join_wrap .join .terms_wrap .terms_top{width:100%; overflow:hidden;}
	.join_wrap .join .terms_wrap .terms_top h3{font-size:14px; line-height:100%; color:#2a323c; font-weight:700; float:none; padding-top:4px;}
	.join_wrap .join .terms_wrap .terms_top > div{float:none; margin-top:10px;}
	.join_wrap .join .terms_wrap .terms_top > div input[type=checkbox]{width:16px; height:16px; cursor:pointer;}
	.join_wrap .join .terms_wrap .terms_top > div label{cursor:pointer; display:inline-block; vertical-align:middle; font-size:12px; color:#2a323c; padding-left:0;}
	.join_wrap .join .terms_wrap .terms_box{width:100%; height:160px; border:1px solid #dfdfdf; background:#f8f8f8; font-size:12px; color:#666; line-height:22px; padding:10px 14px; overflow-y:auto; margin-top:14px;}

	.join_wrap .join .btn_wrap{width:100%; margin-top:20px; text-align:center;}
	.join_wrap .join .btn_wrap a{display:inline-block; font-size:14px; font-weight:700; color:white; height:42px; line-height:42px; text-align:center; border-radius:4px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.join_wrap .join .btn_wrap a.login_btn {width:80px; background:#617c83;}
	.join_wrap .join .btn_wrap a.join_next{width:80px; background:#04a2b3;}
	.join_wrap .join .btn_wrap a.join_next:hover{background:#0a8fd9;}
	.join_wrap .join .btn_wrap a.join_complete{width:80px; background:#04a2b3;}
	.join_wrap .join .btn_wrap a.join_complete:hover{background:#0a8fd9;}

	.info_wrap{width:100%;}
	.info_wrap .info_top{width:100%; overflow:hidden;}
	.info_wrap .info_top h3{font-size:14px; line-height:100%; color:#2a323c; font-weight:700; float:left;}
	.info_wrap .info_top > div{float:right; font-size:11px; color:#666;}
	.info_wrap .info_top > div span{display:inline-block; color:#ff0000; font-weight:700;}
	.info_wrap .info_tab{width:100%; border-collapse:collapse; border-top:2px solid #323c48; margin-top:14px;}
	.info_wrap .info_tab th{width:100%; padding:10px 0 6px 0; font-size:13px; color:#2a323c; font-weight:700; display:block; background:none; border-bottom:0;}
	.info_wrap .info_tab th span{display:inline-block; color:#ff0000;}
	.info_wrap .info_tab td{width:100%; border-bottom:1px solid #d9d9d9; padding:0 0 10px 0; font-size:12px; color:#666; display:block;}
	.info_wrap .info_tab td .twopbtn {display:flex;}
	.info_wrap .info_tab td .twopbtn input {width:calc(100% - 87px); margin-right:10px;}
	.info_wrap .info_tab td .twopbtn a.id_text {width:77px;}
	input.info_inp01{width:100%; height:42px; line-height:40px; border:1px solid #d9d9d9; border-radius:4px; padding:0 10px; font-size:12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	input.info_inp01:focus{border:1px solid #04a2b3;}
	input.info_inp02{width:28%; height:42px; line-height:40px; border:1px solid #d9d9d9; border-radius:4px; padding:0 10px; font-size:12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	input.info_inp02:focus{border:1px solid #04a2b3;}
	input.info_inp03{width:45%; height:42px; line-height:40px; border:1px solid #d9d9d9; border-radius:4px; padding:0 10px; font-size:12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	input.info_inp03:focus{border:1px solid #04a2b3;}
	input.info_inp04{width:18px; float:left; height:18px; line-height:18px; border:1px solid #d9d9d9; border-radius:4px; padding:0 10px; font-size:12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	input.info_inp04:focus{border:1px solid #04a2b3;}
	select.info_sel01{width:28%; height:42px; line-height:40px; border:1px solid #d9d9d9; border-radius:4px; padding:0 0 0 10px; font-size:12px; color:#3b4654; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	select.info_sel01:focus{border:1px solid #04a2b3; outline:none;}
	select.info_sel02{width:100%; height:42px; line-height:40px; border:1px solid #d9d9d9; border-radius:4px; padding:0 0 0 10px; font-size:12px; margin-top:4px; color:#3b4654; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	select.info_sel02:focus{border:1px solid #04a2b3; outline:none;}
	select.info_sel03{width:70%; height:42px; line-height:40px; border:1px solid #d9d9d9; border-radius:4px; padding:0 0 0 10px; font-size:12px; margin-top:4px; color:#3b4654; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	select.info_sel03:focus{border:1px solid #04a2b3; outline:none;}
	a.id_text{width:26%; float:right; height:42px; line-height:42px; background:#3b4654; text-align:center; color:white; margin-top:4px; margin-right:4px; font-size:12px; border-radius:4px; display:inline-block; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	a.id_text:hover{background:#131920;}

	.js_com_wrap{width:100%; position:relative; border:1px solid #e8e8e8; margin-top:30px; padding:30px 0; text-align:center;}
	.js_com_wrap h3{font-size:18px; color:#2a323c; font-weight:700; line-height:26px; padding-top:72px;}
	.js_com_wrap p{font-size:13px; color:#666; line-height:20px; margin-top:10px;}

	.join_comp_agree{width:100%; margin-top:20px; text-align:center;}
	.join_comp_agree input{display:inline-block; cursor:pointer; width:16px; height:16px;}
	.join_comp_agree label{display:inline-block; cursor:pointer; font-size:13px; color:#2a323c;}






}


@media all and (max-width:680px){

	/* login */
	.login_wrap{width:100%; height:100%; position:absolute; top:0; left:0; display:table; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
	.login_wrap .login_cell{display:table-cell; vertical-align:middle; padding:0 10%;}
	.login_wrap .login_cell .login_box{width:100%; margin:-140px auto 0;}
	.login_wrap .login_cell .login_box .img_logo {margin:0 auto 15px; width:40%;}
	.login_wrap .login_cell .login_box .img_logo img {width:100%;}

	.login_wrap .login_cell .login_box h2 {font-size:32px; text-align:center; line-height:32px; color:#fff; margin-bottom:40px;}
	.login_wrap .login_cell .login_box h2 span {display:block; font-size:18px; font-weight:normal;}

	.login_wrap .login_cell .login_box .login_banner img{width:100%;}
	.login_wrap .login_cell .login_box .login h2{font-size:28px; line-height:100%; color:#333; font-weight:700; margin-bottom:14px; letter-spacing:0;}
	.login_wrap .login_cell .login_box .login input.lg_inp{width:100%; height:42px; line-height:40px; border:1px solid #455262; background:#fff; border-radius:4px; padding:0 10px; color:#333; font-size:12px; margin-bottom:6px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.login_wrap .login_cell .login_box .login input.lg_inp:focus{border:1px solid #04a2b3;}
	.login_wrap .login_cell .login_box .login input.lg_inp::placeholder{color:#333; font-size:12px;}
	.login_wrap .login_cell .login_box .login a.lg_btn{display:block; width:100%; height:42px; line-height:42px; background:#0C3880; border-radius:4px; color:#fff; font-size:15px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.login_wrap .login_cell .login_box .login a.lg_btn + a.lg_btn{background:#777;}

	.login_wrap .login_cell .login_box .login .lg_bottom{font-size:0; margin-top:20px;}
	.login_wrap .login_cell .login_box .login .lg_bottom a{display:inline-block; font-size:11px; color:white; padding:10px 14px;}
	.login_wrap .login_cell .login_box .login .lg_bottom a:hover{text-decoration:underline;}
	.login_wrap .login_cell .login_box .login .lg_bottom a:before{content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background:#5b636d;}
	.login_wrap .login_cell .login_box .login .lg_bottom a:first-child:before{display:none;}

	.login .login_txt_box{width:100%; border:1px solid #455262; background:#323c48; border-radius:4px; padding:10px; color:#98a4b9; line-height:18px; font-size:12px;}
	

	/* ID PW search */
	.search_wrap{width:100%; height:100%; position:absolute; top:0; left:0; display:table;}
	.search_wrap .search_cell{display:table-cell; vertical-align:middle; padding:0 10%;}
	.search_wrap .search_cell .search_box{width:100%; margin:0 auto;}
	.search_wrap .search_cell .search_box .search{width:100%; background:#323c48; border-radius:6px; box-shadow:0px 4px 4px -2px rgba(0, 0, 0, .2); padding:30px; text-align:center;}
	.search_wrap .search_cell .search_box .search h2{font-size:20px; line-height:100%; color:white; font-weight:500; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #455262; letter-spacing:0;}
	.search_wrap .search_cell .search_box .search .sr_name p{font-size:12px; color:white; text-align:left; font-weight:700; margin-bottom:8px;}
	.search_wrap .search_cell .search_box .search .sr_name input.sr_inp01{width:100%; height:42px; line-height:40px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 10px; color:#98a4b9; font-size:12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.search_wrap .search_cell .search_box .search .sr_name input.sr_inp01:focus{border:1px solid #04a2b3;}
	.search_wrap .search_cell .search_box .search .sr_name input.sr_inp01::placeholder{color:#667182; font-size:12px;}
	.search_wrap .search_cell .search_box .search .sr_id{margin-bottom:10px;}
	.search_wrap .search_cell .search_box .search .sr_id p{font-size:12px; color:white; text-align:left; font-weight:700; margin-bottom:8px;}
	.search_wrap .search_cell .search_box .search .sr_id input.sr_inp01{width:100%; height:42px; line-height:40px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 10px; color:#98a4b9; font-size:12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.search_wrap .search_cell .search_box .search .sr_id input.sr_inp01:focus{border:1px solid #04a2b3;}
	.search_wrap .search_cell .search_box .search .sr_id input.sr_inp01::placeholder{color:#667182; font-size:12px;}
	.search_wrap .search_cell .search_box .search .sr_email{margin-top:10px;}
	.search_wrap .search_cell .search_box .search .sr_email p{font-size:12px; color:white; text-align:left; font-weight:700; margin-bottom:8px;}
	.search_wrap .search_cell .search_box .search .sr_email input.sr_inp02{width:44%; height:42px; line-height:40px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 10px; color:#98a4b9; font-size:12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.search_wrap .search_cell .search_box .search .sr_email input.sr_inp02:focus{border:1px solid #04a2b3;}
	.search_wrap .search_cell .search_box .search .sr_email input.sr_inp02::placeholder{color:#667182; font-size:12px;}
	.search_wrap .search_cell .search_box .search .sr_email > div span{font-family:'Nanum Gothic', sans-serif; color:#98a4b9; font-size:12px; display:inline-block; padding-top:12px;}
	.search_wrap .search_cell .search_box .search .sr_email select{width:100%; height:42px; line-height:40px; border:1px solid #455262; border-radius:4px; padding:0 0 0 10px; font-size:12px; margin-top:4px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.search_wrap .search_cell .search_box .search .sr_email select:focus{border:1px solid #04a2b3; outline:none;}
	.search_wrap .search_cell .search_box .search .sr_email select::placeholder{color:#667182; font-size:12px;}
	.search_wrap .search_cell .search_box .search a.search_btn{display:block; margin-top:16px; width:100%; height:40px; line-height:40px; background:#04a2b3; border-radius:4px; color:white; font-size:14px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.search_wrap .search_cell .search_box .search a.search_btn:hover{background:#0a8fd9;}
	.search_wrap .search_cell .search_box .search .sr_certi{margin-top:14px;}
	.search_wrap .search_cell .search_box .search .sr_certi p{font-size:12px; color:white; text-align:left; font-weight:700; margin-bottom:8px;}
	.search_wrap .search_cell .search_box .search .sr_certi input.sr_inp03{width:73%; height:42px; line-height:40px; border:1px solid #455262; background:#3b4654; border-radius:4px; padding:0 10px; color:#98a4b9; font-size:12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.search_wrap .search_cell .search_box .search .sr_certi input.sr_inp03:focus{border:1px solid #04a2b3;}
	.search_wrap .search_cell .search_box .search .sr_certi input.sr_inp03::placeholder{color:#667182; font-size:12px;}
	.search_wrap .search_cell .search_box .search .sr_certi a.certi_btn{display:block; width:26%; height:42px; line-height:42px; background:#262f3a; border-radius:4px; color:white; font-size:11px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.search_wrap .search_cell .search_box .search .sr_certi a.certi_btn:hover{background:#131920;}



}