/*html{ opacity:0; }*/
/*html{ transition: opacity 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }*/
/*html.visible{ opacity:1; }*/
#page{ min-width:1280px; }
/* 767이하 - 휴대폰 이하▼ 화면[480 PSD]*/
@media all and (max-width:767px){
	html{ width:100%; overflow:auto; }
	body{ overflow:scroll; }
	#page{ width:1200px; }
}
#header{ height:65px; }
#header > .logo_sec{ background:#373942; }
#header > .logo_sec > .inside{ padding-left:215px; }
/* 767이하 - 휴대폰 이하▼ 화면[480 PSD]*/
@media all and (max-width:767px){
	#header > .logo_sec > .inside{ padding-left:0px; }
	#header #logoHeader{ display:none; }
	#header.logo_on > .logo_sec > .inside{ padding-left:215px; }
	#header.logo_on #logoHeader{ display:block; }
}
/**/
#logoHeader{ background:url(/web/front/imgs/common/logo_header.png) no-repeat center; background-color:white; background-size:contain; width:215px; height:65px; }
#logoHeader{ position:absolute; top:0px; left:0px; }
/**/
#gnb{ font-size:0; }
#gnb .hide_at_gnb{ display:none !important; }
#gnb > li{ display:inline-block; vertical-align:top; }
#gnb > li > a{ color:#bbbbbb; font-family:NanumSquare; padding:0 1em; font-size:18px; line-height:65px; }
#gnb > li:hover > a,
#gnb > li.on > a{ color:white; background:#4d4f5c; }
#gnb > li:hover > a:after,
#gnb > li.on > a:after{ background:#eb2024; width:100%; height:7px; position:absolute; bottom:0px; left:0px; content:''; display:block; }
#gnb > li > ul{ display:none; }
/**/
#body{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
#body > div{ display:table-cell; vertical-align:top; min-height:760px; }
/**/
#lside{ z-index:5; width:215px; background:#f1f1f1; border-right:1px solid #d6d6d6; padding-bottom:50px; }
#lside > .util_btns{ padding-left:10px; padding-right:10px; }
/* 767이하 - 휴대폰 이하▼ 화면[480 PSD]*/
@media all and (max-width:767px){
	#lside{ display:none !important; }
	#lside.on{ display:table-cell !important; }
}
/**/
#main{ padding-top:70px; padding-left:30px; padding-right:30px; padding-bottom:100px; }
/**/
/*#contents{ outline:1px dashed #ddd; }*/
#contents{ max-width:1000px; }
#contents{ max-width:1240px; }
/*#contents{ max-width:1400px; }*/
/**/
#userInfoWrapper{}
#userInfoWrapper > .info_box{ padding:10px 10px; }
#userInfoWrapper > .info_box > .loginid{ padding-left:25px; }
#userInfoWrapper > .info_box > .loginid:before{ background:url(/web/front/imgs/common/ico_login.png) no-repeat center; background-size:contain; width:19px; height:100%; position:absolute; top:0px; left:0px; content:''; display:block; }
/**/
#quickSearchWrapper{ margin-top:40px; background:#dbdbdb; border-top:1px solid #8f8f8f; }
#quickSearchWrapper > .title{ padding-left:10px; padding-right:10px; background:#9e9e9e; line-height:30px; font-size:18px; font-family:NanumSquare; color:white; }
#quickSearchWrapper > .title:before{ margin-right:5px; background:url(/web/front/imgs/common/ico_search.png) no-repeat center; background-size:contain; width:16px; height:16px; content:''; display:inline-block; vertical-align:middle; }
#quickSearchWrapper > .cont{ padding:10px; }
#quickSearchWrapper > .cont > .text0{ letter-spacing:-0.05em; font-weight:bold; font-size:14px; color:#333333; }
#quickSearchWrapper > .cont > .form_box{ margin-top:3px; }
#quickSearchWrapper > .cont > .form_box > form{ }
#quickSearchWrapper > .cont > .form_box > form > *{ display:inline-block; vertical-align:top; }
#quickSearchWrapper > .cont > .form_box > form > .searh_inp{ width:155px; border-color:#333333; }
#quickSearchWrapper > .cont > .form_box > form > .search_btn{ font-size:0; width:32px; height:32px; }
#quickSearchWrapper > .cont > .form_box > form > .search_btn:before{ background:url(/web/front/imgs/common/ico_search.png) no-repeat center; background-size:20px; width:100%; height:100%; position:absolute; top:0px; left:0px; content:''; display:block; }
/**/
/*#lnb{ border-top:1px solid #d6d6d6; border-bottom:1px solid #e1e1e1; }*/
#lnb{ margin-top:10px; border-bottom:1px solid #e1e1e1; }
#lnb > li{ display:none; }
#lnb > li.on{ display:block; }
#lnb > li > a{ display:block; padding:20px 10px; font-family:NanumSquare; font-weight:bold; font-size:30px; color:#333333; }
#lnb > li > a{ display:none; }
#lnb > li > ul{}
#lnb > li > ul > li{ border-top:1px solid #e1e1e1; }
#lnb > li > ul > li > a{ font-family:NanumSquare; font-size:16px; letter-spacing:-0.05em; line-height:1.5em; }
#lnb > li > ul > li > a{ display:block; padding:8px 8px; padding-left:16px; }
#lnb > li > ul > li.on > a,
#lnb > li > ul > li > a:hover{ color:white; background-color:#4d4f5c; }
#lnb > li > ul > li > ul{ background:white; padding:20px; }
#lnb > li > ul > li > ul > li{}
#lnb > li > ul > li > ul > li > a{ padding-left:9px; font-size:14px; color:#333333; line-height:1.5em; }
#lnb > li > ul > li > ul > li > a:before{ background:#9899a0; width:4px; height:4px; margin-top:-2px; position:absolute; top:0.75em; left:0px; content:''; display:block; }
#lnb > li > ul > li > ul > li.on > a{ color:#eb2024; }
#lnb > li > ul > li > ul > li.on > a:before{ background:#eb2024; }
/**/
#lside{}
/**/
#lside > .quick_links{ border-top:1px solid #c1c1c1; padding:10px 10px; }
#lside > .quick_links > a{ font-size:14px; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #cccccc; }
#lside > .quick_links > a > span{ display:inline-block; vertical-align:top; }
#lside > .quick_links > a > span:first-child{ font-weight:bold; color:#333333; }
#lside > .quick_links > a > span:first-child > *{ vertical-align:middle; }
#lside > .quick_links > a > span:first-child + span{ color:#777777; }
/**/
#lside > .link_buttons{ padding:10px 10px; }
/**/
#footer{ border-top:1px solid #d7d7d7; padding:20px; }
#footer .address{ color:#999999; font-size:12px; }
/**/
#subpageTitle{ margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #4b505d; }
#subpageTitle > *{ display:inline-block; vertical-align:top; }
#subpageTitle > .text0{ font-family:NanumSquare; font-weight:bold; font-size:26px; color:#2b2b2b; line-height:1.5em; }
#subpageTitle > small{ padding-top:17px; font-size:12px; color:#666666; }
/**/
#breadcrumbWrap{ position:absolute; top:30px; left:30px; }
#breadcrumb{}
#breadcrumb > li{ display:inline-block; vertical-align:top; }
#breadcrumb > li{ font-weight:bold; font-size:12px; color:#888888; line-height:1.5em; }
#breadcrumb > li.last,
#breadcrumb > li:hover{ color:#eb2024; }
#breadcrumb > li.last > a{ cursor:default; }
#breadcrumb > li + li{ margin-left:10px; }
#breadcrumb > li + li:before{ width:10px; position:absolute; top:0px; left:-10px; content:'>'; display:block; }
#breadcrumb > li > a{ }
#breadcrumb > li > a{ }
/**/
#lsideVisibleBtn{ width:30px; height:50px; }
#lsideVisibleBtn{ position:absolute; top:10px; left:-1px; }
#lsideVisibleBtn{ font-size:0; cursor:pointer; }
#lsideVisibleBtn{ box-sizing:border-box; border:1px solid #dddddd; background:#ffffd4; }
#lsideVisibleBtn{ display:none; }
#lsideVisibleBtn:before{ content:''; display:inline-block; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid #333333; }
#lsideVisibleBtn:after{ margin-left:2px; content:''; display:inline-block; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #333333; }
/* 767이하 - 휴대폰 이하▼ 화면[480 PSD]*/
@media all and (max-width:767px){
	#lsideVisibleBtn{ display:block; }
}