@import url("/font/NotoKR-Bold/stylesheet.css");
@import url("/font/NotoKR-Light/stylesheet.css");
@import url("/font/NotoKR-Medium/stylesheet.css");
@import url("/font/NotoKR-Regular/stylesheet.css");
@import url("/font/NotoKR-Thin/stylesheet.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,800');

a:link { color:#666; text-decoration: none }
a:visited { color:#666; text-decoration: none }
a:hover { color:#000; text-decoration: none }
a:active { color: #666; text-decoration: none }

form { margin:0; }
p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size: 14px; color:#666; line-height: 100%;}
*{ font-size: 14px; color: #666; line-height:100%; font-weight:normal; font-family:'NotoKR-Regular', sans-serif;}

select {font-size:13px; color:#666666; border:1px solid #d4d4d4; background-color:#ffffff; padding:12px 4px;}
.input {border:0px; font-size:13px; color:#545454; border:1px solid #d4d4d4; background-color:#ffffff; padding:8px 4px;}
.search_input { font-size:13px; color:#555;  border: #d4d4d4 1px solid; background-color: #ffffff;}
.textarea {font-size:13px; color:#666666; border:1px solid #ddd; line-height:19px;}


/* 버튼 스타일 */
.btn_w {display:inline-block; background:#fff; text-align:center; color:#666; font-weight:500; border:1px solid #a3a3a3;}
.btn_w:hover{background-color:#f9f9f9}
.btn_wb {display:inline-block; background:#fff; text-align:center; color:#424242; font-weight:500; border:1px solid #424242;}
.btn_wb:hover{background-color:#f9f9f9}
.btn_ag {display:inline-block; background:#fff; text-align:center; color:#424242; font-weight:500; border:1px solid #424242;}
.btn_ag:hover{background-color:#f9f9f9}
.btn_b {display:inline-block; background:#424242; text-align:center; color:#fff; font-weight:500; border:none;}
.btn_b:hover{background-color:#333}
.btn_g {display:inline-block; background:#6b6b6b; text-align:center; color:#fff; font-weight:500; border:none;}
.btn_g:hover{background-color:#555}
.btn_i {display:inline-block; background:#3e3d3c; text-align:center; color:#fff; font-weight:500; border:none;}
.btn_i:hover{background-color:#333}
.btn_blue {display:inline-block; background:#34a2ef; text-align:center; color:#fff; font-weight:500; border:none;}
.btn_blue:hover{background-color:#118cdf}


/* 인풋 */
input.input_login {border:1px solid #ddd; color:#666; font-size:13px; padding:0 12px; height:36px; line-height:36px; vertical-align:middle;}
input.input_idpw {border:1px solid #ddd; color:#666; font-size:13px; padding:0 12px; height:36px; line-height:36px; vertical-align:middle;}
input[type=checkbox] {width:16px; height:16px; margin:0; font-size:13px; color:#666; vertical-align:middle; margin-right:4px}
input[type=radio] {width:16px; height:16px; color:#666; font-size:13px; vertical-align:middle;}

input.input_num {width:73px;}
input.input_date {width:68px;}
input.input_id {width:180px;}
input.input_resno {width:132px;}
input.input_s {width:125px;}
input.input_m {width:280px;}
input.input_l {width:500px;}
input.input_file {border:1px solid #d0d0d0; padding:7px; width:282px; background:none;}

/* 여백 */

/* pad */
.bpad_5 {padding-bottom:5px;}
.bpad_10 {padding-bottom:10px;}
.bpad_15 {padding-bottom:15px;}
.bpad_20 {padding-bottom:20px;}
.bpad_30 {padding-bottom:30px;}
.bpad_40 {padding-bottom:40px;}
.bpad_50 {padding-bottom:50px;}

.rpad_3  {padding-right:3px;}
.rpad_5  {padding-right:5px;}
.rpad_10 {padding-right:10px;}
.rpad_15 {padding-right:15px;}
.rpad_20 {padding-right:20px;}
.rpad_30 {padding-right:30px;}

.bmar_30 {margin-bottom:30px;}


/***** 로그인 ****/
#login_box {position:relative;}
.login_box {margin:0 auto; width:578px; padding:60px 0; border:1px solid #ddd;}
#login_box h2 {color:#333; font-size:20px; padding-bottom:15px; font-weight:500;}
#login_box h2 span {font-size:13px; color:666; font-weight:500; margin-left:15px;}
#login_box > div {margin:0 auto; width:470px;}
#login_box .login {}
#login_box dl {position:relative;}
#login_box dt {position:absolute; top:0; right:0; width:158px;}
#login_box .btn_b {display:inline-block; width:158px; height:87px; line-height:87px; cursor:pointer;}
#login_box dd {width:295px; margin-bottom:11px;}
#login_box dd .input_login {width:270px;}
#login_box .login_input input.btn_b {font-size:16px ;}
#login_box .login_checkbox {padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:15px;}
#login_box .member_btn {margin-bottom:30px;}
#login_box .member_btn a:link, 
#login_box .member_btn a:visited {display:inline-block; margin-right:10px; height:44px; line-height:44px;}
#login_box .member_btn a:last-child {width:306px; margin-right:0;}
#login_box .member_btn .btn_g:link, 
#login_box .member_btn .btn_g:visited {width:149px; color:#fff !important;}
#login_box .sns_login {text-align:right; color:#333; font-weight:normal; font-family:'NotoKR-Bold', sans-serif; margin-bottom:35px;}
#login_box .sns_login img {margin-left:3px; vertical-align:middle;}

#login_box .login_order {margin-top:50px; padding-top:40px; border-top:1px dashed #ccc;}
#login_box .login_order .btn_wb {display:block; width:100%; height:57px; line-height:57px; font-size:16px;}
#login_box .login_order p {background:url('image/icon_info.gif') left 4px no-repeat; padding-left:20px; color:#999; font-size:12px; letter-spacing:-0.5pt; margin-top:20px;}
#login_box .login_orderlist {margin-top:50px; padding-top:40px; border-top:1px dashed #ccc;}

/***** 아이디 / 비번찾기 *****/
#id_box p.mem_txt {padding-bottom:20px; color:#888;}
#id_box h2 {color:#333; font-size:20px; padding-bottom:10px; font-weight:500;}
#id_box > div {margin:0 auto; width:470px;}
#id_box dl {position:relative;}
#id_box dt {position:absolute; top:0; right:0; width:158px;}
#id_box .btn_i {display:inline-block; width:158px; height:87px; line-height:87px;}
#id_box .btn_p {display:inline-block; width:158px; height:136px; line-height:87px;}

#id_box dd {width:295px; margin-bottom:11px;}
#id_box dd .input_idpw {width:270px;}
#id_box .idpw_check {padding-top:10px; letter-spacing:-0.3pt;}
#id_box strong{ font-weight:normal; font-family:'NotoKR-Bold', sans-serif; color:#333; display:inline-block; padding-right:25px; }
#id_box .id_search .btn_b {width:158px; height:87px; line-height:87px; font-size:16px; cursor:pointer;}
#id_box .pw_search .btn_b {width:158px; height:136px; line-height:136px; font-size:16px; cursor:pointer;}


/***** SNS 가입 *****/
#joinType{position:relative; overflow:hidden; border:1px solid #ddd; padding:20px 0;}
#joinType dl{float:left; width:50%; box-sizing:border-box; text-align:center; padding:25px 0 30px 0}
#joinType dl.type2{border-left:1px dashed #ddd}
#joinType dl dd a{display:block; width:203px; line-height:55px; margin:0 auto; font-size:14px; letter-spacing:-0.5pt; color:#fff; font-weight:normal; font-family:'NotoKR-Bold', sans-serif}
#joinType dl.type1 dd a{background-color:#3e3d3c}
#joinType dl.type1 dd a:hover{background-color:#000}
#joinType dl.type2 dd a{text-align:left; padding:0 0 0 50px; box-sizing:border-box; margin-bottom:2px}
#joinType dl.type2 dd .face{background:#3e559a url('image/join_facebook.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .face:hover{background:#334b92 url('image/join_facebook.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .twitter{background:#34aee1 url('image/join_twitter.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .twitter:hover{background:#1ba2da url('image/join_twitter.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .kakao{background:#f8e910 url('image/join_kakao.gif') 22px 19px no-repeat; color:#493433}
#joinType dl.type2 dd .kakao:hover{background:#e5d600 url('image/join_kakao.gif') 22px 19px no-repeat; color:#493433}
#joinType dl.type2 dd .naver{background:#2db400 url('image/join_naver.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .naver:hover{background:#28a000 url('image/join_naver.gif') 22px 19px no-repeat;}
#joinType dl.type2 dd .google{background:#fff url('image/join_google.gif') 22px 19px no-repeat; color:#666; border:1px solid #ddd}
#joinType dl.type2 dd .google:hover{background:#f9f9f9 url('image/join_google.gif') 22px 19px no-repeat;}
#joinType dt{font-size:24px; color:#333; letter-spacing:-0.5pt; font-weight:normal; font-family:'NotoKR-Bold', sans-serif}
#joinType dt p{font-size:14px; color:#888; letter-spacing:-0.5pt; font-weight:100; padding-bottom:25px}


/***** 회원가입 동의 *****/
#joinAgree {}
#joinAgree label {font-weight:normal !important; font-family:'NotoKR-Medium', sans-serif;}
#joinAgree label span {color:#333;}
#joinAgree form > div {margin-bottom:20px;font-weight:normal; font-family:'NotoKR-Regular', sans-serif; }
#joinAgree .agreeAll {margin-bottom:20px;}
#joinAgree .agreeAll span {font-size:16px; font-weight:normal; font-family:'NotoKR-Bold', sans-serif;}
#joinAgree textarea {border-left:1px solid #e6e6e6; width:96%; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-top:1px solid #717171; padding:15px; letter-spacing:-0.3pt; margin:5px 0; height:150px;}
#joinAgree .agreePrivacy {}
#joinAgree .btn {text-align:center; }
#joinAgree .btn input[type=button] {width:201px; height:55px; line-height:52px; cursor:pointer;}

#joinAgree .nameCheck {border:1px solid #ddd; padding:20px 0; margin-bottom:30px;}
#joinAgree .nameCheck h2 {font-size:16px; font-weight:normal; font-family:'NotoKR-Bold', sans-serif; padding:0 0 13px 13px; border-bottom:1px dashed #ccc; margin-bottom:30px; color:#333; }
#joinAgree .nameCheck dl {margin:20px auto; width:50%;}
#joinAgree .nameCheck dt, 
#joinAgree .nameCheck dd {margin-bottom:5px;}
#joinAgree .nameCheck span {display:inline-block; width:85px; font-weight:normal; font-family:'NotoKR-Bold', sans-serif; color:#333;}
#joinAgree .nameCheck input[type=text] {padding:0 8px;}


/***** 회원가입 input *****/
.mem_level {position:relative; overflow:hidden; margin-bottom:30px; background:#f6f6f6; padding:25px 20px;}
.mem_level ul {overflow:hidden; float:right;}
.mem_level li {float:left; padding:0 20px 0 15px; background:url(image/mem_arrow.png) right center no-repeat; text-align:center; font-size:16px; letter-spacing:-0.5pt;}
.mem_level li:last-child {background:none !important; padding-right:0;}
.mem_level li span {font-weight:normal; font-family:'NotoKR-Bold', sans-serif; }
.mem_level li.hover {color:#333; background:url(image/mem_arrow_up.png) right center no-repeat; text-align:center; font-weight:normal; font-family:'NotoKR-Bold', sans-serif;}
.mem_level li.hover span {font-weight:normal; font-family:'NotoKR-Bold', sans-serif; }

#join_input .join_input_tit {padding-bottom:10px; overflow:hidden;}
#join_input .join_input_tit h3 {font-size:16px; color:#333; font-weight:normal; font-family:'NotoKR-Bold', sans-serif; }
#join_input .join_input_tit h3 span {font-size:12px; float:right; color:#666; letter-spacing:-0.5pt; font-weight:400;}
#join_input .join_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid #333;}
#join_input .join_table th {color:#333; text-align:left; padding:18px 0 18px 12px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; font-weight:normal; font-family:'NotoKR-Medium', sans-serif;}
#join_input .join_table td {padding:12px 0 12px 12px; border-bottom:1px solid #d9d9d9;} 
#join_input .join_table .form_sub {display:inline-block; padding-top:10px; color:#666;}
#join_input .join_table input.add_num {margin-bottom:8px; width:152px;}
#join_input .join_table input.address {margin-bottom:8px;}
#join_input .join_table input.address_end {margin-bottom:0px;}
#join_input .join_table select {padding:8px 7px;}
#join_input .join_table input[type=text],
#join_input .join_table input[type=password] {border:1px solid #d0d0d0; color:#666; font-size:13px; padding:0 8px; height:33px; line-height:33px; vertical-align:middle;}
#join_input .join_table input[type=button]{ padding:9px 20px; border:1px solid #a3a3a3; color:#666; background:#fff; margin-left:5px; cursor:pointer;}
#join_input .join_table input[type=button]:hover{background-color:#f9f9f9}
#join_input .join_table .join_loca { width:100%; background:#f6f6f6; padding:25px 25px 20px 0; font-size:16px; font-weight:normal; font-family:'NotoKR-Bold', sans-serif; color:#999; font-family:'NotoKR-Regular', sans-serif;}
#join_input .join_table .join_loca span { color:#333; font-size:16px; font-weight:normal; font-family:'NotoKR-Bold', sans-serif; font-family:'NotoKR-Regular', sans-serif;}
#join_input .btn {text-align:center; padding-top:30px;}
#join_input .btn .btn_wb {width:201px; height:55px; line-height:52px; cursor:pointer;}
#join_input .btn .btn_b {width:201px; height:55px; line-height:52px; cursor:pointer;}

.join_table p.check{display:inline-block; width:16.666%; line-height:24px;}

#pop_search {font-family:'NotoKR-Regular', sans-serif; font-size:13px; color:#666;}
#pop_search h2 {position:relative; width:100%; background:#5b5e63; height:53px; line-height:53px; font-size:20px; padding-left:15px; color:#fff; font-weight:500; margin:0;}
#pop_search h2 a.pop_close {position:absolute; right:0px; top:0px; z-index:2; background:url(image/pop_close.gif); width:58px; height:53px; text-indent:-22222px;}
#pop_search p {text-align:center; padding:30px 0 15px 0px; font-size:13px;}
#pop_search p u {color:#333; font-weight:normal; font-family:'NotoKR-Bold', sans-serif;}
#pop_search .id_search {width:90%; margin:0 auto; background:#f6f6f6; padding:20px 0;}
#pop_search .id_search fieldset {width:90%; margin:0 auto; padding:0; border:0;}
#pop_search .id_search input {vertical-align:middle;}
#pop_search .id_search input[type=text] {border:1px solid #d0d0d0; color:#666; font-size:13px; height:33px; line-height:33px; vertical-align:middle; width:230px; padding:0 5px;}
#pop_search .id_search .btn_blue {width:91px; height:36px; cursor:pointer; font-family:'NotoKR-Regular', sans-serif; font-size:13px;}
#pop_search .id_result {text-align:center; padding:20px 0;}
#pop_search .id_result span {display:block; padding-bottom:10px;}
#pop_search .id_result a:link, 
#pop_search .id_result a:visited {width:150px; color:#333; height:33px; line-height:33px;}


/***** 회원가입 완료 *****/
#joinOk {text-align:center; padding:60px 0; border:1px solid #ddd;}
#joinOk h2 {font-size:25px; padding-bottom:10px; font-weight:500; color:#333; letter-spacing:-0.5pt;}
#joinOk p {font-size:13px; margin:0 auto 30px auto; width:70%; border-bottom:1px dashed #ccc; padding-bottom:25px;  letter-spacing:-0.5pt;}

#joinOk .btn_b {width:201px; height:55px; line-height:52px; margin:0 auto; cursor:pointer;}

/****** 회원탈퇴 ******/

#joinOut {}
#joinOut .join_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid #333;}
#joinOut .join_table th {color:#333; text-align:left; padding:12px 0 12px 12px; border-bottom:1px solid #d7d7d7; background:#f9f9f9;}
#joinOut .join_table td {padding:12px 0 12px 12px; border-bottom:1px solid #d9d9d9;} 
#joinOut .join_table input[type=text] {border:1px solid #d0d0d0; color:#666; font-size:13px; height:33px; line-height:33px; vertical-align:middle; padding:0 8px; width:95%;}
#joinOut .join_table textarea {height:150px; width:98%; padding:8px; box-sizing:border-box;} 
#joinOut .btn {text-align:center; padding-top:30px;}
#joinOut .btn .btn_wb {width:201px; height:55px; line-height:52px; cursor:pointer;}
#joinOut .btn .btn_b {width:201px; height:55px; line-height:52px; cursor:pointer;}

/** 회원구분 **/
.mem_division{border:1px solid #ddd; border-right:none;  overflow:hidden; clear:both; }
	.mem_division .mem_division_in{float:left; width:50%; box-sizing:border-box; border-right:1px solid #ddd;  text-align:center; padding:65px 0; min-height:406px}
	.mem_division_in h5{font-size:22px; font-weight:normal; font-family:'NotoKR-Bold', sans-serif; color:#333; letter-spacing:-1pt;}
	.mem_division_in p{font-size:15px; letter-spacing:-0.75pt; color:#858585;padding:6px 0 20px 0 }
	.mem_division_in a{display:block; width:280px; height:62px; line-height:62px; color:#fff; font-size:14px; letter-spacing:-0.7pt; margin:0 auto; background:#424242; }
		.mem_division_in a.btnFace{background:url('image/mem_btnFace.gif') no-repeat 62px 21px, #395f9f; text-align:left; text-indent:91px}
		.mem_division_in a.btnKakao{background:url('image/mem_btnKakao.gif') no-repeat 57px 21px, #fddc00; text-align:left; text-indent:91px; color:#61522b; }
		.mem_division_in a.btnNaver{background:url('image/mem_btnNaver.gif') no-repeat 60px 24px, #00c300; text-align:left; text-indent:91px}
	.mem_division_in li{margin:0 0 2px 0; }