@charset "utf-8";
/* CSS Document */

/* version 20240712 */

body { background-color:#ffffff; font-family:'Nanum Gothic'}

@media only screen and (min-width:1301px) { 
/*본문 스타일 시작 */

.blind_pc {display: none;}

/* Header ------------------------------------------------------------------------------------------------------------------------------------- */

/* header layout */
#header { width:100%; height:120px; position:fixed; top:0; z-index:20; }
#header .top_line { width:100%; height:50px; background-color:#961420; display:block;}
#header .gnb { width:1300px; height:120px; margin:0 auto; position:relative; margin-top:-50px;}
#header .gnb .top_logo { width:360px; height:110px; top:25px; left:0; position:absolute; z-index:999; background-color:#2a3865; box-shadow:#555555 2px 2px 5px ; }
#header .gnb .top_logo a { width:360px; height:110px; background:url(../../resources/images/logo.png); background-size:cover; display:block;}

#header .gnb .left_link {top:0; left:0; position:absolute;}
#header .gnb .left_link li { height:50px;}
#header .gnb .left_link li a { height:50px; display:block; padding:0 20px; font-size:15px; text-align:center; color:#ffffff !important; line-height:50px; background-color:#243c70;}

#header .gnb .spot {top:0; right:0; position:absolute;}
#header .gnb .spot ul { position:relative; }
#header .gnb .spot ul li { float:left;}
#header .gnb .spot ul li strong,
#header .gnb .spot ul li a { height:50px; display:block; padding:0 5px; font-size:12px; text-align:center; color:#ffffff; line-height:50px;}
#header .gnb .colorbg {background-color:#2a3865; }

#header .gnb .sitemap_btn{ width:40x; height:60px; position: absolute; top:50px; right:0; z-index:90;}

#header .gnb .sitemap_btn button.mapOpen{position:absolute; width:40px; height:60px; top:0; right:5px; margin:0; padding:0; background:transparent; cursor:pointer;}
#header .gnb .sitemap_btn button.mapOpen span{display:block; position:relative; width:20px; height:2px; margin:0 auto; background:#5c534d; font-size:0;}
#header .gnb .sitemap_btn button.mapOpen span:before, 
#header .gnb .sitemap_btn button.mapOpen span:after{content:''; display:block; position:absolute; width:20px; height:2px; background:#5c534d;}
#header .gnb .sitemap_btn button.mapOpen span:before{top:-6px;}
#header .gnb .sitemap_btn button.mapOpen span:after{bottom:-6px;}
#header .gnb .sitemap_btn button.mapOpen:focus span, 
#header .gnb .sitemap_btn  button.mapOpen:hover span{}

#header .gnb .navMobile{display:none;}

#smaplayer { width:100%; height:100%; top:0; background-color:#ffffff; position:fixed; z-index:999; display:none;} 
#smaplayer .sitemap_area { width:1320px; position: absolute; top:120px; left: 50%; margin-left:-620px; }
#smaplayer .sitemap_area .sitemap_ul { width:1320px; min-height:650px; position: relative;}
#smaplayer .sitemap_area .sitemap_ul .depth1_menu { width:220px; height:650px; float:left; border-right:1px solid #eeeeee ; box-sizing: border-box;}
#smaplayer .sitemap_area .sitemap_ul .line_left { border-left:1px solid #eeeeee ; }
#smaplayer .sitemap_area .sitemap_ul .depth1_menu .depth1_btn { width:220px; height:80px; line-height:80px; text-align: center; font-size:25px; color: #8e7462;  font-weight:600; display: block; border-bottom:1px solid #eeeeee;}
#smaplayer .sitemap_area .sitemap_ul .depth1_menu .depth1_btn:hover { color:#685548 ;}
#smaplayer .sitemap_area .sitemap_ul .depth1_menu .depth1_ul { width: 100%; padding-left:10px; box-sizing: border-box; }
#smaplayer .sitemap_area .sitemap_ul .depth1_menu .depth1_ul .depth2_btn { width: 100%; height:60px; line-height:75px; font-size:18px; color:#353535;  display: block;}
#smaplayer .sitemap_area .sitemap_ul .depth1_menu .depth1_ul .depth2_btn:hover {color:#000000; font-weight:600;}
#smaplayer .sitemap_area .sitemap_ul .depth1_menu .depth1_ul .depth2_ul { width: 100%; padding-left:5px; box-sizing: border-box; }
#smaplayer .sitemap_area .sitemap_ul .depth1_menu .depth1_ul .depth2_ul .depth3_btn { width: 100%; height: 35px; line-height:35px; font-size:15px; color: #818181; display: block;  }
#smaplayer .sitemap_area .sitemap_ul .depth1_menu .depth1_ul .depth2_ul .depth3_btn:hover { color: #927e7e; text-decoration: underline; }

#smaplayer .close_sitemap { width:44px; height:44px; position:absolute; top:60px; left:50%; margin-left:600px; display:block; background:url(../../resources/images/btn_smp_close.png); background-size: cover;}

/* admin login */
.admin_btn { width:20px; height:20px; z-index:999; display:block; position:fixed; top:0; left:0; cursor:default;}

#admin_login  { width:100%; height:100%; position: relative;}
#admin_login .login_box { width:500px; border:1px solid #c5c5c5; box-sizing: border-box; padding:30px; position: absolute; top:50%; margin-top:-200px; left:50%; margin-left:-250px;}
#admin_login .login_box .login_logo { width:300px; height:50px; background:url(../../resources/images/logo_admin.png); background-size:cover; display:block; margin:0 auto; margin-bottom:20px !important;}
#admin_login .login_box .input_wrap {width:100%;}
#admin_login .login_box .input_wrap li { width:100%; height:50px; margin:20px 0;}
#admin_login .login_box .input_wrap li input { width:100%; height:50px; border-top:none; border-left:none ; border-right:none; background-color:#ffffff !important; border-bottom: 1px solid #535353 !important; font-size:20px ; text-indent:15px; border-radius:0 !important;}
#admin_login .login_box .input_wrap .btn_ok { width:100%; height:70px;}
#admin_login .login_box .input_wrap .btn_ok .btn_login:link,
#admin_login .login_box .input_wrap .btn_ok .btn_login:active,
#admin_login .login_box .input_wrap .btn_ok .btn_login:visited { width:100%; height:60px; text-align:center; line-height:60px; color:#ffffff; background-color:#ef5660; display:block; font-size:25px; font-weight:800;}
#admin_login .login_box .input_wrap .btn_ok .btn_login:hover { color:#ffffff; background-color:#182c54;}
#admin_login .login_box .input_wrap .btn_reset { width:100%; text-align:right; font-size: 15px; line-height:25px;}

#admin_login .login_box .input_wrap .admin_ck { width:100%; height:50px; position: relative; line-height:50px; background-color:#f3f3ed; text-indent:10px;}
#admin_login .login_box .input_wrap .admin_ck .ip_ck { width:25px !important; height:25px !important; position: absolute; top:12px; right:10px;}

/* passward change */

#pwchange  { width:100%; height:100%; position: relative;}
#pwchange .change_box { width:500px; border:1px solid #c5c5c5; box-sizing: border-box; padding:30px; position: absolute; top:50%; margin-top:-250px; left:50%; margin-left:-250px;}
#pwchange .change_box .login_logo { width:300px; height:50px; background:url(../../resources/images/logo_admin.png); background-size:cover; display:block; margin:0 auto; margin-bottom:20px !important;}
#pwchange .change_box .input_wrap {width:100%;}
#pwchange .change_box .input_wrap li { width:100%; height:50px; margin:20px 0;}
#pwchange .change_box .input_wrap li input { width:100%; height:50px; border-top:none; border-left:none ; border-right:none; background-color:#ffffff !important; border-bottom: 1px solid #535353 !important; font-size:20px ; text-indent:15px; border-radius:0 !important;}
#pwchange .change_box .input_wrap .btn_ok { width:100%; height:70px;}
#pwchange .change_box .input_wrap .btn_ok .btn_check:link,
#pwchange .change_box .input_wrap .btn_ok .btn_check:active,
#pwchange .change_box .input_wrap .btn_ok .btn_check:visited { width:100%; height:60px; text-align:center; line-height:60px; color:#ffffff; background-color:#2e8be2; display:block; font-size:25px; font-weight:800;}
#pwchange .change_box .input_wrap .btn_ok .btn_check:hover { color:#ffffff; background-color:#182c54;}
#pwchange .change_box .input_wrap .btn_ok .btn_next:link,
#pwchange .change_box .input_wrap .btn_ok .btn_next:active,
#pwchange .change_box .input_wrap .btn_ok .btn_next:visited { width:100%; height:60px; text-align:center; line-height:60px; color:#ffffff; background-color:#ef5660; display:block; font-size:25px; font-weight:800;}
#pwchange .change_box .input_wrap .btn_ok .btn_next:hover { color:#ffffff; background-color:#811c23;}



/* menu navi */
#navi { width:100%; position:fixed; top:50px; background-color:#ffffff; z-index:55; border-bottom:1px solid #e6e8ea; box-sizing:border-box;}

#navi .ml400 { margin-left:360px;}

#navi .m_menu { width:1300px; margin:0 auto; padding-left:360px; box-sizing: border-box; }

 .m_menu ul {width:1300px; position:relative;}
 #navi_con .m_menu ul li { width:150px; height:60px; float:left;}
 #navi_con .m_menu ul li .mm_s { width:150px; height:60px; display:block; line-height:60px; text-align:center; font-size:18px; }

 #navi_sc .m_menu ul li { width:150px; height:50px; float:left;}
 #navi_sc .m_menu ul li .mm_s { width:150px; height:40px; display:block; line-height:40px; text-align:center; font-size:18px; }

.m_menu ul li .mm_s:link,  .m_menu li .mm_s:active,  .m_menu li .mm_s:visited { color:#1f213b;} 
.m_menu ul li .mm_s:hover { background-color:#ce1c2e; color:#ffffff !important;} 
.m_menu ul li .hov { background-color:#ce1c2e; color:#ffffff !important; border-bottom:1px solid #ffffff; box-sizing:border-box;} 

#navi_con .s_menu {display:none; width:100%; height:300px; top:60px; position:absolute; z-index:900; }
#navi_sc .s_menu {display:none; width:100%; height:300px; top:40px; position:absolute; z-index:900; }

.s_menu .sm_area { width:1300px; height:300px; margin:0 auto; position:relative; z-index:2; padding-left:360px; box-sizing: border-box;  }
.s_menu .sm_area .sm_img_fx { width:360px; height:300px; position:absolute; top:0; left:0;}
.s_menu .sm_area .sm_img { width:250px; height:300px; position:absolute; top:0; left:0; z-index:2;}
/* .s_menu .sm_area .sm_img { width:300px; height:205px; position:absolute; top:0; left:0;}*/
.s_menu .sm_area .sm_ul { width:1300px; position:relative; }
.s_menu .sm_area .sm_ul .s_group { width:150px; height:300px; float:left;}
.s_menu .sm_area .sm_ul .s_group:hover { background-color:#ce1c2e; }
.s_menu .sm_area .sm_ul .s_group ul { width:100%; height:300px; padding:10px 0;}
.s_menu .sm_area .sm_ul .s_group ul li { width:100%; height:40px;} 
.s_menu .sm_area .sm_ul .s_group ul li .sm_s { width:100%; height:40px ; display:block; font-size:16px; line-height:40px; text-align:center;} 
.s_menu .sm_area .sm_ul .s_group ul li .sm_s:link,  .s_menu .sm_area .sm_ul .s_group ul li .sm_s:visited,  .s_menu .sm_area .sm_ul .s_group ul li .sm_s:active { color:#ffffff;} 
.s_menu .sm_area .sm_ul .s_group ul li .sm_s:hover { background-color:#ede9e8; color:#343568;}
.s_menu .sm_area .sm_ul .s_group .left_line { border-left:1px solid #6b6b66; box-sizing:border-box;}
.s_menu .sm_area .sm_ul .s_group .right_line { border-right:1px solid #6b6b66; box-sizing:border-box;}

.s_menu .s_menu_bg { width:100%; height:300px; background-color:#2c2b2a; opacity:0.9; position:absolute; top:0; }


#top_linker { position: absolute; top:0;}

/* wrap container ------------------------------------------------------------------------------------------------------------------------------------- */

/* container start */
#wrap_con { width:100%; margin-top:110px;}



/* page container */
#wrap_con .main_visual { width:100%; height:500px; margin:0 auto; position:relative;}
#wrap_con .container { width:100%; }

/* index ------------------------------------------------------------------------------------------------------------------------------------- */
    
/* main image slied  */

/* #main_img_mo { display:none;}

#main_img_mo .slide-buttons { display:none;} */

.slider { width: 100%; position: relative; }
.slide-viewer { position: relative; overflow: hidden; height: 500px;}
.slide-group { width: 100%; height: 100%; position: relative;}
.slide { width: 100%; height: 100%; display: none; position: absolute; }
.slide:first-child { display: block; }
.slide img { width: 100%; height:100%; }

/* slide-nav */
.slide-nav { width: 100%; position: absolute; top: 50%; margin-top:-50px;}
.slide-nav .prev, .slide-nav .next { width: 60px; height:100px; position: absolute; cursor: pointer; z-index: 2; padding:10px;}
.slide-nav .prev { left: 90px;}
.slide-nav .next { right: 90px;}
.slide-nav .prev::before, .slide-nav .prev::after, .slide-nav .next::before, .slide-nav .next::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(50% 50%);
    width: 60px;
    height: 2px;
    background-color: white;
    z-index: 3;
}
.slide-nav .prev::before { transform-origin: 0 50%; transform: rotate(50deg) translate(-1px, -1px);}
.slide-nav .prev::after { transform-origin: 0 50%; transform: rotate(-50deg);}
.slide-nav .next::before { transform-origin: 100% 50%; transform: rotate(50deg);}
.slide-nav .next::after { transform-origin: 100% 50%; transform: rotate(-50deg) translate(1px, -1px);}
.slide-nav .prev:hover { background-color:#000000; opacity:0.3;}
.slide-nav .next:hover { background-color:#000000; opacity:0.3;}


/* button */
.slide-buttons { width:180px; height:60px; position: absolute; bottom:30px; left:50%; margin-left:-520px; z-index:3; text-align: center;}
.slide-btn { width:60px; border:none; background:none; font-size:100px; color:#9f9f9f; line-height:60px; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
.slide-btn.active, .slide-btn:hover { color:#FFFFFF; cursor: pointer;}


.slider .event_pop { width:600px; height:330px; background-color:#ffffff; position: absolute; top:70px; left:50%; margin-left:-620px; z-index:10; border:1px solid #bdbdbd; box-sizing: border-box; }
.slider .event_pop .pop_box { width:570px; height:300px; padding:15px; position: relative; }
.slider .event_pop .pop_box .ev_tit { width:100%; background-color:#f2021b; color:#ffffff; font-size:25px; text-align:center; line-height:50px; display:block; }
.slider .event_pop .pop_box .ev_txt { width:100%;  font-size:18px; line-height:35px; margin-top:15px; }
.slider .event_pop .pop_box .ev_btn { width:280px; height:50px; line-height:50px; font-size:20px; font-weight:bold; background-color:#3767e3; color:#ffffff; text-align: center; display:block; position: absolute; bottom:15px; left:50%; margin-left:-140px; border-radius:25px; }
.slider .event_pop .pop_box .ev_btn:hover { background-color:#2a3865; }


.slider .mslogan { position: absolute; width:700px; top:165px; left:50%; margin-left:-620px; z-index:10;}
.slider .mslogan .slogan_kor01 { letter-spacing:-1px; line-height:45px; font-size:35px; color:#ffffff; font-weight:bold; text-shadow:3px 2px #000000;}
.slider .mslogan .slogan_kor02 { letter-spacing:-1px; line-height:90px; font-size:60px; color:#ffffff; font-weight:bold; text-shadow:3px 2px #000000;}
.slider .slogan_bg1 { position: absolute; width:620px; height:190px; top:150px; left:50%; margin-left:-650px; z-index:9; background-color: #020202; opacity:0.1; border-radius:5px;}
.slider .slogan_bg2 { position: absolute; width:620px; height:190px; top:155px; left:50%; margin-left:-645px; z-index:9; background-color: #020202; opacity:0.2; border-radius:5px;}

.slider .slide-1 { background:url(../../resources/images/main_img01.jpg) no-repeat center; background-size:cover;}
.slider .slide-2 { background:url(../../resources/images/main_img02.jpg) no-repeat center; background-size: cover;}
.slider .slide-3 { background:url(../../resources/images/main_img03.jpg) no-repeat center; background-size: cover;}    


/* main benner area*/
.main_visual .main_ben { width:490px; height:90px; position:absolute; bottom:100px; left:50%; margin-left:120px; z-index:10;}
.main_visual .main_ben .ben_ul{ width:490px; height:90px; position:relative;}
.main_visual .main_ben .ben_ul li { width:240px; height:90px; top:4px; position:absolute; background-color:#ffffff;}
.main_visual .main_ben .ben_ul li.ben_left { left:0;}
.main_visual .main_ben .ben_ul li.ben_right { right:0;}
.main_visual .main_ben .ben_ul li .ben_box { width:240px; height:90px; position:relative; box-sizing: border-box;}
.main_visual .main_ben .ben_ul li.ben_left .ben_box { border:4px solid #a11721;}
.main_visual .main_ben .ben_ul li.ben_right .ben_box { border:4px solid #2c476b;}
.main_visual .main_ben .ben_ul li .ben_box:hover {width:240px !important; height:90px !important; border:none;}


.main_visual .main_ben .ben_ul li .ben_box a { width:232px; height:82px; display:block; }
.main_visual .main_ben .ben_ul li .ben_box a:hover { width:240px !important; height:90px !important; display:block;}

.main_visual .main_ben .ben_ul li .ben_box a span { width:200px; display:block; text-align:left; z-index:2; position:absolute; top:50%; }
.main_visual .main_ben .ben_ul li .ben_box a .kor { height:35px; line-height:30px; font-size:24px; margin-top:-25px; left:15px; font-weight:800;}
.main_visual .main_ben .ben_ul li .ben_box a .eng { height:25px; line-height:20px; font-size:13px; margin-top:5px; left:15px;}


.main_visual .main_ben .ben_ul li .ben_box .ben_btn01 { color:#a11721; background:url(../../resources/images/main_ben01.png) right no-repeat;}
.main_visual .main_ben .ben_ul li .ben_box .ben_btn02 { color:#2c476b; background:url(../../resources/images/main_ben02.png) right no-repeat;}

.main_visual .main_ben .ben_ul li .ben_box .ben_btn01:hover { background:#a11721; color:#ffffff;}
.main_visual .main_ben .ben_ul li .ben_box .ben_btn02:hover { background:#2c476b; color:#ffffff;}

.main_visual .main_ben .ben_ul li .ben_box .ben_btn01::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#a11721; opacity:0; transform:scale(1.4);  transition:transform 0.4s, opacity 0.5s; z-index: 1;}
.main_visual .main_ben .ben_ul li:hover .ben_btn01::after {transform:scale(1); opacity:0.5; color:#ffffff; background:url(../../resources/images/main_ben01_ov.png) right no-repeat;}

.main_visual .main_ben .ben_ul li .ben_box .ben_btn02::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#2c476b; opacity:0; transform:scale(1.4);  transition:transform 0.4s, opacity 0.5s; z-index: 1;}
.main_visual .main_ben .ben_ul li:hover .ben_btn02::after {transform:scale(1); opacity:0.5; color:#ffffff; background:url(../../resources/images/main_ben02_ov.png) right no-repeat;}



/* main box container */

/* main benner area */
/* #wrap_con .container .ben_area { width:100%; height:80px; position: relative;}
#wrap_con .container .ben_area .ben_ul { width:1300px; height:80px; position: relative; margin:0 auto;}
#wrap_con .container .ben_area .ben_ul li { height:80px; width:25%; position: absolute; z-index:10; }
#wrap_con .container .ben_area .ben_ul li.ben01 { left:0; }
#wrap_con .container .ben_area .ben_ul li.ben02 { left:25%;}
#wrap_con .container .ben_area .ben_ul li.ben03 { right:25%;}
#wrap_con .container .ben_area .ben_ul li.ben04 { right:0;}
#wrap_con .container .ben_area .ben_ul li.ben01 a { border:8px solid #5873b8;background-color:#ffffff; color:#2968b1;}
#wrap_con .container .ben_area .ben_ul li.ben02 a { border:8px solid #fee17a;background-color:#ffffff; color:#ad582d;}
#wrap_con .container .ben_area .ben_ul li.ben03 a { border:8px solid #40b872; background-color:#ffffff; color:#117c31;}
#wrap_con .container .ben_area .ben_ul li.ben04 a { border:8px solid #dd1c34; background-color:#ffffff; color:#dd1c34;}

#wrap_con .container .ben_area .ben_ul li a { width:100%; height:80px; line-height:65px; font-size:23px; text-align: center; font-weight:800; display: block; background:url(../../resources/images/board_arr2.png) no-repeat; background-position:98%; box-sizing: border-box;}
#wrap_con .container .ben_area .ben_ul li a:hover { color:#ffffff !important; background-position:98% !important;}
#wrap_con .container .ben_area .ben_ul li.ben01 a:hover { background:#5873b8 url(../../resources/images/board_arr.png) no-repeat; border:8px solid #859acf; }
#wrap_con .container .ben_area .ben_ul li.ben02 a:hover { background:#fee17a url(../../resources/images/board_arr.png) no-repeat; border:8px solid #ffd951; }
#wrap_con .container .ben_area .ben_ul li.ben03 a:hover { background:#40b872 url(../../resources/images/board_arr.png) no-repeat; border:8px solid #81b892; }
#wrap_con .container .ben_area .ben_ul li.ben04 a:hover { background:#dd1c34 url(../../resources/images/board_arr.png) no-repeat; border:8px solid #f87484; }


#wrap_con .container .ben_area div {width:50%; height:80px; position: absolute; top:0;}
#wrap_con .container .ben_area div.left_area { background-color:#5873b8; left:0; }
#wrap_con .container .ben_area div.right_area { background-color:#dd1c34; right:0; } */


/* main Quick service area */
#wrap_con .container .ben_area { width:100%; padding:20px 0; border-bottom:1px solid #eeeeee; box-sizing: border-box; }
#wrap_con .container .ben_area .ben_ul { width:1300px; height:70px; margin:0 auto; position: relative;}
#wrap_con .container .ben_area .ben_ul li { width:320px; height:70px; float:left; position: relative;}
#wrap_con .container .ben_area .ben_ul .quick_li .q_btn { width:310px; height:70px; display: block; border:1px dashed #c9c9c9;  border-radius:8px; box-sizing: border-box;}
#wrap_con .container .ben_area .ben_ul .quick_li .q_btn:hover { border:1px solid #c9c9c9; background-color:#0e8ee4;}
#wrap_con .container .ben_area .ben_ul .quick_li .q_btn:hover span { color:#ffffff !important;}
#wrap_con .container .ben_area .ben_ul .quick_li .q_btn span { width:280px; height:70px; display:block; font-size:20px; line-height:70px; color:#4b4b4b; position: absolute; left:70px; top:0; text-align: center;}
#wrap_con .container .ben_area .ben_ul .quick_li .q_btn .ico_btn {display:inline-block; position:relative; width:50px; height:50px; border-radius:50%; background:#2a3865; margin-top:10px; margin-left:10px; border:1px solid #ffffff; box-sizing: border-box; }
#wrap_con .container .ben_area .ben_ul .quick_li .q_btn .ico_btn:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:#9c1c1f; opacity:0; transform:scale(1.4); z-index:1; transition:transform 0.4s, opacity 0.5s;}
#wrap_con .container .ben_area .ben_ul .quick_li .q_btn:hover .ico_btn:after {transform:scale(1.1); opacity:1;}
#wrap_con .container .ben_area .ben_ul .quick_li .q_btn .ico_btn img {position:relative; width:100%; z-index:2;}



/* #wrap_con .container .ben_area { width:100%; height:80px; position: relative;}
#wrap_con .container .ben_area .ben_ul { width:1300px; height:80px; position: relative; margin:0 auto;}
#wrap_con .container .ben_area .ben_ul li { height:80px; position: absolute; z-index:10; }
#wrap_con .container .ben_area .ben_ul li.left_ben { width:33.3%; left:0;}
#wrap_con .container .ben_area .ben_ul li.middle_ben { width:33.4%; left:50%; margin-left:-16.7%;}
#wrap_con .container .ben_area .ben_ul li.right_ben { width:33.3%; right:0;}
#wrap_con .container .ben_area .ben_ul li.left_ben a { border:8px solid #5873b8;background-color:#ffffff; color:#2968b1;}
#wrap_con .container .ben_area .ben_ul li.middle_ben a { border:8px solid #fee17a;background-color:#ffffff; color:#ad582d;}
#wrap_con .container .ben_area .ben_ul li.right_ben a { border:8px solid #dd1c34; background-color:#ffffff; color:#dd1c34;}

#wrap_con .container .ben_area .ben_ul li a { width:100%; height:80px; line-height:65px; font-size:23px; text-align: center; font-weight:800; display: block; background:url(../../resources/images/board_arr2.png) no-repeat; background-position:98%; box-sizing: border-box;}
#wrap_con .container .ben_area .ben_ul li a:hover { color:#ffffff !important; background-position:98% !important;}
#wrap_con .container .ben_area .ben_ul li.left_ben a:hover { background:#5873b8 url(../../resources/images/board_arr.png) no-repeat;  border:8px solid #859acf; }
#wrap_con .container .ben_area .ben_ul li.middle_ben a:hover { background:#fee17a url(../../resources/images/board_arr.png) no-repeat; border:8px solid #ffd951; }
#wrap_con .container .ben_area .ben_ul li.right_ben a:hover { background:#dd1c34 url(../../resources/images/board_arr.png) no-repeat; border:8px solid #f87484; }

#wrap_con .container .ben_area div {width:50%; height:80px; position: absolute; top:0;}
#wrap_con .container .ben_area div.left_area { background-color:#5873b8; left:0; }
#wrap_con .container .ben_area div.right_area { background-color:#dd1c34; right:0; } */


/* main board area */
#wrap_con .container .board_area { width:100%; padding:5px 0; box-sizing: border-box;}
#wrap_con .container .board_area .area_title { width:100%; font-size:38vw; font-weight:bold; color:#3f3f3f; text-align: center; line-height:10vw; margin-bottom:3vw;  }
#wrap_con .container .board_area .noti_ul { position: relative; }
#wrap_con .container .board_area .noti_ul li.noti_li { width:1250px; margin:0 auto; cursor: pointer;  }
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box { height:60px; border-bottom:1px dotted #c7c7c7; box-sizing:border-box; position: relative; box-sizing: border-box; }
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .noti_tit { height:60px; font-size:20px; line-height:60px; color:#000000; margin-bottom:10px; overflow: hidden; margin-left:10px;}
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .noti_date { height:60px;  font-size:20px; line-height:60px; color:#868686; text-align:right; position: absolute; right:10px; top:0;}
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .noti_con { display: none;}

#wrap_con .container .board_area .noti_ul li.noti_li:hover { background-color:#cd1a31 ;}
#wrap_con .container .board_area .noti_ul li.noti_li:hover h3,
#wrap_con .container .board_area .noti_ul li.noti_li:hover div {  color:#ffffff !important; }

#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .mcate {width:70px; height:30px; line-height:30px; font-size:16px !important; text-align:center !important; text-indent:0 !important; box-sizing:border-box; display:inline-block; border-radius:15px;}
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .cate01 { background-color:#2fa5de; color:#ffffff; }
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .cate02 { background-color:#5c8398; color:#ffffff; }
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .cate03 { background-color:#999240; color:#ffffff; }
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .cate04 { background-color:#4f835a; color:#ffffff; }
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .cate05 { background-color:#4849b1; color:#ffffff; }
#wrap_con .container .board_area .noti_ul li.noti_li .noti_box .cate06 { background-color:#ac477f; color:#ffffff; }



/* main board area */
#wrap_con .container .board_area { width:100%; padding:50px 0; box-sizing: border-box;}
#wrap_con .container .board_area .area_title { width:100%; font-size:38px; font-weight:bold; color:#3f3f3f; text-align: center; line-height:60PX; margin-bottom:30px;  }
#wrap_con .container .board_area .card_ul { width:1300px; height:300px;  margin:0 auto; position: relative; }
#wrap_con .container .board_area .card_ul li.card_li { width:300px; height:300px; float:left; margin:0 12.5px 12.5px 12.5px; cursor: pointer;  }
#wrap_con .container .board_area .card_ul li.card_li .noti_box { width:300px; height:300px; border:1px solid #c7c7c7; box-sizing:border-box; position: relative; padding:15px; box-sizing: border-box;  overflow: hidden; }
#wrap_con .container .board_area .card_ul li.card_li .noti_box .noti_tit { height:70px; font-size:20px; line-height:35px; color:#000000; margin-bottom:10px; overflow: hidden;}
#wrap_con .container .board_area .card_ul li.card_li .noti_box .noti_date { font-size:13px; line-height:20px; color:#868686; text-align:right; margin-bottom:10px;}
#wrap_con .container .board_area .card_ul li.card_li .noti_box .noti_con2 { height:160px; font-size:15px; line-height:28px; color:#868686; overflow: hidden;}
#wrap_con .container .board_area .card_ul li.card_li .noti_box .noti_con2 .add_img { width:100%; height:400%;}
#wrap_con .container .board_area .card_ul li.card_li .noti_box .noti_con2 .add_img img { width:100%; height:100%;}

#wrap_con .container .board_area .card_ul li.card_li:hover { background-color:#cd1a31 ;}
#wrap_con .container .board_area .card_ul li.card_li:hover h3,
#wrap_con .container .board_area .card_ul li.card_li:hover div {  color:#ffffff !important; }
#wrap_con .container .board_area .card_ul li.card_li:hover .noti_con2 a:link,
#wrap_con .container .board_area .card_ul li.card_li:hover .noti_con2 a:visited,
#wrap_con .container .board_area .card_ul li.card_li:hover .noti_con2 a:active,
#wrap_con .container .board_area .card_ul li.card_li .noti_con2 a:hover {  color:#ffffff !important; }

#wrap_con .container .board_area .card_ul li.card_li .noti_box .mcate {  width:70px; height:30px; line-height:30px; font-size:16px !important; text-align:center !important; text-indent:0 !important; box-sizing:border-box; display:inline-block; border-radius:15px;}



/* food menu */
#wrap_con .container .food_area { width:100%; padding:20px 0;}
#wrap_con .container .food_area .food_ul { width:1300px; position:relative; background-color:#ffffff; border:1px solid #c9c9c9; box-sizing:border-box; padding:10px; margin:0 auto;}
#wrap_con .container .food_area .food_ul .con_title03 { width:100%; height:45px; line-height:44px; font-size:20px; text-indent:15px; font-weight:800; color:#e01825; border-bottom:1px solid #eaeaea; box-sizing:border-box; position: relative;}
#wrap_con .container .food_area .food_ul .con_title03 .food_date { width:200px; height:20px; line-height:20px; text-align:right; position:absolute; top:50%; margin-top:-10px; right:20px; font-size:18px; font-weight:normal; display:block; color: #000000 !important; position: absolute; right:0; display: block; }
#wrap_con .container .food_area .food_ul .food_table { width:100%; background:#fff; border:1px solid #ddd; border-top:1px solid #665041; border-radius:4px; text-align:center; }
#wrap_con .container .food_area .food_ul .food_table th { height:40px; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:20px; font-weight:500; vertical-align:middle; word-break:keep-all; }
#wrap_con .container .food_area .food_ul .food_table td { padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle; line-height:30px; font-size:15px; }

/* main Quick service area */
#wrap_con .container .qservice_area { width:100%; padding:50px 0; background-color:#5873b8; }
#wrap_con .container .qservice_area .area_title { width:100%; font-size:38px; font-weight:bold; color:#ffffff; text-align: center; line-height:60PX; margin-bottom:30px;  }
#wrap_con .container .qservice_area .m_qs_ul { width:960px; height:180px; margin:0 auto;}
#wrap_con .container .qservice_area .m_qs_ul .icon_ul { width:960px; height:180px; position:relative; color:#ffffff;}
#wrap_con .container .qservice_area .m_qs_ul .icon_ul li { width:160px; height:180px; float:left; text-align:center;}

#wrap_con .container .qservice_area .m_qs_ul .icon_ul li span {display:block; padding-top:10px; font-size:20px; line-height:30px; color:#ffffff;}
#wrap_con .container .qservice_area .m_qs_ul .icon_ul .ico_btn {display:inline-block; position:relative; width:120px; height:120px; border-radius:50%; background:#ede0d3; margin-top:12px; border:1px solid #ffffff; box-sizing: border-box; }
#wrap_con .container .qservice_area .m_qs_ul .icon_ul .ico_btn:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:#ffe23e; opacity:0; transform:scale(1.4); z-index:1; transition:transform 0.4s, opacity 0.5s;}
#wrap_con .container .qservice_area .m_qs_ul .icon_ul a:hover .ico_btn:after {transform:scale(1.1); opacity:1;}
#wrap_con .container .qservice_area .m_qs_ul .icon_ul .ico_btn img {position:relative; width:100%; z-index:2;}


/* sub page ------------------------------------------------------------------------------------------------------------------------------------- */

/* sub page container */
#wrap_con .container .sub_head { width:100%; height:100px; background-color:#f3f3f3; position: relative;}
#wrap_con .container .sub_head .root_box { width:1300px; height:50px; position: absolute; top:50px; left:50%; margin-left:-650px;}


/* sub Navigation */
#wrap_con .container .sub_head .root_box .root_menu { width:850px; height:50px; } 
#wrap_con .container .sub_head .root_box .root_menu .home_li,
#wrap_con .container .sub_head .root_box .root_menu .menu_li { float: left;}
#wrap_con .container .sub_head .root_box .root_menu .home_li .menu_home { width:50px; height:50px; display:block; background:url(../../resources/images/icon_home_btn.png); }
#wrap_con .container .sub_head .root_box .root_menu .menu_li { width:200px; height:50px; }
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_btn { width:200px; height:50px; display:block; line-height:50px; font-size:15px; color:#101010; text-indent:15px; position: relative;}
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_btn .root_arrow { width:30px; height:30px; display:block; position: absolute; top:50%; margin-top: -15px; right:0; background:url(../../resources/images/root_arrow.png); background-position:top; transition: transform 1s ease-in-out; transition-duration:0.2s;}
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_btn .l_line{ width:1px; height:20px; display:block; position: absolute; top:50%; margin-top:-10px; left:0; background-color:#9e9e9e;  }

#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_btn:hover { background-color:#0d346d; color:#ffffff; border-bottom:1px solid #ffffff; box-sizing: border-box;}
/*#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_btn:hover .root_arrow {  transform: rotate(90deg); transition-duration:0.2s; }*/

#wrap_con .container .sub_head .root_box .root_menu .menu_li .selected { background-color:#0d346d; color:#ffffff; border-bottom:1px solid #ffffff; box-sizing: border-box;}
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_btn:hover .root_arrow,
#wrap_con .container .sub_head .root_box .root_menu .menu_li .selected .root_arrow {  transform: rotate(90deg); transition-duration:0.2s;  background-position:bottom;}

#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_box { position:absolute; top:50px; display:none; z-index:20; }
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_box .depth01 { width:200px; padding:5px; box-sizing: border-box; background-color:#0d346d; color:#ffffff; text-align:left; list-style:none; }
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_box .depth01 a:link, 
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_box .depth01 a:active, 
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_box .depth01 a:visited { width:100%; height:40px; font-size:15px; color:#ffffff; text-decoration:none; line-height:40px; display:block; text-indent:5px;}
#wrap_con .container .sub_head .root_box .root_menu .menu_li .smenu_box .depth01 a:hover { background-color:#ffffff; color:#000000;}

#wrap_con .container .contents { width:1300px; min-height:500px; margin:0 auto; padding-bottom:50px; font-size:15px;}
#wrap_con .container .contents .sub_title { width:100%; height:150px; margin-top:50px; font-size:38px; font-weight:bold; color:#333333; text-align: center; line-height:150PX; border-bottom:1px solid #cfcfcf; box-sizing:border-box; }

#wrap_con .container .contents .wait { width:1300px; height:500px; margin:0 auto; text-align:center;}
#wrap_con .container .contents .wait img{ width:500px; height:500px; margin:0 auto; }

/* Footer ------------------------------------------------------------------------------------------------------------------------------------- */

/* go to Top */
.quick { bottom:0; width:25px; left:50%; margin-left:675px; position:fixed;}
.quick .top {width:30px; height:35px; background-color:#990e17; display:block; padding-top:5px; border-radius:3px;} 
.quick .top div { color:#ffffff; line-height:13px; font-size:13px; text-align:center;}

/* footer layout  */
#footer { width:100%; height:300px; z-index:100; border-top:1px solid #e7e7e7; }
#footer .address_area { width:1250px; height:180px; position: relative; margin:0 auto;}
#footer .address_area .bot_logo { width:180px; height:180px; position:absolute; top:0; left:0;}
#footer .address_area .bot_logo img { width:100%; height:100%; }
#footer .address_area .address_box { width:680px; height:180px; margin-left: 250px;}
#footer .address_area .address_box li {height: 95px; padding-top:45px; box-sizing: border-box;}
#footer .address_area .address_box li h1 { font-size:18px; font-weight: bold; color:#000000; height:30px; line-height:30px; }
#footer .address_area .address_box li div { font-size:18px; color:#4e4e4e; height:30px; line-height:30px; }

#footer .address_area .Fsite { width:300px; height:50px; top:50%; margin-top:-15px; right:0; position:absolute;}
#footer .address_area .Fsite .fam_btn { width:300px; height:50px; display:block; line-height:48px; border:1px solid #b2b2b2; box-sizing: border-box; font-size:18px; color:#a8a8a8; text-indent:30px; position: relative; background-color:#ffffff; }
#footer .address_area .Fsite .fam_btn .plus { width:50px; height:50px; display:block; line-height:50px; font-size:20px; color:#a8a8a8; text-align: center; position: absolute; top:50%; margin-top:-25px; right:20px; transition: transform 1s ease-in-out; transition-duration:0.2s; text-indent:0 !important; }
#footer .address_area .Fsite .fam_btn:hover .plus {transform:scale(1.5) rotate(360deg); transition-duration:0.2s; }


/* Site Link*/
#siteLink01 { position:absolute; bottom:50px; display:none;  }
#siteLink01 .fam { width:300px; padding:5px; border:1px solid #545358; box-sizing:border-box; background-color:#ffffff; color:#000000; text-align:left; list-style:none; z-index:999;}
#siteLink01 .fam a:link, #siteLink01.fam a:active, #siteLink01 .fam a:visited { width:100%; height:25px; font-size:14px; color:#c0926a; text-decoration:none; line-height:25px; display:block; text-indent:5px;}
#siteLink01 .fam a:hover { background-color:#6d6d6d; color:#ffffff;}

#footer .copyright_area {width:100%; height:120px; background-color:#707070;}
#footer .copyright_area .copyright_box { width:1250px; height:120px; margin:0 auto; position:relative;}
#footer .copyright_area .copyright_box .btn_box { width:100%x; height:40px; position:absolute; top:20px; left:10px;}
#footer .copyright_area .copyright_box .btn_box .bot_button { width:100%; height:40px; position:relative;}
#footer .copyright_area .copyright_box .btn_box .bot_button li { height:40px; float:left;}
#footer .copyright_area .copyright_box .btn_box .bot_button li .b_btn:link,
#footer .copyright_area .copyright_box .btn_box .bot_button li .b_btn:active,
#footer .copyright_area .copyright_box .btn_box .bot_button li .b_btn:visited { padding:0 20px; height:40px; display:block; text-align:center; font-size:13px; line-height:40px; color:#ffffff;}
#footer .copyright_area .copyright_box .btn_box .bot_button li .b_btn:hover { background-color:#dadada; color:#2e2d34;}
#footer .copyright_area .copyright_box .btn_box .bot_button div { width:1px; height:16px; position:absolute; top:50%; margin-top:-8px; background-color:#ffffff; opacity:0.8; }
#footer .copyright_area .copyright_box .btn_box .bot_button .line01 { left:130px; }
#footer .copyright_area .copyright_box .btn_box .bot_button .line02 { left:260px; }
#footer .copyright_area .copyright_box .copyright { width:100%; height:60px; font-size:13px; color:#ffffff; line-height:60px; text-indent:20px; position: absolute; bottom:0;}
#footer .copyright_area .copyright_box .copyright a {color:#ffcfc6 !important;}
}