@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url(http://fonts.googleapis.com/css?family=Numans);

/*  @import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css"); */

.noto {font-family: "Noto Sans KR", sans-serif;}
.nanum_bold {font-family:Nanum Gothic Bold,'³ª´®°íµñ','µ¸¿ò';}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
li img {vertical-align:top;}


/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */


.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;      /* further ensures the period is not visible */
}


/* a.clearfix {display: inline-block;}    fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* default style line-height:140%;  font-family:¸¼Àº°íµñ, Dotum, Arial, Verdana, sans-serif; */
html { overflow:scroll; overflow-x:auto; height:100%; padding:0; margin:0;}
body { height:100%; margin:0; padding:0; color:#666666; font-size:15px; letter-spacing:-0.02em;
font-family: 'Nanum Gothic','³ª´®°íµñ', 'Noto Sans KR', 'µ¸¿ò','±¼¸²',Dotum, AppleGothic, Verdana, sans-serif; font-weight:normal; }
td { margin:0; padding:0; border-collapse: collapse; border-spacing:0; }
p{margin:0; padding:0; }
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/


div, p {box-sizing:border-box;}
a, input {transition:all .3s ease-out;}

fieldset{margin:0; padding:0; border:0;}
img {border:0; vertical-align:top; height:auto; }
img, iframe { max-width:100%;}
hr, legend{display:none;}

caption { height:4px; visibility:hidden; text-align:left;}
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}

.left { float:left;}
.right { float:right;}
.clear { clear:both;}

