@charset "euc-kr";

body, input, button, textarea, select, option, a {font-family:'Roboto','NotoSans','Apple SD Gothic Neo',sans-serif;}
.wrap {position:relative; width:100%;}
.container {position:relative; width:100%; max-width:1200px; margin:0 auto; box-sizing:border-box;}
.container:after {content:''; display:block; clear:both;}

::selection {background: #5e8356; background:rgba(94,131,86,.65); color:#fff; text-shadow:none;}
::-moz-selection {background:#5e8356; background:rgba(94,131,86,.65); color:#fff; text-shadow:none;}
::-webkit-selection {background:#5e8356; background:rgba(94,131,86,.65); color:#fff; text-shadow:none;}

/* placeholder */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}

select {font-size:14px; padding:4px 26px 4px 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(/images/ico/sel_ico.png) 94% 50% no-repeat; border:1px solid #ddd; box-sizing:border-box;}
select::-ms-expand {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-filter: alpha(opacity=0); }
select, button, input, a, textarea {outline-color:#5e8356;}

/* header */
.top_head {width:100%; height:40px; background:#f2f2f2;}
.top_head .mem_lnk {float:right;}
.top_head .mem_lnk li {float:left; margin:5px 0;}
.top_head .mem_lnk a {display:block; font-size:12px; line-height:30px; letter-spacing:-0.065rem; color:#666;}
.top_head .mem_lnk .kor {margin:10px 0 10px 15px;}
.top_head .mem_lnk .kor a {font-weight:500; color:#222; padding:0 10px; border:1px solid #ddd; line-height:18px;}

.logo_area {width:100%; height:95px; border-bottom:1px solid #eee; box-sizing:border-box;}
.logo_area .container {height:100%;}
.logo_area .main_logo {float:left; width:50%; max-width:150px; height:45px; margin:25px 0 0;}
.logo_area .main_logo a {display:block; height:100%; background:url(/images/en/main_logo.png) 0 50% no-repeat; text-indent:-9999px;}

.logo_area .nav_bar {position:absolute; top:0; right:0; width:auto; height:94px; text-align:center; box-sizing:border-box;}
.logo_area .nav_bar > li {position:relative; display:inline-block; height:100%; vertical-align:top; margin:0 25px;}
.logo_area .nav_bar > li > a { display:block; height:100%; font-size:18px; font-weight:500; line-height:94px; letter-spacing:-0.025rem; color:#000; transition:color 0.24s; -webkit-transition:color 0.24s; -moz-transition:color 0.24s; -ms-transition:color 0.24s; -o-transition:color 0.24s; }
.logo_area .nav_bar > li:hover > a {color:#265140;}
.logo_area .nav_bar .depth a {display:block; font-size:15px; font-weight:400; line-height:35px; letter-spacing:-0.065rem; color:#333;}
.logo_area .nav_bar .depth a:hover {color:#5e8356;}

.logo_area .menu_btn {display:none; position:absolute; top:50%; right:0; width:25px; height:25px; text-align:right; margin:-12.5px 0 0; outline:none;}
.logo_area .menu_btn span { float:right; display:block; width:100%; height:2px; background:#000; }
.logo_area .menu_btn span:nth-child(2) { width:75%; margin:6px 0; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out ; -moz-transition:all 0.2s ease-in-out ; -ms-transition:all 0.2s ease-in-out ; -o-transition:all 0.2s ease-in-out ; }
.logo_area .menu_btn span:nth-child(3) { width:50%; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; }
.logo_area .menu_btn:hover span:first-child { animation:hamburger 1s infinite ease-in-out alternate; -webkit-animation:hamburger 1s infinite ease-in-out alternate; }
.logo_area .menu_btn:hover span:nth-child(2) { animation:hamburger 1s infinite ease-in-out alternate forwards 0.2s; -webkit-animation:hamburger 1s infinite ease-in-out alternate forwards 0.2s;}
.logo_area .menu_btn:hover span:last-child { animation:hamburger 1s infinite ease-in-out alternate forwards 0.4s; -webkit-animation:hamburger 1s infinite ease-in-out alternate forwards 0.4s;}

@keyframes hamburger {
    0% {
        width:100%;
    }
    50% {
        width:50%;
    }
    100% {
        width:100%;
    }
}

.depth_area { position:absolute; top:135px; left:0; width:100%; height:0; background:#fff; box-shadow:0 5px 10px -5px rgba(0,0,0,.25); z-index:10; overflow:hidden; transition:height 0.45s; -webkit-transition:height 0.45s; -moz-transition:height 0.45s; -ms-transition:height 0.45s; -o-transition:height 0.45s; }
.depth_area:before {content:''; position:absolute; bottom:0; left:50%; width:370px; height:266px; background:url(/images/menu_bg.png) no-repeat; margin:0 0 0 -600px;}

.all_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:90;}
.all_menu { position:fixed; top:0; right:-100%; width:100%; max-width:360px; height:100%; background:#fff;box-sizing:border-box; box-shadow:0px 0 20px -10px rgba(0,0,0,.8); transition:right 0.45s; z-index:99; -webkit-transition:right 0.45s; -moz-transition:right 0.45s; -ms-transition:right 0.45s; -o-transition:right 0.45s;}
.all_menu .all_head {width:100%; height:85px; border-bottom:1px solid #ddd; padding:0 4%; box-sizing:border-box;}
.all_menu .am_logo {float:left; width:70%; max-width:150px; height:39px; margin:22.5px 0;}
.all_menu .am_logo a {display:block; width:100%; height:100%; background:url(/images/en/main_logo.png) 0 50% no-repeat; background-size:contain; text-indent:-9999px;}
.all_menu .cls_all {float:right; width:24px; height:24px; background:url(/images/en/cls_ico.png) no-repeat;text-indent:-9999px; margin:30px 0; outline:none;}
.all_menu .all_kor a {display:block; width:100%; height:60px; line-height:60px; padding:0 4%; background:#5e8356 url(/images/ico/kor_lnk.png) 94% 50% no-repeat; background-size:auto 33%; font-size:17px; font-weight:500; color:#fff; box-sizing:border-box;}

.all_cont {position:relative; height:calc(100% - 145px); overflow-y:auto;}
.all_cont li a {display:block; width:100%; height:55px; line-height:54px; font-size:16px; font-weight:400; color:#222; padding:0 4%; border-bottom:1px solid #ddd; box-sizing:border-box;}


/* footer */
.footer {width:100%; padding:50px 0 60px; background:#fafafa;}
.foot_info {width:100%; padding:0 0 0 200px; background:url(/images/foot_logo.png) 0 0 no-repeat; box-sizing:border-box;}
.foot_info .lnk {margin:0 0 20px;}
.foot_info .lnk li {float:left;}
.foot_info .lnk a {display:block; font-size:15px; font-weight:500; line-height:32px; color:#333;}
.foot_info .lnk a:after { content:''; display:inline-block; width:4px; height:4px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#ccc; margin:-2px 8px 0 10px; vertical-align:middle;}
.foot_info .lnk li:nth-last-child(-n+2) a:after {display:none;}
.foot_info .lnk li:last-child a {color:#5e8356; margin-left:10px;}

.foot_info .info {max-width:720px; font-size:14px; line-height:24px; letter-spacing:-0.025rem; color:#999; word-break:keep-all;}
.foot_info .info span {display:inline-block;}
.foot_info .info span:after {content:''; display:inline-block; width:1px; height:11px; background:#ccc; margin:-2px 6px 0 8px; vertical-align:middle;}
.foot_info .info span:nth-child(3):after, .foot_info .info span:nth-child(6):after, .foot_info .info .copy:after {display:none;}
.foot_info .info .copy {display:block; margin:16px 0 0; letter-spacing:0;}

.footer .go_top { position:fixed; bottom:20px; right:20px; width:50px; height:50px; background:rgba(94,131,86,.65) url(/images/ico/go_top.png) 50% 50% no-repeat; text-indent:-9999px; transition:background 0.25s; -webkit-transition:background 0.25s; -moz-transition:background 0.25s; -ms-transition:background 0.25s; -o-transition:background 0.25s; z-index:10;}
.footer .go_top:hover {background-color:rgba(94,131,86,1)}

/* Sub */
.S_visual {position:relative; width:100%; height:220px; background:url(/images/sub_vis.jpg) 50% 50% no-repeat; background-size:cover; text-align:center; padding:75px 0 0; box-sizing:border-box;}
.S_visual h2 {font-size:48px; font-weight:700; letter-spacing:-0.065rem; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,.45);}
.S_visual h2:after {content:''; display:block; width:40px; height:3px; background:#fff; margin:25px auto 0;}
.S_visual .sub_nav {position:absolute; bottom:0; left:0; right:0; width:100%; max-width:1200px; height:60px; background:#fff; margin:0 auto;}
.S_visual .sub_nav li {position:relative; float:left;}
.S_visual .sub_nav a { display:block; width:100%; height:100%; line-height:60px; font-size:17px; font-weight:500; letter-spacing:-0.065rem; color:#444; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s; }
.S_visual .sub_nav li:after {content:''; position:absolute; top:50%; right:0; width:1px; height:30px; background:#ddd; margin:-15px 0 0;}
.S_visual .sub_nav li:last-child:after {display:none;}
.S_visual .sub_nav li:hover a {color:#5e8356;}
.S_visual .sub_nav .on:after {background:#5e8356;}
.S_visual .sub_nav .on a {background:#5e8356; color:#fff;}
.S_visual .sub_nav .on:hover a {color:#fff;}
.S_visual .mob_nav {display:none; opacity:0;}
.S_visual .current {display:none;}

.S_container {width:100%; max-width:1200px; margin:60px auto; box-sizing:border-box;}
.S_ttl {text-align:center; margin:0 0 50px;}
.S_ttl h2 {font-size:36px; font-weight:700; letter-spacing:-0.065rem; color:#000; margin:0 0 20px;}
.S_ttl .his_bar {text-align:center;}
.S_ttl .his_bar li {display:inline-block; font-size:14px; font-weight:500; letter-spacing:-0.065rem; line-height:20px; color:#666; vertical-align:middle;}
.S_ttl .his_bar li.home a {display:inline-block; width:14px; height:12px; background:url(/images/ico/home_ico.png) no-repeat; text-indent:-9999px; vertical-align:middle; margin:-2px 0 0;}
.S_ttl .his_bar li:after {content:''; display:inline-block; width:5px; height:8px; background:url(/images/ico/more_arr.png) no-repeat; vertical-align:middle; margin:-2px 8px 0 10px;}
.S_ttl .his_bar li:last-child:after {display:none;}