@charset "utf-8";
/* CSS Document */
/*layer out*/
#wrapper {float:left; width:100%; padding-top:40px; background-color:#ffffff;}
#header {position:fixed; top:0px;  width:100%; height:110px; text-align:center; z-index:101; background-color:rgba(0,0,0,.6);;
		transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
}
#header-inner {display:block; position:relative; max-width:1180px; margin:0px auto;  }
#header-inner .h_t_area {position:relative; float:left; padding-right:100px; width:100%; height:40px; line-height:40px; box-sizing: border-box;}
#header-inner .h_t_area:after {content:''; display:block; clear:both; position:relative; z-index:0;}
#header-inner .h_t_area:before {content:''; position:absolute; left:50%; top:0px; z-index:-1; transform:translateX(-50%); width:1000%; height:40px; background-color:#494949}
#header-inner .h_t_area .notice {float:left; margin:0px; padding:0px; padding-left:100px; height:40px; box-sizing:border-box; overflow:hidden; }
#header-inner .h_t_area .notice h3 {display:inline-block; float:left; margin-left:-100px; width:100px; height:40px; font-size:12px; color:#ffffff; background-color:#1c1c1c;}
#header-inner .h_t_area .notice a {display:inline-block; float:left; padding:0px 10px; width:100%; font-size:12px; color:#ffffff; text-align:left; box-sizing:border-box}
#header-inner .h_t_area .fl_r {float:right; margin-right:-100px;}
#header-inner .h_t_area .t_menu {float:left;}
#header-inner .h_t_area .t_menu li {float:left; padding:0px 10px; line-height:40px;}
#header-inner .h_t_area .t_menu li a {display:inline-block; color:#ffffff;}
#header-inner .h_t_area .country {float:left; padding-top:3px; position: relative; z-index: 10;}
#header-inner .h_t_area .country a {display:inline-block; margin-left:4px; line-height: normal;}
#header-inner .gnb {position:relative; display:block; float:left; margin:0px; padding-left:200px; width:100%; height:70px; overflow:hidden; box-sizing:border-box;}
#header-inner .menu_btn {position:absolute; left:10px; top:12px; display:none; margin:0px 0px; width:40px; height:40px; background-color:#fff; background-image:url(../images/category_icon_01.png); background-repeat:no-repeat; background-position:50% 50%; border:1px solid #dadada; border-radius:2px; text-indent:-1000em; overflow:hidden;}
#header .logo {float:left; margin:0px; margin-left:-200px; margin-top:10px; padding:0px; text-indent:-1000em; width:200px; height:48px; background:url(../images/h_logo.png) no-repeat; overflow:hidden; cursor:pointer;}
#header-inner-nav {float:left; margin-top:4px; width:100%; text-align:right;}
#header-inner-nav > a {display:inline-block; padding:5px; margin:0px; margin-top:12px; margin-left:60px; font-size:20px; color:#ffffff; font-weight:500;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#header-inner-nav a:hover {color:#48c71b !important}
#header-inner-nav a.on {color:#48c71b !important}
.search {position:relative; float:left; margin:0px; margin-top:15px !important; padding:0px 0px !important; width:28px; height:28px; line-height:28px; text-indent:-1000em; overflow:hidden; background-image:url(../images/icon_search_2.png); background-position:50% 50%; background-repeat:no-repeat; border:0px solid #cccccc;}

#header.s_top {}
#header.s_down {box-shadow:3px 0px 5px rgba(0,0,0,.13);}

.tab {float:left; width:100%; position:relative;}

.mobile_header .menu_btn {display:inline-block; float:right; margin:0px 0px; width:45px; height:45px; background-color:#fff; background-image:url(../images/category_icon_01.png); background-repeat:no-repeat; background-position:50% 50%; border-right:0px solid #ffffff; border-radius:2px; text-indent:-1000em; overflow:hidden;}

#menu {position:relative; left:-400px; display:none; background-color:#494949; z-index:11199; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,.4); box-sizing:border-box}
#menu .menu_btn {position:absolute; right:10px; top:10px; width:30px; height:30px; background-color:transparent; background-image:url(../images/menu_close.png); background-repeat:no-repeat; background-position:50% 50%; background-size:80%; border:0px; text-indent:-1000em; overflow:hidden;}
#menu .t_menu {padding:60px 20px 10px 20px;}
#menu .t_menu ul {padding:5px 10px; background-color:#f5f5f5; border-radius:5px;}
#menu .t_menu li {display:inline-block; margin:5px 0px; padding:0px 5px; border-left:1px solid #dadada;}
#menu .t_menu li:first-child {border-left:0px;}
#menu .t_menu li:last-child {display:block; border-left:0px;}

.left_menu {padding:10px 20px 0px 20px;}
.left_menu li {padding: 0 0px; border-top:1px solid #595959; border-bottom:1px solid #393939}
.left_menu li a {display:block;  padding:0px 10px; width:100%; font-size:13px; font-weight:500; color:#ffffff; text-transform:uppercase; line-height:32px; height:32px; box-sizing:border-box ;}
.left_menu li ul {padding-left:10px;}
.left_menu li > ul li {padding:0px 0px;}
.left_menu li > ul li:last-child {border-bottom:0px;}
.left_menu li > ul li a {font-size:12px; color:#eaeaea; line-height:28px; height:28px;}
.left_menu li > ul li > ul {padding-left:10px;}
.left_menu li > ul li > ul li {padding:0px 0px 0px 0px; }
.left_menu li > ul li > ul li a {color:black; padding:0px 0px; padding-left:20px; font-size: 12px; color:#dadada; font-weight:100; letter-spacing:0px; box-sizing:border-box; overflow:hidden;}
.left_menu li.selected {color:#666666 !important;}
.left_menu li.selected > a {background-color:#ffffff; color:#333333; font-weight:600;}
.left_menu li.selected .selected a {background-color:transparent; color:#ffffff;}





.footer {display:block; float:left; width:100%; padding:0px 0px; text-align:center;}
.footer .inner {position:relative; display:block; padding:0px 0px; padding-bottom:50px; text-align:center; box-sizing:border-box}
.footer ul {display:block; padding:15px 0px; text-align:center; border-bottom:1px solid #333333; overflow:hidden;}
.footer ul li {display:inline-block; padding:0px 20px; background:url(../images/f_menu_line.png) left 50% no-repeat;}
.footer ul li:first-child {background:none}
.footer ul li a {font-size:14px; color:#ffffff;}
.footer .inner div {position:relative; display:block; max-width:1200px; margin:0px auto; padding:15px 0px 15px 100px; text-align:left; background:url(../images/f_logo.png) left 10px top 50% no-repeat; box-sizing:border-box;}
.footer p {display:block; padding:3px 0px;}
.footer p b,
.footer p span {display:inline-block; padding:0px 6px; margin:0px 0px; line-height:20px; font-size:12px; color:#ffffff; font-weight:500;}
.footer .inner div ul {position:absolute; right:0px; top:50%; transform:translateY(-50%); padding:0px; margin:0px; border:0px;}
.footer .inner div ul li {padding:0px 0px; padding-left:5px; background:none !important}

/*레이어 팝업2*/
.overlay {width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index:1000;  display: none;}
.modal {display:none;  background:#ffffff; border:5px solid #ffffff; border-radius:5px;  padding:0px;  overflow:auto;  z-index:1001;  position: absolute;}
.modal .popup_wrap {}
.modal .popup_wrap h2 {display:block; background-color:#4baa2a; line-height:20px; height:20px; position:relative; padding:10px 10px; margin-bottom:5px;}
.modal .popup_wrap h2 b {display:inline-block; font-size:18px; color:#ffffff; font-weight:500;}
.modal .popup_wrap h2 span {display:inline; padding-left:10px; font-size:11px; color:#f4f4f4; font-weight:100;}
.modal .popup_wrap h2.title_2 {display:block; background-color:#e93d34; line-height:20px; height:20px; text-align:center; position:relative; padding:10px 10px; margin-bottom:5px;}
.modal .popup_wrap .closeBtn {display:inline-block; position:absolute; right:10px; top:10px; font-size:24px; font-weight:600;  text-align:left; color:#ffffff;  margin:0px;}
.modal .popup_wrap .closeBtn:hover {cursor: pointer;}
.modal .popup_wrap .popup_cont {padding:10px 10px; font-size:14px; line-height:24px; max-height:700px; overflow-y:auto;}

.p_w200 {width: 200px;}
.p_w300 {width: 300px;}
.p_w370 {width: 370px;}
.p_w400 {width: 400px;}
.p_w430 {width: 430px;}
.p_w500 {width: 500px;}
.p_w600 {width: 600px;}
.p_w700 {width: 700px;}
.p_w800 {width: 800px;}
.p_w900 {width: 900px;}
.p_w1000 {width:1000px;}
.p_w1100 {width:1100px;}
.p_w1200 {width:1200px;}
.p_w1400 {width:1400px;}
.p_w1600 {width:1600px;}


 
@media only screen and (max-width:1180px) {
#header-inner .h_t_area .fl_r {padding-right:10px;}
#header .logo {margin-left:-190px; width:190px;}
#header-inner-nav > a {font-size:18px; margin-left:50px;}
.footer .inner div {padding-right:300px;}
}

@media only screen and (max-width:900px) {
#header-inner-nav > a {font-size:16px; margin-left:50px;}
}

@media only screen and (max-width: 800px) {
#header-inner .h_t_area .t_menu {display:none}
#header-inner .h_t_area .notice {padding-left:60px;}
#header-inner .h_t_area .notice h3 {margin-left:-60px; width:60px;}
#header-inner .h_t_area .notice a {font-size:11px;}
#header-inner .menu_btn {display:inline-block;}
#header-inner .gnb {padding-left:0px;}
#header .logo {float:none; position:absolute; left:50%; top:-2px; transform:translateX(-50%); margin-left:0px;}
#header-inner-nav > a {display:none;}
.lang {margin-top:0px;}

#header {background-color:#ffffff; border-bottom:1px solid #f2f2f2;}
#header.s_top {background-color:#ffffff; border-bottom:1px solid #f2f2f2;}
#menu {display:inline-block;}

.footer ul li {display:inline-block; padding:0px 5px; background:url(../images/f_menu_line.png) left 50% no-repeat;}
.footer ul li a {font-size:12px;}

.footer .inner div {padding-right:0px;}
.footer .inner div ul {left:0px; bottom:-70px; top:auto;}

.modal {width:94% !important}

}

@media only screen and (max-width:481px) {	

}