.color_f { color:#fff;}
.color0 { color:#000;}
.color1 { color: #b01c21; }
.color2 { color: #426b3b; }
.color3 { color: #49a28f; }
.color4 { color: #676fb4; }
.color_red { color:#ff0000;}

.center_text { text-align:center;}
.left_text { text-align:left;}
.right_text { text-align:right;}

.fs_13 { font-size:13px;}

.overflow_h {overflow:hidden;}
.none { display:none;}


/* ---------- °øÅë·¹À̾ƿô------------*/
#wrap {width:100%; padding:0; background:#fff;}
.width { position:relative; max-width:1400px; margin:0 auto;}

/* header border:1px solid red; */
#header_wrap { position:relative; top:0; width:100%; }
#header_wrap #header {position:relative; max-width:1400px; margin:0 auto;}

#header_wrap h1 { position:absolute; left:0; top:0; width:19%; z-index:999;}
#header_wrap h1 a {display:block; max-width:230px; padding:23px 16px 18px; }
#header_wrap h1 img { vertical-align:inherit; }

#header #gnb { position: absolute; top:32px; right:10px; }
#header .gnb { overflow:hidden; }
#header .gnb > li { float:left; font-size:12px;}
#header ul.gnb li > a {display:block; padding:5px 11px; color:#6f6f6f; }
#header ul.gnb li a:hover { color:#000;}

#header .gnb_ { overflow:hidden; width:100%; }
#header .gnb_ > li { float:left; width:33%; border-left:1px solid #ddd; }
#header .gnb_ > li a { display:block; padding:15px 0; font-weight:600; text-align:center; font-size:13px;}
#header .gnb_ > li:first-child { border:none;}

.search_area { height:24px; border:1px solid #c9c9c9; float:right; display: inline-block;}
div.search_area input.gnb_inText{width:180px; float:left; height:22px; border:0;line-height:21px;}


/* ¸Þ´º */
#header_wrap #tnb {z-index:900; margin:0 15% 0 20%; padding:0 3% 0 4%; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
#header_wrap .jq_sm { display:none;}

#tnb ul.menu { overflow:visible; display:inline-block; width:100%;}
#tnb ul.menu > li { position:relative; float:left; display:block; width:20%;}

#tnb ul.menu li .jq_tm { }
#tnb ul.menu li .jq_tm a { min-width:40px; display:block; padding:32px 0 28px 0; font-size:21px; color:#000; font-weight:700; text-align:center; }
#tnb ul.menu li:last-child .jq_tm a { }
#tnb ul.menu li .jq_tm a:hover { color:#996600; }

#tnb ul.menu li .jq_sm { display:none; position:absolute; padding:10px 0; width:190px; background:#efefef; font-weight:600; z-index:99; }
#tnb ul.menu li.last_child .jq_sm { right:0; }
#tnb ul.menu li .jq_sm li > a { display:block; font-size:14px; padding:7px 20px; color:#555; border-top:0 solid #d3d3d3;}
#tnb ul.menu li .jq_sm li a:hover { color:#ad8323; }


/*
#tnb ul.menu li .jq_sm { display:none; position:absolute; overflow:hidden; padding:5px 10px 10px 10px; font-weight:600; z-index:9999; }
#tnb ul.menu li .sm02 li a { width:100%; max-width:140px; text-align:center;}
.sm05 { right:50px;}
#tnb ul.menu li .jq_sm li { float:left;}
#tnb ul.menu li .jq_sm li a { display:block; font-size:14px; padding:10px 20px; color:#666;}
#tnb ul.menu li .jq_sm li a:hover { color:#000; }
.ssm_nav { padding:4px 0 10px 0;}
.ssm_nav a { color:#ebbbc4; padding:3px 9px; background: url('../images/common/bl_ssm.gif') no-repeat 4px 9px;}
*/

#tnb .ssm_nav p.s_lnb_tit { background:none; font-size:14px; font-weight:bold; color:#ffb527; padding:3px 0 3px 0;}

.jq_sm_bg { display:none; position:absolute; top:108px; width:100%; height:33px; background-color:#2461ea; z-index:30; }


#intro01 #tnb ul.menu li .jq_tm a.on01, #intro02 #tnb a.on01,
#ser_intro01 #tnb ul.menu li .jq_tm a.on01, #ser_intro02 #tnb a.on01,
#community01 #tnb a.on04, #community02 #tnb a.on04, #community03 #tnb a.on04, #community04 #tnb a.on04  { color:#19365a;}



/* ¹ÝÀÀÇü ÀÛÀº »çÀÌÁîÀ϶§ Çì´õ ¸Þ´º 800Á¤µµ */

#tnb_sm { display:none; }
#top_mem_open { z-index:999}
.tnb_sitemap{ position:absolute; top:0; right:1.5%; width:50px; color:#fff; text-align:center; cursor:pointer;}
.tnb_sitemap img { width:40px; padding:10px 5px;}
.tnb_key { position:relative; top:0; left:1.5%; width:50px; height:100%;}
.tnb_key a { display:block; padding:8px 3px; text-align:center;}
.tnb_key a img { width:40px;}

.allm_btn { position:absolute; top:-42px; right:2%; width:34px; }
/*-------   »çÀÌÆ®¸Ê Àüü¸Þ´º

.allm_btn ul { overflow:hidden;}
.allm_btn ul li { float:left; display:block; width:25%; height:59px; text-align:center; box-sizing:border-box; border-left:1px solid #3f4c59; }

.allm_btn ul li:first-child { border:none; background:#f1f1f1; }
.allm_btn ul li:first-child  a, .allm_btn ul li .allm_close { padding-top:18px;}
.allm_btn ul li a { display:block; padding-top:22px; padding-bottom:10px; color:#fff;}

.allm_btn ul li img { height:22px; vertical-align:middle;}
 ------------*/

#pop_sitemap {}  /*css ¾È¸ÔÈû Á÷Á¢ ÀζóÀοä¼Ò·Î Áà¾ßÇÔ */
.allmenu_wrap {width:40%; float:right; z-index:99999; background:#fff; border-bottom:3px solid #000;}
ul.allmenu { width:100%; margin-bottom:0; }
ul.allmenu li { border-top:1px solid #ddd; min-height:20px; }
ul.allmenu li > a { display:block; padding:18px; font-size:130%; font-weight:600;}
ul.allmenu li .allm a { background:url('../images/common/arr_off.png') no-repeat 90% 48%; background-size:18px; position:relative; display:block; padding:17px 0 16px 15%; font-size:18px; font-weight:600; }
ul.allmenu li .allm.on { background:url('../images/common/arr_on.png') no-repeat 90% 48% #555; background-size:18px; color:#f5f5f5;}
ul.allmenu li .allm.on a { color:#f5f5f5;}
ul.allmenu li .answer { display:none; padding:0 5% 0 15%; background:#f4f4f4;} /* padding:10px 4% 12px 15.4%;  */
ul.allmenu li .answer ul {}
ul.allmenu li .answer ul li { border:none;}
ul.allmenu li .answer ul li > a { display:block; padding:8px 0 8px 12px; font-size:16px; background:url('../images/common/bl_one2.png') no-repeat 0 46%; background-size:6px; font-weight:500;}

ul.allmenu li .answer .ssm_nav { padding:6px 10px 12px 10px; }
ul.allmenu li .answer .ssm_nav a { font-size:14px; display:block; padding: 0 0 0 10px; background:url('../images/common/bl_arr03.gif') no-repeat 0 49%;}
.s_lnb_tit { font-weight:600; font-size:96%;}

.btn_top_home{ position:absolute; left:10px; top:5px; z-index:9000;}
.btn_top_sitemap { position:absolute; right:6px; top:8px; z-index:9000;}




.board { font-family:'µ¸¿ò', 'Dotumche',Dotum,dotum; font-size:12px; border: 1px solid #fff; letter-spacing:-1px;}


/* all_nav Àüü¸Þ´º */
#all_nav {visibility:hidden; overflow:hidden; position:absolute; top:110px; background:#3e7bfd; width:100%; z-index:10000;}
#all_nav ul { float:left; padding:15px 2% 20px 2%; line-height:1.6 }
#all_nav ul li.tit_nav p{ padding:6px 5px 10px 5px; margin-bottom:5px; font-size:16px; font-weight:600; color:#e3caba; border-bottom:1px solid #e1ebff; color:#fff; }
#all_nav ul li.tit_nav p a {color:#fff;}
#all_nav ul li { min-width:164px;}
#all_nav ul li a { color:#e1ebff; padding:4px }
#all_nav ul li a:hover { color:#fff;}
#all_nav .btn_close { position:absolute; right:20px; bottom:20px; cursor:pointer;}


/* Äݼ¾ÅÍ */

/*
.customer_center .cus_list li:last-child { width:32%; margin:0; }
.customer_center .cus_list li > div { position:relative; padding:30px 2px; min-height:130px; }
.customer_center ul .icon_img {position:absolute; width:90px; padding:14px; margin:auto; border-radius:50%; background:#f4f4f4;}
.customer_center ul .book_img { float:left; margin-right:10px; }
.customer_center .cus_list li .text { padding-left:112px;}
.customer_center .cus_list h2 { font-size:19px; color:#00367b; font-weight:700; padding:0 0 12px 0; line-height:1.2;}
.customer_center .cus_list li dl { overflow:hidden; padding:2px 0; font-size:14px; text-align:left; line-height:1.3; }
.customer_center .cus_list li dl dt { float:left; min-width:70px; color:#11214c; }
.customer_center .cus_list li dl dd { float:left; color:#6e7077; }

.customer_center .cus_list li.st03 > div { overflow:hidden; padding:40px 0 0 0; }
.customer_center .cus_list li.st03 h2 a { display:inline-block; font-size:22px; padding:10px 50px 4px 0; margin-bottom:5px; color:#000; background:url(../images/common/bl_more.png) no-repeat right bottom / 36px;}
.customer_center .cus_list li.st03 .text { padding-left:10px;}
.customer_center .cus_list li.st02 dl dt { min-width:50px; }
*/

#wrap_index .customer_center { margin:60px 0 0 0;}
.customer_center { background:#232323; padding:0 0 60px 0; margin:80px 0 0 0;}
.customer_center .tit_box { padding:40px 10px; text-align:center; line-height:1.2; }
.customer_center .tit_box .tit { font-size:30px; color:#fff; font-weight:bold;}
.customer_center .tit_box p {font-size:18px; color:#949494; padding-top:16px;}

.customer_center .cus_list { overflow:hidden; letter-spacing:0;}
.customer_center .cus_list li { float:left; }
.customer_center .cus_list li.st01 { width:35%; margin-right:2%; }
.customer_center .cus_list li.st02 { width:63%; overflow:hidden;  border:1px solid #646464; box-sizing:border-box;}
.customer_center .cus_list li.st02 > div { float:left;}

.customer_center .cus_list li h2 { padding:0 0 10px 0; font-size:22px; font-weight:600; letter-spacing:-0.02em;}
.customer_center .cus_list li.st01 h2 {color:#1d316c;}
.customer_center .cus_list li.st02 h2 {color:#fed500;}
.customer_center .cus_list h2 span { color:#888; font-size:13px; margin-left:12px;}
.customer_center .cus_list .mobile { padding:30px 38px; background-color:#e9e9e9; }
.customer_center .cus_list .mobile .tt { display:block; float:left; width:15%; padding-top:4px; font-size:15px; color:#000;
text-align:justify; letter-spacing:0.03em; background:url('../images/common/bl_one01.gif') no-repeat 7% 55%; padding-left:5%; }

.customer_center .cus_list li.st02 .call_box { float:left; width:60%; padding:30px 10px 23px 40px; color:#c4c4c4;}
.call_box .call { min-height:70px; margin-top:10px; padding:4px 10px 15px 20%; background:url(../images/common/icon_call.png) no-repeat 0 0 / 70px;}
.call_box .call .stt { font-size:15px; padding-top: 6px; display: inline-block;}
.call_box .call .busan {padding: 8px 0px; font-size: 18px; font-weight: 600; }
.call_box .call .call_num { margin-right: 10px; color:#fed500; font-size:28px; font-weight:600; display: inline-block;}
.call_box h2 .stt{ display:inline-block; font-size:13px; color:#cccccc; margin-left:14px;}


.call_box .call img { margin:10px 18px 0 0; vertical-align:bottom;}
.call_box .time_info { padding:0 0 0 20%; }
.call_box .time_info .stt { font-size:15px; padding-bottom:10px;}
.call_box .time_info dl { overflow:hidden; padding:2px 0;}
.call_box .time_info dl dt { float:left; display:inline-block; min-width:65px; margin-right:12px; padding: 4px 9px; font-size:14px; color:#000; text-align:center; background:#b2b2b2;}
.call_box .time_info dl dd { display:inline-block; font-size:16px; padding-top:4px;  }



.call_box h2 { font-size:22px; font-weight:600; color:#fed500;}
.call_box h2 .stt{ display:inline-block; font-size:13px; color:#cccccc; margin-left:14px;}
.call_box {
    color: #c4c4c4;
	padding:10px 0 10px 15px;
}

.call_box .call {
    background: rgba(0, 0, 0, 0) url("../images/common/icon_call.png") no-repeat scroll 0 0 / 60px auto;
    margin-top: 14px;
    min-height: 70px;
    padding: 0 10px 10px 20%;
}

.call_box .call img {
    margin: 2px 0px 6px 0;
    vertical-align: bottom;
}

@media all and (min-width:768px) and (max-width:1150px) {

.call_box .call {
    background: rgba(0, 0, 0, 0) url("../images/common/icon_call.png") no-repeat scroll 0 0 / 58px auto;
    min-height: 70px;
    padding: 0 10px 10px 30%;
}
.call_box .time_info { padding:0;}

}
@media all and (min-width:768px) and (max-width:980px) {

.call_box .time_info .stt { display:none;}

}




@media all and (max-width:620px) {
.vi_box02 { padding:0 0 15px 0; margin:30px 0 0 0;}

.vi_box02 .tit_box { padding:30px 40px;}
.vi_box02 .tit_box .tit { font-size:22px; color:#fff; font-weight:bold;}
.vi_box02 .tit_box p {font-size:14px; color:#949494; padding-top:8px;}


.call_box .call { min-height:70px; margin-top:10px; padding:4px 10px 15px 30%;}
.vi_box02 .cus_list li.st02 .call_box { padding:0px 5px 10px 20px;}

}

#wrap_index .customer_center .cus_list li.st02 { background:url(/images/common/bg_cus.jpg) no-repeat center 0; border:none;}
#wrap_index .customer_center .cus_list li.st02 .call_box { visibility:hidden;}






.customer_center .cus_list li.st02 .yellow_id_box { float:right; margin:20px; padding:45px 4% 64px 4%; min-height:100px; text-align:center; background:#fed500;}
.yellow_id_box .text { padding:10px 0 0 0; font-size:20px; color:#402a2e;}
.yellow_id_box .text p { padding:15px 0; }
.yellow_id_box .text span { color:#ff2400; border-bottom:2px solid #402a2e; padding-bottom:2px; font-weight:600; }

.customer_center .cus_list li.st02 .div_right { float:right; margin:20px; min-width:295px; min-height:100px; text-align:center;}
.customer_center .div_right .div { height:122px; padding:15px 10px; font-size:14px;}
.customer_center .div_right .kakao_box {background:#fed500;}
.customer_center .div_right .kakao_box .text { padding:0; color:#402a2e;}
.customer_center .div_right .kakao_box .text p { padding:10px 0; font-size:20px; }
.customer_center .div_right .kakao_box .text span { color:#ff2400; border-bottom:0 solid #402a2e; padding-bottom:0; font-weight:600; letter-spacing:2px; }

.customer_center .div_right .bank_box { background:#fff;}
.customer_center .div_right .bank_box img { width:130px; margin:0 auto;}
.customer_center .div_right .bank_box .num { position:relative; font-weight:600; font-size:22px; padding:16px 0 7px; color:#000;}
.customer_center .div_right .bank_box .num::before { content:''; position:absolute; top:8px; left:45%; width:10%; border-top:1px solid #aaa;}


.customer_center .btn_st01 { font-family:'Nanum Gothic'; display: inline-block; width:100%; max-width:330px; padding:16px 10px; font-size:20px; background:#ad8323; color:#fff; font-weight:600; border:none;}
.customer_center .btn_st01:hover { background:#555;}

.customer_center .styled-select {
   overflow: hidden;
   /*
   height: 30px;
   background: url("/images/ico_f_on.gif") no-repeat 204px 3px #fff ;
   */
}
.customer_center .styled-select select {
   background: url("/images/ico_f_on.gif") no-repeat 90% 3px #fff;
   width: 110%;
   height: 30px;
   padding: 5px 0 0 5px;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   line-height:1;
   color:#000;
}

.customer_center .input_box { padding:5px 0; overflow:hidden;}
.customer_center .input_box select { border:none; line-height:140%; color:#000;}
.customer_center .input_st01 {height:26px; background:#fff; border:none; padding:2px 1%; color:#000;}
.customer_center .input_box_st02 .styled-select { width:26%; overflow:hidden; float:left}
.customer_center .input_box_st02 .styled-select.pd_st02 { margin:0 1%;}
.input_box_st02 .styled-select select { height:30px; width:124%; padding:2px 6px 0; background: url("/images/ico_f_on.gif") no-repeat 75% 50% #fff;}

.customer_center .input_box_st03 .input_st01 { width:22.3%; overflow:hidden;}



/* footer */
#footer_wrap { background:#fff; color:#000; border-top:1px solid #232323; }
.footer{ max-width:1380px; margin:0 auto; position:relative; padding:20px 10px;}

#footer_wrap .fnb { background:#fff; padding:10px 10px; border-bottom:1px solid #c1c1c1;}
#footer_wrap .fnb ul { overflow:hidden; max-width:1380px; margin:0 auto; }
#footer_wrap .fnb ul li { float:left; display:block;}
#footer_wrap .fnb ul li a {display:block; padding:12px 30px 12px 5px; color:#000; font-size:16px; font-weight:600; letter-spacing:-0.04em; }
#footer_wrap .fnb ul li a:hover { color:#036;}

#footer_wrap .f_menu { display:none; overflow:hidden; text-align:center; background:#dcdcdc; padding:12px 10px;}
#footer_wrap .f_menu li { display:inline-block; width:40%; margin-left:1%; }
#footer_wrap .f_menu a {
					display:block;
					width:100%;
					height:33px;
					text-align:center;
					-webkit-border-radius:4px; /*¤Ð*/
					/* IE9+,FF4+,chrome,Safari5,+opera */
					border-radius:4px;
					color:#222;
					font-weight:500;
					background:#fff;
					}

#footer_wrap .f_menu span { display:block; font-size:15px; padding-top:9px; }
#footer_wrap .f_menu a:hover { color:#004483; }

#footer_wrap .f_menu .btn_top a {background:url('../images/common/top_arr.png') no-repeat 80% 40% #fff; background-size:15px }
#footer_wrap .f_menu .btn_top span {margin-right:10px;}

address p { display:inline-block; margin-right:12px; font-size:12px; font-style:normal; line-height:1.4;}

.btn_admin { position:absolute; right:5px; top:35px;}
.btn_admin a { display:block; background:#06315d; padding:12px 38px 12px 38px; color:#7f7f7f; font-size:13px; border-radius:5px;}
.btn_admin a:hover { background:#ccc; color:#000;}


@media all and (max-width:1380px) {
.customer_center .cus_list { width:900px; margin:0 auto;}
.customer_center .cus_list li { float:none; }
.customer_center .cus_list li.st01 { width:98%; margin-right:0; margin-bottom:2%; }
.customer_center .cus_list li.st02 { width:98%; overflow:hidden;  box-sizing:border-box;}
.customer_center .cus_list li.st02 > div { float:left;}
.customer_center .btn_st01 { margin:0 auto;}

.input_box_st02 .styled-select select { width:114%; padding:2px 6px 0; background: url("/images/ico_f_on.gif") no-repeat 84% 50% #fff;}
.customer_center .input_box_st02 .styled-select.pd_st02 { margin:0 1%;}
.customer_center .input_box_st02 .styled-select { width:26%;}
.customer_center .input_box_st03 .input_st01 { width:23.5%;}
}

/* Talbet & Desktop */
@media all and (max-width:1260px) {
#header #gnb { top:10%; right:0; width:10%; text-align:center; }
#header .gnb > li { float:none; font-size:12px;}
#header_wrap #tnb {z-index:900; margin:0 10% 0 18%; padding:0;}
}



@media all and (max-width:980px) {
.customer_center .cus_list { width:600px; margin:0 auto;}
.customer_center .input_box_st02 .styled-select { width:26%; overflow:hidden; float:left;}
.customer_center .input_box_st02 .styled-select.pd_st02 { margin:0 1%;}
.input_box_st02 .styled-select select { height:30px; width:120%; background: url("/images/ico_f_on.gif") no-repeat 78% 50% #fff;}
.customer_center .input_box_st03 .input_st01 { width:22.3%;}
.customer_center .cus_list li.st02 .call_box  { width:100%;}
.customer_center .cus_list li.st02 .div_right { float:left; width:92%; margin:4%; min-height:20px; }
.yellow_id_box .text { padding:10px 0 0 0; font-size:20px; color:#402a2e;}
.yellow_id_box .text p { padding:15px 0;  display:inline-block; }
.yellow_id_box .text span { color:#ff2400; border-bottom:2px solid #402a2e; padding-bottom:2px; font-weight:600; }

}

@media all and (max-width:840px) {
.wrap .customer_center { display:none;}
}

@media all and (max-width:768px) {
#header_wrap #header h1 { position:absolute; width:100%; left:0; z-index:auto; text-align:center;}
#header_wrap #header h1 a { padding:7px 0 0 0; display:inline-block;}
#header #gnb { height:auto;}
#header .gnb {display: none;}
#tnb_sm { display: block;}
#tnb { display: none;}
.allmenu_wrap { width:100%; float:none;}

address p { display:block; }
#wrap_index .customer_center { margin:10px 0 0 0;}

.gnb_m { text-align:center; padding:2px 5px 5px; }
.gnb_m a {display: inline-block; width:38%; padding:8px 20px; color:#6f6f6f; font-size:12px; background:#f6f6f6; }
.gnb_m a:hover { color:#000;}

}

@media all and (max-width:620px) {
.customer_center { padding:0 0 15px 0; margin:30px 0 0 0;}

.customer_center .tit_box { padding:30px 40px;}
.customer_center .tit_box .tit { font-size:22px; color:#fff; font-weight:bold;}
.customer_center .tit_box p {font-size:14px; color:#949494; padding-top:8px;}

.customer_center .cus_list { width:360px; margin:0 auto;}
.customer_center .cus_list li.st02 .yellow_id_box { float:left; width:92%; margin:4%; padding:4%; min-height:20px; }
.yellow_id_box .text { padding:0 0 0 0; font-size:16px; color:#402a2e;}
.yellow_id_box .text p { padding:10px 0;  display:block; }
.yellow_id_box .text span { color:#ff2400; border-bottom:2px solid #402a2e; padding-bottom:2px; font-weight:600; }

.call_box .call { min-height:70px; margin-top:10px; padding:4px 10px 15px 30%; background:url(../images/common/icon_call.png) no-repeat 6px 0 / 70px;}
.customer_center .cus_list li.st02 .call_box { padding:15px 5px 10px 20px;}
.call_box .time_info { padding:0;}

.customer_center .cus_list .mobile { padding:20px; }
.customer_center .cus_list .mobile .tt { display:block; float:none; width:15%; padding-bottom:4px; font-size:13px; color:#000; }

.customer_center .input_box_st02 .styled-select { width:97px; overflow:hidden; float:left;}
.customer_center .input_box_st02 .styled-select.pd_st02 { margin:0 10px;}
.input_box_st02 .styled-select select { height:30px; width:126%; background: url("/images/ico_f_on.gif") no-repeat 72% 50% #fff;}
.customer_center .input_box_st03 .input_st01 { width:88px; text-align:center;}


#footer_wrap .fnb { display:none;}
#footer_wrap .f_menu { display:block;}
.footer { padding:15px;}
.btn_admin { display:none;}
}

@media all and (max-width:480px) {
#header_wrap #header h1 a { width:170px; padding:11px 0 0 0;}
.tnb_key a img { width:34px; min-width:30px;}
.tnb_sitemap img { width:32px; min-width:32px;}
#pop_top_mem .allm_btn { right:3%; }


.customer_center .cus_list li.st02 .call_box  { width:100%;}
.customer_center .cus_list li.st02 .yellow_id_box { float:left; width:92%; margin:4%; padding:4%; min-height:20px; }
.yellow_id_box .text { padding:10px 0 0 0; font-size:20px; color:#402a2e;}
.yellow_id_box .text p { padding:15px 0;  display:inline-block; }
.yellow_id_box .text span { color:#ff2400; border-bottom:2px solid #402a2e; padding-bottom:2px; font-weight:600; }


/*
.customer_center { border-bottom:none;}
.customer_center .cus_list { overflow:hidden; letter-spacing:0; margin:0 3%;}
.customer_center .cus_list li { float:left; width:100%; margin-bottom:12px; margin-right:0; }
.customer_center .cus_list li > div { position:relative; padding:18px 20px; min-height:120px; border:1px solid #e5e5e5; }
.customer_center ul .icon_img {position:absolute; right:4%; top:14%; width:66px; padding:10px;}

.customer_center .cus_list li .text { padding-left:0;}
.customer_center .cus_list h2 { font-size:17px; }
*/
}