@charset "utf-8";

/* 버튼 */
.btn_black{ display:inline-block; background-color:#575d70; border-radius:3px; font-family:"Nanum"; font-size:15px; color:#fff; padding:0 10px; border:1px solid #575d70; height:48px; line-height:48px; text-align:center}
.btn_black:hover{background-color:#6b7184; border-color:#6b7184}
.btn_orange{ display:inline-block; background-color:#f05000; border-radius:3px; font-family:"Nanum"; font-size:15px; color:#fff; padding:0 10px; border:1px solid #f05000; height:48px; line-height:48px; text-align:center}
.btn_ornage:hover{background-color:#f96419; border-color:#f96419}
.btn_line{display:inline-block; background-color:#fff; border-radius:3px; font-family:"Nanum"; font-size:15px; color:#575d70; padding:0 10px; border:1px solid #c1c1c1; height:48px; line-height:48px; text-align:center}
.btn_line:hover{background-color:#fbfbfb; border-color:#d0d0d0}
.btn_gray{ display:inline-block; background-color:#686868; border-radius:3px; font-family:"Nanum"; font-size:14px; color:#fff; padding:0 24px; height:40px; line-height:40px; text-align:center}
.btn_gray:hover{background-color:#777}



/* 로그인 */
.login_wrap_main{ width:100%; padding:40px 0 0; position:relative; overflow:hidden; text-align:center}
.login_wrap_main h2{ font-family:"NanumBold"; font-size:30px; color:#111; text-align:center; display:inline-block; *display:inline; zoom:1; padding-bottom:12px; border-bottom:2px solid #494858; margin: 0 0 25px}
.login_wrap_main .login_box_01{ border:1px solid #d6d6d6; padding:0 0 40px}

.login_wrap_main .tab{height:51px; overflow:hidden; margin:0 0 50px}
.login_wrap_main .tab ul{ overflow:hidden; line-height:50px;}
.login_wrap_main .tab ul li{ float:left; width:33%; *width:33.3%; height:50px; border-bottom:1px solid #d6d6d6; background:#f4f4f4 url(/images/login/tab_line.gif) no-repeat 0 center}
.login_wrap_main .tab ul li:first-child{ background-image:none}
.login_wrap_main .tab ul li a{ display:block; text-align:center; font-family:"Nanum"; font-size:16px; color:#666}
.login_wrap_main .tab ul li a:hover{ text-decoration:underline}
.login_wrap_main .tab ul li.on{ background-color:#fff; border-bottom:1px solid #fff;}
.login_wrap_main .tab ul li.on a{font-family:"NanumBold"; color:#111}
.login_wrap_main .tab ul li.on a:hover{ text-decoration:none}

.login_wrap_main .login_box_01 .inner{ width:416px; margin:0 auto; overflow:hidden; text-align:center}
.login_wrap_main .login_box_01 .inner.off{display:none}

.login_wrap_main .tit{ font-size:30px; font-family:"NanumBold"; color:#111; text-align:center; margin:0 0 11px; display:inline-block; *display:inline; zoom:1; padding-bottom:12px; border-bottom:2px solid #494858; margin: 0 0 14px}
.login_wrap_main .txt_con{ font-size:15px; line-height:150%; font-family:"Nanum"; color:#333; text-align:center; margin:0 0 22px}

	/* 회원 */
	.login_form dd{ margin-bottom:8px}
	.login_form dd input{ border:1px solid #dadada; border-radius:3px; width:386px; height:38px; line-height:38px; padding:0 14px}
	.login_form .btn_submit{ margin:16px 0 24px; width:100%; background-color:#575d70; border-radius:3px; font-family:"Nanum"; font-size:16px; color:#fff; height:52px; line-height:52px; text-align:center}
	.login_form .btn_submit:hover{background-color:#6b7184}
	.login_box_01 .cont_link{ text-align:center}
	.login_box_01 .cont_link a{ font-size:12px; font-family:"dotum"; color:#666; display:inline-block; padding:4px 12px; font-weight:bold; text-decoration:underline; background:url(/images/login/cont_link_bg.gif) no-repeat 0 5px}
	.login_box_01 .cont_link a:first-child{ background:none}
	.login_box_01 .cont_link a:hover{ color:#36C}
	/* 비회원 */
	.login_wrap_main .login_box_01 .inner p{ text-align:center; color:#333; font-size:19px; font-family:"NanumBold"; line-height:150%; padding:0 0 43px}
	.login_wrap_main .login_box_01 .inner p span{ color:#1c8ff0}
	.login_wrap_main .login_box_01 .inner .btn_black{width:200px; margin:0 0 24px}
	.login_wrap_main .login_box_01 .inner .btn_black + .btn_black{ margin-left:10px}



.privacy_wrap_main{width:100%; position:relative; padding:30px 0 0; overflow:hidden; }
.privacy_wrap_main .step{ overflow:hidden; width:90%; background:url(/images/login/step_bg.gif) repeat-x 0 bottom; padding:0 0 38px; margin: 0 auto 29px}
.privacy_wrap_main .step ul{ overflow:hidden; width:76%; margin:0 auto; background:url(/images/login/step_ul_bg.gif) no-repeat center 26px}
.privacy_wrap_main .step ul li{ float:left; margin-left:4%; width:22%; *width:21.9%; font-family:"NanumBold"; font-size:14px; color:#666; text-align:center; padding:57px 0 0;}
.privacy_wrap_main .step ul li:first-child{margin-left:0}
.privacy_wrap_main .step ul li.step_01{ background:url(/images/login/step_1.png) no-repeat center 0}
.privacy_wrap_main .step ul li.step_02{ background:url(/images/login/step_2.png) no-repeat center 0}
.privacy_wrap_main .step ul li.step_03{ background:url(/images/login/step_3.png) no-repeat center 0}
.privacy_wrap_main .step ul li.step_04{ background:url(/images/login/step_4.png) no-repeat center 0}
.privacy_wrap_main .step ul li.step_01.on{ background:url(/images/login/step_1_on.png) no-repeat center 0; color:#000}
.privacy_wrap_main .step ul li.step_02.on{ background:url(/images/login/step_2_on.png) no-repeat center 0; color:#000}
.privacy_wrap_main .step ul li.step_03.on{ background:url(/images/login/step_3_on.png) no-repeat center 0; color:#000}
.privacy_wrap_main .step ul li.step_04.on{ background:url(/images/login/step_4_on.png) no-repeat center 0; color:#000}

/*191218수정*/
.privacy_wrap_main .tit{ font-size:16px; font-family:"NanumBold"; color:#007cc9;;}
.privacy_wrap_main .tit02 { font-size:15px; line-height:1.4; font-family:"NanumBold"; color:#111;  } 
.privacy_wrap_main .box_01{ font-family:"Nanum";  font-size:13px; line-height:1.4; padding:15px; border:1px solid #c8d1db; background:#f7f7f7;}
.privacy_wrap_main .privacy_list li {font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum";  }
.privacy_wrap_main .privacy_list01 li { background: url(../images/sub/bu_dot.gif) no-repeat left 7px;padding-left:15px;  font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; }
.privacy_wrap_main .privacy_list02 li { background: url(../images/sub/bu_minus.gif) no-repeat 17px 7px; padding-left:28px; font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum";  }
.privacy_wrap_main .fs13 {font-size:13px; font-family:"Nanum";  color:#444; line-height:20px;}
.privacy_wrap_main .fs14 {font-size:14px; font-family:"Nanum";  color:#444; line-height:21px;}
.privacy_wrap_main .fs16 {font-size:16px; font-family:"NanumBold";  color:#444; line-height:24px;}
.pc_blue {color:#007cc9;}
.pc_green {color:#00a663;}
.pc_red {color:#f25953;}
.hrGrydot {width:100%; margin-bottom:15px; padding-top:15px; border-bottom:1px dotted #c8d1db; clear:both;}
.privacy_wrap_main .txt_con{ font-size:15px; line-height:150%; font-family:"Nanum"; color:#333; text-align:center; margin:0 0 22px}
.privacy_wrap_main .boxType1{ border:1px solid #d6d6d6; overflow:hidden; margin:0 0 30px}
.privacy_wrap_main .chk_all{border-bottom:1px solid #d6d6d6; padding:14px 0 4px; overflow:hidden}
.privacy_wrap_main .chk_all br{ display:none}
.privacy_wrap_main .tit2{ display:block; width:100%; height:24px; margin:0 auto 10px; position:relative}
.privacy_wrap_main .tit2 label{ display:block; width:100%; height:24px; text-align:center; line-height:24px; font-size:18px; font-weight: bold; z-index:10; color:#111}
.privacy_wrap_main .input_chk{ display:block; width:100%; height:24px; margin:10px auto 10px; position:relative}
.privacy_wrap_main .input_chk label{ display:block; width:100%; height:24px; position:absolute; left:0; top:0; line-height:24px; font-size:14px; font-weight: bold; z-index:10; color:#111; text-align:left}

.privacy_wrap_main .terms_bx_list{ width:90%; margin:0 auto; padding:5px 0 0}
.privacy_wrap_main .terms_bx_list li{ padding:0 0 30px}
.privacy_wrap_main .terms_box{ text-align:left; color:#666; border:1px solid #e9e9e9; background:#f7f7f7; padding:8px 10px; font-family:"Dotum"; font-size:12px; line-height:150%}
.privacy_wrap_main .terms_box h3{ font-weight:bold; font-family:"Dotum";}
.privacy_wrap_main .terms_box .pdTop{ padding-top:10px;}

.privacy_wrap_main .terms_box2{ text-align:left; color:#666; background:#fff; padding:8px 10px; font-family:"Dotum"; font-size:12px; line-height:150%}
.privacy_wrap_main .terms_box2 h3{ font-weight:bold !important; font-family:"Dotum" !important; }

.privacy_wrap_main .btn_area .btn_black{ height:40px; line-height:40px; font-size:14px; width:137px}
.privacy_wrap_main .btn_area .btn_black + .btn_black{ margin-left:10px}

.privacy_wrap_main .tab{height:51px; background:#f4f4f4; overflow:hidden; margin:0 0 50px}
.privacy_wrap_main .tab ul{ overflow:hidden; line-height:50px;}
.privacy_wrap_main .tab ul li{ float:left; width:33.3%; height:50px; border-bottom:1px solid #d6d6d6; background:#f4f4f4 url(/images/login/tab_line.gif) no-repeat 0 center}
.privacy_wrap_main .tab ul li:first-child{ background-image:none}
.privacy_wrap_main .tab ul li a{ display:block; text-align:center; font-family:"Nanum"; font-size:16px; color:#666}
.privacy_wrap_main .tab ul li a span br{ display:none}
.privacy_wrap_main .tab ul li a:hover{ text-decoration:underline}
.privacy_wrap_main .tab ul li.on{ background-color:#fff; border-bottom:1px solid #fff;}
.privacy_wrap_main .tab ul li.on a{font-family:"NanumBold"; color:#111}
.privacy_wrap_main .tab ul li.on a:hover{ text-decoration:none}

.privacy_wrap_main  .accr_list{ width:696px; margin:0 auto; padding:0 0 50px}
.privacy_wrap_main  .accr_list > ul > li{ display:none}
.privacy_wrap_main  .accr_list > ul > li.on{ display:block; border-bottom:1px solid #eaeaea; padding:0 0 45px; margin-bottom:50px}

.listType1{ overflow:hidden; text-align:left}
.listType1 li{ background:url(/images/login/list_bg1.png) no-repeat 0 4px; padding-left:20px; font-family:"Nanum"; font-size:14px; color:#333; line-height:150%; margin:3px 0}

.privacy_wrap_main  .accr_list .btn_black{font-family:"NanumBold"; font-size:15px; height:48px; line-height:48px; width:156px; margin-left:10px}
.privacy_wrap_main  .accr_list .btn_line{font-family:"NanumBold"; font-size:15px; height:48px; line-height:48px; width:156px}


.user_info_tbl{ width:696px; margin:0 auto; padding:40px 0 40px}
.user_info_tbl table{ width:100%; border-top:1px solid #686868; margin-bottom:40px}
.user_info_tbl table th, .user_info_tbl table td{border-bottom:1px solid #e0e0e0; padding:12px; line-height:150%; text-align:left}
.user_info_tbl table th{font-weight:normal; font-family:"NanumBold"; font-size:15px}
.user_info_tbl table th .esstl{background:url(/images/login/esstl_bg.gif) no-repeat 0 top; padding-left:14px}
.user_info_tbl table td{ font-size:12px; color:#666}
.user_info_tbl table td input{ border:1px solid #b8b8b8; border-radius:3px; width:80%; background-color:#f7f7f7; height:28px; line-height:28px; padding:0 4px; font-size:14px; color:#666}
.user_info_tbl .btn_black{font-family:"NanumBold"; font-size:15px; height:48px; line-height:48px; width:156px; margin-left:10px}
.user_info_tbl .btn_line{font-family:"NanumBold"; font-size:15px; height:48px; line-height:48px; width:156px}


.privacy_wrap_main .complete { width:90%; margin:0 auto}
.privacy_wrap_main .complete .box{border:1px solid #d0d0d0; border-radius:10px; overflow:hidden; text-align:center; background:#f4f4f4 url(/images/login/icon_thankyou.png) no-repeat center 32px; padding:190px 10px 50px; margin:0 0 30px}
.privacy_wrap_main .complete .box .big{font-family:"NanumBold"; font-size:34px; color:#000; line-height:150%; margin:0 0 10px}
.privacy_wrap_main .complete .box .txt{font-family:"Nanum"; font-size:15px; line-height:150%; color:#333}
.privacy_wrap_main .complete .box .txt br{ display:none}
.privacy_wrap_main .complete .btn_black{font-family:"NanumBold"; font-size:15px; height:48px; line-height:48px; width:156px}

.find_idpw{width:100%; position:relative; padding:30px 0 0; overflow:hidden; text-align:center}
.find_idpw .tit{ font-size:30px; font-family:"NanumBold"; color:#111; text-align:center; margin:0 0 11px; display:inline-block; *display:inline; zoom:1; padding-bottom:12px; border-bottom:2px solid #494858; margin: 0 0 14px}
.find_idpw .txt_con{ font-size:15px; line-height:150%; font-family:"Nanum"; color:#333; text-align:center; margin:0 0 22px}
.find_idpw .boxType2{ border:1px solid #d6d6d6; padding:40px 10px; overflow:hidden; background:#fafafa}
.find_idpw .listType1{ width:696px; margin:0 auto 30px; padding:0 0 25px; border-bottom:1px solid #e0e0e0;}
.find_idpw .boxType2 .btn_gray{ width:160px}
.find_idpw .boxType2 .btn_gray + .btn_gray{ margin-left:8px}

.find_idpw .boxType2 .big_font{font-size:34px; font-family:"NanumBold"; color:#000; line-height:150%; margin-bottom:30px}
.find_idpw .boxType2 .big_font br{ display:none}
.find_idpw .boxType2 .big_font span{ color:#f05000}
.find_idpw .boxType2 .btn_line, .find_idpw .boxType2 .btn_orange { width:120px; font-size:14px; height:40px; line-height:40px;}
.find_idpw .boxType2 .btn_line + .btn_orange { margin-left:8px}

.find_idpw .boxType1{ border:1px solid #d6d6d6; overflow:hidden; margin:0 0 30px}


.data th, .data td{text-align:center !important}

.titT1 { margin-bottom:.5rem; font-size:1.1rem; line-height:1.3; font-weight:700; color:#2c73c3; font-family:"SCDream"; letter-spacing:-1px; word-break:keep-all; word-wrap:break-word;}
.privacyLayout{font-family: "Nanum"; color:#666;}
.policy.li_w30 li{display: inline-block; width: 15.8%; text-align: center; border: 1px dotted #cecece; margin-bottom: 5px;font-size:12px;}
.policy.li_w30 li p.img {width: 80%; margin: 0 auto;}
.policy.li_w30 li p.img img{width: 60%; padding:.5rem;}
.tit_list{font-size: 15px; line-height: 1.4; font-family: "NanumBold"; color: #111;margin-bottom:10px;}
.tit_list img{width: 50px;}
.privacyLayout .bu_link{padding-left:13px; font-size:14px; font-family:'Nanum'; color:#00539f; text-decoration:underline; background:url("/images/comm/popup/bu_link.png") no-repeat left 2px; margin-left:3px;}
.box_st3 { position:relative; background:#eef3f7; padding:1rem 1.5rem; }
.policy li a{color: inherit; text-decoration: none;}
.policy li a:hover{text-decoration: underline;}
.li_w50{overflow:hidden;}
.li_w50 > li {width:50%;float:left; margin-top:8px;}
.li_w50 li a{color: inherit; text-decoration: none;}
.li_w50 li a:hover{text-decoration: underline;}


/* 240404 개인정보처리방침 추가 */
.privacyLayout span.s_icon {display: inline-block;}
.privacyLayout span.s_icon img {width: 30px;}

@media (max-width:800px) {
	
	/* 버튼 */
	.btn_black, .btn_line, .btn_orange{box-sizing:border-box; height:50px; line-height:50px}
	.btn_gray{ box-sizing:border-box}
	
	/* 로그인 */
	.login_wrap_main .login_box_01 .inner{ width:90%}
	.login_form dd input{ box-sizing:border-box; width:100%; height:40px; line-height:40px}
	
	/* 회원가입 */
	.privacy_wrap_main .step ul{width:90%; background:url(/images/login/step_ul_bg2.gif) no-repeat center 26px}
	.privacy_wrap_main .chk_all .input_chk{ width:85%}
	.privacy_wrap_main .input_chk{width:100%}	
	.privacy_wrap_main .terms_bx_list{ width:85%}
	.privacy_wrap_main .btn_area .btn_black{ height:40px; line-height:40px; font-size:13px; letter-spacing:-1px; width:19%}
	.privacy_wrap_main .btn_area .btn_black + .btn_black{ margin-left:5px}
	
	/* 본인 인증 */
	.privacy_wrap_main .tab ul li a{font-size:15px}
	.privacy_wrap_main  .accr_list{ width:90%}
	.privacy_wrap_main  .accr_list .btn_black{width:156px; box-sizing:border-box;}
	.privacy_wrap_main  .accr_list .btn_line{width:156px; box-sizing:border-box;}
	
	/* 상세정보 입력 */
	.user_info_tbl{ width:90%}
	.user_info_tbl .btn_black{width:156px; box-sizing:border-box;}
	.user_info_tbl .btn_line{width:156px; box-sizing:border-box;}
	.user_info_tbl table td input{ box-sizing:border-box; width:90%}
	
	/* 아이디 비밀번호 찾기 */
	.find_idpw .listType1{ width:90%}
	
	.policy.li_w30 li{display: inline-block; width: 48%; text-align: center; border: 1px dotted #cecece; margin-bottom: 5px;}

}




@media (max-width:650px) {
	
	/* 로그인 */
	.login_wrap_main .login_box_01 .inner p{ word-break:keep-all}
	.login_wrap_main .login_box_01 .inner p br{ display:none}
	.login_wrap_main .login_box_01 .inner .btn_black{width:48%}
	
	/* 회원가입 */
	.privacy_wrap_main .step ul{ width:95%; background:url(/images/login/step_ul_bg2.gif) no-repeat center 26px}
	.privacy_wrap_main .btn_area { text-align:left}
	.privacy_wrap_main .btn_area .btn_black{width:-webkit-calc(32.8% - 8px); width:-moz-calc(32.8% - 8px); width:calc(32.8% - 8px);}
	.privacy_wrap_main .btn_area .btn_black + .btn_black,
	.privacy_wrap_main .btn_area .btn_black:first-child{ margin-left:8px; margin-bottom:8px}
	
	/* 본인 인증 */
	.privacy_wrap_main .tab{ height:auto}
	.privacy_wrap_main .tab ul{line-height:150%;}
	.privacy_wrap_main .tab ul li{height:auto; background:#f4f4f4 url(/images/login/tab_line.gif) repeat-y 0 center}
	.privacy_wrap_main .tab ul li a{padding:14px 0}
	.privacy_wrap_main .tab ul li a span{ display:block}
	.privacy_wrap_main  .accr_list .btn_black{width:140px; margin-left:8px}
	.privacy_wrap_main  .accr_list .btn_line{width:140px}
	
	/* 상세정보 입력 */
	.user_info_tbl table th, .user_info_tbl table td{padding:12px 8px}
	.user_info_tbl .btn_black{width:140px; margin-left:8px}
	.user_info_tbl .btn_line{width:140px}
	
	/* 가입완료 */
	.privacy_wrap_main .complete .box .txt br{ display:block}
	.find_idpw .boxType2 .big_font{font-size:29px}
	.find_idpw .boxType2 .big_font br{ display:block}
	

	
}

@media (max-width:560px) {
	
	/* 로그인 */
	.login_wrap_main .login_box_01 .inner p{ word-break:keep-all}
	.login_wrap_main .login_box_01 .inner p br{ display:none}
	.login_wrap_main .login_box_01 .inner .btn_black{ width:100%; margin: 0 0 8px}
	.login_wrap_main .login_box_01 .inner .btn_black + .btn_black{ margin-left:0}
	.login_wrap_main .login_box_01 .inner .btn_black + .cont_link{ margin: 16px 0 0}
	
	/* 회원가입 */
	.privacy_wrap_main .step ul{ width:90%; background:url(/images/login/step_ul_bg3.gif) no-repeat center 26px}
	.privacy_wrap_main .txt_con{ font-size:14px; word-break:keep-all}
	.privacy_wrap_main .chk_all br{ display:block}
	.privacy_wrap_main .chk_all .input_chk{ width:90%; height:48px}
	.privacy_wrap_main .chk_all .input_chk label{height:48px}
	.privacy_wrap_main .terms_bx_list{ width:90%}
	.privacy_wrap_main .btn_area .btn_black{width:-webkit-calc(49% - 8px); width:-moz-calc(49% - 8px); width:calc(49% - 8px);}
	
	/* 본인 인증 */
	.privacy_wrap_main .tab ul li a{ font-size:14px; height:100px; display:table-cell; width:500px; vertical-align:middle; padding:0}
	.privacy_wrap_main .tab ul li a span br{ display:block}
	.listType1 li{ background:url(/images/login/list_bg1.png) no-repeat 0 3px; font-size:13px}
	
	/* 상세정보 입력 */
	.user_info_tbl table th{ font-size:14px; width:40%}
	
	/* 가입완료 */
	.privacy_wrap_main .complete .box{background-size:30% auto; padding:37% 0 50px}
	
	/* 아이디 비밀번호 찾기 */
	.find_idpw .txt_con{font-size:14px; word-break:keep-all}
	.find_idpw .boxType2 .big_font{font-size:24px}
	
	
	
	
}



@media (max-width:480px) {
	
	/* 로그인 */
	.login_box_01 .cont_link a{padding:4px 10px}
	
	/* 회원가입 */
	.privacy_wrap_main .step ul{ width:100%}
	.privacy_wrap_main .step ul li span{ display:none}
	.privacy_wrap_main .txt_con{ font-size:13px}
	
	/* 본인 인증 */
	.privacy_wrap_main  .accr_list .btn_black{ width:120px}
	.privacy_wrap_main  .accr_list .btn_line{ width:120px}
	
	/* 상세정보 입력 */
	.user_info_tbl table th{width:44%; letter-spacing:-1px}
	.user_info_tbl table th, .user_info_tbl table td{padding:12px 4px}
	.user_info_tbl table td input{width:100%}
	.user_info_tbl .btn_black{width:120px}
	.user_info_tbl .btn_line{width:120px}
	
	/* 가입완료 */
	.privacy_wrap_main .complete .box{padding:40% 0 50px}
	.privacy_wrap_main .complete .box .big{font-size:30px}
	.privacy_wrap_main .complete .box .txt{font-size:14px}
	
	/* 아이디 비밀번호 찾기 */
	.find_idpw .txt_con{font-size:13px}
	.find_idpw .boxType2 .btn_gray{ width:90%; margin-bottom:8px}
	.find_idpw .boxType2 .btn_gray + .btn_gray{ margin-left:0}

}



@media (max-width:380px) {
	
	/* 가입완료 */
	.privacy_wrap_main .complete .box{padding:43% 0 50px}

	
}