@charset "utf-8";
/*=============================================================================+
| IE8부터 지원                            |
+-----------------------------------------------------------------------------*/

/* 나눔고딕 웹폰트 Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* 기본세팅 */
html,body {margin:0;padding:0;border:0; }
body,p,table,input,select,button,textarea { color:#888; font:13px/20px 'Nanum Gothic','Malgun Gothic'; word-break-:break-all; }
body,p,form,ol,ul,li,dl,dd,input,select,textarea,blockquote { margin:0; padding:0; }
body{position:relative}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; *font-size:0; }
caption { position:absolute; left: 0; top:-5000px; font:0/0 Dotum; }
table { border:0; border-spacing:0; border-collapse:separate; *border-collapse:collapse; }
table th { text-align:center; }
th,td { word-break:break-all; }
em,i { font-style:normal; }
ul { list-style:none; }
img { border:0; vertical-align:middle; }
del { color:#bbb; }
samp { font-family:'Nanum Gothic','Malgun Gothic'; }
strong { font-weight:bold; }
a { color:#888; text-decoration:none; }
a:focus,a:active { outline:none; }
a:hover { color:#ff823f; }/* 2017-07-03 */

.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml30 { margin-left:30px !important; }

body { background:#fff; padding:0; margin:0; }
#wrap {position:relative;background:#fff; width:100%; padding:0; margin:0; }
#gnb {position:fixed; top:0px; width:100%; height:90px; background-color:#fff; border-bottom:4px solid #ff833e; z-index:99999;}/* 2017-08-16 */
/* #gnb { position:relative; width:100%; height:86px; background:url(/common/img/gnb_bg.png) repeat-x top center; } 2017-07-03 */
#gnb_wrap {position:relative; width:1140px; margin:0 auto;}
#gnb dl {position:relative; width:1140px; margin:0 auto;}/* 2017-07-03 */
#gnb dt {position:absolute; top:30px; left:90px;}/* 2017-07-03 */
#gnb dd a {float:left;}/* 2017-07-03 */


#contents .page { width:1200px;margin:0 auto; }


/* 김급식, 제휴안내에만 사용 */
#wrap_kks {background:#efefef; width:100%; margin:0;}
#wrap_kks #gnb {position:fixed; top:0px; width:100%; height:90px; background-color:#fff; border-bottom:4px solid #ff833e;}
#wrap_kks #gnb dl {position:relative; width:1140px; margin:0 auto;}
#wrap_kks #gnb dt {position:absolute; top:30px; left:90px;}
#wrap_kks #gnb dd a {float:left;}
#wrap_kks #gnb .r_menu {position:relative; width:1140px; margin:0 auto;}
#wrap_kks #gnb .r_menu ul {position:absolute; top:-5px; right:140px; width:170px; margin:0 auto; text-align:right;}
#wrap_kks #gnb .r_menu ul li {float:right; padding-right:20px; font-size:14px;}
#wrap_kks #gnb li a.on {font-weight:600; color:#182744; padding:0 12px 2px 0; background:url(/common/img/common/h2_on.png) no-repeat center right;}
#wrap_kks #contents .page {width:1140px; margin:80px auto 0;padding-bottom:80px}

/* 김장최급식에만 사용 */
#gnb_kks {position:fixed; top:0px; width:100%; height:90px; background-color:#fff; border-bottom:4px solid #ff833e;}
#gnb_kks dl {position:relative; width:1140px; margin:0 auto;}
#gnb_kks dt {position:absolute; top:30px; left:90px;}
#gnb_kks dd {height:80px; width:450px; margin:0 auto;}
#gnb_kks dd a {float:left;}
#gnb_kks .link {position:relative; width:1140px; margin:0 auto;}
#gnb_kks .link ul {position:absolute; top:-60px; right:10px; width:120px; margin:0 auto; text-align:right;}
#gnb_kks .link ul li {float:right; padding-left:5px;}
/*@media all and (min-width:700px){ #gnb_kks .link ul {right:250px;}} 아이폰에서 버튼 잘리는 현상 수정 2017-07-06 */



#gnb .r_menu {position:absolute; top:40px; margin:0 auto;}/* 2017-07-03 */
#gnb .r_menu ul {position:absolute; top:0px; left:700px; width:220px; margin:0 auto; text-align:right;}/* 2017-07-03 */
#gnb .r_menu ul li {float:right; padding-right:20px; font-size:14px;}/* 2017-07-03 */
#gnb li a.on {font-weight:600; color:#3b5072; padding:0 12px 2px 0; background:url(/common/img/common/h2_on.png) no-repeat center right;}/* 2017-03-02 */


/* gate */
.page_gate_wrap {position:relative;background:url(/common/img/bg_pattan.jpg) repeat-y 50% 0}/* 2017-07-05 */
.page_gate {position:relative;width:100%;height:auto;margin:0 auto;overflow-y:hidden;background:url(/common/img/bg_gatemain.jpg) no-repeat 50% 50%}
.page_gate .left_link { position:absolute; top:0%; left:0%; width:50%; height:100%;}
.page_gate .left_link a { display:block; width:100%; height:100%;background:url(/common/img/left_gtxt_240312.png) no-repeat 50% 50%}
.page_gate .right_link { position:absolute; top:0%; left:50%; width:50%; height:100%;}
.page_gate .right_link a { display:block; width:100%; height:100%;background:url(/common/img/right_gtxt_240312.png) no-repeat 50% 50%}

.top_appdata{margin-top:94px;background:#182744}
.top_appdata .section{width:1000px;margin:0 auto}


/* 개인정보처리방침, 이용약관 */
.policy { width:1000px; margin:130px auto 70px; }/* 2017-07-03 */
.policy h2 { width:960px; margin-top:50px; padding:20px; font-size:18px; color:#3b5072; border-bottom:1px solid #b9b9b9; }
.policy h2 span { float:right; font-size:12px; font-weight:normal; color:#666;}
.policy dl { width:960px; padding:0 20px;}
.policy dl dt { margin:40px 0 10px; font-size:14px; font-weight:600; color:#333; display: block;}
.policy dl dd { font-size:13px; line-height:25px; display: block;}
.policy dl strong { color:#666555; }
.policy .fw-n {font-weight: normal;}
.policy .btn_version {width: 960px; margin: 30px auto 0; padding: 0 20px;}
.policy .btn_version > a {font-family: inherit; font-weight: bold; color: #1162db !important; text-decoration: underline !important;}
.list_hypen > li {position: relative; padding: 0 0 0 10px; word-wrap: break-word; word-break: keep-all;}
.list_hypen > li:after {content: '-'; position: absolute; left: 0; top: 0;}

.policy__tab {width:960px; margin-top:50px; padding:20px; border-bottom:1px solid #b9b9b9;}
.policy__tab > a {display: inline-block; position: relative; margin: 0 10px; font-weight: bold; font-size:18px; color:#3b5072;}
.policy__tab > a:first-child {margin-left: 0;}
.policy__tab > a:after {content: ''; position: absolute; left: -10px; top: calc(50% - 8px); top: -webkit-calc(50% - 8px); width: 2px; height: 16px; background: #ccc;}
.policy__tab > a:first-child:after {content: none;}
.policy__tab > a.on {color: #ff833e; border-bottom: 1px solid currentcolor;}

/*상단 탭*//*0319추가*/
.rule_category{height:50px;margin-bottom:30px;border-bottom:1px solid #111}
.rule_category .c_tabs{float:left;width:500px}
.rule_category .c_tabs a{display:block;position:relative;padding:16px 0;background:#f2f2f2;font-size:20px;color:#111;text-align:center;line-height:18px}
.rule_category .c_tabs a.on{padding:16px 0;background:#fff;border:1px solid #111;border-bottom:none}

/* .bg_phone{position:absolute;left:50%;top:50%;width:326px;height:577px;margin:-288px 0 0 -143px;background:url(/common/img/bg_phone20210430.png) no-repeat 0 0} */
.bg_phone{position:absolute;left:50%;top:50%;width:326px;height:577px;transform: translateX(-50%); margin:-288px 0 0 0;background:url(/common/img/bg_phone_260225.png) no-repeat 0 0;background-size: contain;}

.group_sch_head { margin-bottom:10px; }
.group_sch_tab  { position:relative; min-height:80px; margin-bottom:20px; }
.group_sch_tab ul     { position:absolute; top:0; left:-2px; overflow:hidden; width:804px;  }
.group_sch_tab ul li  { float:left; overflow:hidden; width:264px; margin:0 2px; }
.group_sch_tab .tabcon_area    { clear:both; position:relative; overflow:hidden; margin-top:75px; }
.group_sch_tab .tabcon_area a  { position:absolute; right:0; bottom:0; display:block; width:50px; height:22px; line-height:900%; }
.group_sch_stab   { height:50px; margin-bottom:10px; }
.group_sch_stab ul    {display:table;width:100%;overflow:hidden; }
.group_sch_stab ul li{display:table-cell;overflow:hidden;text-align: center;line-height: 50px; font-size: 18px;}
.group_sch_stab ul li a {overflow:hidden; display:block;margin-left:1px;height:50px; background-color:#898989; color:#D7D7D7;}
.group_sch_stab ul li a:hover { background-color:#ff833e; color: #fff; font-weight: bold;}
.group_sch_stab ul li:first-child a{margin:0}
.group_sch_stab ul li .on     { background-color:#ff833e; color: #fff; font-weight: bold;}

.new_footer{clear:both;width:100%;background:#f8f8f8;padding:35px 0 50px}
.footer_wrap{overflow:hidden;position:relative;width:1000px;background:#f8f8f8;margin:0 auto}
.logo_img{float:left}
.company_txt{float:left;margin:-4px 0 0 45px;font-size:13px;color:#a3abb6;line-height:20px;letter-spacing:-1px}
.side_menu{position:absolute;right:0;top:0}
.side_menu a{display:inline-block;padding:0 6px;font-size:14px;color:#747e8d;border-left:1px solid #747e8d;line-height:16px}
.side_menu a:first-child{border:none}

/* 전 영역 공통 좌측 하단 플로팅 배너 추가 2023-02-22 */
.floating_banner01 {position: fixed;bottom: 50px;left:20px;z-index: 1;}

.tableView.type-row {position: relative; margin: 10px 0 0;}
.tableView.type-row table {table-layout: fixed; border-collapse: collapse; width: 100%; border: 1px; border: 1px solid #cbd3ec; color: #31446e;}
.tableView.type-row table thead th {padding: 11px 0; border:1px solid #E2E2E2; background: #ECECEC; font-weight: bold; letter-spacing: 0; color: #555; text-align: center;}
.tableView.type-row table tbody th {padding:2px 0; border:1px solid #E2E2E2; background:#e6e6e6; font-weight: bold; letter-spacing: 0; color: #8C8C8C;}
.tableView.type-row table tbody td {padding: 7px 10px; border: 1px solid #E2E2E2; background:#fff; font-weight: normal; letter-spacing: 0; color: #888; text-align: left;}
.tableView.type-row table .txt-c {text-align: center;}

.psBox{margin: 40px 0 20px;}
.psBox .ps_tab_box{overflow: hidden; width: 820px; margin: 0 auto;}
.psBox .ps_tab_box li{float: left;margin-right: 12px;text-indent: -999em;width: 195px;height: 170px;}
.psBox .ps_tab_box li:last-child{margin-right: 0px;}
.psBox .ps_cont_img {width: 820px; margin: 10px auto;}
.psBox .ps_cont_img li {display: none;}
.psBox .ps_cont_img li.on {display: block;}
.psBox .ps_tab_box li:first-child{background: url('/common/img/sp_btn.png') no-repeat;}
.psBox .ps_tab_box li:nth-child(2){background: url('/common/img/sp_btn.png') no-repeat -195px 0;}
.psBox .ps_tab_box li:nth-child(3){background: url('/common/img/sp_btn.png') no-repeat -390px 0;}
.psBox .ps_tab_box li:last-child{background: url('/common/img/sp_btn.png') no-repeat -585px 0;}
.psBox .ps_tab_box li:first-child:hover{background: url('/common/img/sp_btn.png') no-repeat 0 -170px;}
.psBox .ps_tab_box li:nth-child(2):hover{background: url('/common/img/sp_btn.png') no-repeat -195px -170px;}
.psBox .ps_tab_box li:nth-child(3):hover{background: url('/common/img/sp_btn.png') no-repeat -390px -170px;}
.psBox .ps_tab_box li:last-child:hover{background: url('/common/img/sp_btn.png') no-repeat -585px -170px;}