@charset "utf-8";
@import url('font.css');
@import url('plugin.css');

#wrap{position:relative; width:100%;}
#header{position:relative; width:100%; z-index:200}
#container{position:relative}
#footer{position:relative}
#contents{position:relative; min-height:450px}
.site_grid{position:relative; width:1260px; margin:0 auto; transition:.3s ease-in-out}
.grid1{position:relative; padding:0 80px; transition:.3s ease-in-out}
.m_dsp{display:none}

/*HEADER*/
#header .pc_header{position:fixed; width:100%; background:#fff; box-sizing:border-box; transition:.3s ease-in-out}
#header .pc_header .row_header{position:relative; height:92px; transition:.3s ease-in-out}
#header .pc_header h1{position:absolute; top:36px; left:80px; width:160px; z-index:200; transition:.3s ease-in-out;}
#header .pc_header .right_set{position:absolute; top:0; right:0; transition:.3s ease-in-out;}
#header .pc_header .right_set > ul{float:left; padding-top:34px; transition:.3s ease-in-out}
#header .pc_header .right_set > ul > li{float:left; background:url('../images/common/sep1.png') no-repeat 0 0}
#header .pc_header .right_set > ul > li > a{display:inline-block; padding:5px; vertical-align:top; font-size:14px; font-weight:bold; color:#bcbcbc}
#header .pc_header .right_set > ul > li.selected > a{color:#208758}
#header .pc_header .right_set > ul > .sep1{float:left; display:inline-block; position:relative; top:6px; width:1px; height:12px; background:#e5e5e5; margin:0 8px; vertical-align:top}
#header .pc_header .right_set .btn_inquiry{float:left; width:160px; margin-left:24px; background:#208758; transition:.3s ease-in-out;}
#header .pc_header .right_set .btn_inquiry a{display:block; height:92px; text-align:center; transition:.3s ease-in-out}
#header .pc_header .right_set .btn_inquiry span{display:inline-block; position:relative; top:37px; font-size:16px; font-weight:bold; color:#fefefe; line-height:16px; padding-left:22px; background:url('../images/common/ico_call1.png') no-repeat 0 center; background-size:16px 16px; transition:.3s ease-in-out}
#header .pc_header + .empty_header{height:92px; transition:.3s ease-in-out;}

#gnb{position:absolute; top:37px; width:100%; text-align:center; transition:.3s ease-in-out;}
#gnb > ul > li{display:inline-block; margin:0 35px 0 31px; vertical-align:top; transition:.3s ease-in-out}
#gnb > ul > li > a{display:inline-block; font-size:16px; font-weight:bold; color:#333; transition:.3s ease-in-out}
#gnb > ul > li > a > div{position:relative; padding-bottom:11px}
#gnb > ul > li > a .line{display:block; position:absolute; left:0; bottom:0; width:0; height:4px; background:#208758; transition:.3s ease-in-out}
#gnb > ul > li:hover a,
#gnb > ul > li.selected a{color:#208758}
#gnb > ul > li:hover > a .line,
#gnb > ul > li.selected > a .line{width:100%}

#header .inner_header.fill{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
#header .pc_header.fill + .empty_header{height:74px;} 
#header .pc_header.fill .row_header{height:74px}
#header .pc_header.fill h1{top:27px;}
#header .pc_header.fill #gnb{top:30px;}
#header .pc_header.fill .right_set > ul{padding-top:25px}
#header .pc_header.fill .right_set .btn_inquiry a{height:74px;}
#header .pc_header.fill .right_set .btn_inquiry span{top:29px;}

