@charset "UTF-8"; 

/*공통*/
.w100{width:100%;}
.w80{width:80%;}
.blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}

/*서브메뉴*/
legend, .hd-element {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {
    display: block;
    margin: 0;
    padding: 0;}
#lnb {float:left; padding-bottom:20px; width:17.5%;}
#lnb h2 {padding:0px 0 5px 0; border-bottom:2px solid #0f83d5; font-family:'Noto Sans Korean DemiLight'; text-align:center; font-size:1.8em; letter-spacing:-.6px; color:#0f83d5;}
#lnb h2 span {display:block; margin:5px 0; font-size:0.5em;}
#lnb > ul {margin-top:20px; font-size:1.143em;}
#lnb > ul a {display:block; position:relative; padding:0.4em 0.9em; color:#333;}
#lnb > ul a span {position:absolute; top:50%; right:15px; margin-top:0px; font-size:6px; color:#aaa;}
#lnb > ul > li > a {border-bottom:1px solid #e5e5e5;}
#lnb > ul > li > a:hover, #lnb > ul > li > a.hover {background:#f5f5f5;}
#lnb > ul > li > a:active, #lnb > ul > li > a.active {border-bottom:1px solid #0f83d5; background:#0f83d5; color:#fff;}
#lnb > ul > li > a:active span, #lnb > ul > li > a.active span {font-size:6px; color:#fff;}
#lnb > ul > li ul {display:none;}
#lnb > ul > li > ul {border-width:0 1px 1px 1px; border-style:solid; border-color:#e0e0e0;}
#lnb > ul > li > ul a {background:#f5f5f5; color:#999;}
#lnb > ul > li > ul a:hover, #lnb > ul > li > ul a.hover {background:#fff;}
#lnb > ul > li > ul a:active, #lnb > ul > li > ul a.active,
#lnb > ul > li > ul a:active span, #lnb > ul > li > ul  a.active span {color:#333;}
#lnb > ul > li > ul > li > a {padding-left:1.35em;}
#lnb > ul > li > ul > li > ul > li > a {padding-left:2.025em;}
#lnb > ul > li > ul > li > ul > li > ul > li > a {padding-left:2.925em;}
#lnb > ul > li > ul > li > ul > li > ul > li > ul > li > a {padding-left:3.625em;}
.scrum{float:right;}
.scrum span {
    width: 7px;
    height: 10px;
    background: url(../images/sub/scrum_arrow.png)no-repeat center center;
    padding: 2px 4px 2px 12px;}

/* PC 1200px 이상 */
@media (min-width: 1200px) {
	/*드롭다운*/
	.s_menu {width:1200px; margin:0 auto;display:none;}
	.section_menu {width:100%; background:#f3f3f3; border-bottom:1px solid #cccccc; }
	.s_menu li {display:inline-block; padding:8px 25px; border-left:1px solid #cccccc; }
	.s_menu_last{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn{display:inline-block; border-left:1px solid #cccccc; padding:8px 15px;}
	.section_menu .s_menu .rline{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m{border-left:0px;}
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m a hover{background:#000;}
	.back_b{background:#f3f3f3;}

	#content {float:right; width:78%;}
	
	.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0 25px 46px;}
	.content-footer .content-footer-comment {margin-left:83px; line-height:22px;}
	.content-footer .path {background:#f6f6f6; padding:3px 8px; text-align:center; border-radius:3px; display:inline-block;}
	.content-footer:after {clear:both; display:block; content:"" ;}
	.content-footer .fc-orange{color:orange;}
	.content-footer .fL {float:left;}
}
/* 태블릿 버전 */
@media (min-width:768px) and (max-width:1199px) {
	/*드롭다운*/
	.s_menu {width:1200px; margin:0 auto;}
	.section_menu {width:100%; background:#f3f3f3; border-bottom:1px solid #cccccc; }
	.s_menu li {display:inline-block; padding:8px 25px; border-left:1px solid #cccccc; }
	.s_menu_last{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn{display:inline-block; border-left:1px solid #cccccc; padding:8px 15px;}
	.section_menu .s_menu .rline{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m{border-left:0px;}
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m a hover{background:#000;}
	.back_b{background:#f3f3f3;}
	
	.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0 25px 46px;}
	.content-footer .content-footer-comment {margin-left:83px; line-height:22px;}
	.content-footer .path {background:#f6f6f6; padding:3px 8px; text-align:center; border-radius:3px; display:inline-block;}
	.content-footer:after {clear:both; display:block; content:"" ;}
	.content-footer .fc-orange{color:orange;}
	.content-footer .fL {float:left;}	
}
/* 모바일 */
@media (max-width: 767px){
	/*드롭다운*/
	.s_menu {width:100%; margin:0 auto;}
	.section_menu {width:100%; background:#f3f3f3; border-bottom:1px solid #cccccc; }
	.s_menu li {display:inline-block; padding:8px 25px; border-left:1px solid #cccccc;}
	.s_menu_last{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn{display:inline-block; border-left:1px solid #cccccc; font-size:24px;  padding:8px 15px;}
	.section_menu .s_menu .btn .caret {margin-left:5px}
	.section_menu .s_menu .rline{border-right:1px solid #cccccc; }

	.section_menu .s_menu .btn-group .dropdown-menu .dr_m{border-left:0px;font-size:22px; }
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m a hover{background:#000;}
	.back_b{background:#f3f3f3;}	
	
	.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0;}
	.content-footer .img-open {clear:left !important; text-align:center; width:100%; padding-bottom:20px;}
	.content-footer .content-footer-comment {width:95%; margin-left:20px; line-height:22px;clear:both;}
	.content-footer .fc-orange{color:orange;}
	
	/* 만족도 */
	.wrp-satisfied {padding:25px 10px; background:#f5f5f5;}
	.wrp-satisfied label {width:30%; margin:6px 0 9px 0;}
	.wrp-satisfied a {position:static; float:right; margin-top:15px; width:100%;}
}

.box_agree {
    margin-top: 15px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
}
.ctn_agreement {
    clear: both;
    height: 200px;
    overflow-y: auto;}
.ctn_agreement h5 {color:#0f83d5; font-size:1.2em; margin-top:0; margin-bottom:20px;}

.agree_check input {
    vertical-align: middle;
    font-family: sans-serif;
    font-size: 12px; float:left; margin-right:5px;}
.agree_check .blue{color:#0f83d5}
.agree_info {padding:6px 0px; text-align:center; background:#0f83d5; color:#fff;}
.btnWrap {text-align:center;}
.personal_info{padding:1px 4px;}

/*테이블*/
.member_table {width:100%;overflow:hidden; border-top:2px solid #5e5e5e; border-bottom:1px solid #ddd;}
.member_table th{background:#f5f5f5; text-align:center; padding:8px 12px;}
.member_table td{font-size:0.95em; line-height:1.6em; color:#555}
.f_orange {color:#db0000;}
.member_table label {display:inline-block;}
.mar_b10{border:1px solid #d5d4d4; }
.member_table .last{border-bottom:1px solid #d5d4d4;}

.TB_inner {width:100%}
.TB_inner td{padding:8px 20px; border-top:1px solid #d5d4d4; }
.mt10{margin-top:10px;}

.set_title{font-size:20px; font-weight:bold;}
	.set_box {padding:15px 25px; font-size:18px; background:#f5f5f5;}
	.set_content {margin-top:15px; overflow:hidden;}
	.set_content div {float:left;}
	.set_content .scontent_c {margin-left:15px;}
	.set_content .scontent_c h3, .set_content h5 {margin:3px 0 5px 0; font-size:16px; color:#0f83d5;}

	/*서비스절차*/
	.set_row  ul li {font-size:14px; float:left; text-align:center;}
	.set_row ul {width:100%;}
	.set_row .srblue {background:#0f83d5; padding:8px 5px; color:#fff; width:45%;}
	.set_row .srpink {background:#ee6670; padding:8px 30px;color:#fff; width:45%;}
	.set_row .srow_blank {background:#fff; padding:8px 15px; width:10%;}
	.set_row .srow_blank2 {background:#fff; padding:8px 15px; text-align:center; width:45%; float:right;}	
	.set_row_top  ul li {width:50%; float:left; text-align:center; background:#f5f5f5;padding:8px 5px;}

	/*적용방식*/
	.set_row_top2 ul li {width:33.3%; float:left; text-align:center; background:#f5f5f5;padding:8px 5px;  }
	.set_row2  ul li {font-size:14px; float:left; text-align:center;}
	.set_row2 ul {width:100%;}
	.set_row2 .srblue {background:#0f83d5; padding:8px 5px; color:#fff; width:30%;}
	.set_row2 .srpink {background:#ee6670; padding:8px 30px;color:#fff; width:30%;}
	.set_row2 .srgreen {background:#35bb5e; padding:8px 30px;color:#fff; width:30%;}
	.set_row2 .srow_blank {background:#fff; padding:8px 15px; width:5%;}
	.set_row2 .set_row2_r {float:right; width:65%; overflow:hidden;}
	.set_row2 .set_row2_r .srpink {width:46.3%;} 
	.set_row2 .set_row2_r .srgreen  {width:46.3%;} 
	.set_row2 .set_row2_r .srow_blank  {width:7%; text-align:center;} 
	.set_row2 .srow_blank2 {background:#fff; padding:8px 15px;font-size:12px;
	text-align:center; width:30%; float:right;}	
	
	.set_use h5 {margin:15px 0 5px 0; font-size:16px;}
	.set_use p {margin-left:25px; }


/* PC 1200px 이상 */
@media (min-width: 1200px) {

.content {position: relative;float: right;width: 77.5%;letter-spacing: 0.5px;}
.content header {position: relative;margin-bottom: 25px;border-bottom: 1px solid #fff;letter-spacing: -.6px;color: #333;}
.content header .scrum {position: absolute;top: 0;right: 0;font-weight: 600;}
.content header .scrum span {display: inline-block;margin: 0 4px 0 5px;width: 5px;height: 9px;background: url(../images/sub/ico-arrow.jpg) no-repeat;}
.content h3 {font-size:1.4em;}
.content h4 {background: url(../images/sub/ico_check.jpg) no-repeat 0 5px;padding-left:18px;font-size:1.2em;}
.content h6 {background: url(../images/sub/ico_check_red.jpg) no-repeat 0 5px;padding-left:18px;font-size:1.08em;margin-bottom:0;}
.content #agreemencheckform fieldset p {padding:5px 0px 10px 0px;}

/*회원종류선택*/
#kind{width:100%;overflow:hidden; margin-bottom:25px;}

#kind .blue_join {border:2px solid #0f83d5; float:left;  width:25%;} 
.blue_join dt, .orange_join dt { padding:10px 0px;color:#fff; text-align:center; }
.blue_join dt {width:100%;background:#0f83d5; color:#fff }
.blue_join dd {width:100%;float:left; display:block; }
.blue_join .nomal { width:100%;}

#kind .orange_join {border:2px solid #fc6630;float:right;width:100%;}
.orange_join dt {width:100%;background:#fc6630; color:#fff }
.orange_join dd {width:100%;float:left; display:block; }
#kind .orange_join .orange_join_t{width:100%;background:#fc6630; padding:10px 0px; color:#fff; text-align:center; }
#kind .orange_join .nomal  { width:33.333%;}
#kind .orange_join .second {border-right:1px solid #ddd;}
#kind .orange_join .third {border-right:1px solid #ddd; }
#kind .orange_join .btn-primary {background-color:#0f83d5; border-color:#0f83d5;}
#kind .orange_join .btn-primary:hover, 
#kind .orange_join .btn-primary:active,
#kind .orange_join .btn-primary.active {background-color:#286090; border-color:#204d74;}

.nomal { background:#f5f5f5; text-align:center; display:block; float:left; padding:30px 23px;}
.nomal .title{font-size:1.25em; margin:0; padding:0; line-height:1.6em;}
.nomal .stitle{font-size:1.0em;padding-top:0px; padding-bottom:10px;}


.fsite {border:1px solid #ddd; overflow:hidden;}
.fsite ul {width:251px; float:left; padding:10px 0px; text-align:center;}
.fsite ul li{line-height:2.0em;}
.fs_list {border-left:1px solid #ddd; border-right:1px solid #ddd; }

.process_agree ul li {width:33.3%; float:left; text-align:center; background:#eee; padding:10px;margin-bottom:10px;}
.process_agree .active{background:#0f83d5; color:#fff; text-decoration: underline;}
.process_agree .active a{color:#fff;}

.ulsan21 {background:#f5f5f5; text-align:center; float:left; width:100%; padding:28px; }
.ulsan21 dl {float:left; text-align:left; margin-bottom:0; }
.ulsan21 dl dt { font-size:1.25em;  line-height:1.6em; font-weight:normal; line-height:1.6em}
.ulsan21 dl dd { font-size:1.0em; font-weight:normal}
.ulsan21 button {float:right; margin-top:5px; }
#before_kind {width:100%;overflow:hidden; border:1px solid #ddd; margin-bottom:8px;}


/*본인인증*/
#phone_person {border-bottom:1px solid #d5d4d4;  
border-right:1px solid #d5d4d4;
border-left:1px solid #d5d4d4;
border-top:2px solid #0f83d5; 
width:48%; margin:30px 0px; float:left; overflow:hidden}
#phone_person .ph_person ,#ipin_person .ipin_person{background:#f5f5f5; padding:30px 60px; width:100%; height:145px;}
#phone_person .ph_person .ph_img, #ipin_person .ipin_person .ipin_img{float:left; padding-right:30px;}
#phone_person .ph_bottom .ph_txt, #ipin_person .ipin_bottom .ipin_txt{text-align:center; padding:20px 40px;}
#phone_person .ph_bottom ul li,#ipin_person .ipin_bottom ul li  {float:left; text-align:center; padding:8px 0px; width:50%; border-top:1px solid #d5d4d4; }
#phone_person .ph_bottom  .ph_txt_left,#ipin_person .ipin_bottom  .ipin_txt_left{background:#555555; color:#fff;}
.ph_person_m,.ipin_person_m{background:#f5f5f5; text-align:center;padding:30px 0px; border-top:2px solid #0f83d5; width:50%; margin-bottom:20px; float:left; overflow:hidden}
.ph_person_m img,.ipin_person_m img{width:97px; margin:0 auto;}

#ipin_person {border-bottom:1px solid #d5d4d4;  
border-right:1px solid #d5d4d4;
border-left:1px solid #d5d4d4;
border-top:2px solid #0f83d5; 
width:48%; margin-top:30px; float:right;}

.resullt_member {padding:10px 20px 20px 20px;}
.resullt_member h5{font-size:1.6em;}
.resullt_member p { margin:0}
.resullt_btnWrap{margin-top:30px;}

#fmsite {border:1px solid #e5e4e4;overflow:hidden;width:100%;height: 352px;margin-top:30px;}
#fmsite h4 {background:#177cc5; padding:12px 20px; margin:0; color:#fff;}
#fmsite h4 span{font-size:12px;padding-left:5px;color:#dedee0;}
#fmsite ul {border-right:1px solid #e5e4e4;padding:13px 20px;float:left;width: 50%;}
#fmsite ul li{line-height:2em;}
#fmsite .last{border-right:0}

/* 이용가능사이트*/
.hompage{overflow:hidden; margin-bottom:10px;}
.hompage_img {float:left; margin-right:30px; border:1px solid #e5e4e4;}
.hompage_txt h3{font-size:1.5em;}
}


/* 태블릿 버전 */
@media (min-width:768px) and (max-width:1199px) {

.content {width: 100%;letter-spacing: 0.5px;}
.content header {position: relative;margin-bottom: 25px;border-bottom: 1px solid #ccc;letter-spacing: -.6px;color: #333;}
.content header .scrum {position: absolute;top: 0;right: 0;font-weight: 600;}
.content header .scrum span {display: inline-block;margin: 0 4px 0 5px;width: 5px;height: 9px;background: url(../images/sub/ico-arrow.jpg) no-repeat;}
.content h3 {font-size:1.4em;}
.content h4 {background: url(../images/sub/ico_check.jpg) no-repeat 0 5px;padding-left:18px;font-size:1.2em;}
.content h6 {background: url(../images/sub/ico_check_red.jpg) no-repeat 0 5px;padding-left:18px;font-size:1.08em;margin-bottom:0;}
.content #agreemencheckform fieldset p {padding:5px 0px 10px 0px;}


/*회원종류선택*/
#kind{width:100%;overflow:hidden; margin-bottom:25px;}

#kind .blue_join {border:2px solid #0f83d5; float:left;  width:25%;} 
.blue_join dt, .orange_join dt { padding:10px 0px;color:#fff; text-align:center; }
.blue_join dt {width:100%;background:#0f83d5; color:#fff }
.blue_join dd {width:100%;float:left; display:block; }
.blue_join .nomal { width:100%;}

#kind .orange_join {border:2px solid #fc6630;float:right;width:100%;}
.orange_join dt {width:100%;background:#fc6630; color:#fff }
.orange_join dd {width:100%;float:left; display:block; }
#kind .orange_join .nomal  { width:33.333%;}
#kind .orange_join .second {border-right:1px solid #ddd;}
#kind .orange_join .orange_join_t{width:100%;background:#fc6630; padding:10px 0px; color:#fff; text-align:center; }
#kind .orange_join .third {border-right:1px solid #ddd; }
#kind .orange_join .btn-primary {background-color:#fc6630; border-color:#fc6630;}
#kind .orange_join .btn-primary:hover, 
#kind .orange_join .btn-primary:active,
#kind .orange_join .btn-primary.active {background-color:#d5643b; border-color:#d5643b;}

.nomal { background:#f5f5f5; text-align:center; display:block; float:left; padding:30px 23px;}
.nomal .title{font-size:1.25em; margin:0; padding:0; line-height:1.6em;}
.nomal .stitle{font-size:1.0em;padding-top:0px; padding-bottom:10px;}


.re_join {border:2px solid #0f83d5; background:#f5f5f5; margin-right:0px; text-align:center; float:left;  padding:28px;}
.fsite {border:1px solid #ddd; overflow:hidden; border-bottom:0}
.fsite ul {width:100%; padding:10px 0px; text-align:center; border-bottom: 1px solid #ddd;}
.fsite ul li{line-height:2.0em; width:50%; float:left;}

.process_agree ul li {width:50%; float:left; text-align:center; background:#eee; padding:10px;margin-bottom:5px;}
.process_agree ul {margin-bottom:5px;}
.process_agree .active{background:#0f83d5;}
.process_agree .active a{color:#fff;}


.ulsan21 {background:#f5f5f5; text-align:center; float:left; width:100%; padding:28px; }
.ulsan21 dl { text-align:center; margin-bottom:0;  width:100%;}
.ulsan21 dl dt { font-size:1.25em; width:100%; line-height:1.6em; font-weight:normal}
.ulsan21 dl dd { font-size:1.0em; font-weight:normal;  width:100%; padding-bottom:10px;  margin:0 0 10px;}
.ulsan21 button {margin-top:5px; }
#before_kind {width:100%;overflow:hidden; border:1px solid #ddd; margin-bottom:8px;}


/*본인인증*/
#phone_person { 
border-right:1px solid #d5d4d4;
border-left:1px solid #d5d4d4;
border-top:2px solid #0f83d5; border-bottom:1px solid #d5d4d4; 
width:100%; margin:20px 0px; overflow:hidden;}
#phone_person .ph_person ,#ipin_person .ipin_person{background:#f5f5f5; padding:30px 80px; width:50%; height:145px;float:left;}
#phone_person .ph_person .ph_img, #ipin_person .ipin_person .ipin_img{float:left; padding-right:30px;}
#phone_person .ph_bottom, #ipin_person .ipin_bottom {width:50%;height:145px; float:left;}
#phone_person .ph_bottom .ph_txt, #ipin_person .ipin_bottom .ipin_txt{text-align:center; padding:20px; height:105px;margin:0;}
#phone_person .ph_bottom ul,#ipin_person .ipin_bottom ul {margin:0;}
#phone_person .ph_bottom ul li,#ipin_person .ipin_bottom ul li  {height:40px;float:left; text-align:center; padding:8px 0px; width:50%; border-top:1px solid #d5d4d4; }
#phone_person .ph_bottom  .ph_txt_left,#ipin_person .ipin_bottom  .ipin_txt_left{background:#555555; color:#fff;}

.ph_person_m,.ipin_person_m{background:#f5f5f5; text-align:center;padding:30px 0px; border-top:2px solid #0f83d5; width:50%; margin-bottom:20px; float:left; overflow:hidden}
.ph_person_m img,.ipin_person_m img{width:97px; margin:0 auto;}

#ipin_person { 
border-right:1px solid #d5d4d4;
border-left:1px solid #d5d4d4;
border-top:2px solid #0f83d5;border-bottom:1px solid #d5d4d4;  
width:100%;overflow:hidden;}

.resullt_member {padding:10px 20px 20px 20px;}
.resullt_member h5{font-size:1.6em;}
.resullt_member p { margin:0}
.resullt_btnWrap{margin-top:20px;}

#fmsite {border:1px solid #e5e4e4;overflow:hidden;width:100%;height: 352px;margin-top:20px;}
#fmsite h4 {background:#177cc5; padding:12px 20px; margin:0; color:#fff;}
#fmsite h4 span{font-size:12px;padding-left:5px;color:#dedee0;}
#fmsite ul {border-right:1px solid #e5e4e4;padding:13px 20px;float:left;width: 50%;}
#fmsite ul li{line-height:2em;}
#fmsite .last{border-right:0}

/* 이용가능사이트*/
.hompage{overflow:hidden; margin-bottom:10px;}
.hompage_img {float:left; margin-right:30px; border:1px solid #e5e4e4;}
.hompage_txt h3{font-size:1.5em;}

}


/* 모바일 */
@media (max-width: 767px){

.content {width:100%; margin:0 auto;letter-spacing: 0.5px; padding:0 15px;}
.content header {position: relative; margin-bottom:20px;border-bottom: 1px solid #ccc;letter-spacing: -.6px;color: #333;}
.content header h3{margin-top:10px; font-size:1.3em;}
.content header .scrum {font-weight: 600; display:none;}
.content header .scrum span {display: inline-block;margin: 0 4px 0 5px;width: 5px;height: 9px;background: url(../images/sub/ico-arrow.jpg) no-repeat;}
.content h3 {font-size:1.4em;}
.content h4 {background: url(../images/sub/ico_check.jpg) no-repeat 0 5px;padding-left:18px;font-size:1.2em;}
.content h6 {background: url(../images/sub/ico_check_red.jpg) no-repeat 0 5px;padding-left:18px;font-size:1.08em;margin-bottom:0;}
.content #agreemencheckform fieldset p {padding:5px 0px 10px 0px;}


/*회원종류선택*/

#kind{width:100%;overflow:hidden; margin-bottom:25px;}

#kind .blue_join {border:2px solid #0f83d5; float:left;  width:100%;} 
.blue_join dt, .orange_join dt { padding:10px 0px;color:#fff; text-align:center; }
.blue_join dt {width:100%;background:#0f83d5; color:#fff }
.blue_join dd {width:100%;float:left; display:block; }
.blue_join .nomal { width:100%;}

#kind .orange_join {border:2px solid #fc6630;float:right;width:100%;}
.orange_join dt {width:100%;background:#fc6630; color:#fff }
.orange_join dd {width:100%;float:left; display:block; }
#kind .orange_join .nomal  { width:100%;}
#kind .orange_join .second {border-bottom:1px solid #ddd;}
#kind .orange_join .third {border-bottom:1px solid #ddd; }
#kind .orange_join .btn-primary {background-color:#fc6630; border-color:#fc6630;}
#kind .orange_join .btn-primary:hover, 
#kind .orange_join .btn-primary:active,
#kind .orange_join .btn-primary.active {background-color:#d5643b; border-color:#d5643b;}

.nomal { background:#f5f5f5; text-align:center; display:block; float:left; padding:30px 23px;}
.nomal .title{font-size:1.25em; margin:0; padding:0; line-height:1.6em;}
.nomal .stitle{font-size:1.0em;padding-top:0px; padding-bottom:10px;}


.re_join {border:2px solid #0f83d5; background:#f5f5f5; margin-right:0px; text-align:center; float:left; width:100%; padding:28px;}
.fsite {border:1px solid #ddd; overflow:hidden; border-bottom:0}
.fsite ul {width:100%; padding:10px 0px; text-align:center; border-bottom: 1px solid #ddd;}
.fsite ul li{line-height:2.0em;}

.process_agree ul li {width:50%; float:left; text-align:center; background:#eee; padding:10px;margin-bottom:5px;}
.process_agree ul {margin-bottom:5px;}
.process_agree .active{background:#0f83d5;}
.process_agree .active a{color:#fff;}

.ulsan21 {background:#f5f5f5; text-align:center; float:left; width:100%; padding:28px; }
.ulsan21 dl { text-align:center; margin-bottom:0;  width:100%;}
.ulsan21 dl dt { font-size:1.25em; width:100%;  line-height:1.6em; font-weight:normal}
.ulsan21 dl dd { font-size:1.0em; font-weight:normal;  width:100%;padding-bottom:10px; margin:0 0 10px;}
.ulsan21 button {margin-top:5px; }
#before_kind {width:100%;overflow:hidden; border:1px solid #ddd; margin-bottom:8px;}


/*본인인증*/
#phone_person { 
border-right:1px solid #d5d4d4;
border-left:1px solid #d5d4d4;
border-top:2px solid #0f83d5; border-bottom:1px solid #d5d4d4; 
width:100%; margin:20px 0px; overflow:hidden;}
#phone_person .ph_person ,#ipin_person .ipin_person{background:#f5f5f5; padding:30px 50px; width:100%;}
#phone_person .ph_person .ph_img, #ipin_person .ipin_person .ipin_img{float:left; padding-right:20px;}
#phone_person .ph_bottom, #ipin_person .ipin_bottom {width:100%;}
#phone_person .ph_bottom .ph_txt, #ipin_person .ipin_bottom .ipin_txt{text-align:center; padding:10px; margin:0;}
#phone_person .ph_bottom ul,#ipin_person .ipin_bottom ul {margin:0;}
#phone_person .ph_bottom ul li,#ipin_person .ipin_bottom ul li  {height:40px;float:left; text-align:center; padding:8px 0px; width:50%; border-top:1px solid #d5d4d4; }
#phone_person .ph_bottom  .ph_txt_left,#ipin_person .ipin_bottom  .ipin_txt_left{background:#555555; color:#fff;}
.ph_person_m,.ipin_person_m{background:#f5f5f5; text-align:center;padding:30px 0px; 
border-top:2px solid #0f83d5; border-bottom:1px solid #d5d4d4; width:100%; margin-bottom:20px; overflow:hidden}
.ph_person_m img,.ipin_person_m img{width:97px; margin:0 auto;}

#ipin_person { 
border-right:1px solid #d5d4d4;
border-left:1px solid #d5d4d4;
border-top:2px solid #0f83d5;border-bottom:1px solid #d5d4d4;  
width:100%;overflow:hidden;}

/*회원가입*/
.join_form{width:100%;}
.join_form input, .join_form button, .join_form select{padding:8px 12px;}
.join_form div{margin-top:15px;}
.join_form .basic_txt {color:#a0a0a0;}
.member_table th{background:#f5f5f5; text-align:left; padding:8px 12px;}
.member_table td{padding:8px 12px; border-bottom:1px solid #d5d4d4;  
width:100%;overflow:hidden;}

.resullt_member {padding:10px 20px 20px 20px;}
.resullt_member h5{font-size:1.4em; line-height:1.4em;}
.resullt_member p { margin:0}
.resullt_btnWrap{margin-top:20px;}

#fmsite {border:1px solid #e5e4e4; overflow:hidden; width:100%; margin-top:20px;}
#fmsite h4 {background:#177cc5; padding:12px 20px; margin:0; color:#fff;}
#fmsite h4 span{display:none;}
#fmsite ul {border-bottom:1px solid #e5e4e4; padding:13px 20px;width:100%;}
#fmsite ul li{line-height:2em;}
#fmsite .last{border-bottom:0}
.mt30 {margin-top:30px;}

	.set_content .setimg{display:none;}
	.set_content .scontent_c {margin-left:0; border:1px solid #eee; padding:10px 15px;}
	
	/*적용방식*/
	.set_row_top2 ul li {width:33.3%; float:left; text-align:center; background:#f5f5f5;padding:8px 5px;  }
	.set_row2  ul li {font-size:14px; float:left; text-align:center;}
	.set_row2 ul {width:100%;}
	.set_row2 .srblue {background:#0f83d5; padding:8px 0px; color:#fff; width:26%;}
	.set_row2 .srpink {background:#ee6670; padding:8px 0px;color:#fff; width:26%;}
	.set_row2 .srgreen {background:#35bb5e; padding:8px 0px;color:#fff; width:26%; float:right;}
	.set_row2 .srow_blank {background:#fff; padding:8px 15px; width:5%; }
	.set_row2 .set_row2_r {float:right; width:65.3%; overflow:hidden;}
	.set_row2 .set_row2_r .srpink {width:40%;} 
	.set_row2 .set_row2_r .srgreen  {width:40%;} 
	.set_row2 .set_row2_r .srow_blank  {width:7%; text-align:center;} 
	.set_row2 .srow_blank2 {background:#fff; padding:8px 15px;font-size:12px;
	text-align:center; width:30%; float:right;}	

/* 이용가능사이트*/
.hompage_img {margin-bottom:0px;}
.hompage_img img{border:1px solid #e5e4e4;}
.hompage_txt h3{font-size:1.5em; margin-top:5px; margin-bottom:5px;}
.hompage{overflow:hidden; margin-bottom:15px;}

}

@media (max-width:482px){
.ulsan21 {background:#f5f5f5; text-align:center; float:left; width:100%; padding:28px; }
.ulsan21 dl { text-align:center; margin-bottom:0;  width:100%;}
.ulsan21 dl dt { font-size:1.25em; line-height:1.6em;  width:100%; font-weight:normal}
.ulsan21 dl dd { font-size:1.0em; font-weight:normal;  width:100%; padding-bottom:10px;  margin:0 0 10px;}
.ulsan21 button {margin-top:5px; }
#before_kind {width:100%;overflow:hidden; border:1px solid #ddd; margin-bottom:8px;}

}

.bg-info {
	padding:10px 0;
}
.select-box {
	text-align:center;
	border:1px solid #ebebeb;
	padding:15px 15px;
	margin:10px 0;
}

.table-striped {border-top:2px solid #0f83d5; border-bottom:1px solid #d5d5d5;}
.table-striped .center {text-align:center;}
.table-striped tbody td {background-color:#fff}

/*담당자*/
.satisfy {margin-top: 30px; padding:10px 20px; background: #f6f6f6; overflow:hidden;}
.satisfy ul li {float:left; margin-right:15px;}