@charset "euc-kr";
/* CSS Document */

/* Àüü °¡À̵å CSS */

html {
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	-webkit-text-size-adjust:none;
	font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,AppleGothic,sans-serif;
}

body {width:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;


	background-image: url(../images/sub_bg.gif);
	background-repeat: repeat-x;
	background-position:top left;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	/*font-family:"±¼¸²", "µ¸¿ò", AppleGothic, helvetica;*/
	font-family:'³ª´®°íµñ',NanumGothic,Dotum,'µ¸¿ò',Helvetica,AppleSDGothicNeo,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:12px;
	color:#787878;
}

a {
	font-family: "µ¸¿ò";
	font-size: 12px;
	color: #444;
	/*display: marker;*/
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #36689a;	
}
a:active {
	text-decoration: none;
	color: #666;
}

/*
a,area {blr:expression(this.onFocus=this.blur())}*/
a,area :focus {-moz-outline-style:none;}

img {border:0; margin:0; padding:0; text-align:left;}

.floar_left {float:left;}
.floar_right {float:right;}

.floar_left2 {float:left; clear:left;}
.floar_left3 {float:left; clear:both;}
.floar_right2 {float:right; clear:left;}

#div_mian {
	position: relative;
	width:1130px;
	top: 0;
	margin: 0 auto;
	text-align: center;
	height: auto;
	vertical-align: top;
}

#div_aline {

	/*width: 1130px;*/
	text-align: center;
	vertical-align: top;
}

/* Çì´õ(top)ºÎºÐ CSS */

#div_header {
	height:124px;
	width:1130px;
	text-align:left;
	 float:left;
}

#div_top {
	width:300px;
	height:30px;

	float:left;
	text-align:right;

}

#div_top img {
	float:right;
	display:block;
	padding:0px;
	margin:0px;
}

#div_logo {
	float:left;
	width:277px;
	height:84px;
	padding:0px;
	margin:0px;
	text-align:left;
	display:block;
	/*vertical-align:text-top;*/
}

#div_search {
	float:left;
	width:330px;
	height:58px;
	padding:0px;
	margin-top:16px;
	text-align:left;
}

#div_search img {
	display:block;
	border:0;
}

.form_serch {
	font-family:"³ª´®°íµñ", "¸¼Àº °íµñ", "µ¸¿ò", AppleGothic, helvetica;
	color:#333;
	border:0;
	background-color:#fff;
	height:21px;
	float:left;
	margin-left:12px;
}



/* Áß¾Ó(main_contents)ºÎºÐ CSS */

#main_contents {
	/*¿À¸¥ÂÊ ½ºÅ©·Ñ»ý°Ü¼­ Áö¿òwidth:2000px;*/
	height:410px;
	float:left;
	text-align:left;
	border-right:solid 1px #eeedf3;
}

#main_visual {
	width:663px;
	height:410px;
	float:left;
	text-align:left;
	z-index:10;
	margin-left: 2px;
}

#apDiv1 {
	position: absolute;
	width: 21px;
	height: 40px;
	z-index: 2;
	margin-top:250px;
	margin-left:6px;
}

#apDiv2 {
	position: absolute;
	width: 21px;
	height: 40px;
	z-index: 3;
	margin-top:250px;
	margin-left:635px;
}

#main_right {
	width:326px;
	height:550px;
	float:left;
	text-align:left;
	padding-left:9px;
	margin-top:14px;
	margin-left: -2px;
}

#main_right_content1 {
	width:326px;
	height:162px;
	float:left;
	text-align:left;
	padding:0px;
}

#main_right_content1 table img{
	border:0;
	display:block;
	float:left;
}

/*ȸ¿ø»ç¹× ȸ¿ø°Ë»ö ¿ë¾îº¯°æ -> ³» ÁÖº¯ °¨Á¤Æò°¡»ç ã±â 2024*/
table.mem_srch_2024{width:100%}
table.mem_srch_2024 tr:nth-child(odd) {
	width:100px;
  }
