@charset "euc-kr";

/* ¾à°üµ¿ÀÇ */
.member_join_content { color:#444; width:1000px; margin:0 auto; font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',dotum,AppleGothic,sans-serif; font-size:13px; }
.join_step { height:220px; padding-top:20px; background:url(/member/member_2013/img/member_stepBg.gif) repeat; font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',dotum,AppleGothic,sans-serif; border-bottom:1px solid #e0e0e0;}
.join_step ol { width:1000px; height:220px; background:#f4f4f4 url(/member/member_2013/img/step_new_arrow.png) center no-repeat; border:1px solid #e0e0e0; border-bottom:none; margin:0 auto; box-sizing:border-box; }
.join_step ol:after { content:""; clear:both; display:block; }
.join_step li { float:left; width:202px; box-sizing:border-box; height:115px; margin:55px 0 0 30px; font-size:17px; color:#fff;letter-spacing: -1px; }
.join_step .step01 { background:url(/member/member_2013/img/join_new_step01.png) no-repeat; }
.join_step .step02 { background:url(/member/member_2013/img/join_new_step02.png) no-repeat; }
.join_step .step03 { background:url(/member/member_2013/img/join_new_step03.png) no-repeat; }
.join_step .step04 { background:url(/member/member_2013/img/join_new_step04.png) no-repeat; }
.join_step li p { width:100px; text-align:center; margin:21px 0 0 103px;}
.join_step li span { font-size:14px;letter-spacing: 0;  }
.join_step li strong { display:inline-block; padding-top:10px; }
.join_step li:first-child { margin-left:50px; }
.join_step .step01.current { background:url(/member/member_2013/img/join_new_step01_current.png) no-repeat; }
.join_step .step02.current { background:url(/member/member_2013/img/join_new_step02_current.png) no-repeat; }
.join_step .step03.current { background:url(/member/member_2013/img/join_new_step03_current.png) no-repeat; }
.join_step .step04.current { background:url(/member/member_2013/img/join_new_step04_current.png) no-repeat; }
.member_join_content .subIndex_section { margin-bottom:50px; width:1000px !important; border:1px solid #e0e0e0; border-top:none; box-sizing:border-box; padding:50px 70px; }
.sub_txt_color{color:#0059A9;margin-bottom: 15px;font-weight: bold;}
.check_agree { font-size:16px; position:relative; }
.check_agree:after { content:""; clear:both; display:block; }
.check_agree .design_checkBox { cursor:pointer; display:inline-block; background:url(/member/member_2013/img/checkbox_bg.png) no-repeat; width:18px; height:18px; vertical-align:-3px; }
.check_agree .design_checkBox.on { background-position:0 -18px; }
.member_join_content .subIndex_section h2 { font-size:22px; border-bottom:2px solid #74849c; padding-bottom:10px; margin-bottom:15px; }
.check_agree .align_right { position:absolute; right:0; top:0; }	
.check_agree .comment { font-size:13px; color:#cf4545; }	
.member_join_content .clause_section { margin-top:30px; }
.member_join_content .clause_section .check_agree { background:#9b9b9b; color:#fff; font-size:14px; padding:5px 10px; }
.clause_section .check_agree .design_checkBox { vertical-align:-1px; }
.member_join_content .clause_list { width:816px; overflow:scroll; border:none; overflow-x:hidden; height:150px; background:#f4f4f4; margin-bottom:5px; border:1px solid #e0e0e0;}
.join_btnSection { text-align:center;  margin-top:35px;  }
.join_btnSection a { display:inline-block; width:170px; height:40px; background:#1290e7; font-weight:bold; color:#fff; padding-top:5px; box-sizing:border-box; font-size:18px; }
.join_btnSection a:after { content:" >" }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.join_btnSection a  { padding-top:6px; }
}/* Å©·ÒÇÙ */

.marginT35 { margin-top:35px; }
.join_section table { width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #e0e0e0; vertical-align: middle;}
.join_section table.borderN { border-top:none; }
.join_section table th,.join_section table td { padding:10px; border-bottom:1px solid #e0e0e0; text-align:left; font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',dotum,AppleGothic,sans-serif; color:#444; font-size:14px; }
.join_section table th {  vertical-align:top; font-weight:normal; font-size:16px;}
.join_section table input[type=text] { width:405px; height:36px; border:1px solid #e0e0e0; background:#f4f4f4;padding-left:10px; font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',dotum,AppleGothic,sans-serif; color:#444; }
.join_section table input[type=text].small { width:115px; }
.join_section table input[type=text].medium { width:272px; }
.join_section table input[type=text]:focus { outline:2px solid #2ba9ea; border:1px solid #2ba9ea; }
.join_section table input[type=password] { width:405px; height:36px; border:1px solid #e0e0e0; background:#f4f4f4;padding-left:10px; font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',dotum,AppleGothic,sans-serif; color:#444; }
.join_section table input[type=password].small { width:115px; }
.join_section table input[type=password].medium { width:272px; }
.join_section table input[type=password]:focus { outline:2px solid #2ba9ea; border:1px solid #2ba9ea; }
.join_section table th .imporant { font-size:18px; font-weight:bold; color:#cf4545;vertical-align:middle }
.join_section .relative { position:relative; }
.join_section .placeholder { position:absolute; top:8px; left:10px; color:#888; font-size:13px; }
.join_section td .btn_join { font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',dotum,AppleGothic,sans-serif; display:inline-block; height:36px; color:#fff; width:165px; font-size:16px; background:#989898; border:none; margin-bottom: 3px;}

.select_design { float:left; }
.select_design:after { content:""; display:block; clear:both; }
.select_design .design { position:relative; background:#fff; float:left;}
.select_design .design > a { display:inline-block; width:114px; padding: 9px 0 0 10px; border:1px solid #e0e0e0; height:30px; background:#f4f4f4 url(/member/member_2013/img/btn_select_open.png) no-repeat right center; cursor:pointer;}
.select_design .design > a.close { background:#f4f4f4 url(/member/member_2013/img/btn_select_close.png) no-repeat right center; }
.select_design .design ul { position:absolute; left:0; top:37px; background:#fff; border:1px solid #666f7a; border-top:none; width:98%; overflow:auto; overflow-x:hidden; max-height: none; min-width: none;}
.select_design .design li { border-top:1px dashed #ccc; }
.select_design .design li > a { display:inline-block; padding:3px 0 6px 10px; width:100%; }
.select_design .design li > a:hover { background:#f2f3f5; }
.join_section .inline_input { float:left; margin-right:6px;  }
.join_section .radio_list li { display:inline-block; margin-right:12px; }
.join_section .resting_list{margin-top: 10px;}
.join_section .resting_list li{line-height: 1.6;text-indent: -11px;padding-left: -11px;}
.join_section .resting_list li p{font-size: 14px;}
.join_section .resting_list li:nth-child(3) p{color: #0089f2;}
.join_section .resting_list li strong{font-weight: 600;}
.join_section .event_agree {background:#c7c7c7; color:#fff; font-size:13px; height:50px; box-sizing:border-box; padding:14px 0 0 20px; }
.member_join_content .join_info:after { content:""; display:block; clear:both; }
.member_join_content .info_detail { width:370px; height: 212px; float:left; border-bottom:1px solid #e0e0e0; }
.member_join_content .info_detail h3 { background:#0089f2; text-align:center; height:50px; color:#fff; font-weight:normal; box-sizing:border-box; padding-top:12px; }
.member_join_content .join_endBanner { width:440px; float:right; }
.member_join_content .join_end { text-align:center; margin-bottom:40px; font-size:16px; }
.member_join_content .join_end h2 { border-bottom:none; font-size:30px; font-weight:bold; margin-bottom:0; }
.member_join_content .join_info dt,.member_join_content .join_info dd { display:inline-block; }
.member_join_content .join_info { margin-bottom:30px; }
.member_join_content .join_info dl { margin:18px 0 0 30px; }
.member_join_content .join_info dt { position:relative; width:60px; }
.member_join_content .join_info dd { padding-left:18px;  }
.member_join_content .join_info dt:after { position:absolute; right:0; top:0; content:"|"; color:#e0e0e0;}
.member_join_content .design_radio span { cursor:pointer; display:inline-block; width:25px; height:25px; vertical-align:2px;}
.member_join_content .design_radio span { background:url(/member/member_2013/img/radio_bg.png) no-repeat; }
.member_join_content .design_radio span.on { background-position:0 -25px;  }

/*20.07.21*/
.privacy_table_join{text-align:center;box-sizing: border-box;margin-top:10px;}
.privacy_table_join th{background:#ddd;color:#666;border-right:1px solid #ccc;}
.privacy_table_join th:last-child{border-right:0;}
.privacy_table_join td{border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.privacy_table_join td:first-child{border-left:1px solid #d9d9d9;}

/*21.08.25*/
.join_section .notes_list {margin-top: 5px;}
.join_section .notes_list li {margin-left: 8px; text-indent: -9px; font-size: 13px;}
.join_section .notes_list li::before {content: "- ";}
.join_section .notes_list li span {color: #0089F2;}

/* 23.09.25 */
.subIndex_section h4{font-size: 22px;padding-bottom: 15px;border-bottom: 2px solid #74849c;color: #444;margin: 35px 0 20px 0;}
.subIndex_section>p{text-align: center;font-size: 14px;color: #444;font-weight: 600;margin-top: 40px;}
.clause_list > dl > dd > ol > li > ul.num_parens > li { background:none; padding-left:0; margin-top:5px; }
.select_design .mail_list li{width: 100%;}
.select_design .design_high{margin-bottom: -13px;}
.select_design .design_year{margin-bottom: -15px;}
.select_design .designmajor{margin-top:10px;width:150px;height: 38px;}
.select_design .designmajor .mail_list{width: 107%;}
.select_design .designsn{margin-right: 10px;}
.select_design .design11{width: 175px;margin-right: 10px;}
.select_design .design11 a{width: 100%;}
.select_design .design11 .mail_list{width: 106%;}
.select_design .design13{width: 300px;}
.select_design .design13 a{width: 100%;}
.select_design .design13 .mail_list{width: 103.5%;}
.join_section th.vam{vertical-align: middle;}
.join_section label{cursor: pointer;}
.join_section .td06_title01{float: left;margin-right: 10px;display: block;margin-top: 10px;}
.join_section .relativeex input[type=text]{width: 170px;}
.join_section .relativeex .btn_join{width: 120px;margin-right: 50px;}
.join_section .relativeex p{margin-top: 5px;}
.join_section .radio_list03{margin-bottom: 13px;}
.join_section .radio_list07 input[type=text]{width: 90px;}
.join_section .relativegrade input[type=text]{width: 90px;}
.join_section .relativegrade input[type=checkbox]{margin-left: 35px;}
.join_section .relativesn{margin-left: 350px;margin-top: 10px;}
.join_section .relativeeng{display: flex;flex-wrap: wrap;line-height: 40px;}
.join_section .relativeeng input[type=text]{width: 90px;}
.join_section .relativeeng input[type=text]:nth-of-type(1){margin-bottom: 5px;}
.join_section .relativeeng input[type=text]:nth-of-type(1)+span{margin-right: 40px;}
.join_section .relativeeng input[type=text]:nth-of-type(2)+span{margin-right: 63px;}
.join_section .relativeeng label{width: 75px;display: block;line-height: 40px;}
.join_section .relativeeng input[type=checkbox]{margin-left: 40px;margin-right: 5px;}
.join_section .relativerank{margin-bottom: 5px;}
.join_section .relativemajor{margin-bottom: 5px;margin-left: 10px;}
.join_section .relativerank input[type=text]{width: 130px;}
.join_section .relativemajor input[type=text]{width: 130px;}
.join_section .relativerank .btn_join{width: 80px;font-size: 13px;}
.join_section .relativemajor .btn_join{width: 80px;font-size: 13px;}


/* ȸ¿ø°¡ÀÔ ¾à°üµ¿ÀÇ ¼öÁ¤ 25.09.25 / 20250925 */
	.member_join_content .subIndex_section h2 {margin-bottom: 18px;}
	.member_join_content .check_agree {padding: 20px 10px; color: #444; font-size: 16px;}
	.member_join_content .check_agree .chk_txt {display: flex; gap: 10px; align-items: center; cursor: pointer;}
	.member_join_content .check_agree .comment {margin: 5px 0 0 25px; color: #444;}
	.member_join_content .color_box {background-color: #fbfafa;}

	.member_join_content .clause_section {margin: 0; border-bottom: 1px solid #e0e0e0;}
	.member_join_content .clause_section .check_agree {padding: 20px 10px; color: #444; font-size: 16px; background-color: #fff;}
	.member_join_content .clause_section .check_agree .design_checkBox {vertical-align: 0;}
	.member_join_content .clause_section .check_agree label {position: relative;}
	.member_join_content .clause_section .check_agree .chk_txt {display: flex; gap: 10px; align-items: center; cursor: pointer;}
	.member_join_content .clause_section .check_agree strong span {color: #989898;}
	.member_join_content .clause_section .check_agree .btn_pop {position: absolute; top: -3px; right: 20px; display: flex; align-items: center; justify-content: center; width: 86px; height: 30px; color: #444; font-size: 12px; font-weight: bold; background-color: #e0e0e0;}

	.member_join_content .clause_section .check_agree_sub {display: flex; gap: 50px; margin: 20px -10px -20px; padding: 20px 0 20px 38px;}
	.member_join_content .clause_section .check_agree_sub .design_checkBox {background: url(/member/member_2013/img/checkbox2_bg.png) no-repeat; width: 16px; height: 16px;}
	.member_join_content .clause_section .check_agree_sub .design_checkBox.on {background-position: 0 -16px;}

	/* ȸ¿ø°¡ÀÔ ¸ð´Þ Æ˾÷ (S) */
	.member_join_content .layer_wrap {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999;}
	.member_join_content .layer_wrap * {box-sizing: border-box;}
	.member_join_content .layer_wrap .dim_bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}
	.member_join_content .layer_wrap .layer_inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
	.member_join_content .layer_wrap .layer_box {overflow: hidden; position: relative; width: 800px; background-color: #fff; border-radius: 12px;}
	.member_join_content .layer_wrap .layer_box .head {position: sticky; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 70px; background-color: #fff; border-bottom: 4px solid #edeef0;}
	.member_join_content .layer_wrap .layer_box .head .layer_close {position: absolute; top: 0; right: 0; padding: 20px;}
	.member_join_content .layer_wrap .layer_box .head h1 {padding: 25px 80px 0 40px; width: 100%; color: #444; font-size: 22px;}
	.member_join_content .layer_wrap .layer_box .head h1 span {color: #989898;}
	.member_join_content .layer_wrap .layer_box .cont {overflow: hidden; overflow-y: auto; width: 100%; max-height: 70vh;}

	.member_join_content .clause_list {overflow: initial; overflow-x: initial; margin: 0; padding: 36px 40px 40px; width: 100%; height: auto; background-color: #fff; border: 0;}
	.member_join_content .privacy_table_join {border-collapse: collapse; margin: 10px 0;}
	.member_join_content .privacy_table_join th {padding: 8px; border: 1px solid #ccc;}
	.member_join_content .privacy_table_join th:last-child {border: 1px solid #ccc;}
	.member_join_content .privacy_table_join td {padding: 8px; border: 1px solid #d9d9d9;}
	/* ȸ¿ø°¡ÀÔ ¸ð´Þ Æ˾÷ (E) */
/* ȸ¿ø°¡ÀÔ ¾à°üµ¿ÀÇ ¼öÁ¤ 25.09.25 / 20250925 */