@charset "utf-8";

/************************** aGothic ***************************/


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap');


BODY {font-size:13px; color:#666666; font-family: 'Noto Sans KR', Dotum, "돋움", Verdana, Arial, sans-serif;}
	
/* CSS reset Start*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

html {
	margin:0;
	padding:0;
	overflow-y: scroll; 
	
	width:100%;
	height:100%;

}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:0;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
a {
text-decoration:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* CSS reset End*/


/*LOW VER. IE SUPPORT HTML5*/
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;}


th {
	text-align:center;
	font-weight:bold;
}

A {color: #444444}
A:link {color: #444444; text-decoration:none}
A:visited {color: #444444; text-decoration:none}
A:active {color: #444444; text-decoration:none}
A:hover {color: #444444; text-decoration:none}

.input{border:1px solid #cccccc; background-color:#FFF; /*height:20px;*/ vertical-align:middle; }
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_text{border:1px solid #cccccc; background-color:#FFF; vertical-align:middle; height:18px; }
.input_text_field{border:1px solid #cccccc; width:95%; background-color:#FFF; vertical-align:middle; height:200px;}

.text_left {color:#444444; text-align:left;}
.text_center {color:#444444; text-align:center;}
.text_right {color:#444444; text-align:right;}

.insert_page_text {padding-left:20px;}
.insert_page_text_b {padding-left:20px;font-weight:bold}

#wrap {width:100%;}
#default_size {width:100%; text-align:center;}

input[type="radio"] {
	border:none;
	outline:none;
} 

/*기본 버튼 시작*/
@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse-shrink {
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	
	background-color:#f9f9f9;
	margin: 0.2em;
	padding: 0.2em 1em 0.2em 1em;
	cursor: pointer;
	
	border:1px solid #dcdcdc;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	
	color:#23549b;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}

.pulse-shrink:hover {
	-webkit-animation-name: pulse-shrink;
	animation-name: pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
/*기본 버튼 끝*/

/* input 효과*/
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
.form-style-1 input[type=password],
.form-style-1 input[type=radio],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding:7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
	border-radius:5px;
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 input[type=password]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px rgba(16, 9, 100, .6);
    -webkit-box-shadow: 0 0 8px rgba(16, 9, 100, .6);
    box-shadow: 0 0 8px rgba(16, 9, 100, .6);
    border: 1px solid rgba(16, 9, 100, .6);
}

.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:red;
}

/* 이용약관 */
.book_wrap {padding:7px 6px; background:url('../images/sub/p_pattern.png') repeat; margin:0 0 30px 0;}
.bookmark {background:#fff; padding:15px 15px 10px;}

.bookmark ul.book_ul {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
}
.bookmark ul.book_ul li {
	width:33.3%;
	font-size:14px; 
	font-weight:400; 
	line-height:22px; 
	word-break:keep-all; 
	vertical-align:top; 
	margin:0 0 10px;
}
.bookmark ul.book_ul li a {color:#5f52a0;}

.bg_icon {
	padding:0 0 0 15px;
	position:relative;
	font-size:20px;
	font-weight:700;
	color:#5f52a0;
	text-align:left;
}
.bg_icon:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%);
	width:5px;
	height:5px;
	background:#5f52a0;
	border-radius:50%;
}
.icon_m {
	margin:0 0 15px;
}
.privacy_wrap {height:300px; border:1px solid #ddd; background:#f8f8f8; overflow-y:scroll; overflow-x:hidden; padding:20px; width:auto; text-align:left;}
.privacy_wrap p {font-size:14px; font-weight:400; color:#686868; line-height:22px; word-break:keep-all;}
.privacy_wrap p strong {color:#333;}
.privacy_wrap dl {margin:0 0 30px 0;}
.privacy_wrap dl dt {
	padding:0 0 0 12px; 
	margin:0 0 20px 0; 
	font-size:17px; 
	color:#000;
	position:relative;
}
.privacy_wrap dl dt:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%);
	width:3px;
	height:3px;
	background:#5f52a0;
}
.privacy_wrap dl dd {font-size:14px; font-weight:400; color:#686868; line-height:22px; word-break:keep-all;}
.privacy_wrap dl dd ul li {padding:0 0 0 15px; background:url('../images/main/gray_dot.gif') 4px 10px no-repeat;}
.required_txt {color:#555; margin:0 0 5px 0; text-align:right;}
.privacy_bottom {padding:10px; background:#fff; border:1px solid #ddd; margin:0 0 30px 0;}
.privacy_bottom p {font-size:14px; font-weight:400; color:#686868; line-height:22px; word-break:keep-all;}
.privacy_agree {padding:20px 0; background:#f8f8f8; margin:20px 0 0; border:1px solid #ddd;}
.privacy_agree span {display:inline-block; margin:0 0 0 40px; font-size:13px; color:#686868; font-weight:400;}
.privacy_agree span:first-child {margin:0;}
.privacy_agree input {vertical-align:middle;}

/* 회원가입 */
a.zip_btn {padding:0 15px; display:inline-block; height:30px; background:#58585d; font-size:14px; font-weight:400; color:#fff; line-height:30px; text-align:center;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
	vertical-align:middle;
}
a.zip_btn:hover {background:#717174;}
a.join_btn {
	font-size:17px; 
	margin:24px 0; 
	font-weight:500; 
	color:#fff; 
	display:inline-block; 
	text-align:center; 
	padding:15px 30px; 
	background:#5f52a0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	behavior:url('js/ie-css3.htc');
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
a.join_btn:hover {
	background:#43348d;

}
#join_form {}
#join_form label {cursor:pointer;}
#join_form .input2 {border:none;}
#join_form > thead > tr > td {
	text-align:left;
}

#join_form > tbody {
	border-top:2px solid #5f52a0;
}


#join_form > tbody > tr > th {
	background-color:#f8f8f8; 
	text-align:left;
	padding:10px 10px 10px 20px;
	color:#262626;
	font-size:15px;
	font-weight:500;
	border-bottom:1px solid #e1e1e1;
	vertical-align:middle;
}
#join_form > tbody > tr > td {
	background-color:#FFFFFF; 
	 text-align:left;
	 padding:10px 10px 10px 20px;
	 font-size:15px;
	 border-bottom:1px solid #e1e1e1;
	 color:#333;
}
#join_form > tbody > tr > td .input {vertical-align:middle;}
#join_form > tbody > tr > td .gubun_1 {
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
#join_form > tbody > tr > td .gubun_1 li {
	margin:0 0 0 15px;
}
#join_form > tbody > tr > td .gubun_1 li:first-child {
	margin:0;
}
#join_form > tfoot > tr > th {
	background-color:#f1f1f1; 
	text-align:left;
	padding:1px 10px 1px 10px;
	color:#333;
}
#join_form > tfoot > tr > td {
	background-color:#FFFFFF; 
	text-align:left;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #e1e1e1;
}
/* 로그인 */
#login_form1 {
	margin:50px auto 0;
	padding:0 80px;
}
.new_login_box {
	padding:60px 20px;
	border-radius:0 20px 20px 20px;
	box-shadow:1px 5px 10px rgb(0 0 0 / 5%), -2px 3px 10px rgb(0 0 0 / 5%);
	min-height:470px;
}
.new_login_box .centerLogo {
	text-align:center;
	width:30%;
	margin:0 auto 50px;
}
.new_login_box .centerLogo img {
	max-width:100%;
}
.new_login_box .login_inputs {
	width:50%;
	margin:0 auto;
}
.new_login_box .login_inputs h3 {
	text-align:center;
	font-size:24px;
	font-weight:600;
	color:#262626;
	margin:0 0 30px;
}

.new_login_box .id_input,
.new_login_box .pw_input {
	margin:0 0 15px 0;
	position:relative;
}
.new_login_box .id_input:after,
.new_login_box .pw_input:after {
	content:'';
	position:absolute;
	left:82px;
	top:50%;
	transform:translate(0,-50%);
	width:1px;
	height:28px;
	background:#ddd;
}
.new_login_box input::placeholder {
	font-size:15px;
}
.new_login_box .id_input input,
.new_login_box .pw_input input {
	width:100%;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #f5f5f5;
	border-radius:2px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	color:#181818;
	font-size:18px;
	font-weight:400;
	background-color:#f8f8f8;
	box-shadow:inset 1px 4px 8px #f0f0f0;
	padding:0 0 0 111px;
	outline:none;
}
.new_login_box .id_input input {
	background-image:url('../images/common/id_user_icon.png');
	background-repeat:no-repeat;
	background-position:28px 50%;
}
.new_login_box .pw_input input {
	background-image:url('../images/common/pass_key_icon.png');
	background-repeat:no-repeat;
	background-position:24px 50%;
}
.new_login_box .idpwUl {
	text-align:right;
	font-size:14px;
	font-weight:300;
	color:#333;
	margin:0 0 30px;
}
.new_login_box .bt_btm {
	margin:0 0 10px;
}
.new_login_box .bt_btm:last-of-type {
	margin:0;
}
.new_login_box .bt_btm input,
.new_login_box .bt_btm a {
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	outline:none;
	border:none;
	font-size:20px;
	font-weight:400;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	border-radius:50px;
	cursor:pointer;
	font-family:'aGothic';
}
.new_login_box .bt_btm .bt_blue {
	background:#5f52a0;
	box-shadow:inset 1px 4px 8px #4e4091;
	color:#fff;
}
.new_login_box .bt_btm .bt_blue:hover {
	background:#4e4091;
}
.new_login_box .bt_btm .bt_gray {
	background:#ddd;
	box-shadow:inset 1px 4px 8px #d1d1d1;
	color:#262626;
}
.new_login_box .bt_btm .bt_gray:hover {
	background:#d1d1d1;
}
#select_Option.logSelect {
	margin:0 0 10px;
	background-position:97% 50%;
	height:50px;
}



/*
.login_box h3 {
	width:240px; 
	font-size:20px; 
	color:#3a3a3a; 
	background-color:#fcecd7; 
	padding:12px 0; 
	text-align:center; 
	font-weight:600;
	border:1px solid #dadada; 
	border-bottom:none; 
}
.login_inputs { 
	border:1px solid #dadada; 
	height:218px;
	padding:60px  50px;
}
.login_inputs:after{ 
	display:block; 
	content:"";
	clear:both;
}
.login_inputs .left_login, .right_desc{ 
	float:left;
}
.id_input input, .pw_input input {   
	width:280px; 
	padding-left:37px;
	height:38px; 
	border:1px solid #cacaca; 
	margin-bottom:12px;
	line-height:38px;
	box-shadow:0 0 0px #e9791a;
	-webkit-box-shadow:0 0 0px #e9791a;
	-ms-box-shadow:0 0 0px #e9791a;
	-o-box-shadow:0 0 0px #e9791a;

	-webkit-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;

}
.id_input input{
	background:url('../images/common/gray_id_user_icon.png') no-repeat 6px 6px;
}
.pw_input input{
	background:url('../images/common/gray_pass_key_icon.png') no-repeat 6px 6px;
}
.id_input input:focus, .pw_input input:focus { 
	border-color:#e9791a; outline:none; 
	box-shadow:0 0 5px #e9791a;
	-webkit-box-shadow:0 0 5px #e9791a;
	-ms-box-shadow:0 0 5px #e9791a;
	-o-box-shadow:0 0 5px #e9791a;
}
.chk_input input{ 
	background-color:#fff; 
	border:1px solid #ccc;  
	margin-right:6px; 
}
.chk_input label {
	color:#666; 
	vertical-align:middle;
}
#login_form1 .btn_input input { 
	width:317px; height:40px;  
	margin:12px 0;background-color:#e9791a ;
	border:none; color:#fff; 
	font-size:16px; cursor:pointer; 
	-webkit-transition:all .3s; 
	-o-transition:all .3s; 
	-ms-transition:all .3s; 
	text-shadow:none;
	}
#login_form1 .btn_input input:hover, #login_form1 .btn_input input:focus { 
	color:#444; 
	background-color:#ffdcad
}*/
.btn_a a { 
	display:inline-block; 
	width:152px; 
	padding:8px 0; 
	border: 1px solid #e9791a; 
	text-align:center; 
	color:#d46100; 
	-webkit-transition:all .3s; 
	-o-transition:all .3s; -ms-transition:all .3s;
}
.btn_a a:first-child {
	margin-right:5px;
}
.btn_a a:hover, .btn_a a:focus { 
	background-color:#ffdcad; 
	border-color:#ffdcad; 
	color:#444;
}
.login_inputs .right_desc { 
	padding-left:35px;
	width:298px;
	letter-spacing:-0.02em;
}
.right_desc img{ 
	padding:10px 0 15px 85px 
}
.right_desc p{ 
	padding:13px 36px; 
	text-align:center; 
	background-color:#fcf1e7; 
	line-height:20px;
}
/* id 찾기 */
.id_tab {
	height:47px;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
.id_tab li {
	width:240px;
	font-size:18px; 
	height:47px; 
	line-height:47px;
	text-align:center; 
	font-weight:500;
	border-bottom:none;
	margin-right:1px;
}
.id_tab li a {
	display:block; 
	width:100%; 
	height:100%;
	color:#262626; 
	border-radius:10px 10px 0 0;
	border:1px solid #ddd;
	background-color:#f8f8f8;
	border-bottom:none;
}
.id_tab li:last-child {
	border-left:none;
}
.id_tab li a.activeTab { 
	color:#fff; 
	background-color:#5f52a0;
	border:none;
} 

/* tab 이벤트 클래스 */
.id_tabl:after { content:""; display:block; clear:both;}
/*.name_input, .ok_input{ float:left;}
.ok_input_pw { padding-top:25px;}*/

.name_input {
	margin:0 0 45px;
}
.name_input input {  
	width:calc(100% - 60px); 
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #f5f5f5;
	border-radius:2px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	color:#181818;
	font-size:18px;
	font-weight:400;
	background-color:#f8f8f8;
	box-shadow:inset 1px 4px 8px #f0f0f0;
	padding:0 0 0 111px;
	outline:none;
	padding-left:20px;
	
	}
.name_input input#mailInput { 
	background:url('../images/UI_img/mail_icon.png') no-repeat 6px 6px; 
}
.name_input input#numberInput { 
	background:url('../images/common/gray_phone_user_icon.png') no-repeat 3px 0; 
}
.name_input span {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin:0 0 15px;
}
.name_input span:last-of-type {
	margin:0;
}
.name_input label { 
	display:inline-block; 
	width:60px;
	height:50px; 
	font-size:18px; 
	font-weight:500; 
	color:#262626;
	line-height:50px;
}
.name_input .block_st {
	width:calc(100% - 60px);
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.name_input input:focus { 
	border-color:#8f82bc; 
	outline:none; 
	box-shadow:0 0 5px #8f82bc;
	-webkit-box-shadow:0 0 5px #8f82bc;
	-ms-box-shadow:0 0 5px #8f82bc;
	-o-box-shadow:0 0 5px #8f82bc;
}
.name_input input.mob_input {
	width:31%;
	padding-left:0;
	text-align:center;
}
.name_input input.mob_input:last-of-type {
	margin:0;
}

#login_form1 .ok_input input {
	width:110px; 
	height:92px; 
	background-color:#e9791a; 
	margin-left:20px; 
	border:1px solid #e9791a; 
	font-size:16px; 
	text-shadow:none; 
	letter-spacing:1px;
}
#login_form1 .ok_input input:hover, #login_form1 .ok_input input:focus {
	background-color:#ffdcad; 
	color:#444;
	border:1px solid #ffdcad
}
.btn_link{ 
	clear:both; 
	padding:10px 50px;}

.btn_link a {
	display:inline-block; 
	width:134px; 
	height:35px;
	border:1px solid #e9791a; 
	color:#EF7208; 
	font-weight:600;
	margin:0 8px; 
	text-align:center; 
	line-height:35px; 
	transition:all .3s; 
	-webkit-transition:all .3s; 
	-o-transition:all .3s; 
	-ms-transition:all .3s;
}
.btn_link a:hover, .btn_link a:focus { 
	background-color:#F9D8AE; 
	border-color:#F9D8AE; 
	color:#444
}


#board_reply {
	width:100%;
	margin:30px 0px;
}

#board_reply > thead {
	border-bottom:1px #cccccc solid;
}

#board_reply > thead th {
	font-size:1.333em;
	font-weight:bold;
	color:#23549b;
	display:inline-block;
	padding:10px 30px;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(255, 255, 255)),
	color-stop(1, rgb(239, 239, 239))
	);
	background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	border:1px #cccccc solid;

}

#reply_table {
	width:100%;
	border-top:2px solid #23549b;
	margin-bottom:30px;
	border-bottom:2px #cccccc solid;
}

#reply_table th {
	width:110px;
	background-color:#f1f1f1;
	text-align:left;
	padding:5px 10px 5px 10px;
	color:#23549b;
}

#reply_table tr {
	border-bottom:1px #cccccc solid;
}