/*Mobile Header*/
#header .mobile_header{display:none; position:fixed; width:100%; background:#fff; box-sizing:border-box}
#header .mobile_header .row_header{height:62px}
#header .mobile_header h1{padding-top:23px; text-align:center}
#header .mobile_header h1 img{width:125px}
#header .mobile_header .btn_allmenu{position:absolute; left:20px; top:16px}
#header .mobile_header .btn_allmenu a{display:inline-block; padding:7px 0; cursor:pointer}
#header .mobile_header .btn_allmenu img{width:22px}
#header .mobile_header .right_set{position:absolute; top:0; right:0; transition:.3s ease-in-out;}
#header .mobile_header .right_set .btn_lang{float:left; padding-top:20px; transition:.3s ease-in-out}
#header .mobile_header .right_set .btn_lang a{display:inline-block; padding:5px; vertical-align:top; font-size:13px; font-weight:bold; color:#bcbcbc}
#header .mobile_header .right_set .btn_inquiry{float:left; width:62px; margin-left:4px; background:#208758; transition:.3s ease-in-out;}
#header .mobile_header .right_set .btn_inquiry a{display:block; height:62px; background:url('../images/common/ico_call1.png') no-repeat center; background-size:20px 20px}

/*SIDEBAR*/
[data-sidebar]{display:none; position:fixed; top:0; width:100%; height: 100%; z-index:1051} /*너비 넣어야 함, sidebar 필수*/
[data-sidebar-overlay]{display:none; position:fixed; top:0; left:0; opacity:0; width:100%; height:100%; min-height:inherit; z-index:1048}
.sidenav + .overlay{background-color: #000; cursor:pointer}
.sidenav{display:block; background-color:#fff; overflow:hidden}
.sidenav .inner{position:relative; width:100%; height:100%; padding:0 20px; box-sizing:border-box}

.sidenav .top_sidenav{position:relative}
.sidenav .top_sidenav .inner_top{height:62px; border-bottom:1px solid #1c744c}
.sidenav .top_sidenav .logo{position:absolute; left:0; top:25px; cursor:pointer; z-index:200}
.sidenav .top_sidenav .logo img{width:120px}
.sidenav .top_sidenav .btn_x{position:absolute; right:0; top:25px; cursor:pointer}
.sidenav .top_sidenav .btn_x img{width:17px}

.sidenav nav{display:table; width:100%; height:calc(100% - 207px); text-align:center}
.sidenav nav ul{display:table-cell}
.sidenav nav li{position:relative}
.sidenav nav li a{font-size:20px; font-weight:600; color:#999; line-height:50px}
.sidenav nav li:hover a,
.sidenav nav li.selected a{color:#1c744c}

.sidenav .bottom_sidenav{position:relative; text-align:center; border-top:1px solid #1c744c}
.sidenav .bottom_sidenav .inner_bottom{height:150px; padding-top:15px; box-sizing:border-box}
.sidenav .bottom_sidenav .txt_tel a{font-size:14px; font-weight:bold; color:#333; letter-spacing:-0.25px}
.sidenav .bottom_sidenav .txt_tel{margin-bottom:7px}
.sidenav .bottom_sidenav .copyright{margin-top:12px; font-size:11px; color:#959595;}

.sidenav .bottom_sidenav .snsset{margin-bottom:14px}
.sidenav .bottom_sidenav .snsset a{display:inline-block; margin:0 5px; font-size:0; background-size:100%; transition:.2s ease-in-out}
.sidenav .bottom_sidenav .snsset .ytube{width:19px; height:14px; background:url('../images/common/sns1.png') no-repeat center; background-size:100%}
.sidenav .bottom_sidenav .snsset .ytube:hover{background-image:url('../images/common/sns1-1.png')}
.sidenav .bottom_sidenav .snsset .facebook{width:8px; height:15px; background:url('../images/common/sns2.png') no-repeat center; background-size:100%}
.sidenav .bottom_sidenav .snsset .facebook:hover{background-image:url('../images/common/sns2-1.png')}
.sidenav .bottom_sidenav .snsset .instagrarm{width:16px; height:16px; background:url('../images/common/sns3.png') no-repeat center; background-size:100%}
.sidenav .bottom_sidenav .snsset .instagrarm:hover{background-image:url('../images/common/sns3-1.png')}


/*FOOTER*/
#footer .inner_footer{padding-top:50px; padding-bottom:70px; border-top:1px solid #eaeaea; background:#fff; transition:.3s ease-in-out}
#footer .address{float:left; line-height:24px; letter-spacing:-0.25px; transition:.3s ease-in-out}
#footer .address strong,
#footer .address span{color:#1c744c}
#footer .address .menu_footer a{font-size:13px; color:#777; transition:.2s ease-in-out}
#footer .address .menu_footer a:hover{color:#1c744c}
#footer .address .menu_footer a:after{content:""; display:inline-block; position:relative; top:2px; width:1px; height:12px; background:#d9d9d9; margin:0 10px 0 14px}
#footer .address .menu_footer a:last-child:after{display:none}
#footer .address address{margin-top:14px; font-size:12px; color:#8e8e8e}
#footer .address address strong{margin-right:6px}
#footer .address address span{margin-left:6px}
#footer .address .copyright{margin-top:2px; font-size:12px; color:#8e8e8e}
#footer .bt_link{float:right; text-align:right; padding-top:10px; transition:.3s ease-in-out}
#footer .bt_link .logo{width:140px}
#footer .bt_link .snsset{margin-top:5px}
#footer .bt_link .snsset a{display:inline-block; margin-left:15px; font-size:0; background-size:100%; transition:.2s ease-in-out}
#footer .bt_link .snsset .ytube{width:19px; height:14px; background:url('../images/common/sns1.png') no-repeat center; background-size:100%}
#footer .bt_link .snsset .ytube:hover{background-image:url('../images/common/sns1-1.png')}
#footer .bt_link .snsset .facebook{width:8px; height:15px; background:url('../images/common/sns2.png') no-repeat center; background-size:100%}
#footer .bt_link .snsset .facebook:hover{background-image:url('../images/common/sns2-1.png')}
#footer .bt_link .snsset .instagrarm{width:16px; height:16px; background:url('../images/common/sns3.png') no-repeat center; background-size:100%}
#footer .bt_link .snsset .instagrarm:hover{background-image:url('../images/common/sns3-1.png')}


/*SUB VISUAL*/
#sub_visual{position:relative; height:300px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; transition:.3s ease-in-out}
#sub_visual.vis1{background-image:url('../images/common/svis1.jpg')}
#sub_visual.vis2{background-image:url('../images/common/svis2.jpg')}
#sub_visual.vis3{background-image:url('../images/common/svis3.jpg')}
#sub_visual.vis4{background-image:url('../images/common/svis4.jpg')}
#sub_visual.vis5{background-image:url('../images/common/svis5.jpg')}
#sub_visual .inner_svis{position:relative}
#sub_visual .ct_title{padding-top:117px; text-align:center; text-transform:uppercase; transition:.3s ease-in-out}
#sub_visual .ct_title .stit{font-size:14px; font-weight:bold; color:#31cd86; letter-spacing:-0.5px; transition:.3s ease-in-out}
#sub_visual .ct_title h2{margin-top:11px; font-size:43px; font-weight:600; color:#fffefe; letter-spacing:-0.25px; transition:.3s ease-in-out}
#sub_visual .sv_pager > div{position:absolute; top:50%; margin-top:42px; opacity:.9; transition:.2s ease-in-out}
#sub_visual .sv_pager > div:hover{opacity:1}
#sub_visual .sv_pager a{display:inline-block; font-size:13px; font-weight:bold; color:#fff; padding:10px 0; background-repeat:no-repeat; background-size:44px 27px; user-select:none}
#sub_visual .sv_pager .btn_prev{left:0}
#sub_visual .sv_pager .btn_prev:hover{left:-3px}
#sub_visual .sv_pager .btn_prev a{padding-left:51px; background-image:url('../images/common/arw_svis_prev.png'); background-position:0 2px;}
#sub_visual .sv_pager .btn_next{right:0}
#sub_visual .sv_pager .btn_next:hover{right:-3px}
#sub_visual .sv_pager .btn_next a{padding-right:51px; background-image:url('../images/common/arw_svis_next.png'); background-position:right 2px}