html{position:relative}

#blackOut{display:none;z-index:500;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7)}

#wrap{min-width:640px;overflow:hidden}

#header{z-index:520;position:relative;height:80px;border-top:2px solid #8ac218;}
#header .top_wrap{z-index:520;position:relative;max-width:1552px;margin:0 auto;}
#header .top_wrap .logo{position:absolute;top:0;left:0;padding-top:20px}
#header .top_wrap .logo a{display:block}
#header .top_wrap .util{position:absolute;top:0;right:0;padding-top:25px} 
#header .top_wrap .util a{display:block;float:left;margin-left: 30px;font-weight:400;font-size:15px;color:#6c6c6c;}
#header .top_wrap .util a:first-child{margin-left:0}
#header .top_wrap .util a img{vertical-align:-1px;margin-right:5px}
#header .top_wrap .util .mo_nav{display:none}

#mgnb{z-index:530;position:fixed;top:0;right:-100%;width:300px;height:100%;background-color:#fff}
#mgnb .mgnb_title{position:relative;height:80px;border-bottom:1px solid #ddd}
#mgnb .mgnb_title .logo{display:block;height:100%;padding:25px 0 0 20px}
#mgnb .mgnb_title .logo img{width:150px}
#mgnb .mgnb_title .close{position:absolute;top:20px;right:15px;padding:10px;-webkit-border-radius:100%;border-radius:100%;border:1px solid #ddd}
#mgnb .mgnb_util{height:50px;background-color:#e0e0e0}
#mgnb .mgnb_util a{display:block;height:100%;padding-top:15px;text-align:center;font-weight:500;color:#000}
#mgnb .mgnb_util a img{display:inline-block;vertical-align:-1px;margin-right:7px;}
#mgnb .mgnb_list{}
#mgnb .mgnb_list>ul{}
#mgnb .mgnb_list>ul>li{}
#mgnb .mgnb_list>ul>li>a{position:relative;display:block;padding:10px 20px;font-weight:500;border-bottom:1px solid #ddd;color:#000}
#mgnb .mgnb_list>ul>li>a .arr{
    position:absolute;top: 17px;right: 15px;border:solid transparent;
    border-width:10px 10px 0;border-top-color: #369707;
    -webkit-transition:transform 300ms;
    transition:transform 300ms;
}
#mgnb .mgnb_list>ul>li>a .arr:before{content:'';position:absolute;top: -12px;left: -10px;border:solid transparent;border-width:10px 10px 0;border-top-color:#fff;}
#mgnb .mgnb_list>ul>li>ul{padding:10px 0;border-bottom:1px solid #ddd}
#mgnb .mgnb_list>ul>li>ul>li{margin-bottom:5px;}
#mgnb .mgnb_list>ul>li>ul>li>a{position:relative;display:block;padding:0 20px 0 32px;font-size:14px}
#mgnb .mgnb_list>ul>li>ul>li>a:before{content:'';position:absolute;top:8px;left:22px;width:5px;height:5px;-webkit-border-radius:100%;border-radius:100%;background-color:#666}

