@charset "utf-8";

/* 공통*/
*{ font-family:"돋움","dotum", Seoul, "한강체"; font-size:12px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td 
{margin : 0px; padding : 0px; border: 0px ; -webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6 { font-size : 100%; -webkit-text-size-adjust: none; }
ol,ul { list-style : none; -webkit-text-size-adjust: none; }
li { -webkit-text-size-adjust: none; list-style:none }
table { border-collapse : collapse; border-spacing : 0;}
img { border : 0; vertical-align:top;}
form { margin:0px; }
a { text-decoration: none; }

body { 
	font: normal 12px dotum; 
	color: #666666; 
	width: 100%; 
	background-color:#191e1f;
	
}

/* 메인 */
#wrap{max-width:640px; padding:0px 0px 0px 0px; background:url('images/b_bg.gif') repeat-y center}

.top{background:url('images/top.png') no-repeat center top; position:absolute; max-width:640px; width:100%}
.top table{width:100%; height:67px}
.mimg{padding-top:55px}
.mimg img{width:100%}
.mimg_bt{background-color:#007dc5; height:15px; border-bottom:1px solid #8a8a8a; text-align:center}
.mimg_bt img{margin-left:5px; margin-top:5px}
.menu{padding-top:10px; padding-bottom:10px}
.menu a{ display:block}
.menu a img{width:97%; max-width:610px}

.sub_img{padding-top:55px; background:url('images/sub_top_img.jpg') no-repeat; background-size:100%; background-position:0px 55px; text-align:left}
.sub_img table{background:url('images/sub_title_bg.png')no-repeat left; margin-top:23%; width:100%}
.sub_img table td{height:41px; padding:0px 15px 0px 15px}
.sub_title{color:#ffffff; font-size:16px; font-weight:bold; text-align:left;}
.sub_title2{color:#8b9396; text-align:right; padding-top:12px}

.sub_menu ul{display:table; width:100%; background:url('images/sub_menu_bg.gif'); border-bottom:1px solid #004f7d; border-top:1px solid #409ed3}
.sub_menu  a{ color:#bfdced}
.sub_menu li{padding:9px 20px 9px 20px;}
.sub_menu ul .list_title{display:table-cell; text-align:left; font-size:16px; font-weight:bold}
.sub_menu ul .list_arrow{text-align:right}


#wrap_ssd{max-width:640px; padding:0px; background:#00427b url('images/ssd_bg.jpg') no-repeat bottom; background-size:100%}
.cpu_title{padding-top:70px}
.cpu_title img{display:block; width:50%; max-width:161px; margin-bottom:5px}
.cpu_title span{color:#FFFFFF; font-weight:bold; font-size:16px}
.ssd_title{padding-top:70px}
.ssd_title img{display:block; width:50%; max-width:161px; margin-bottom:5px}
.ssd_title span{color:#FFFFFF; font-weight:bold; font-size:16px}

.ssd_table_top{margin-top:10px; margin-left:10px; margin-right:10px}
.ssd_table_top table, .ssd_table_bottom table, .ssd_table_w table, .ssd_table_bt table{width:100%}
.ssd_table_top .title{ background:url('images/ssd_t_bg.png'); font-size:14px; color:#ffffff; font-weight:bold; text-align:center}
.ssd_table_top .title2{ background:url('images/ssd_t_bg.png'); font-size:18px; color:#ffffff; font-weight:bold; text-align:center}
.ssd_table_bottom{margin-left:10px; margin-right:10px; padding-bottom:30px}
.cpu_table_bottom{margin-left:10px; margin-right:10px; padding-bottom:10px}
.cpu_table_bottom table{width:100%}
.bottom_join{ color:#FFFFFF; padding-bottom:20px}
.bottom_join a{border:1px solid #ffffff; padding:5px 20px 5px 20px; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold; margin-left:10px; background-color:#015794}

.ssd_table_w, .ssd_table_bt{margin-left:10px; margin-right:10px;}
.ssd_table_w img{display:block}
.w_top{background-color:#FFFFFF;}
.ssd_data, .ssd_data2, .ssd_data3, .ssd_wirte, .ssd_data4, .ssd_data5{padding:0px 5px 0px 5px; text-align:left}
.ssd_data li{border-bottom:1px solid #dddddd; padding:8px 0px 5px 0px; font-weight:bold; color:#222222; font-size:14px}
.ssd_data li span{color:#0066CC; font-size:14px}
.ssd_data2{padding-top:20px}
.ssd_table_bt td{height:70px; text-align:center}
.ssd_data3{ color:#FF0000; font-size:14px; font-weight:bold; padding:10px 5px 10px 5px}
.ssd_data4{ color:#666666; font-size:12px;  padding:10px 5px 0px 5px}
.ssd_data4 input{ width:90%; border:1px solid #999999; height:45px; font-size:18px; font-weight:bold}
.ssd_data5{ color:#666666; font-size:12px;  padding:10px 5px 10px 5px}
.ssd_write{ display:table;  width:100%}
.ssd_write ul{display:table-row; border-bottom:1px solid #dddddd;}
.ssd_write ul li{display:table-cell; padding:5px; font-size:14px; font-weight:bold; color:#222222; text-align:left}
.ssd_write ul .title{width:60px;}
.ssd_write ul .re_text{ color:#0066CC;}

.ssd_write ul li input{border:1px solid #c3c5c6; height:22px; line-height:28px; width:90%}

.ssd_ok{font-size:13px; padding:40px 0px 40px 0px; font-weight:bold; color:#FFFFFF}
.ssd_ok a{ text-decoration:underline; color:#FFFFFF; font-weight:normal; font-size:16px}

.ssd_search_view{display:table; width:100%}
.ssd_search_view ul{display:table-row}
.ssd_search_view li{display:table-cell; text-align:center}
.ssd_search_view .t1, .ssd_search_view .t2, .ssd_search_view .t3{font-size:14px; background-color:#adbfd5; font-weight:bold; padding:5px 0px 1px 0px;}
.ssd_search_view .d1, .ssd_search_view .d2, .ssd_search_view .d3{font-size:12px; border-bottom:1px solid #dddddd; padding:5px 0px 1px 0px} 
.ssd_search_view .d2{color:#0066CC}

/*뉴스이벤트*/
.news_table_top{margin-top:10px; margin-left:10px; margin-right:10px}
.news_table_top table, .news_table_bt table{width:100%}
.news_table_top .on {background:url('images/l_teb2.png'); text-align:center}
.news_table_top .off {background:url('images/l_teb4.png');text-align:center}
.news_table_top .on a{font-size:14px; color:#FFFFFF; font-weight:bold; text-align:center}
.news_table_top .off a{font-size:14px; color:#b4e3ff; font-weight:bold; text-align:center}
.news_list li{text-align:left; border-bottom:1px solid #dddddd; padding:10px 0px 7px 0px; font-size:13px}
.news_list li span{ font-size:11px; color:#999999}
.news_list a{font-size:13px; color:#222222}
.news_table_bt{margin-left:10px; margin-right:10px;}
.page_num{padding-top:10px; text-align:center}
.page_num .on{ border:1px solid #ffffff; margin:2px; padding:5px 9px 3px 9px; color:#ffffff; font-weight:bold}
.page_num a { border:1px solid #73cbff; margin:2px; padding:5px 9px 3px 9px; color:#73cbff; background:url('images/page_num_bg.png')}
.news_view{border-bottom:1px solid #dddddd; margin:5px; padding-bottom:7px}
.news_view li{font-size:14px; color:#222222; font-weight:bold; text-align:left}
.news_view li span{ font-size:11px; color:#999999; font-weight:normal}
.news_view2{text-align:left; padding:10px 5px 10px 5px}
.news_view2 img{width:100%}
.news_list .ing{color:#FF0000}
.news_list .end{color:#666666}
.event_list a{display:table; width:100%;}
.event_list li span{font-size:11px; color:#999999}
.event_list ul{display:table-row}
.event_list ul li{display:table-cell; text-align:left; border-bottom:1px solid #dddddd; padding:10px 0px 7px 0px; color:#222222; font-size:13px}
.event_list ul .ing{width:70px; text-align:center; font-size:18px; font-weight:bold; vertical-align:middle; color:#FF0000}
.event_list ul .end{width:70px; text-align:center; font-size:18px; font-weight:bold; vertical-align:middle; color:#999999}
.map{width:100%; height:200px; background-color:#ffffff; margin-top:20px}
.map_text{text-align:left;; background-color:#191e1f; padding:15px 10px 15px 10px; color:#FFFFFF}
.map_text1{text-align:left;; background-color:#191e1f; padding:0px 10px 15px 10px; color:#FFFFFF}

.ssd_result{ font-size:13px}
.ssd_result span{ font-size:15px; display:block; margin-bottom:5px; font-weight:bold; color:#333333; text-align:center}
.ssd_result img{ max-width:180px; width:100%;}
.ssd_result_bn{margin-top:10px; background-color:#1693da}
.ssd_result_bn2{margin-top:3px; background-color:#00a99d}
.ssd_result_bn a, .ssd_result_bn2 a{display:block}
.ssd_result_bn img, .ssd_result_bn2 img{ max-width:280px; width:100%;}
.result_bt img{ max-width:278px; width:100%;}

.copyright{font-size:11px;  padding:14px 0px 10px 0px; max-width:640px; height:36px; border-top:1px solid #2a2a2b; text-align:center;}

/*행복 N PC 캠페인*/
.hnpc_wrap {border:0px solid red;}
.hnpc_title {position:relative; left:-5px; font-weight:bold; font-size:18px; color:#006cb4; border:0px solid red; width:100%; letter-spacing:-1px; text-align:left; padding-left:5px; margin-top:10px; margin-bottom:10px;}
.hnpc_title02 {position:relative; left:-5px; font-weight:bold; font-size:18px; color:#464646; border:0px solid red; width:100%; letter-spacing:-1px; text-align:left; padding-left:5px; margin-top:10px; margin-bottom:10px; line-height:24px;}

.hnpc_table01 {width:100%;}
.hnpc_table01_add {background:#c9e4ff; margin-top:10px; padding:3px; border-top:1px solid #4c85b6; border-bottom:1px solid #4c85b6;}
.hnpc_table02 {width:100%; border:0px solid red;}

.hnpc_table li {text-align:left; border:0px solid red;}
.hnpc_tt {width:100%; font-size:1em; font-weight:bold; color:#222; text-align:left;}
.hnpc_tt_min {min-width:60px; padding-top:10px; font-size:1em; font-weight:bold; color:#222; text-align:left;}
.hnpc_tt_min02 {min-width:40px; padding-top:10px; font-size:1em; font-weight:bold; color:#222; text-align:left; border:0px solid red;}
.hnpc_tt_min02_1 {min-width:40px; padding-top:10px; font-size:1em; font-weight:bold; color:#222; text-align:left; border:0px solid red;}
.hnpc_tt_min03 {min-width:90px; padding-top:5px; font-size:1em; font-weight:bold; color:#222; text-align:left;}

.hnpc_cont {background:#fff; width:100%; position:relative; top:-10px; margin-top:20px; text-align:center; border:0px solid red;}
.box01 {width:320px; margin:0 auto; border:0px solid red;}
.img {width:100%; padding:10px 0; border-top:1px solid #c3c3c3; }
.img06_box {width:100%; border:0px solid red; text-align:center;}
.img06_01 {width:100%; height:183px;}
.img06_02 {position:relative; border:0px solid red;height:178px; margin-top:10px;}
.img06_03 {position:relative; width:100%; height:168px; margin-top:10px;}
.img06_04 {position:relative; width:100%; height:193px; margin-top:10px;}
.img06_05 {width:100%; height:143px; margin-top:10px;}
.img06_06 {width:100%; height:123px; margin-top:10px; padding-bottom:20px;}
.txt01 {text-align:left; padding:10px 10px; font-size:16px; border:0px solid red;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pb20 {padding-bottom:20px;}
.phone_area {width:100%; border:0px solid red;}
.phone_area li {display:inline-block; list-style:none; border:0px solid red;}

.phone_area .fir {min-width:30px; width:25%;}
.phone_area .mid {min-width:60px; width:35%;}
.phone_area .bot {min-width:60px; width:35%;}

.email_area {width:100%; border:0px solid red;}
.email_area li {display:inline-block; list-style:none; border:0px solid red;}
.email_area .email_address {width:50%; border:0px solid red;}
.email_area .alpha {width:10px; padding-top:10px; border:0px solid red;}
.email_area .email_company {width:36%; border:0px solid red;}
 
.input_dft {width:95%; height:34px; border:1px solid #c3c5c6; color:#999; font-weight:bold; font-size:14px;}
.input_cpu_chk {width:94%; border:3px solid #0f85d6; height:30px; color:#999; font-weight:bold; font-size:14px; padding:10px; line-height:28px;}
.input_name {min-width:100px; width:40%; border:1px solid #c3c5c6; height:30px; line-height:28px;}
.input_email {width:25%; border:1px solid #c3c5c6; height:30px; line-height:28px;}
.input_email2 {width:25%; border:1px solid #c3c5c6; height:30px; line-height:28px;}
.input_ea {width:100%; border:1px solid #c3c5c6; height:34px;}
.input_num { width:100%; border:1px solid #c3c5c6; height:30px; line-height:28px;}
.input_amount { width:10%; border:1px solid #c3c5c6; height:30px; line-height:28px;}
.input_buydate { width:40%; border:1px solid #c3c5c6; height:30px; line-height:28px;}
.select_phone {width:100%; border:1px solid #c3c5c6; height:34px; line-height:28px;}
.select_email {width:30%; border:1px solid #c3c5c6; height:34px; line-height:28px;}
.select_dft {width:100%; border:1px solid #c3c5c6; height:34px; line-height:28px;}
.select_dft2 {width:40%; border:1px solid #c3c5c6; height:34px; line-height:28px;}
.select_year {width:100%; border:1px solid #c3c5c6; height:34px; line-height:28px;}
.select_month {width:100%; border:1px solid #c3c5c6; height:34px; line-height:28px;}
.select_day {width:100%; border:1px solid #c3c5c6; height:34px; line-height:28px;}
.buy_add a {width:100%; display:block; cursor:hand; background:#006cb4; height:30px; text-align:center; line-height:30px; color:#fff;}
.hnpc_agreebox { border:1px solid #c3c5c6 !important; padding:10px;}


.btn_cpu { position:absolute; z-index:999; top:135px; left:195px; border:0px solid red;}
.btn_cpu02 { position:absolute; z-index:998; top:125px; left:195px; border:0px solid red;}
.btn_cpu03 { position:absolute; z-index:997; top:153px; left:195px; border:0px solid red;}


.mobile_delete { float:left; margin-left:3px; margin-top:0px; background:#0066cc; width:100%; height:30px; font-size:12px; font-weight:bold; color:#fff; text-align:center; line-height:18px; cursor:hand;margin-top:5px;}