table.mem_srch_2024 tr td{color:#5a5d69;line-height:17px;letter-spacing:-0.08em;}

/*ȸ¿ø»ç¹× ȸ¿ø°Ë»ö ¸®´º¾ó 2022*/
#main_right_2022 {background-color: #eee;
	background: url(/image/member_test_bg.jpg)no-repeat left top;
	width:326px;
	height:410px;
	float:left;
	margin:0;padding:0;
}	
#main_right_2022 h3{
	font-size: 1.5em;
	text-align: center;
	background-color: #00a4e4;
	height:45px;
	line-height: 45px;
	margin:10px 12px 7px;
	color: #fff;
}
#main_right_content_2022{
	width:326px;
	height:162px;
	float:left;
	padding-left:10px;	
}
#main_right_content_2022 .search_contents{
	padding:15px 5px 14px 5px;
	border-bottom:1px dotted #495f74;
	width: 295px;
	line-height: 34px;
	font-size: 11pt;
	letter-spacing: -0.07em;
	color: #5a5d69;
	font-weight: bold;
}
/*»çÀ̹ö »ó´ã½Åû º»ÀÎÀÎÁõÆäÀÌÁö cyber_petition_view_pwd.asp*/
.user_cnfm input[type="text"]{
	width: 140px;
	height: 35px;
	padding:4px 6px;
	border: solid 2px #7ba6c4;
	background: #fff;
	line-height: 35px;
	font-size: 15px;
	color: #606473;
	margin-right:0;
	float: none;
	}

	.FAQ_login input[type="text"]{
		box-sizing: border-box;
		width: 140px;
		height: 30px;
		padding:4px 6px;
		border: solid 2px #ccc;
		background: #fff;
		line-height: 30px;
		font-size: 15px;
		color: #606473;
		float:right;
		margin:0 35px 5px 0;
		}
	.FAQ_login input[type="password"]{
			box-sizing: border-box;
			width: 140px;
			height: 30px;
			padding:4px 6px;
			border: solid 2px #ccc;
			background: #fff;
			line-height: 30px;
			font-size: 15px;
			color: #606473;
			float:right;
			margin-right:35px;
			}

	.search_contents select, input[type="text"]{
	box-sizing: border-box;
	width: 140px;
	height: 35px;
	padding:4px 6px;
	border: solid 2px #495F74;
	background: #fff;
	line-height: 35px;
	font-size: 15px;
	color: #606473;
	float:right;
	margin-right:0;
	}
	/*°¨Á¤Æò°¡Àü»ê¼¼ÅÍ ÀÚÁÖÇÏ´ÂÁú¹® FAQ±Û¾²±â È­¸é*/
	.wrt_tbl input[type="text"]{
		box-sizing: border-box;
		width: 140px;
		height: 28px;
		padding:4px 6px;
		border: solid 2px #ccc;
		background: #fff;
		line-height: 30px;
		font-size: 15px;
		color: #606473;
		float:left;
		margin-right:5px;
		}
	.wrt_tbl input[type="password"]{
		box-sizing: border-box;
		width: 140px;
		height: 28px;
		padding:4px 6px;
		border: solid 2px #ccc;
		background: #fff;
		line-height: 30px;
		font-size: 15px;
		color: #606473;
		float:left;
		margin-right:5px;
		}


	#main_right_content_2022 select, input[type="tel"]{
		box-sizing: border-box;
		width: 140px;
		height: 35px;
		padding: 6px;
		border: solid 2px #495F74;
		background: #fff;
		line-height: 35px;
		color: #606473;
		margin-right:0;
		}

#main_right_content_2022 button{
	float:right;
	margin-right:0px;
	padding: 0 5px;
	background-color: #495f74;
	color: #fff;
	width: 50px;	
	height: 35px;
}

.form_serch2 {
	font-family:"³ª´®°íµñ", "¸¼Àº °íµñ", "µ¸¿ò", AppleGothic, helvetica;
	color:#333;
	border:0;
	width:150px;
	background-color:#f3f4f8;
	border:solid 1px #cac5c5;
	height:21px;
	float:left;
	margin-left:12px;
}

#main_right_content2 {
	width:326px;
	height:387px;
	float:left;
	text-align:left;
	padding:0px;
}