#gnb{z-index:510;position:relative;height:100%;text-align:center;}
#gnb .curtain{position:relative;height:78px;overflow:hidden;background-color:#fff;}
#gnb .curtain:before{content:'';z-index:101;position:absolute;top:78px;left:0;width:100%;height:1px;background-color:#ddd;}
#gnb .ti{display:inline-block;height:78px;margin: 0px -2px;}
#gnb .ti a{display:block;height:100%;padding:27px 35px 0;font-weight:600;font-size:20px;color:#000}
#gnb .ti a:hover{color:#369707}
#gnb .ti a.ov{background:url(../images/layout/gnb_ti_bullet.png) no-repeat 15px 42px;color:#369707}
#gnb .slave{display:none;position:absolute;top:78px;left:0;right:0;width:100%;max-width:1552px;min-height:220px;margin:0 auto}
#gnb .slave:after{content:'';position:absolute;bottom:0;right:0;width:79px;height:90px;background:url(../images/layout/gnb_summary_right_bg.png) no-repeat 0 0}
#gnb .slave .summary{position:absolute;top:0;left:0;width:280px;height:100%;text-align:left;background:url(../images/layout/gnb_summary_bottom_bg.png) no-repeat 0 100%}
#gnb .slave .summary:before{content:'';position:absolute;top:0;left:-50px;width:92px;height:69px;background:url(../images/layout/gnb_summary_top_bg.png) no-repeat 0 100%}
#gnb .slave .summary p{padding:48px 0 0 68px;font-size:14px}
#gnb .slave .summary em{display:block;margin-bottom:15px;font-weight:700;font-size:26px;color:#000}
#gnb .slave .anchor{padding:40px 0 0 20px}
#gnb .slave .anchor li{display:inline-block;width: 200px;}
#gnb .slave .anchor li a{display:block;font-weight:400;font-size:18px;}
#gnb .slave .anchor li a img{display:block;margin:0 auto 15px}

#location{z-index:10;position:relative}
#location .visual{height:255px;padding-top:75px;background:url(../images/layout/location_visual.jpg) no-repeat 50% 50%;background-size:cover}
#location .visual .summary{max-width:1522px;margin:0 auto;padding-left:125px;font-family: 'NanumSquare',sans-serif;color:#fff}
#location .visual .summary h3{font-family:inherit;font-weight:700;font-size:35px;color:inherit}
#location .visual .summary p{margin-top:35px;font-family:inherit;font-weight:500;font-size:24px;color:inherit}

#location .location_bottom{position:relative;max-width:1552px;height:55px;margin:0 auto;border:1px solid #ddd;}
#location .location_bottom a{display:block;height:100%;font-weight:600;font-size:18px;padding-top:20px;font-family:'NanumSquare',sans-serif;border-right:1px solid #ddd;}
#location .location_bottom .navigator{height:100%}
#location .location_bottom .navigator:after{content:'';position:absolute;top:-1px;left:100%;width:1000px;height:calc(100% + 2px);border:solid #ddd;border-width:1px 1px 1px 0}
#location .location_bottom .navigator .home{float:left;width:55px;text-align:center;border-left-width:0}
#location .location_bottom .navigator .anchor{position:relative;float:left;height:55px}
#location .location_bottom .navigator .anchor .ti{float:left;display:block;min-width:200px;height:100%;}
#location .location_bottom .navigator .anchor .ti>a{position:relative;padding:18px 30px 0;color:#333}
#location .location_bottom .navigator .anchor .ti>a:after{/* content:''; */display:block;clear:both;}
#location .location_bottom .navigator .anchor .ti>a .arr{
    position:absolute;
    top:22px;
    right:20px;
    border:solid transparent;
    border-width:7px 5px;
    border-top-color:#666;
    -webkit-transform-origin:50% 7px;
    -mos-transform-origin:50% 7px;
    -ms-transform-origin:50% 7px;
    transform-origin: 50% 4px;
    -webkit-transition:transform 1000ms;
    transition:transform 1000ms;
}
#location .location_bottom .navigator .anchor .ti :hover .arr{}
#location .location_bottom .navigator .anchor .ti .ov{color:#369707}
#location .location_bottom .navigator .anchor .ti .ov .arr{
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    transform:rotateX(180deg);
}
#location .location_bottom .navigator .anchor .slave{display:none;position:absolute;top: 53px;left:0;overflow:hidden;padding:15px 0;background-color:#dff1d7;}
#location .location_bottom .navigator .anchor .slave a{position:relative;height:auto;padding:10px 50px 10px 17px;font-size:17px;border-width:0}
#location .location_bottom .navigator .anchor .slave .arr{position:absolute;top:12px;right:15px;width:10px;height:11px;background:url(../images/layout/nav_anchor_slave_bullet.png) no-repeat 0 0;}
#location .location_bottom .navigator .anchor .slave :hover{color:#216300}
#location .location_bottom .navigator .anchor .slave :hover .arr{background:url(../images/layout/nav_anchor_slave_bullet_ov.png) no-repeat 0 0}
#location .location_bottom .util{position:absolute;top:0;right:0;height:55px}
#location .location_bottom .util a{float:left;width:55px;padding-top:17px;text-align:center;border-right-width:0;border-left:1px solid #ddd}

