@charset "utf-8";

label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'NanumGothic', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#333; letter-spacing:0; }
input, textarea, select{ font-family:'NanumGothic', sans-serif !important; }
input[type="checkbox"]{ border:1px solid #ddd;}


body{ min-width:1392px; }
#header{ margin:0 auto; width:calc(100% - 30px); max-width:1392px; padding:50px 0 45px; text-align:center; }
#header h1{ display:inline-block; vertical-align:top; }
#header h1 a{ display:block; }
#header p{ margin-top:10px; font-size:17px; line-height:27px; color:#222; letter-spacing:-0.05em; }

#sub #header p{ display:none; }

#footer{ padding:35px 0; background:#fafafa; }
#footer .inner{ position:relative; margin:0 auto; width:calc(100% - 30px); max-width:1392px; }
#footer .info_list{ font-size:0; }
#footer .info_list > li{ display:inline-block; vertical-align:top; position:relative; padding-right:17px; margin-right:15px; font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; }
#footer .info_list > li:last-child{ padding-right:0; margin-right:0; }
#footer .info_list > li:after{ content:''; position:absolute; right:0; top:6px; width:1px; height:12px; background:#d5d5d5; }
#footer .info_list > li:last-child:after{ display:none; }

#footer .copy{ margin-top:15px; font-size:14px; line-height:24px; color:#999; }

#footer .f_right{ display:inline-block; vertical-align:top; position:absolute; right:0; top:0; font-size:0; width:300px; }
#footer .f_right .family_site{ position:relative; display:inline-block; vertical-align:top; width:calc(100% - 60px); }
#footer .f_right .family_site > a{ display:block; position:relative; padding:0 30px; font-size:16px; line-height:48px; color:#666; border:1px solid #ddd; box-sizing:border-box; }
#footer .f_right .family_site > a:after{ content:''; position:absolute; right:30px; top:50%; margin-top:-3px; width:10px; height:5px; background:url('../images/btn/fam_ar.png') no-repeat center;}
#footer .f_right .family_site > ul{ display:none; position:absolute; left:0; bottom:100%; padding:23px 0; width:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; z-index:1; }
#footer .f_right .family_site > ul li{ margin-bottom:7px; }
#footer .f_right .family_site > ul li:last-child{ margin-bottom:0; }
#footer .f_right .family_site > ul li a{ display:block; padding:0 30px; font-size:14px; line-height:24px; color:#888; }
#footer .f_right .btn_top{  display:inline-block; vertical-align:top; margin-left:10px; width:50px; height:50px; text-indent:-9999px; background:#08295b url('../images/btn/btn_top.png') no-repeat center; }

.layout{ margin:0 auto; width:calc(100% - 30px); max-width:1392px; }
.layout02{ margin:0 auto; width:calc(100% - 30px); max-width:1200px; }

.sub_list{ padding-bottom:60px; background:#f5f5f5; }

.btm_btn{ margin-top:50px; text-align:center; }
.btm_btn a{ display:inline-block; vertical-align:top; width:140px; font-size:16px; line-height:50px; color:#fff; background:#08295b; border-radius:25px; }

.no-list{width:100%; text-align:center; padding:100px 0; font-size:16px; line-height:26px; color:#333; }


/* PC */
@media all and (min-width:1025px){
.pc_show{ display:block !important;}
.pc_i_show{ display:inline-block !important;}
.m_show{ display:none !important;}
.m_i_show{ display:none !important;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){	
	.pc_show{ display:none !important;}
	.pc_i_show{ display:none !important;}
	.m_show{ display:block !important;}
	.m_i_show{ display:inline-block !important;}

}

/* 모바일 */
@media all and (max-width:768px){

}