/* ³ª´®°íµñ ºÒ·¯¿À±â */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.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:14px; letter-spacing:0; font-family:Nanum Gothic, Nanum Gothic Bold, '³ª´®°íµñ','µ¸¿ò','±¼¸²',Dotum, Helvetica, AppleGothic, Arial, 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;}
*/

fieldset{margin:0; padding:0; border:0;}
img{border:0; }
hr, legend{display:none;}

caption { 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: #8d77c9; }
.color2 { color: #88ffe5; }
.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;}


/* ---------- °øÅë·¹À̾ƿô------------*/

/* header border:1px solid red; */
#header_wrap { position: relative; top:0; width:100%; min-height:76px; background:url(../images/common/bg_pt.gif) repeat center top; }
#header_wrap #header {position:relative; width:100%; max-width:1250px; margin:0 auto; z-index:900; overflow:hidden; }
header_wrap { position: relative; top:0; width:100%; min-height:76px; background:url(../images/common/bg_pt.gif) repeat center top; }
#header_wrap #header {position:relative; width:100%; max-width:1250px; margin:0 auto; z-index:900; overflow:hidden; }
#header_wrap #header h1 { padding:0 0 0 2% ; position:absolute;}
#header_wrap #header h1 img { width:156px;}
#header_wrap #header h1 a { display:block; font-size:12px; line-height:1.7; letter-spacing:-0.07em; color:#d9cfcf}

#gnb { overflow:hidden; float:right; padding:29px 0 0 4%; } 
.gnb { overflow:hidden; font-size:12px; }
.gnb li { float:left; background:url('../images/common/line_gnb.gif') no-repeat left 8px;}
.gnb li.first_child { background:none; padding-left:0;}
ul.gnb li a {display:block; padding:5px 15px; color:#c6c2b7; } 
ul.gnb li a:hover { color:#fff;} 

.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;}



/* ¸Þ´º */
#tnb { float:right; position:relative; padding:10px 0 0 0;}
#tnb ul.menu { float:right; }
#tnb ul.menu > li { float:left; display:block; background:url('../images/common/line_tnb.gif') no-repeat right 20px;}
#tnb ul.menu li.last_child { background:none; }

#tnb ul.menu li .jq_tm { padding:0; }
#tnb ul.menu li .jq_tm a { min-width:70px;letter-spacing:-1px; display:block; padding:20px 22px; font-size:17px; color:#cec7df; line-height:20px; font-weight:bold; text-align:center; }
#tnb ul.menu li:hover .jq_tm a {background:url('../images/common/nav_over.png') no-repeat center bottom;}
#tnb ul.menu li .jq_tm a:hover { letter-spacing:-1px; color:#fff; }
#tnb ul.menu li.last_child .jq_tm a { padding-right:10px; }

#tnb ul.menu li .jq_sm { display:none; position:absolute; padding:30px 24px 30px 24px; background-color:#3e7bfd; font-weight:600; z-index:9999; } 
#tnb ul.menu li .jq_sm li > a { display:block; font-size:16px; padding:5px 0; color:#daece8;}
#tnb ul.menu li .jq_sm li a:hover { color:#fff; }
.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; }



/* ¹ÝÀÀÇü ÀÛÀº »çÀÌÁîÀ϶§ Çì´õ ¸Þ´º 800Á¤µµ */
#tnb_sm { display: none;}
.tnb_sitemap{ position:absolute; top:19px; right:2%; width:44px; } 
.tnb_key { display:none; position:absolute; top:18px; right:2%; width:44px;}

.allm_btn { position:absolute; top:-54px; right:3%; 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 {z-index:99999; background:#fff; border-bottom:3px solid #000;}
ul.allmenu { width:100%; margin-bottom:0; }
ul.allmenu li { border-top:1px solid #d9cfcf; min-height:20px; }
ul.allmenu li a { display:block; padding:18px; font-size:130%; font-weight:600;}
ul.allmenu li .allm { color:#fff; 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:bold; }
ul.allmenu li .allm.on { color:#fff; background:url('../images/common/arr_on.png') no-repeat 90% 48% #19337a; background-size:18px;}

ul.allmenu li .answer { display:none; padding:10px 4% 12px 15.4%; background:#f4f4f4;}
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:900;}

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;}



/* comm_wrap  */
.comm_wrap { padding:33px 0 27px 0; overflow:hidden;}
	/* notice_box */
	#notice_box { float:left; background:#fff; width:100%; max-width:410px; padding:4px 0 0 0;}
	#notice_box .board_01 { position:relative; padding:5px 0; }
	#notice_box dl { overflow:hidden;  }
	#notice_box dt { float:left; padding-left:17px;}
	#notice_box dt a { display:block; font-size:13px; padding:4px 0 0 16px; color:#7e5fd0; font-weight:700; background:url('../images/common/bl_notice.gif') no-repeat 0 7px; }
	#notice_box dd { float:left; }
	#notice_box dd a { display:block; height:16px; padding:4px 8px 0 14px; color:#808080; background:url('../images/common/btn_plus.gif') no-repeat 0 2px; font-size:13px;}
	#notice_box .btn_more { position:absolute; right:18px; top:14px;}
	
	.search_box { padding:0 20px; float:left;}
	.search_box .search_input_box { overflow:hidden; background:#eee; padding:10px 0 10px 20px;}
	.search_input_box input{ float:left; height:24px; font-size:15px; border:none; background:none; width:300px;}
	.mn_search_bt{ float:right; background: url(../images/common/btn_sch.png) no-repeat 50% 50%; border:none; font-size:0px; cursor:pointer; width:60px; height:24px;}
	
	.comm_wrap .custom_box { float:left; padding:13px 0 0 34px;}
	.comm_wrap .custom_box .call_num { display:inline-block; padding:2px 10px 2px 20px; font-size:16px; font-weight:600; color:#000; background:url(../images/common/bl_call.png) no-repeat 0 50%; background-size:12px;}
	.comm_wrap .custom_box .ampm{ display:inline-block; padding:2px 10px 2px 20px; font-size:16px; color:#000; background:url(../images/common/bl_am.png) no-repeat 0 50%; background-size:14px;}




/* footer 
.footer .fnb ul { overflow:hidden; border-bottom:1px solid #96162e;}
.footer .fnb ul li { float:left; display:block;}
.footer .fnb ul li a {display:block; padding:17px 30px 17px 5px; color:#e4a4b0;}
.footer .fnb ul li a:hover { color:#fff;}
*/
#footer_wrap { width:100%; clear:both; padding:30px 0; background:url(../images/common/bg_pt.gif) repeat center top;}
.footer { position:relative; width:97%; max-width:1250px; min-width:320px; overflow:hidden; margin:0 auto; color:#aea6bb; }
.footer .f_logo { padding:0 0 30px 0; font-size:12px; line-height:1.7; letter-spacing:-0.08em; color:#d9cfcf}

.address_wrap { float:left; display:inline-block; font-size:13px; padding:15px 0 0 0; }
.address_wrap address{ font-style:normal; line-height:140%; letter-spacing:-1px; }
.address_wrap address span { margin:0 10px 0 5px;}
.address_wrap address p { padding:5px 0 0 5px;}

.footer .f_comm_wrap { width:50%; float:right;}
.footer .f_comm { min-height:150px; display:block; border-left:1px solid #7a7483; padding:15px 0 15px 25px;}
.footer .f_comm .f_tit { font-size:18px; color:#fff; padding-bottom:15px;}
.footer .f_comm .text { font-size:12px; line-height:1.5;}

.footer .f_inquiry { float:right; max-width:230px;}

.footer .btns a { font-size:19px; text-align:center; color:#fff; display:block; font-weight:600; border-radius:4px;}
.footer .btns a.btn_st01 { background:#0f0528; color:#cfc5eb; padding:15px 2%; margin-top:15px;   
filter:alpha(opacity=40);
opacity:.40;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
 }
.footer .btns a.btn_st01:hover { opacity:.80;}

.footer .f_call { float:right; margin-left:5%;}
.footer .f_call .call_num { font-size:24px; font-weight:600; line-height:1.4; color:#c8b5ff; padding-bottom:5px;}



/* Talbet & Desktop */ 
@media all and (max-width:740px) {
#footer_wrap { padding:10px 0 15px 0; text-align:center;}

.footer .address_wrap { float:none; width:100%; display:block; font-size:13px; padding:15px 0 0 0; }	
.footer .f_logo { padding:0 0 10px 0; }
 
.footer .f_comm_wrap { float:none; width:100%; margin:20px 0 0 0; }
.footer .f_comm_wrap .f_call { float:none; margin-left:0;}
.footer .f_comm { min-height:50px; display:block; border-left:none; border-top:1px solid #7a7483; padding:15px 0}

}

@media all and (max-width:840px) { 
#notice_box { width:100%; padding:9px 0 12px 0; background:#fff; }
#header_wrap #header{ overflow: visible;}
#tnb_sm { display:block;}
#gnb {padding-right:14%;}
#tnb { display:none;}

}
@media all and (min-width:840px) and (max-width:1120px) {
	#gnb { padding:10px 0 0 0;}
	#tnb { width:100%; padding: 0 0 0 10px;}
	
}
/* Desktop */
@media all and (max-width:1040px) { 
.footer .f_comm_wrap { width:auto; } 
.footer .f_inquiry { display:none;}
} 

@media all and (max-width:1230px) { 
.comm_wrap { display:none}
} 

@media all and (max-width:460px) { 
#header_wrap #header h1 { padding:0; margin-left:-78px; left:50%; }
.tnb_sitemap { position:absolute; top:20px; left:2%; width:44px; } 
.tnb_key { display: block;}
#pop_sitemap .allm_btn {left:3%;}
#pop_top_mem .allm_btn { right:3%; }
#gnb{ display:none;}


.comm_wrap { display: block; padding:15px 0; text-align:center; }
.comm_wrap .search_box, #notice_box { display: none;}
.comm_wrap .custom_box { float:none; padding:0;}
.comm_wrap .custom_box .call_num { display:inline-block; padding:2px 10px 2px 20px; font-size:18px; font-weight:600; color:#000; }
	.comm_wrap .custom_box .ampm{ display:inline-block; padding:2px 10px 2px 20px; font-size:18px; color:#636262; }

/*
	#gnb { padding:4px 16% 0 0;}
	.gnb li { float:none; text-align:right;}
	.search_box { width:90%;}
	.search_input_box input{width:78%;}
*/
}