#container{max-width:1552px;margin:0 auto}

#footer{height:187px;border-top:1px solid #a0a0a0;background:#333}
#footer .footer_top{border-bottom:1px solid #3d3d3d}
#footer .util{max-width:1552px;height:58px;margin:0 auto}
#footer .util:after{content:'';display:block;clear:both}
#footer .util .fnb{float:left;height:100%;}
#footer .util .fnb a{display:block;float:left;height:100%;padding-top:20px;margin-left:35px;font-size:15px;color:#8c8c8c}
#footer .util .fnb a:first-child{margin-left:0}
#footer .util .fnb .ov{font-weight:400;color:#fff}
#footer .util .site{float:right;position:relative;}
#footer .util .site a{display:block;font-size:15px;color:#8c8c8c}
#footer .util .site .ti{display:block;width:200px}
#footer .util .site .ti a{position:relative;padding:20px}
#footer .util .site .ti a:after{
    content:'';
    position:absolute;
    top:18px;
    right:18px;
    border:solid transparent;
    border-width:7px 5px;
    border-bottom-color:#8c8c8c;
    /* -webkit-transform-origin:50% 50%; */
    -moz-transform-origin:50% 50%;
    -ms-ransform-origin:50% 50%;
    transform-origin: 0 11px;
    -webkit-transition:transform 1000ms;
    transition:transform 1000ms;
}
#footer .util .site .ti a.ov:after{
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    transform:rotateX(180deg);

}
#footer .util .site .anchor{display:none;position:absolute;bottom:100%;left:0;width:100%;padding:10px 0;background-color:#333}
#footer .util .site .anchor a{padding:10px 20px;background:url(../images/layout/footer_util_site_bullet.png) no-repeat 90% 50%}
#footer address{padding-top:40px;}
#footer address p{font-size:15px;text-align:center;color:#8c8c8c}
#footer address .addr{margin-bottom:10px;color:#b4b4b4}

#container{padding:50px 0;}


@media (max-width:1572px){

#header .top_wrap .logo{left:10px}
#header .top_wrap .util{right:10px}
#footer .footer_top{padding:0 10px}
#container{padding:50px 10px}

}

/* 1000 이하부터 모바일 */
@media (max-width:1000px) {

#header{z-index:1}

#header .top_wrap{z-index:100}
#header .top_wrap .logo{left:20px}
#header .top_wrap .util{right:20px}

#header .top_wrap .util .mo_nav{display:block}
#header .top_wrap .util .login_out{display:none}

#gnb{display:none}


#location .visual{height:120px;padding-top:45px;text-align:center}
#location .visual .summary{padding-left:0}
#location .visual .summary h3{font-size:28px}
#location .visual .summary p{display:none}

#location .location_bottom .util{display:none}
#location .location_bottom a{border-width:0;}

#location .location_bottom{border-width:0 0 1px}
#location .location_bottom .navigator{position:relative;}
#location .location_bottom .navigator:after{display:none}
#location .location_bottom .navigator .home{position:absolute;top:0;left:0;border-right-width:1px}
#location .location_bottom .navigator .anchor{width:100%;}

#location .location_bottom .navigator .anchor .ti{display:none}
#location .location_bottom .navigator .anchor .ti:last-of-type{display:block;width: 100%;}
#location .location_bottom .navigator .anchor .ti:last-of-type>a{padding-left: 80px;}

}