#reply_table td {
	padding-left:10px;
}

#reply_btn {
	background-color:#23549b;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	vertical-align:baseline;
	width:55px;
	height:55px;
	line-height:55px;
	text-align:center;
	text-shadow:1px 1px 0px #717171;
	cursor:pointer;
}
#reply_btn:hover {
	background-color:#e9e9e9;
	color:#23549b;
}
#check_text {
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
#check_text dt {
	background:url(/images/common/chk_text_bg.jpg) no-repeat;
	width:100px;
	height:40px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
} 
#check_text dd {
	padding:8px 0px 0px 10px;
}
	


.sel_page_num{
	font-weight:bold;
	color:#e73535;
	border:1px solid #e73535;
	padding:4px 9px 6px 9px;
}
.page_num{
	padding:4px 9px 6px 9px;
	font-weight:bold;
}
.page_first, .page_last, .page_prev, .page_next{
	vertical-align:middle;
}
.page_prev{
	margin-right:3px;
}
.page_next{
	margin-left:3px;
}
/* clear 버튼 */
a.plus {display:inline-block; float:right;
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e0dfdf));
   background:-moz-linear-gradient(top, #ffffff 5%, #e0dfdf 100%);
   background:-webkit-linear-gradient(top, #ffffff 5%, #e0dfdf 100%);
   background:-o-linear-gradient(top, #ffffff 5%, #e0dfdf 100%);
   background:-ms-linear-gradient(top, #ffffff 5%, #e0dfdf 100%);
   background:linear-gradient(to bottom, #ffffff 5%, #e0dfdf 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0dfdf',GradientType=0);
   background-color:#ffffff;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   border:1px solid #bbbfc2;
   display:inline-block;
   cursor:pointer;
   color:#000;
   font-size:13px;
   font-weight:600;
   padding:3px 5px;
   text-decoration:none;
   text-shadow:0px 1px 0px #ffffff;
}
a.plus:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e0dfdf), color-stop(1, #ffffff));
   background:-moz-linear-gradient(top, #e0dfdf 5%, #ffffff 100%);
   background:-webkit-linear-gradient(top, #e0dfdf 5%, #ffffff 100%);
   background:-o-linear-gradient(top, #e0dfdf 5%, #ffffff 100%);
   background:-ms-linear-gradient(top, #e0dfdf 5%, #ffffff 100%);
   background:linear-gradient(to bottom, #e0dfdf 5%, #ffffff 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0dfdf', endColorstr='#ffffff',GradientType=0);
   background-color:#e0dfdf;
}
a.clear {
	float:right;
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:13px;
	font-weight:normal;
	padding:2px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
a.clear:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}

/************************** 태블릿 ***************************/
@media screen and (max-width: 768px) {
	#login_form1 {
		margin-top:5vw;
		padding:0;
	}
	.id_tab {
		height:auto;
	}
	.id_tab li {
		width:50%;
		height:10vw;
		font-size:3.8vw;
		line-height:2.8;
	}
	.new_login_box {
		padding:12vw 6vw;
		min-height:auto;
	}
	.new_login_box .login_inputs {
		width:100%;
	}
	.new_login_box .login_inputs h3 {
		font-size:6vw;
		margin:0 0 10vw;
	}
	.new_login_box .id_input, .new_login_box .pw_input {
		margin:0 0 3vw;
	}
	.new_login_box .id_input input, .new_login_box .pw_input input {
		height:12vw;
		line-height:12vw;
		font-size:3.4vw;
		padding:0 0 0 15vw;
	}
	.new_login_box .id_input:after, .new_login_box .pw_input:after {
		left:11vw;
		height:6vw;
	}
	.new_login_box .id_input input {
		background-position:3.5vw 50%;
		background-size:4vw;
	}
	.new_login_box .pw_input input {
		background-position:3vw 50%;
		background-size:5vw;
	}
	.new_login_box input::placeholder {
		font-size:3.4vw;
	} 
	.new_login_box .idpwUl {
		font-size:3.2vw;
		margin:0 0 12vw;
	}
	.new_login_box .bt_btm {
		margin:0 0 2vw;
	}
	.new_login_box .bt_btm input, .new_login_box .bt_btm a {
		height:12vw;
		line-height:12vw;
		font-size:4.2vw;
	}
	.name_input {
		margin:0 0 12vw;
	}
	.name_input span {
		margin:0 0 3vw;
	}
	.name_input label {
		width:14vw;
		height:12vw;
		line-height:12vw;
		font-size:3.4vw;
	}
	.name_input input {
		width:calc(100% - 14vw);
		height:12vw;
		line-height:12vw;
		font-size:3.4vw;
		padding-left:4vw;
	}
	#select_Option.logSelect {
		margin:0 0 2vw;
		height:10vw;
		width:100%;
	}

	.icon_m {
		margin:0 0 3vw;
	}
	.bg_icon {
		padding:0 0 0 4vw;
		font-size:4.5vw;
	}
	.bg_icon:after {
		width:3px;
		height:3px;
		left:1vw;
	}
	.privacy_wrap {
		height:60vw;
		padding:6vw;
	}
	.privacy_wrap p {
		font-size:3.4vw;
		line-height:1.6;
	}
	.bookmark {
		padding:5vw;
	}
	.bookmark ul.book_ul li {
		width:100%;
		font-size:3.4vw;
		line-height:1.5;
		margin:0 0 2vw;
	}
	.privacy_wrap dl {
		margin:0 0 10vw;
	}
	.privacy_wrap dl dt {
		padding:0 0 0 3vw;
		margin:0 0 4vw;
		font-size:4.3vw;
	}
	.privacy_wrap dl dd {
		font-size:3.4vw;
		line-height:1.6;
	}
	.privacy_wrap dl dd ul li {
		padding:0 0 0 3vw;
		background-position:1vw 2vw;
	}
	.privacy_bottom {
		padding:3vw;
		margin:0 0 10vw;
	}
	.privacy_agree {
		padding:5vw 3vw 5vw 20vw;
		margin:5vw 0 0;
		text-align:left;
	}
	.privacy_agree span {
		display:block;
		margin:2vw 0 0;
		width:100%;
		font-size:3.4vw;
	}
	.required_txt {
		margin:0 0 1vw;
		font-size:3.4vw;
	}

	#join_form > tbody > tr > th {
		text-align:center;
		padding:3vw 1vw;
		font-size:3.4vw;
		word-break:keep-all;
	}
	#join_form > tbody > tr > td {
		font-size:3.4vw;
		padding:3vw 2vw 3vw 4vw;
	}
	#join_form > tbody > tr > td input[type="text"].input,
	#join_form > tbody > tr > td input[type="password"].input {
		width:100% !important;
	}
	#join_form > tbody > tr > td input[type="text"].input.phone_input {
		width:29% !important;
	}
	#check_text {
		align-items:flex-start;
	}
	#check_text dt {
		width:18vw;
		height:7vw;
		background-size:contain;
	}
	#check_text dd {
		padding:0 0 0 2vw;
	}
	input.mob_100 {width:100%;}
	


}

/*프린트 핵 css*/
@page {
	size: A4;
	margin: 0;
}
@media print {
	html, body {
	width: 210mm;
	height: 297mm;
}
.naming_wrap{
	width: 21cm;
	min-height: 29.7cm;
	padding: 2cm;
	margin: 0 auto;
}