@charset "utf-8";
/* reset */

*html {margin:0; padding:0; }
html, body {margin: 0; padding: 0;height:100%;width:100%; _height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td,table,caption{margin:0;padding:0; color:#666; -webkit-text-size-adjust:none; word-break:keep-all ;}
* {margin:0; padding:0;}

table{border-collapse:collapse; border-spacing:0;}
form, fieldset, label{color:#000;  }
.legend{overflow:hidden;position:relative; visibility : hidden; font-size:0px; width:0px; height:0px; overflow:hidden; line-height:0px;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
del,ins{text-decoration:none;}
button{border:none 0;background:none;cursor:pointer;_cursor /**/:hand;}
hr{display:none;border:none 0;}
label{cursor:pointer;}
img{vertical-align:middle;}
input,select{vertical-align:middle;}
caption{ display:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; padding:0px; margin:0px;}

/* fonts */
body  {font:13px 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, AppleGothic, Sans-serif; color:#666; line-height:22px;}
body{word-wrap:break-word;word-break:break-all;}
select,input,button,textarea{font:12px 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, AppleGothic, Sans-serif;}
table{font-size:inherit;}
pre,code,kbd,samp,xmp,tt{font-family:monospace;*font-size:108%;line-height:15px;}
a{color:#666;text-decoration:none;cursor:pointer;}
a:link, a:active{color:#666; text-decoration: none;}
a:hover, a:focus{color:#1b4485;}
@media screen and (max-width: 767px){
	body{font:12px 'Nanum Gothic'; line-height:18px;}
}
.clr {clear:both;}
.opacityup {opacity:0.5;}
.opacityupZero {opacity:0;}
.line {border:1px solid #000;  box-sizing:border-box;}
.nbline {border:none !important;}
.bline_dot {border-bottom:1px dotted #ccc !important; }
.chinese {font-family:"Nanum Gothic";}

.t_center {text-align:center !important;}
.t_right {text-align:right !important;}
.t_bold {font-weight:bold;}

.stopPd {padding:0 !important;}
.stopMg {margin:0 !important;}
.stopPL {padding-left:0 !important;}
.floatL {float:left;}
.stress_red		{ background:#ff0000; color:#fff; display:inline-block; padding:0 2px 2px 2px;}
.stress_blue	{ background:#32609f; color:#fff; display:inline-block; padding:0 2px 2px 2px;}

.stressRed		{ text-align:center; display:inline-block; padding:4px 10px 6px 10px; margin-right:3px; background:#ed1c24; color:#fff; border-radius:6px;  }
.stressGray	{ text-align:center; display:inline-block; padding:4px 10px 6px 10px; margin-right:3px; background:#ccc; color:#fff; border-radius:6px; }
.stressBlue		{ text-align:center; display:inline-block; padding:4px 10px 6px 10px; margin-right:3px; background:#32609f; color:#fff; border-radius:6px; }

.wb {display:block;}
.wn {display:none;}
.wm {display:none;}
.ws {display:none;}

.ckw_p {display:inline-block;}
.ckw_m {display:none;}

.w_5 {width:5%}
.w_10 {width:10%}
.w_15 {width:15%}
.w_20 {width:20%}
.w_25 {width:25%}
.w_30 {width:30%}
.w_40 {width:40%}
.w_50 {width:50%}
.w_60 {width:60%}
.w_70 {width:70%}
.w_80 {width:80%}
.w_90 {width:90%}
.w_100 {width:100%}

@media screen and (max-width: 1000px){
	.wb {display:none;}
	.wn {display:block;}
	.wm {display:none;}
	.ws {display:none;}
}
@media screen and (max-width: 767px){
	.wb {display:none;}
	.wn {display:none;}
	.wm {display:block;}
	.ws {display:none;}

	.ckw_p {display:none;}
	.ckw_m {display:block;}

.wmm_5 {width:5%}
.wm_10 {width:10%}
.wm_15 {width:15%}
.wm_20 {width:20%}
.wm_25 {width:25%}
.wm_30 {width:30%}
.wm_40 {width:40%}
.wm_50 {width:50%}
.wm_60 {width:60%}
.wm_70 {width:70%}
.wm_80 {width:80%}
.wm_90 {width:90%}
.wm_100 {width:100%}


}
@media screen and (max-width: 320px){
	.wb {display:none;}
	.wn {display:none;}
	.wm {display:block;}
	.ws {display:none;}
}

#st_company iframe,
#st_brand iframe {width:100%;  height:100%;}

#skipnavi { float:left;position:relative; width:0px; height:0px; font-size:0px; line-height:0px; z-index:999;width:30%;}
#skipnavi ul li { float:left;position:absolute; top:0px; left:0px; background:#1b4485;width:100%;}
#skipnavi ul li a { float:left; position:absolute; display:block;  top:0px; left:-2000px;width:100%;padding:30px 0;  font-weight:bold; text-align:center; font-size:120%; color:#fff;}
#skipnavi ul li a:focus,
#skipnavi ul li a:hover,
#skipnavi ul li a:active {float:left; display:block;   position:absolute; top:0px; left:0px; font-size:14px;width:100%; background:#1b4485;  z-index:999;}

/* index */
#st_navi {position:absolute; display:block; width:260px; left:50%; margin-left:-130px; z-index:1000;}
#st_brand, #st_company {position:absolute; width:100%; overflow:hidden}
#st_brand { z-index:50;}
#st_company { z-index:100;background:#fff; }
#st_brand {border-bottom:1px solid #ccc}
@media screen and (max-width: 767px){
	#st_navi {display:none;}
}

/* 패밀리 사이트 바로가기 : com_end.js */
#footer {position:fixed; bottom:0; width:100%; height:50px;  background:#999; z-index:10000; border-top:1px solid #8b8b8b; box-sizing:border-box; }
#footer li {padding:0; margin:0}
#footer li.address { padding:10px 0 0 20px;font-family: 'Jeju Gothic'; font-size:11px;line-height:100%;}
#footer li.address p {color:#d7d7d7}
#footer li.address span.gap1 {padding:0 6px; width:6px; font-family:"Abel";font-size:10px;}
#footer li.address span.gap2 {padding:0 2px;width:6px;font-family:"Abel";font-size:10px;}
#footer li.copyright {padding:2px 0 0 20px;font-family:"Abel";font-size:10px;line-height:100%;color:#d7d7d7; padding-top:0 !important;}

#footer li.affiliate { position: absolute; right:20px; top:10px; border:1px solid #7a7a7a;}

#footer li.affiliate .a_list {position: absolute; top:-55px; height:auto; left:-1px; border:1px solid #e1e1e1; display:none; }
#footer li.affiliate ul {overflow:auto;  background:#333c49; }
#footer li.affiliate a {display:block; height:25px; line-height:25px; width:150px;background:#e1e1e1; padding-left:10px;}
#footer li.affiliate .a_button {font-size:11px; font-family: 'Roboto Condensed'; color:#fff; background:#888888 url("/design/images/common/icon_arrow_up_black.png") no-repeat top right; }
#footer li.affiliate .a_list a {font-size:11px;color:#898989; border-bottom:1px solid #eaeaea;}
#footer li.affiliate .a_list a:hover, #footer li.affiliate .a_list a:focus {background:#ccc; }
.a_scroll { height:100px}

@media screen and (max-width: 767px){
	#footer {position:relative; width:100%; padding:0 0 20px 0; height:auto; background:#222222; color:#fff; margin-bottom:0;z-index:1;border:none;}
	#footer li.address {padding:10px 0; text-align:center; line-height:140%; letter-spacing:-1px;}
	#footer li.copyright {padding:2px 5% 20px 5%; text-align:center;  letter-spacing:-1px;}

	#footer li.affiliate {position:relative; width:90%; margin-left:5%;  right:0; top:0; border:1px solid #5a5a5a;box-sizing:border-box;}
	#footer li.affiliate a { width:100%;height:40px; line-height:40px; }
	#footer li.affiliate .a_button { width:90%;background:url("/design/images/common/mb/icon_arrow_up_black.png") no-repeat top right ;padding-right:5%; }
	#footer li.affiliate .a_list{ position:relative; width:100%; padding-left:0; padding-right:0;top:0;height:auto}
	#footer li.affiliate .a_list a {font-size:13px;color:#898989; text-align:center; padding-left:0; padding-right:0;}
	.a_scroll { height:auto; padding-left:0; padding-right:0;}
}

#ploading {display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1001; background:#fff url("/design/images/common/loading.gif") no-repeat  center; opacity:1; filter: alpha(opacity=100); }

.google_wrap,
.google_wrap *,
.google_wrap iframe
{ width:0px; height:0px; padding:0; margin:0; overflow:hidden;}