@charset "utf-8";
/* CSS Document */
/*layer out*/
#wrap {position:relative; padding-top:70px; padding-bottom:100px; min-height:100%;box-sizing:border-box}
#header {width:100%; height:70px; position: fixed; left:0px; top:0px; z-index: 100; width:100%; background-color:#3fb140; border-bottom:0px solid #65c96d; box-shadow: 0px 3px 5px rgba(0,0,0, .1);}
#cont_wrap {padding:10px 10px; text-align:left; min-height:500px; }
.content {padding:0px 0px; height:100%; }
.nav {padding:0px 0px; line-height:30px; height:30px; overflow:hidden; background-color:#fafafa; border-bottom:1px solid #e5e5e5;}
.nav ul { float:right; background:url(../images/nav_i_01.png) 0px 10px no-repeat; margin:0px auto; padding-left:25px; overflow:hidden; }
.nav ul li {float:left; background:url(../images/nav_i_02.png) left 10px no-repeat; padding-left:15px; padding-right:13px; font-size:11px; color:#535353;}

.s_cont {padding:30px 30px}

.lang {position: absolute; right:20px; top:20px; z-index: 10; height:28px; line-height:28px; border:0px solid #cccccc;}
.lang li {position:relative;}
.lang a {display:inline-block; padding:5px 0px; padding-bottom:0px; margin:0px; width:40px; height:32px; text-align:center; background-color:#ffffff; border:1px solid #dadada; border-radius:1px; box-sizing:border-box; overflow:hidden;}
.lang a span {display:inline-block; width:27px; height:18px; margin:0px auto; margin-top:0px; padding:0px; background-position:50% 50%; background-repeat:no-repeat; text-indent:-1000em; overflow:hidden;}
.lang a span.kor {background-image:url(../images/lang_kor.png)}
.lang a span.usa {background-image:url(../images/lang_usa.png)}
.lang a span.chn {background-image:url(../images/lang_chn.png)}
.lang a span.vnm {background-image:url(../images/lang_vnm.png)}
.lang a span.tha {background-image:url(../images/lang_tha.png)}
.lang a span.jpn {background-image:url(../images/lang_jpn.png)}
.lang a span.rus {background-image:url(../images/lang_rus.png)}
.lang_list {position:absolute; left:0px; top:33px; display:none; width:40px !important; padding:0px; margin:0px;}
.lang_list li {float:left; width:40px !important; padding:0px !important; margin:0px;}
.lang_list li a {float:left; margin-bottom:1px; border-top:0px; border:1px solid #dadada; border-radius:1px;}
.lang_list li span {margin-top:1px;}

/*header*/
.h_logo {position:absolute; left:10px; top:18px; display:inline-block; padding:0px 0px; text-transform: uppercase; font-size:28px; font-weight:bold; color:#ffffff !important; text-align:left; box-sizing:border-box; text-shadow: 2px 2px 2px rgba(0,0,0, .1); }
.h_logo img {height:50px;}
#header .h_btn {position: absolute; right:120px; top:20px; overflow: hidden;}
#header .h_btn li {float: left;}
#header .h_btn li a {display:inline-block; padding:0px 10px; font-size:18px; color:#ffffff; height:30px; line-height: 30px;}
#header .lang {right:55px}
#header .menu_btn { position:absolute; right:10px; top:20px; width:30px; height:30px; text-indent:-1000em; border:0px solid #ffffff; opacity: .7;}
#header .menu_btn:before {content:''; position: absolute; right:0px; top:0px; width:100%; height:4px; background-color:#ffffff; border-radius: 2px;}
#header .menu_btn:after {content:''; position: absolute; right:0px; bottom:0px; width:100%; height:4px; background-color:#ffffff; border-radius: 2px;}
#header .menu_btn span {position: absolute; right:0px; top:50%; transform: translateY(-50%); width:70%; height:4px; background-color: #ffffff; border-radius:2px;}

/*모바일용 메뉴 */
#menu {position:absolute !important; top:0px; bottom:0px !important; padding-top:80px !important; background-color:#175c1c; z-index:10000; box-shadow:2px 0px 3px rgba(0,0,0,.1); 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; opacity: .9; overflow:hidden;}
#menu ul.mem {padding:30px 10px 20px 20px; text-align:center; border-bottom:0px solid #ff4400; overflow:hidden; }
#menu ul.mem div {display:inline-block; padding:5px 5px; font-size:14px; color:#ffffff;}
#menu ul.mem li {float:left; width:50%; padding:5px 3px; box-sizing:border-box;}
#menu ul.mem li a {display:inline-block; padding:0px 0px; background-color:#ffffff; width:100%; height:32px; line-height:32px; font-size:12px; font-weight:500; color:#666666; text-align:center; border-radius:2px; box-sizing:border-box}
#menu ul.mem li a.logout {background-color:#ed1a34; border:1px solid #ed1a34; color:#ffffff;}
.lnb {padding:0px 1px; padding-left:20px;}
.lnb li {padding:0 0px; border-bottom:1px solid #15531a;}
.lnb > li:first-child {border-top:1px solid #15531a;}
.lnb li a {display: block; height:100%; padding:10px; font-family:"맑은고딕",Arial, sans-serif; font-size:14px; color:#ffffff; font-weight:500; }
.lnb > li > a:before {font:normal normal normal 16px/1 'iconmonstr-iconic-font'; margin-right:8px; position:relative; top:3px; }
.lnb > li > a.m01:before {content: '\e05e';}
.lnb > li > a.m02:before {content: '\e037';}
.lnb > li > a.m03:before {content: '\e091';}
.lnb > li > a.m04:before {content: '\e11b';}
.lnb > li > a.m05:before {content: '\e071';}
.lnb > li > a.m06:before {content: '\e06f';}
.lnb > li > a.m07:before {content: '\e081';}
.lnb > li > a.m08:before {content: '\e06f';}
.lnb > li > a.m09:before {content: '\e09b';}
.lnb > li > a.m10:before {content: '\e01f';}
.lnb > li a {padding:20px 10px;}
.lnb > ul {border-top:0px solid #eeeeee}
.lnb li > ul {padding:10px 0px; border-top:0px solid #4bad51;}
.lnb li > ul li {padding: 0 0px; border-bottom:0px dashed #eeeeee;}
.lnb li > ul li:last-child {border-bottom:0px;}
.lnb li > ul li a {background:url(../images/dot_02.gif) 20px 50% no-repeat; padding:5px 0px; padding-left:30px; font-size:12px; color:#fafafa; font-weight:100; }
.lnb li > ul li > ul li {padding: 10px 0 10px 20px; }
.lnb li > ul li > ul li a {color:black; box-sizing:border-box; overflow:hidden; }
.lnb li.selected {color:#ffffff !important; border-bottom:0px;}
.lnb li.selected > a {color:#ffffff;}
.lnb li.none_g a {background-image:none;}

.f_btn {position: fixed; left:0px; bottom:0px; right:0px; z-index: 10; height:80px; border-top:1px solid #b7b7b6; opacity:1; box-shadow:0px -3px 3px rgba(0,0,0,.1);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
}
.f_btn ul {height:100%; overflow: hidden;}
.f_btn ul li {float:left; width:20%; height:100%; text-align: center; border-left:1px solid #ffffff; border-right:1px solid #b7b7b6;  box-sizing:border-box}
.f_btn ul li a {position:relative; display:inline-block; width:100%; height:100%; padding:0px 0px; box-sizing:border-box;}
.f_btn ul li a:before {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; font:normal normal normal 24px/1 'iconmonstr-iconic-font'; color:#757575; line-height:60px; }
.f_btn ul li a:after {position: absolute; left:50%; bottom:15%; transform: translateX(-50%); width:100%; font-size:12px; line-height:20px;}
.f_btn ul li.m01 a:before {content: '\e00c';}
.f_btn ul li.m01 a:after {content: attr(title);}
.f_btn ul li.m02 a:before {content: '\e00b';}
.f_btn ul li.m02 a:after {content: attr(title);}
.f_btn ul li.m03 a:before {content:'\e05e'}
.f_btn ul li.m03 a:after {content: attr(title);}
.f_btn ul li.m04 a:before {content: '\e0f0';}
.f_btn ul li.m04 a:after {content: attr(title);}
.f_btn ul li.m05 a:before {content: '\e05b';}
.f_btn ul li.m05 a:after {content: attr(title);}
.f_btn ul li a:hover {color:#ff4400;}
.f_btn ul li a:hover:before {color:#ff4400 !important;}

#footer {position:absolute; left:0px; bottom:0px; width:100%; margin-top:0px; padding:20px 0px; padding-bottom:100px; text-align:center; line-height:40px; border-top:0px solid #656565;}
#footer ul {overflow:hidden; margin-bottom:0px; padding:0px 0px;}
#footer ul li {display:inline-block; padding:0px 10px; font-size:14px; color:#909090; line-height:20px;}
#footer ul li:last-child {border-left:1px solid #dadada;}
#footer p {color:#909090; line-height:20px;}
#footer p b {color:#909090;}

/*paging, prevnext*/
.paging	{width:100%; text-align:center; padding:10px 0px; overflow:hidden;}
.paging .paginate a,
.paging .paginate strong {display:inline-block; margin:0x; padding:0px 5px; text-align:center; line-height:24px; height:24px; font-size :12px; font-weight :bold; color:#757575; border:1px solid #dadada;}
.paging .paginate strong {font-weight :bold; color:#FF6E00 !important; border:1px solid #d70001}
.paging .paginate a:hover,
.paging .paginate a:active,
.paging.paginate a:focus{background-color:#f7f7f7;}
.paging .paginate a.pre,
.paging .paginate a.pre_end,
.paging .paginate a.next,
.paging .paginate a.next_end{color:#757575; font-size :12px; margin:0px; padding:0px 5px; border:1px solid #dadada;} 

/*레이어 팝업*/
.overlay {width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index:1000;  display: none;}
.modal {display:none;  background:#ffffff; border:0px solid #333333; border-radius:0px;  padding:0px;  overflow:auto;  z-index:1001;  position: absolute;}
.modal .popup_wrap h2 {display:block; background-color:#ffffff; line-height:20px; height:20px; text-align:center; position:relative; padding:10px 10px; padding-top:20px; margin-bottom:5px;}
.modal .popup_wrap h2 b {display:inline-block; font-size:18px; color:#333333; font-weight:500;}
.modal .popup_wrap h2 span {display:inline; padding-left:10px; font-size:11px; color:#f4f4f4; font-weight:100;}
.modal .popup_wrap .closeBtn {display:inline-block; position:absolute; right:20px; top:20px; font-size:34px; font-weight:600;  text-align:left; color:#65c96d;  margin:0px;}
.modal .popup_wrap .closeBtn:hover {cursor: pointer;}
.modal .popup_wrap .popup_cont {padding:30px 20px; font-size:14px; line-height:24px;}
.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;}
.modal .popup_wrap .popup_btn_wrap {text-align:center; padding-top:15px;}

@media only screen and (max-width:460px) {
	.p_w200,.p_w300,.p_w370 ,.p_w400,.p_w430,.p_w500,.p_w600,.p_w700 {width:90% !important;}
}

@media only screen and (max-width: 340px) {
	.p_w200,.p_w300,.p_w370 ,.p_w400,.p_w430,.p_w500,.p_w600,.p_w700 {width:90% !important;}
	
}