/* basic.css */
@charset "utf-8";
/* CSS Document */

/*
http://meyerweb.com/eric/tools/css/reset/
v2.0b1 | 201101
NOTE: WORK IN PROGRESS
USE WITH CAUTION AND TEST WITH ABANDON
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* end basic.css ========================================== */

/* 페이지 기본설정 */
html,body{position:relative;width:100%;height:100%;font-size:14px;line-height:1.25em;color:#000;font-family:"맑은 고딕","Malgun Gothic","굴림",Gulim,Helvetica,san-serif;
	-webkit-text-size-adjust:none
}
body.big{font-size:19px;line-height:1.29em}

input,textarea,select,button,table{padding:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
hr{display:none}

.blind{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.clear_float:after{display:block;clear:both;content:".";width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.clear_float{zoom:1}
.dN{display:none}

button{-webkit-appearance:none}
p{word-break:break-all}

/***** 메인페이지 *****/

/* 터치 이펙트 */
.touch_color{background:#EBF4FF !important}
/* 터치 이펙트 */

.main{background:#fff}
.wrap{min-width:320px}

/*** header ***/
.header{height:46px;overflow:hidden;position:relative;background:#fff;border-bottom:1px solid #e0e0e0}
.header h1{position:absolute;top:9px;left:6px;display:block;z-index:1000;}
.header h1 a{display:block;width:70px;height:30px;background:url("../images/spr_customer_2x_161109.png") no-repeat 8px 7px;background-size:56px 78px;
		-webkit-background-size:56px 78px;text-indent:-999em}
.header h2{text-align:center;color:#000;font-size:18px;line-height:46px}
/*** header ***/

/*** container ***/
/** 탭 메뉴 **/
.container{background:#fff}
.tab_menu ul{display:table;width:100%}
.tab_menu li{display:table-cell;width:33%}
.tab_menu li:first-child{border-left:0;}
.tab_menu li:last-child{width:34%;}
.tab_menu li a{position:relative;display:block;height:40px;line-height:40px;color:#1a1c22;font-size:14px;font-weight:bold;text-align:center;background:#f3f3f3}
.tab_menu li.on{position:relative}
.tab_menu li.on a{color:#1169ee;padding:0 1px;margin-left:-1px;}
.tab_menu li.on a span{display:inline-block;line-height:35px;border-bottom:2px solid #1169ee}
.tab_menu li a:after{content:'';z-index:99;display:block;position:absolute;top:13px;right:0;width:1px;height:11px;background:#dfe1e5}
.tab_menu li:last-child a:after{width:0}

/** 리스트 기본 **/
.list_wrap{width:100%}
.list_wrap li{background:#fff;overflow:hidden;width:100%}
.list_wrap li .a_cont{position:relative;border-bottom:1px solid #dfe1e5}
.list_wrap li .a_cont .a_top{position:relative;display:block;padding:12px 0 11px 13px}
.list_wrap li .a_cont .a_title{color:#1a1c22;font-size:1em;line-height:1.286em;letter-spacing:-1px;overflow:hidden;word-break:break-all;padding-right:40px}
.list_wrap li .a_cont .a_date{color:#788092;font-size:0.857em;font-family:Tahoma,sans-serif}
.list_wrap li .a_cont .bg_arrow{position:absolute;top:50%;right:15px;display:block;width:10px;height:6px;background:url("../images/spr_customer_1x.png") no-repeat 0 -46px;margin-top:-3px}
.list_wrap li.on .a_cont .bg_arrow{background-position:-20px -46px;}
.list_wrap li .a_cont .a_text{display:none;font-size:0.929em;line-height:1.385em;letter-spacing:-1px;overflow:hidden;word-break:break-all;border-top:1px solid #dfe1e5;background:#f1f1f1;padding:20px}
.list_wrap li .a_cont .a_text strong.c_blue{color:#1169ee}
.list_wrap li.on .a_cont .a_text{display:block}
.list_bottom{padding:24px 0}
.list_bottom .page_selector{display:table;padding:0 23px;margin:0 auto;font-size:13px;text-align:center}
.list_bottom .page_selector a{display:table-cell;width:31px;height:33px;border:1px solid #B0B5BB;vertical-align:middle;color:#666;
	box-shadow:inset 1px 1px #fff;
	-moz-box-shadow:inset 1px 1px #fff;
	-webkit-box-shadow:inset 1px 1px #fff;
	background:#fbfbfb;
	background:linear-gradient(bottom, #fdfdfd 100%, #f9f9f9 0%);
	background:-o-linear-gradient(bottom, #fdfdfd 100%, #f9f9f9 0%);
	background:-moz-linear-gradient(bottom, #fdfdfd 100%, #f9f9f9 0%);
	background:-ms-linear-gradient(bottom, #fdfdfd 100%, #f9f9f9 0%);
	background:-webkit-linear-gradient(bottom, #fdfdfd 100%, #f9f9f9 0%);
	background:-webkit-gradient(linear,left bottom,left top,color-stop(1.00, #fdfdfd),color-stop(0.00, #f9f9f9));
}
.list_bottom .page_selector a.page{border-right:0;border-left-color:#D9D9D9;border-right-color:#D9D9D9}
.list_bottom .page_selector a.page:first-child{border-left-color:#B0B5BB}
.list_bottom .page_selector a.page:last-child{border-right:1px solid #B0B5BB}
.list_bottom .page_selector a.pre{width:56px;border-right:0}
.list_bottom .page_selector a.next{width:56px}
.list_bottom .page_selector a.on{border:1px solid #1994DC !important;color:#1994dc}
.list_bottom .page_selector a.on+a{border-left:0}
.list_bottom .page_selector a.pre span.text{padding-left:4px}
.list_bottom .page_selector a.next span.text{padding-right:4px}
.list_bottom .page_selector a b.ico{display:inline-block;position:relative;background:url("../images/spr_customer_1x.png") 0 0 no-repeat}
.list_bottom .page_selector a b.arrow_left{top:-1px;width:5px;height:8px;background-position:0 -70px}
.list_bottom .page_selector a b.arrow_right{top:-1px;width:5px;height:8px;background-position:-20px -70px}
/* 리스트 - 자주 묻는 질문 */
.cate_menu{height:34px;overflow:visible;border-bottom:1px solid #c2c6cb;background:#f1f1f1;padding:0 10px}
.cate_menu ul{position:relative;width:100%;height:35px}
.cate_menu li{position:relative;float:left;width:50%;height:35px}
.cate_menu li a{display:block;height:31px;color:#464b55;font-size:13px;font-weight:bold;line-height:26px;text-align:center;padding:4px 1px 0;margin:0}
.cate_menu li.on a{color:#1169ee;border:1px solid #c2c6cb;border-bottom:0;background:#fff;padding:0;margin-top:3px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px
}
.sec_faq .list_wrap li .a_cont .q_mark{position:absolute;top:50%;left:10px;display:block;width:26px;height:26px;font-size:14px;line-height:26px;color:#fff;text-align:center;background:#238aff;margin-top:-13px;
	border-radius:13px;
	-webkit-border-radius:13px;
	text-shadow:0 1px rgba(0,0,0,0.2);
}
.sec_faq .list_wrap li .a_cont .a_top{padding-left:45px}
/** 문의 및 제안 **/
.sec_inquiry{padding-top:5px}
.sec_inquiry .input_wrap{position:relative;padding:10px}
.sec_inquiry .input_wrap .input_area{position:relative;display:table;width:100%;height:23px;font-size:14px;line-height:100%;margin-bottom:12px}
.sec_inquiry .input_wrap .input_area span{display:table-cell;overflow:hidden}
.sec_inquiry .input_wrap .input_area span.i_label{width:80px}
.sec_inquiry .input_wrap .input_area label{letter-spacing:-1px}
.sec_inquiry .input_wrap .input_area input,
.sec_inquiry .input_wrap .input_area select{width:100%;height:21px;font-size:14px;line-height:21px;border:0;background:#fff;-webkit-appearance:none}
.sec_inquiry .input_wrap .input_area input{padding:0 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.sec_inquiry .input_wrap .input_area select{padding:0 20px 0 5px}
.sec_inquiry .input_wrap .text_area{line-height:100%}
.sec_inquiry .input_wrap textarea{display:block;width:100%;height:271px;font-size:1em;line-height:1.286em;letter-spacing:-1px;overflow:hidden;overflow-y:auto;resize:none;border:0}
.sec_inquiry .input_wrap span.border_wrap{display:block;border:1px solid #898989}
/*.sec_inquiry .input_wrap .input_padding span.border_wrap{padding:0 5px}*/
.sec_inquiry .input_wrap .text_area span.border_wrap{padding:5px}
.sec_inquiry .input_wrap .bg_arrow{position:absolute;top:8px;right:10px;display:block;width:10px;height:6px;background:url("../images/spr_customer_mobile.png") no-repeat}
.sec_inquiry .input_wrap .check_area{color:#464b55;font-size:12px;line-height:16px;letter-spacing:-1px;padding-top:9px}
.sec_inquiry .input_wrap .check_area p{padding-bottom:6px}
.sec_inquiry .input_wrap .check_area input{width:13px;height:13px}
.sec_inquiry .input_wrap .check_area label{color:#788092}
.sec_inquiry .input_wrap .button_area{text-align:center;height:64px;padding-top:9px;font-size:16px}
.sec_inquiry .input_wrap .button_area button{display:inline-block;width:108px;height:38px;font-size:16px;line-height:100%;text-align:center;
	border-radius:2px;
	-webkit-border-radius:2px;
}
.sec_inquiry .input_wrap .button_area .btn_submit{color:#fff;border:1px solid #187abf;
	background:#55a4ff;
	background:linear-gradient(bottom, #55a4ff 100%, #4499fa 0%);
	background:-o-linear-gradient(bottom, #55a4ff 100%, #4499fa 0%);
	background:-moz-linear-gradient(bottom, #55a4ff 100%, #4499fa 0%);
	background:-ms-linear-gradient(bottom, #55a4ff 100%, #4499fa 0%);
	background:-webkit-linear-gradient(bottom, #55a4ff 100%, #4499fa 0%);
	background:-webkit-gradient(linear,left bottom,left top,color-stop(1.00, #55a4ff),color-stop(0.00, #4499fa));
}
/*** container ***/

/*** footer ***/
.footer{text-align:center;background-color:#fff;border-top:1px solid #dcdcdc}
.footer p{padding:17px 0 0}
.footer p a{color:#808080;font-size:11px;letter-spacing:-1px}
.footer p span{color:#8190b0;margin:0 3px}
.footer address{padding:2px 0 17px 0;font-size:11px;color:#BEBEBE;font-weight:bold}
.footer p.policy + address{padding-top:17px}
.footer address em{padding-right:2px;font-style:normal;font-size:12px}
.footer p.policy a{display:inline-block;position:relative;margin-left:5px;width:68px;height:26px;font-size:12px;font-weight:bold;line-height:26px;border:1px solid #B0B5BB;color:#464b55;
		 border-radius:2px;
 -webkit-border-radius:2px;
  		 box-shadow:inset -1px -1px #fff, inset 1px 1px #fff;
	-moz-box-shadow:inset -1px -1px #fff, inset 1px 1px #fff;
 -webkit-box-shadow:inset -1px -1px #fff, inset 1px 1px #fff;
		 background: #fcfcfc; /* Old browsers */
		 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
		 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		 background: -moz-linear-gradient(top,  #fcfcfc 0%, #fafafa 100%); /* FF3.6+ */
		 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
		 background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
		 background: -o-linear-gradient(top,  #fcfcfc 0%,#fafafa 100%); /* Opera 11.10+ */
		 background: -ms-linear-gradient(top,  #fcfcfc 0%,#fafafa 100%); /* IE10+ */
		 background: linear-gradient(to bottom,  #fcfcfc 0%,#fafafa 100%); /* W3C */
}
.footer p.policy > a:first-of-type{margin-left:0;letter-spacing:0}
.footer p.policy a.go_to_top:before{display:block;position:absolute;top:7px;left:9px;width:11px;height:10px;background:url("../images/spr_customer_1x.png") 0 -26px no-repeat;overflow:hidden;content:''}
.footer p.policy a.go_to_top{padding-left:7px;width:62px}
.footer p.contact{font-weight:bold;color:#999;font-size:11px;letter-spacing:-1px;margin:0;padding:18px 0 0 0}
.footer p.contact .phone{font-size:12px;font-weight:normal;color:#999;letter-spacing:0;text-decoration:underline;margin-left:3px}
.footer p.contact_notice{color:#999;font-size:11px;padding:3px 0 6px}

@media screen and (-webkit-min-device-pixel-ratio:2) {
.footer p.policy a.go_to_top:before{background-image:url("../images/spr_customer_2x.png");
		-webkit-background-size:56px 78px;background-size:56px 78px;
	}
}
/*** footer ***/