/* Áß¾ÓÇÏ´Ü(main_container)ºÎºÐ CSS */

#main_containers {
	margin:0px;
	padding:0px;
	float:left;
	width:1130px;
	height:auto;
	text-align:left;
}

#main_container_title {
	margin-top:11px;
	padding:0px;
	float:left;
	width:327px;
	height:25px;
	margin-left:5px;
}
/*¹Ù·Î°¡±â/ E-book/ °¨Á¤Æò°¡¿¬¼ö¿ø  (¿¬¼ö¿ø+½Ç¹«¼ö½À)ÅëÇÕ¸Þ´º ¿ÀÇ 2021.09.07 */
.main_container_title_2021{
	margin-top:1px;
	padding:0px;
	float:left;
	margin-left:8px;
}
.main_container_title_2021 ul .li_title{
	text-align:center;color:#fff;font-weight:bold;background:#00a4e4;padding:3px 8px;}
.main_container_title_2021 ul .li_img1{
	text-align:center;color:#fff;font-weight:bold;height:70px;padding-top:10px;}
.main_container_title_2021 ul .li_img2{
	border-top:1px dotted #ccc;text-align:center;color:#fff;font-weight:bold;height:60px;padding-top:5px;}
.main_container_title_2021 ul .li_img3{	
	text-align:center;color:#fff;font-weight:bold;height:125px;padding:13px 0;}
/*°¨Á¤Æò°¡¿¬¼ö¿ø (¿¬¼ö¿ø+½Ç¹«¼ö½À)ÅëÇÕ¸Þ´º ¿ÀÇ 2021.09.07*/

/*¹Ù·Î°¡±â E-book Àǹ«¿¬¼ö À̹ÌÁö Æйи®»çÀÌÆ®¿¡¼­ À̵¿ 2020-07-13 ¿ÀÈÄ 5:15:24*/
#main_container_title>.threeblock{width:99%;background:#00a4e4;}
#main_container_title> a{vertical-align:middle;}
.threeblock li{border-right:1px solid #fff;width:32%;display:inline-block;text-align:center;color:#fff;font-weight:bold;clear:both;height:25px;line-height:200%;}
.threeblock li:last-child{border-right:0;} 

.imgblock1 ul li{margin:0;padding:0;}
.imgblock1 li{width:30%;display:inline-block;text-align:center;border-bottom:1px dotted #ccc;margin-left:5px}
.imgblock1 li img{padding:5px 0px 7px;vertical-align: middle}

.imgblock2 ul li{margin:0;padding:0;}
 .imgblock2 a{vertical-align:bottom;height:58px;} 
 .imgblock2 li{width:30%;display:inline-block;text-align:center;border-bottom:1px dotted #ccc;margin-left:5px;border:0;} 
 .imgblock2 li img{margin-top:7px;vertical-align: middle}



#main_container_text{
	margin-top:10px; 
	padding:0px;
	float:left;
	width:327px;
	height:130px;
	margin-left:5px;
	letter-spacing:-0.02em;
}

#main_container_text2{
	margin-top:10px;
	padding:0px;
	float:left;
	width:327px;
	height:147px;
	margin-left:5px;
}

#main_container_text2 table img {
	display:inline;
}


#main_container1 {
	margin:0px;
	padding:0px;
	float:left;
	width:332px;
	height:177px;
	text-align:left;
	letter-spacing:-0.02em;
}

#main_container2 {
	margin:0px;
	padding:0px;
	float:left;
	width:332px;
	height:225px;
	text-align:left;
}

/*°íÃæ󸮼¾ÅÍ °¨Á¤Æò°¡»ó´ã¼¾ÅÍ customer/center */
.way{width:750px;margin-left:40px;padding:0;}
.way ul li{width:155px;display: inline-block;text-align: center;height:125px;border: 1px solid #005DAB;margin: 0;box-sizing: border-box;border-radius: 15%;}
.way ul li:first-child{width:150px;background-color: #005DAB;box-sizing: border-box;height:125px;border-radius: 15%;}
.way ul li img{width: 50px;opacity: 0.65;margin:10px;}
.way h3{color:#fff;font-weight:500;font-size: medium;margin:0;}
.way h4{letter-spacing: -0.08em; font-weight: 500;font-size: small;margin: 0;}
.way h4 strong{color:#005DAB;}

.cyber_flow{margin-top:auto;display: table;}
.cyber_flow ul{margin:20px 0 0 -20px;}
.cyber_flow ul li{width:100px;display: inline-block;text-align: center;height:100px;border: 1px solid darkslateblue;margin: 0;box-sizing: border-box;border-radius: 15%;}
.cyber_flow ul li img{width: 50px;opacity: 0.65;margin:5px;}
.cyber_flow h4{letter-spacing: -0.08em; font-weight: 500;font-size: small;margin: 0;}
.cyber_flow h4 strong{color:#005DAB;}



/* ÇÏ´Ü(footer)ºÎºÐ CSS */
.information{float:left;width:400px;padding-top:10px;overflow:hidden;zoom:1;}
#footer ul{list-style:none;margin:0; padding:0; }/*2017-05-15 ¿ÀÈÄ 3:19:59 ǪÅÍ list-style:circle¾ø¾Ú ¿ÞÂÊ ¸¶Áø¾ø¾Ú*/
.information .info {width:395px;}
.information .info p {font-size:10px;padding:0;margin-top:5px;border-top:1px dotted #ccc;color:#666;}
.information .info .basic{font-weight:bold;color:#666;}
.information .address{font-size:12px;}
/*2017-07-10 ¿ÀÀü 11:45:28 ¹æÀ¯Á¤ Ãß°¡ - ÁּҺκРÀû¿ëµÇ´Â css*/
#footer_copyright .add{font-size:12px;letter-spacing:-0.04em;}
#footer {
	width:100%;height:134px;
	text-align:center;margin: 0 auto;
	float:left;background-image:url(/images/footer_bg.gif);
	background-repeat:repeat-x;
}

#footer_link {
	margin-top:10px;float:left;
	text-align:left;height:56px;
	width:1130px;
}

#footer_link img {
	display:inline;float:left;
	margin-left:4px;
	margin:0px;padding:0px;
}

#div_footer {
	width:1130px;
	height:134px;
	margin:0 auto;
}

#footer_sitemap {
	width:520px;height:32px;
	float:left;text-align:left;
	margin-left:5px;margin-top:15px;
}

#footer_sitemap span{
	float:left;text-align:left;
	margin-right:45px;font-weight:bold;
	color:#666;
}

#footer_sitemap img {
	display:inline;
	margin:0px;
	padding:0px;
}

#footer_familysite_link {
	/*width:235px;*/
	height:32px;
	float:right;
	text-align:left;
	margin-left:5px;
	margin-top:15px;
}

#footer_copyright {
	width:1130px;
	height:70px;
	float:left;
	text-align:left;
}

