/* mobile style */
/*
*{-webkit-text-size-adjust:none}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{font-size:16px;margin:0;padding:0;font-family:'Arial',"����",dotum,"����",Gulim,Arial, sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{text-decoration:none}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
select{-webkit-appearance:menulist-text}
*/
iframe{margin:0 !important;padding:0 !important;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0}
body{font-size:1em;line-height:1.25em;letter-spacing:-0.7px;background:#fff;color:#555;-webkit-text-size-adjust:none;}
body,input,textarea,select,button,table{font-family: '맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif}
section,nav,article,aside,hgroup,header,footer{display:block}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
table{border-spacing:0;border-collapse: collapse;width:100%}
ol,ul,li {list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
abbr,acronym {border:0}
hr, legend, .hidden{position:absolute;top:0;left:-3000px;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
caption{position:relative;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;text-indent:-9999px}
img, fieldset{border:0 none}
label{cursor:pointer}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
button{border:1px solid #d1d1d1}

b { color:#000; } /* 블랙 포인트 폰트(볼드) */ 	
i { text-decoration:none; font-style:normal; color:#000; }  /* 블랙 노멀 폰트 */ 
ins { text-decoration:none; font-style:normal; color:#ff4c22; }	 /* 오렌지 포인트 폰트 */ 
u { text-decoration:none; color:#195c83; }  /* 블루 포인트 폰트 */ 

/*content*/
#wrap{ display:block;height:100%; width:100%; min-width:320px; max-width:720px; margin:0px auto;}

.header_b{ position:fixed; top: 0; left: 0; height: 50px;  width: 100%; display:inline-block; border-bottom:1px solid #dedede; padding:0px; }
.header_b #cd-logo {float:left; height:50px;width:100%;margin:0 auto;text-align:center; background:url('../images/logo.png') 50% 5px no-repeat; background-size:auto 40px;text-indent:-999999; z-index:999999;}
.header_b #cd-back { z-index:100000;position:absolute;top:0px;right:0px;background:url('../images/mobile/btn_prev.png') 50% 2px no-repeat; background-size:50px 50px; display:block; padding:0px;height:50px; width:50px; text-indent:-9999px;}
.header_b #cd-search { z-index:100000;position:absolute;top:0px;right:0px;background:url('../images/mobile/btn_search.png') 50% 0px no-repeat; background-size:50px 50px; display:block; padding:0px;height:50px; width:50px; text-indent:-9999px;}
.header_b #cd-close { z-index:100000;position:absolute;top:0px;right:0px;background:url('../images/mobile/btn_close.png') 50% 2px no-repeat; background-size:50px 50px; display:block; padding:0px;height:50px; width:50px; text-indent:-9999px;}

.search_area { position:fixed; top:0px; height:auto; width: 100%; background: #4277c0; padding:10px 10px; margin:0px; z-index:10000000; }
.search_area input {	width: 90%;font-size: 15px; height:35px; margin:0px; padding:10px; border: none; background: #fff;}
.search_area input:focus { outline: none; }
.search_area input.search_icon { clear: both; width: 10%; height: auto; padding:6px 0px; margin: 0; margin-left: -40px; text-indent:-999999px; border: none; color: #fff; cursor: pointer; 
	background:#ffffff url('../images/mobile/btn_search1.png') 0px 50% no-repeat; background-size:35px 35px; opacity: 1; }

/*footer*/
footer { position: relative; background:#ffffff; width:100%; min-width:320px; max-width:720px; background-size:120px auto; border-top:1px solid #111111; text-align:left; font-size:11px; padding:50px 10px 30px 10px; margin-bottom:50px;}
footer .footer_info {font-size:11px; color:#797979; padding-left:20px; }
footer .footer_info b { color:#111111; }

.fix_menu {position:fixed; bottom:0px; width:100%; height:50px; min-width:320px; border-top:1px #666666 solid; background:#383838; z-index:28;}
.fix_menu li { float:left;  margin:0px 0px; } 
.fix_menu li a { display:block; height:50px; line-height:50px; text-align:center; font-size:13px; color:#ffffff;} 
.fix_menu li.fm1 { width:50%;background:url('../images/mobile/icon_fm1.png') 32% 50% no-repeat; background-size:25px auto; border:none; } 
.fix_menu li.fm2 { width:50%;background:url('../images/mobile/icon_fm2.png') 32% 50% no-repeat; background-size:25px auto; border-left:1px #525252 solid; }
.fix_menu li.fm1 a { padding-left:30px; }
.fix_menu li.fm2 a { padding-left:30px; }

#footer{ width:100%; min-width:320px; background:#ffffff; border-top:1px #333333 solid;text-align:center;  }	
#footer .foot_info { padding:50px 30px 70px 30px;  text-align:left; color:#949494; font-size:12px; background:url('../images/mobile/logo_footer.png') 30px 24px no-repeat; background-size:115px 20px;  }

#updown { position:fixed; right:12px; bottom:60px; width:40px; display:inline-block; }
#updown li { width:38px; height:38px; margin-bottom:5px; border:1px #e0e0e0 solid;}
#updown li a { display:block; width:36px; height:36px; opacity:0.7; transition: opacity 0.35s linear 0s;}
#updown li a:hover { opacity:1; }
#updown li a.up { background:#ffffff url('../images/mobile/up.png') 50% 50% no-repeat; background-size:40px 40px; }
#updown li a.down { background:#ffffff url('../images/mobile/down.png') 50% 50% no-repeat;background-size:40px 40px; }


#m_container{ width:100%; min-width:320px; margin:50px auto 0px auto; min-height:300px;text-align:center; }
#m_container.search_main  { margin-top:80px;}

/****** 메인 스타일 ******/	
.main_inner { width:100%; min-width:320px; margin:20px auto; text-align:left;  }
.main_inner .top_title { font-size:20px; font-weight:bold; color:#222222;line-height:30px; margin-bottom:10px;text-align:center;}
.main_inner .top_title img { height:22px; width:auto;margin-bottom:12px;}

/* 메인 - What’s New? */
.main_visual{ width:100%; min-width:320px; height:auto; overflow:hidden; background:url('../images/visual_bg.png') 50% 50% no-repeat; background:cover;}
.main_visual h2 { font-size:20px; font-weight:normal; color:#ffffff; line-height:35px; margin:0px 0 0px 0; text-align:center; }
.main_wn { width:96%; margin:0% 2%; display:inline-block;}

.main_wn li { float:left; width:46%; height:190px; position:relative;  margin:2%; background:#fff }
.main_wn li span { position:absolute; top:0px; left:20px; width:48px; height:45px; text-indent:-99999px;}
.main_wn li span.wn_icon1 { background:url('../images/wn_icon1.png') no-repeat; background-size:48px 45px; }
.main_wn li span.wn_icon2 { background:url('../images/wn_icon2.png') no-repeat; background-size:48px 45px; }
.main_wn li span.wn_icon3 { background:url('../images/wn_icon3.png') no-repeat; background-size:48px 45px; }
.main_wn li span.wn_icon4 { background:url('../images/wn_icon4.png') no-repeat; background-size:48px 45px; }
.main_wn li>a { display:inline-block; border:3px #ffffff solid; width:100%; height:190px; box-sizing:border-box;  }
.main_wn li>a>p { font-size:16px; font-weight:400; color:#fff; line-height:22px;  padding:40% 20px 0px 20px; }


/* 메인 - 요즘뜨는 HOT CLICK */
.main_hotclick { width: 1200px; }
.hot_line{border-bottom:none;}

/* 메인 - 비즈킷 소개 */
.main_bizcuit {  width:100%; min-width:320px; display:inline-block; background:#efefef; }
.main_bizcuit h2 { font-size:16px; font-weight:bold; color:#3d71b8;line-height:24px; text-align:center;}
.main_bizcuit h3 { display:none; font-size:21px; font-weight:300; color:#666666; line-height:30px;}
.main_bizcuit .bizcuit_btn { display:inline-block; width:90%; margin:10px 5% 0px 5%; }
.main_bizcuit .bizcuit_btn li { float:left; width:48%; height:40px; margin:1%; }
.main_bizcuit .bizcuit_btn li a { display:block; height:40px; line-height:40px; font-size:14px; color:#ffffff; text-indent:20px; background:#b4b4b4 url('../images/arrow.png') 140px 50% no-repeat;}
.main_bizcuit .bizcuit_btn li a:hover { background:#3d71b8 url('../images/arrow.png') 140px 50% no-repeat;}

.main_bizcuit .bizcuit_info { display:inline-block;width:88%; margin:20px 6% 0px 6%; padding-top:25px; background:url('../images/diag_line.png') repeat-x; background-size:auto 3px;}
.main_bizcuit .bizcuit_info li { width:100%; height:90px; background:#ffffff; margin-bottom:10px; padding:15px 0px 15px 100px;text-align:left; }
.main_bizcuit .bizcuit_info li.bi_1 { background:#ffffff url('../images/bizcuit_info1.png') 30px 50% no-repeat; background-size:50px auto; }
.main_bizcuit .bizcuit_info li.bi_2 { background:#ffffff url('../images/bizcuit_info2.png') 30px 50% no-repeat; background-size:50px auto; }
.main_bizcuit .bizcuit_info li.bi_3 { background:#ffffff url('../images/bizcuit_info3.png') 30px 50% no-repeat; background-size:50px auto; }
.main_bizcuit .bizcuit_info li.bi_4 { background:#ffffff url('../images/bizcuit_info4.png') 30px 50% no-repeat; background-size:50px auto; }
.main_bizcuit .bizcuit_info li h2 { font-size:16px; font-weight:bold; color:#222222; line-height:26px;text-align:left;}
.main_bizcuit .bizcuit_info li p { font-size:13px; font-weight:normal; color:#777777; line-height:17px; text-align:left; }
.main_bizcuit .bizcuit_info li a { display:block; }

/* 메인 - 고객센터 */
.main_cs { width:100%; min-width:320px; display:inline-block; background:#ffffff; text-align:left; margin:0px auto; }
.main_cs .mevent { width:100%; }
.main_cs .mevent img { width:100%; height:auto; }

.main_cs .mboard { width:100%; min-width:320px; padding:20px 5%; border-bottom:1px #dedede solid;  }
.main_cs .mboard h3 { font-size:20px; font-weight:bold; color:#222222; padding-bottom:10px; padding-top:0; margin-top:0;text-align:center; }
.main_cs .mboard h3 a { font-size:20px; font-weight:bold; color:#222222; line-height:30px;  }
.main_cs .list_top li{padding-left:0px;background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main_cs .list_top li a{font-size:13px;line-height:24px; color:#666666; font-weight:normal;}

.main_cs .mcs { width:100%; min-width:320px; padding:20px 5%;text-align:center; }
.main_cs .mcs h3 { font-size:20px; font-weight:bold; color:#222222; line-height:30px;padding-bottom:10px; text-align:center; padding-top:0; margin-top:0;}
.main_cs .mcs .mcs_text { display:none;line-height:25px; padding-bottom:10px; text-align:left; font-size:15px; font-weight:normal;color:#666666;border-bottom:1px #d9d9d9 solid; margin-bottom:3px;}
.main_cs .mcs .mcs_tel { font-size:22px;font-weight:bold; color:#ff3f3f; line-height:30px; padding:0px 0px; }
.main_cs .mcs .mcs_time { font-size:14px; font-weight:normal; color:#222222; line-height:24px; padding:0px; }


#contet_area { width:100%; min-width:320px; min-height:450px;padding:0px;position:relative;margin:0px auto; text-align:left;}
.content_title { font-weight:bold;color:#ffffff;font-size:18px;line-height:25px; padding:10px; text-align:center; background:#4277c0; }
.page_title {font-weight:bold;color:#333333;font-size:18px;line-height:30px; padding:10px 20px; border-bottom:1px #cccccc solid; }
.content_body { padding:10px 20px; font-size:13px; }

.tabs {overflow:hidden; width:100%; border-bottom:1px #cfdff4 solid; }
.tabs td { text-align:center; width:auto; background:#a7c4eb; overflow: hidden; position: relative;}
.tabs td a{display:block;padding:10px 0; line-height:20px; color:#fff; font-weight: bold;font-size:14px;border-right:1px #cfdff4 solid; }
.tabs td.active {background:#4277c0;}
.tabs td.active a{color:#fff}