@charset "utf-8";

	.data_processing_area {overflow: hidden; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		div.data_processing_txt_box {overflow: hidden; margin: 80px 0 90px 0; text-align: center; font-size: 17px; color: #4d4d4d;}
			div.data_processing_txt_box strong {display: block; margin-bottom: 20px;}
			div.data_processing_txt_box p {font-size: 14px; letter-spacing: -0.04em;}
		
			
		div.information_box {overflow: hidden; margin: 80px 0 90px 0; text-align: left; font-size: 17px; color: #4d4d4d;}
			div.information_box strong {display: block; margin-bottom: 20px;}
			div.information_box p {font-size: 15px; letter-spacing: -0.04em;}
		
		.data_processing_area ol {overflow: hidden;}
		.data_processing_area ol li {list-style: none;}
		.data_processing_area > ol > li {}
		.data_processing_area > ol > li + li {margin-top: 100px;}
		.data_processing_area > ol > li > div.sub_title_area0 {margin-bottom: 40px;}
		.data_processing_area > ol > li > ol {margin-left: 35px;}
		.data_processing_area > ol > li > ol > li > div.sub_title_area0 {margin-bottom: 20px;}
		.data_processing_area > ol > li > ol > li + li {margin-top: 35px;}
		.data_processing_area > ol > li > ol > li > p {margin-left: 20px; font-size: 14px; color: #4d4d4d; line-height: 1.4em; letter-spacing: -0.04em;}
		.data_processing_area > ol > li > ol > li > ol {overflow: hidden;}
		.data_processing_area > ol > li > ol > li > ol > li {}
		.data_processing_area > ol > li > ol > li > ol > li + li {margin-top: 5px;}
		.data_processing_area > ol > li > ol > li > ol > li > span {float: left; margin: 0 10px 0 20px; line-height: 1.4em;}
		.data_processing_area > ol > li > ol > li > ol > li > p {overflow: hidden; line-height: 1.4em; letter-spacing: -0.04em;}
		.data_processing_area > ol > li > ol > li > ol > li > ul {overflow: hidden; margin: 10px 0 20px 40px;}
		.data_processing_area > ol > li > ol > li > ol > li > ul > li + li {margin-top: 5px;}
		.data_processing_area > ol > li > ol > li > ol > li > ul > li > span {float: left; margin: 0 5px 0 10px; line-height: 1.4em;}
		.data_processing_area > ol > li > ol > li > ol > li > ul > li > p {overflow: hidden; line-height: 1.4em; letter-spacing: -0.04em;}
		.data_processing_area > ol > li > ol > li > ol > li > ol {overflow: hidden; margin: 20px 10px 20px 20px;}
		.data_processing_area > ol > li > ol > li > ol > li > ol > li + li {margin-top: 5px;}
		.data_processing_area > ol > li > ol > li > ol > li > ol > li span {float: left; margin: 0 10px 0 20px; line-height: 1.4em;}
		.data_processing_area > ol > li > ol > li > ol > li > ol > li p {overflow: hidden; line-height: 1.4em; letter-spacing: -0.04em;}

		.data_processing_area ul.hyphen_list {overflow: hidden; margin: 20px 0 20px 20px;}
		.data_processing_area ul.hyphen_list > li + li {margin-top: 5px;}
		.data_processing_area ul.hyphen_list > li > span {float: left; margin: 0 10px 0 0px; line-height: 1.4em;}
		.data_processing_area ul.hyphen_list > li > p {overflow: hidden; line-height: 1.4em; letter-spacing: -0.04em;}
		.data_processing_area ul.hyphen_list > li > ul {overflow: hidden; margin: 10px 0 20px 10px;}
		.data_processing_area ul.hyphen_list > li > ul > li + li {overflow: hidden;}
		.data_processing_area ul.hyphen_list > li > ul > li > span {float: left; margin: 0 10px 0 20px; line-height: 1.4em;}
		.data_processing_area ul.hyphen_list > li > ul > li > p {overflow: hidden; line-height: 1.4em; letter-spacing: -0.04em;}

		.data_processing_area > ol > li > ol > li > ol > li > ul > li > ol {overflow: hidden; margin: 20px 0 20px 20px;}
		.data_processing_area > ol > li > ol > li > ol > li > ul > li > ol > li + li {margin-top: 5px;}
		.data_processing_area > ol > li > ol > li > ol > li > ul > li > ol > li > span {float: left; margin: 0 10px 0 0px; line-height: 1.4em;}
		.data_processing_area > ol > li > ol > li > ol > li > ul > li > ol > li > p {overflow: hidden; line-height: 1.4em; letter-spacing: -0.04em;}

	/* 로그인 */
	.login_area {overflow: hidden; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.login_area .login_box {overflow: hidden;width: 375px;margin: 0 auto;}
.login_area .login_box .id_area { width:100%; }
.login_area .login_box .id_area input { width:100%; }
.login_area .login_box .margin5 { margin: 5px 0; }
		.login_area .login_box .login_input_box {/* overflow: hidden; *//* float: left; *//* margin-right: 5px; */}
			.login_area .login_box .login_input_box .id_area {overflow: hidden; margin-bottom: 10px;}
			.login_area .login_box .login_input_box .id_area input[type=text].input_login_id {width: 290px;height: 2rem;text-indent: 5px; border:1px solid #888888;}
			.login_area .login_box .login_input_box .password_area {overflow: hidden;}
			.login_area .login_box .login_input_box .password_area input[type=password].input_login_pass {width: 290px;height: 2rem;text-indent: 5px; border:1px solid #888888;}
		.login_area .login_box .login_button_box {overflow: hidden;margin-top: 10px; text-align: center; }
			.login_area .login_box .login_button_box button.btn.login {overflow: hidden;width: 100%;height: 2rem; background-color:#015e90;}
			.login_area .login_box .login_button_box button.btn.login span {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; color: #ffffff; font-size: 14px;}
		.login_area .login_box .login_save_box {overflow: hidden; clear: both; margin: 1rem 0 0 0;}

		.login_area .button_box {overflow: hidden; margin-top: 70px; padding-top: 35px; border-top: 1px dotted #aeaeae;}
			.login_area .button_box .button_layout { margin: 0 auto; text-align: center; }
				a.login_etc_btn {overflow: hidden;display: inline-block;width: 6.5rem;height: 2.5rem;line-height:2.5rem;background-color: #015e90;}
					a.login_etc_btn span {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; color: #ffffff; font-size: 14px;}

	/* 회원가입 - 유형선택 */
	.member_join_info_txt {overflow: hidden; margin-bottom: 50px; padding: 25px 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; text-align: center; background-color: #f6f6f6;}
	.member_join_info_txt p {font-size: 15px; color: #4c4c4c; line-height: 1.6em;}

	.member_join_select_area {overflow: hidden; text-align: center; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.member_join_select_area ul {overflow: hidden;}
		.member_join_select_area ul li {display: inline-block; width: 308px;}
		.member_join_select_area ul li + li {margin-left: 45px;}
		.member_join_select_area ul li div.join_select {text-align: center; background-color: #dbeef1;}
		.member_join_select_area ul li div.join_select.bg01 {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sweqbpgbe.xofv.er.xe%2Spff%2Ssebag%2S..%2S..%2Svzntrf%2Szrzorefuvc%2Szrzorefuvc_ot01.cat') no-repeat center 65px #dbeef1;}
		.member_join_select_area ul li div.join_select.bg02 {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sweqbpgbe.xofv.er.xe%2Spff%2Ssebag%2S..%2S..%2Svzntrf%2Szrzorefuvc%2Szrzorefuvc_ot02.cat') no-repeat center 65px #dbeef1;}
		.member_join_select_area ul li div.join_select.bg03 {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sweqbpgbe.xofv.er.xe%2Spff%2Ssebag%2S..%2S..%2Svzntrf%2Szrzorefuvc%2Szrzorefuvc_ot03.cat') no-repeat center 65px #dbeef1;}
		.member_join_select_area ul li div.join_select div.join_select_txt {height: 257px;}
		.member_join_select_area ul li div.join_select div.join_select_txt p {padding-top: 20px; font-size: 14px; color: #222; line-height: 1.4em;}
		.member_join_select_area ul li div.join_select div.join_select_link {background-color: #c3dde1;}
		.member_join_select_area ul li div.join_select div.join_select_link a {display: block; font-size: 16px; font-weight: bold; color: #4d4d4d; line-height: 52px;}
		.member_join_select_area ul li div.join_select div.join_select_link a:hover {text-decoration: none;}

	/* 회원가입 - 약관동의 */
	.join_step_area {overflow: hidden; margin-bottom: 40px;}
		.join_step_area ul {overflow: hidden; text-align: center; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sweqbpgbe.xofv.er.xe%2Spff%2Ssebag%2S..%2S..%2Svzntrf%2Szrzorefuvc%2Sfgrc_yvarot.cat') repeat-x 0px 33px;}
		.join_step_area ul li {list-style: none; display: inline-block; width: 200px; height: 144px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sweqbpgbe.xofv.er.xe%2Spff%2Ssebag%2S..%2S..%2Svzntrf%2Szrzorefuvc%2Sfgrc_bss.cat') no-repeat 0px bottom;}
		.join_step_area ul li + li {margin-left: 35px;}
		.join_step_area ul li.on {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sweqbpgbe.xofv.er.xe%2Spff%2Ssebag%2S..%2S..%2Svzntrf%2Szrzorefuvc%2Sfgrc_ba.cat') no-repeat 0px bottom;}
		.join_step_area ul li.on span.step_title {display: block; margin-top: 80px; text-align: center; font-size: 20px; color: #4d4d4d; font-weight: bold;}
		.join_step_area ul li span.step_num {display: block; text-align: center; font-size: 16px; color: #4d4d4d; font-weight: bold;}
		.join_step_area ul li span.step_title {display: block; margin-top: 80px; text-align: center; font-size: 20px; color: #666; font-weight: bold;}
		
	ul.txt_list {overflow: hidden;}
		ul.txt_list li {list-style: none; font-size: 14px; color: #0067B4;;}
		ul.txt_list li span {float: left; padding-right: 5px;}
		ul.txt_list li p {overflow: hidden;}
		ul.txt_list li + li {margin-top: 5px;} 
	
	ul.txt_list2 {overflow: hidden;}
		ul.txt_list2 li {list-style: none; font-size: 13px; color: #4c4c4c;}
		ul.txt_list2 li span {float: left; padding-right: 5px;}
		ul.txt_list2 li p {overflow: hidden;}
		ul.txt_list2 li + li {margin-top: 10px;} 

	/* 회원가입 - 가입인증 */
	.member_join_txt_box {overflow: hidden; padding: 7px 6px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; border-top: 2px solid #636363; background-color: #dbeef7;}
		.member_join_txt_box .member_join_inner_txt_box {padding: 40px 20px;  text-align: center; border: 1px solid #e4e6e7; background-color: #ffffff;}
		.member_join_txt_box .member_join_inner_txt_box p {font-size: 14px; font-weight: bold; color: #6d6d6d; }

	.guardian_box {overflow: hidden; padding-top: 60px; border-top: 1px dotted #bababa;}

	/* tab */
	.area_tab {overflow: hidden; position: relative;}
		.area_tab ul.tablist {height: 31px; border-bottom: 1px dotted #aeaeae; }
		.area_tab ul.tablist li {list-style: none; float: left; height: 30px; border:1px solid #979797; background-color: #f8f8f8;}  
		.area_tab ul.tablist li.on {border: 1px solid #979797; background-color: #6f6e6e;}
		.area_tab ul.tablist li.on a {color: #ffffff;}
		.area_tab ul.tablist li a {display: block; height: 30px; padding: 0 15px; font-size: 14px; font-weight: bold; text-align: center; color: #c3c3c3;  line-height: 30px; text-decoration: none}
	
	.area_tab2 {overflow: hidden; position: relative;}
		.area_tab2 ul.tablist {overflow: hidden;}
		.area_tab2 ul.tablist li {list-style: none; float: left; padding: 7px; border:1px solid #979797; background-color: #f8f8f8;}  
		.area_tab2 ul.tablist li.on {border: 1px solid #979797; background-color: #065e9c;}
		.area_tab2 ul.tablist li.on a {color: #ffffff;}
		.area_tab2 ul.tablist li a {display: block; height: 30px; padding: 0 15px; font-size: 14px; font-weight: bold; text-align: center; color: #c3c3c3;  line-height: 30px; text-decoration: none}
	
	/* 가입완료 */
	.completion_area {overflow: hidden; margin-bottom: 35px; padding-bottom: 35px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; border-bottom: 1px dotted #aeaeae;}
		.completion_area .completion_layout {overflow: hidden; width: 500px; margin: 0 auto;}
		.completion_area .completion_layout .completion_txt {overflow: hidden; text-align: center; margin-bottom: 40px; padding-top: 175px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sweqbpgbe.xofv.er.xe%2Spff%2Ssebag%2S..%2S..%2Svzntrf%2Spbzzba%2Szrzore_ot.cat') no-repeat center 0px;}
		.completion_area .completion_layout .completion_txt p {font-size: 17px; font-weight: bold; color: #4d4d4d; letter-spacing: -0.04em;}
		.completion_area .completion_layout .completion_table {overflow: hidden;}
	
	.txt_box {overflow: hidden; margin-bottom: 30px; padding: 20px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; border: 1px solid #e5e5e5; background-color: #eeeeee;}
		.txt_box p {font-size: 13px; color: #333333; line-height: 1.8em;}
	
	.mail_reject {overflow: hidden; margin-top: 30px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sweqbpgbe.xofv.er.xe%2Spff%2Ssebag%2S..%2S..%2Svzntrf%2Szrzorefuvc%2Sznvy_erwrpg_ot.cat') no-repeat right 80px;}
		.mail_reject strong {font-size: 22px; font-weight: bold; color: #4d4d4d;}
		.mail_reject ol {overflow: hidden; width: 80%; margin-top: 50px;}
		.mail_reject ol li {list-style: none; font-size: 14px; color:#4d4d4d; letter-spacing: -0.02em; line-height: 1.6em;}
		.mail_reject ol li + li {margin-top: 10px;}
	
	/* 웹화면만 공통 */
	.w_ml10 {margin-left: 10px;}

	/* 모바일 공통 */
	.m_block {display: inline-block;}
	.m_wp100 {width: 100px; border: 1px solid #d2d2d2;}
	.m_wp150 {width: 150px; border: 1px solid #d2d2d2;}
/* 화면 해상도 width 640px 이상 960px 이하 Design --------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {

	/* 회원가입 - 유형선택 */
	.member_join_select_area {text-align: left;}
		.member_join_select_area ul li {display: inline-block; width: 100%;}
		.member_join_select_area ul li + li {margin: 30px 0 0 0px;}

	/* 회원가입 - 약관동의 */
	.join_step_area ul li {display:none}
	.join_step_area ul li.on {display: inline-block;}
	
	ul.txt_list2 {overflow: hidden;}
		ul.txt_list2 li {list-style: none; font-size: 13px; color: #4c4c4c;}
		ul.txt_list2 li span {display: block; float: none; padding-bottom: 5px;}
		ul.txt_list2 li p {display: block; overflow: hidden;}
		ul.txt_list2 li + li {margin-top: 10px;} 

}


/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){

	.data_processing_area > ol > li > ol {margin-left: 15px;}

	/* 로그인 */
	.login_area .login_box {width: 100%;}
		.login_area .login_box .login_input_box {float: none; margin-right: 0px;}
			.login_area .login_box .login_input_box .id_area input[type=text].input_login_id {width: 99.4%;}
			.login_area .login_box .login_input_box .password_area input[type=password].input_login_pass {width: 99.4%;}
		.login_area .login_box .login_button_box {margin-top: 10px;}
			.login_area .login_box .login_button_box button.btn.login {overflow: hidden; width: 100%; height: 40px;}
		.login_area .button_box {margin-top: 35px; padding-top: 35px;}
			.login_area .button_box .button_layout {width: 100%; margin: 0px;text-align: center; }
				button.login_etc_btn {display: inline-block;margin-bottom: 5px; background-color: #015e90;}

	/* 회원가입 - 유형선택 */
	.member_join_info_txt {padding: 25px 20px;}

	.member_join_select_area {text-align: left;}
		.member_join_select_area ul li {display: inline-block; width: 100%;}
		.member_join_select_area ul li + li {margin: 30px 0 0 0px;}

	/* 회원가입 - 약관동의 */
	.join_step_area ul li {display:none}
	.join_step_area ul li.on {display: inline-block;}

	ul.txt_list2 {overflow: hidden;}
		ul.txt_list2 li {list-style: none; font-size: 13px; color: #4c4c4c; letter-spacing: -0.05em;}
		ul.txt_list2 li span {display: block; float: none; padding-bottom: 5px;}
		ul.txt_list2 li p {display: block; overflow: hidden;}
		ul.txt_list2 li + li {margin-top: 10px;} 


	/* 가입완료 */
	.completion_area .completion_layout {overflow: hidden; width: 100%;}

	/* 웹화면만 공통 */
	.w_ml10 {margin-left: 0px;}

	/* 모바일 공통 */
	.m_mb10 {margin-bottom: 10px;}
	.m_block {display: block;}
	.m_wp100 {width: 99.8%; border: 1px solid #d2d2d2;}
	.m_wp150 {width: 99.8%; border: 1px solid #d2d2d2;}
}