#footer_copyright img {
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
}

/*#footer_text {
	float:right;
	text-align:left;
	margin-top:15px;
	padding:0px;
}*/
#footer_text {float:right;text-align:left;margin-top:15px;	padding:0px;}
#footer_text .n_box{clear:both;overflow:hidden;width:320px;margin:0;padding:5px 0 5px 7px;background-color:#F9F9F9;border:1px solid #ccc;font-size:11px;line-height:150%;}

/*2023-03-22 Ãß°¡ °íÃæ󸮼¾ÅÍ ÀÚÁÖÇÏ´Â Áú¹® FAQ*/
/* .tdunderline tr td{border-bottom:2px dotted#ccc;color:#926093; line-height:18px;}
.tdunderline tr td a{font-size: 10pt;}
.tdunderline tr td a:hover{color: darkcyan;}
.tdunderline a div:hover {width:168px;height:35px;background-color: darkcyan;}
.tdunderline div{width:168px;height:35px;border:1px solid #eee;background: #005dab;text-align: center;margin: 3px 0;border-radius: 0.7em;}
.tdunderline div span{color:#fff;vertical-align: middle;line-height:270%;font-weight: bold;}
.tdunderline2 {border-radius: 12px; padding: 0.5rem; background-color: #efefef;} */

.tdunderline div{width:150px;border:1px solid #eee;background: #005dab;text-align: center;margin: 3px 0;border-radius: 0.7em; font-size: 16px;}
.tdunderline a div:hover {background-color: darkcyan;}
.tdunderline div span{color:#fff;vertical-align: middle;line-height:270%;font-weight: bold;}
.tdunderline td{border-bottom:2px dotted #ccc; text-align: center; padding: 2px; box-sizing: border-box;}
.tdunderline tr td a{font-size: 10pt;}
.tdunderline tr td a:hover{color: darkcyan;}
.tdunderline {border-radius: 12px; padding: 0.5rem; background-color: #efefef;}

div#faq{width:680px; height:50px;border-radius:1em;background-color: #eee;padding:5px 0;}
div#faq table.faq_tbl{margin: 7px auto;}
div#faq table.faq_tbl select{border-radius: 14px;border: 2px solid #005dab;margin:0 2px 0 5px;height: 35px;box-sizing: border-box;background-color: #fff;padding-left: 5px;}
div#faq table.faq_tbl input {margin-left:5px;width:150px;height: 35px;box-sizing: border-box;border-radius: 14px;border: 2px solid #005dab;display: inline-block;	overflow: hidden;margin-left:5px}
div#faq table.faq_tbl span.search_btn{width:50px;height:28;background:#005dab;padding:9px 15px;color:#fff;font-weight: bold;}
div#faq table.faq_tbl span.cancel_btn{width:50px;height:28;background:#666;padding:9px 15px;color:#fff;font-weight: bold;}

div.ex{float:left; width:770px; height:auto; text-align:left;}
div.ex table tr td img{vertical-align: middle;}/*ºÒ¸´ À§Ä¡Á¶Á¤*/
div.t_bg1 div.t_bg2 table tr td{word-break: keep-all;}
.conf_date{padding-left: 5px;}

/*°³ÀÎÁ¤º¸ 󸮹æħ*/
div.pv_list{margin-top: 20px;
	border: 10px solid #d2ddec;
	background-color: #fff;
	padding: 5px 15px;
	border-radius: 8px;
	margin: 10px 0 30px;
	font-size: 17px;
}
p.screen_out{font-size: large;font-weight: bold;}
.screen_out::before {
	content: '¢Â ';
  }
div.wrap_pv{
	overflow: hidden;
	margin-top: 0;
	}
div.wrap_pv ul.privacy_menu{
	display: grid;
	overflow: hidden;
	grid-template-columns: 1fr 1fr;
	padding-left: 0;

}
h3.h3_title{font-size: medium;font-weight: bold;color: #838282;
	padding:0 0 0 45px;margin:15px 0 0 0}
div.wrap_pv ul.privacy_menu li{list-style: none;padding: 5px 10px;margin: 0;
	font-size:15px;font-weight: bold;height: 30px;}
div.wrap_pv ul.privacy_menu li a{font-size:smaller;}

  
div.wrap_pv ul.privacy_menu li img{width:28px;height: 33px; vertical-align: middle;margin: 0 10px;}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border:1px solid #ccc;
	outline: none;
	background-color: #eee;
	color: white;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 4px;
  }
  
  #myBtn:hover {
	background-color: #555;	
  }
  table.pv_tbl{ width:700px; border:0;text-align:left;border-collapse: collapse;color:#838383; margin:5px 0 0 60px;}
  table.pv_tbl tr td{padding:0;word-break: keep-all;}
  table.pv_tbl ul {list-style-image: url('../etc/images/bullet1.gif');vertical-align:middle;padding-left:0;margin-bottom:0px;}


  
/*ÇÁ¸°Æ® Àü¿ë*/
@media print {
	* {
	  box-shadow: none !important;
	  background: none !important;
	}
	body, html {
	  width: auto !important;
	  height: auto !important;
	  overflow: visible !important;
	}
	.container, .wrap, .main-content {
	  width: 100% !important;
	  height: auto !important;
	  overflow: visible !important;
	}
	table, tr, td {
	  page-break-inside: auto !important;
	}

  }