@charset "utf-8";
body,p,ul,li,h3{ margin:0; padding:0; }
body{word-wrap:break-word; background: #eee; font-family:나눔고딕,NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif; }

.sbtn {cursor: pointer; height:27px;margin:0; padding:0;text-decoration: none;background-color:#fff; border:1px solid #0080C0;color:#fff; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
   background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.55) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0.55)), color-stop(100%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(bottom,  rgba(0,0,0,0.55) 0%,rgba(255,255,255,0.2) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(bottom,  rgba(0,0,0,0.55) 0%,rgba(255,255,255,0.2) 100%); /* IE10+ */
   background: linear-gradient(to top,  rgba(0,0,0,0.55) 0%,rgba(255,255,255,0.2) 100%); /* W3C */	
 }
.sbtn:hover{
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.22) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.22)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.22) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(0,0,0,0.22) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(0,0,0,0.22) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(0,0,0,0.22) 0%,rgba(0,0,0,0) 100%); /* W3C */
 } 
.btn_back{padding:5px 10px;}

.f_gradient{
   background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.55) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(bottom,  rgba(0,0,0,0.55) 0%,rgba(255,255,255,0.2) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(bottom,  rgba(0,0,0,0.55) 0%,rgba(255,255,255,0.2) 100%); /* IE10+ */
   background: linear-gradient(to top,  rgba(0,0,0,0.55) 0%,rgba(255,255,255,0.2) 100%); /* W3C */
 }
.ehlayout{height:100%}
#eheader{margin:0; padding:0; position:fixed;background-color:#0072A8; top:0px;border-top:1px solid #11B1FF;border-bottom:4px solid #0080C0;width:100%;height:45px;z-index: 1900;} 		
.eheaderb{position:fixed; top:0px; width:100%;height:50px; z-index:1700; }

.menu_header{float:left;}
.menu_btn{display: none;list-style:none; position:absolute; left:10px; top:4px; border-radius:3px; width:40px;height:35px;border:1px solid #fff; }
.menu_btn:hover{border:1px solid #fff;background:#0078B3;}
.eh_menu{list-style:none;cursor: pointer; height:33px; padding:0px;margin-top:1px; background-image: url(../img/listw.png);background-repeat:no-repeat; background-position:center;}
.eh_brand img{padding:6px 0  0  50px;}
.login_btn{list-style:none; position:absolute; right:55px; top:4px; border-radius:3px; width:40px;height:35px;border:1px solid #fff; }
.login_btn:hover {border:1px solid #fff;background:#0078B3;}
.login_btn .btn_in {list-style:none;border:1px solid #fff;border-radius:3px;cursor: pointer;  height:35px; padding:0px; background-image: url(../img/btn_login.png);background-repeat:no-repeat; background-position:center;}
.login_btn .btn_out{list-style:none;border:1px solid #fff;border-radius:3px;cursor: pointer; height:35px; padding:0px; background-image: url(../img/btn_logout.png); background-repeat:no-repeat; background-position:center;}                                           

.main_menubar{float:left; }
.main_menubar ul{margin:0;padding:0;list-style:none;}
.main_menubar .menu_nav li{position:relative;}
.menu_nav{z-index: 10000;}
.menu_nav li a.first_a{float:left; padding: 15px 25px;color:#d4d4d4;font-weight:bold; border:none;font-size:14px;line-height:20px;text-decoration:none;}
.menu_nav li a.first_a:hover{color:#09AFFF;}
.menu_nav li a.first_aopen{float:left; padding: 15px 25px;color:#09AFFF;font-weight:bold; border:none;font-size:14px;line-height:20px;text-decoration:none;}
.main_menubar li.dropdown,
.main_menubar li.total_act_li{float:left;}
.main_menubar .dropdown-menu li a:hover{background:#1B88C2; color:#fff;}
.main_menubar .menu_nav .open .dropdown-menu .active a{border:1px solid #ff0000; border-radius:3px;font-weight:bold; background-color:#1B88C2; color:#fff; }


.dropdown-menu {position: absolute;top:50px;left: 0;display: none; z-index:100;float:left; min-width:130px; padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;background-color: #fff;border: 1px solid #1B88C2; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.3);box-shadow: 0 3px 12px rgba(0,0,0,0.3);background-clip: padding-box;}
.dropdown-menu li a {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.4;color: #333;white-space: nowrap;text-decoration:none;}
.main_menubar .menu_nav .open a .first_a{color: #00ABFD;}
.main_menubar .menu_nav .open .dropdown-menu{display:block;padding:5px; border: 1px solid #1B88C2;}
.main_menubar .menu_nav .open .dropdown-menu li{}
.main_menubar .menu_nav .open .dropdown-menu li a{margin:2px;font-size:13px;padding:5px 15px ; background-color:rgba(0,151,223, 0.3); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.main_menubar .menu_nav .open .dropdown-menu li a:hover{background:#1B88C2; color:#fff;}
.menu_navbar-right .menu_nav li a.first_a{padding:20px 10px;}
.main_menubar .menu_nav {float:left;margin: 0;white-space:nowrap}

.sea_right{float:right;} 
.sea_right ul li{list-style:none;}
.form_search{height:30px; padding: 10px 0 0px 35px; margin-right: 110px; border: none;} 
.iText{height:23px; background-color:#fff; border:1px solid #1B88C2; border-radius:3px;}

.main_container{position: relative;}
.main_slider{display:block;clear:both;}
.content_slider{display:block;}

.left_canvas{ float:left; margin:0; padding:0; color:#a1a1a1; }  
.left_canvas ul li{list-style:none; }
.left_canvas ul li a{display:block;text-decoration:none;}
.left_canvas ul a:hover{color:#FC581B;}
.search_form{display:none;}
.left_menub{border:1px solid #8F8F8F;padding:2px;}
.left_menu{ background-color:#0072A8;}
.lmenu_a{cursor: pointer; border:1px solid #8F8F8F; border-top:none; }
#lmenu_b{ height:100%;padding:0px 0px 2px 0px;}
.mfirst{padding:8px 0px 8px 15px;color:#fff;font-weight:bold; background-image:url(../img/ha.png);background-repeat:no-repeat; background-position:right;}
.op{padding:8px 0px 8px 15px;color:#fff;font-weight:bold; background-image:url(../img/sa.png);background-repeat:no-repeat; background-position:right;}
.m_list{display:none; margin:3px 10px 10px 10px;}
.lmenu_a .abtn{float:right; margin-right:10px; font-size: 11px; }
.m_list li{color:#fff;background:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:1px;}
.m_list li a{display:block;color:#363636;padding:5px 20px;border-radius:5px;}
.m_list li a:hover{background-color:rgba(0,151,223, 0.2); color:#ff0000;}
.on{display:block;}
.on .active{ background:#C6E2FF; color:#ff0000;border:1px solid #ff0000; border-radius:5px;}
.on .active a{font-weight:bold; }
.left_menub .left_menu .lwidget{display:block ;  padding:0px; margin:0px; height:100%;}
.left_canvasp{height:100%;}

.content_slider{position: relative; display:inline-block;padding-bottom:5px;width:100%;}
.icontent{ overflow:hidden; display:block;  padding-bottom:10px; }  

.right_canvas{float:right;margin:0; padding:0; color:#a1a1a1; overflow:hidden;}
.right_canvas ul li{list-style:none;display:block;text-decoration:none;text-align:center;}
.ehl{display:none;}
.back_screen{top:0px;z-index:100; width:100%;}

.login_bar{position:fixed; z-index:1100; top:50px; right:-370px; padding:10px 20px ;  background:rgba(0,0,0,0.7);}
.aopen{margin-right:370px}
.list-groupb{max-width: 280px; position:relative; z-index:900;background-color:#0072A8}
#list-group{display:block;max-width: 280px;border:1px solid #646464;padding-left:20px; color:#fff;}

#list-group .member-btn{max-width: 200px; padding:0 40px;list-style-type:none; color:#c3c3c3; }
#list-group .member-btn ul li{ height:20px;padding-top:5px;width:100%;}
#list-group .member-btn ul li a{display:block; text-decoration:none; color:#dedede; padding:4px 0px ;}
#list-group .member-btn ul li a:hover{color:#fff; border-bottom: 1px solid #c3c3c3;}
.last_login{padding:10px 0 0 10px; color:#dedede; margin-top:5px;font-size: 12px;}
.last_login:hover{color:#fff;}
.tg_btn{clear:both;width:210px; border-bottom: 1px solid #D9D9D9; margin:0 0px  5px 0px; padding:10px  0 3px 0px; list-style-type:none;font-size:16px;font-weight:bold;} 
.tg_btn p{margin-left:55px;}
.logout_btn {width: 170px; margin:10px 0 0 0px; padding:10px 0 10px 40px; border-top: 1px solid #D9D9D9; list-style-type:none;} 
.logout_btn a{text-decoration: none;}
 
.form-signin { max-width:220px; padding:10px ;color:#a1a1a1;}
.form-signin input[type="text"],
.form-signin input[type="password"] {position: relative;font-size: 14px; height:28px; width: 200px;  padding: 3px; border:1px solid #5BA6F9; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form-signin input[type="text"]:focus,
.form-signin input[type="password"]:focus { z-index: 2;}
.form-signin input[type="text"] {margin-bottom: 5px;border-radius: 3px;}
.form-signin input[type="password"] { margin-bottom: 0px;border-radius: 3px;}
.form-signin li{margin-bottom: 2px; height:20px;}
.form-signin li a{text-decoration: none;}
.form-signin .login_head{display:block;padding:0 0 3px 20px;margin:0px 0px 10px -10px;list-style:none;font-size: 16px;font-weight:bold;color:#a1a1a1;border-bottom: 1px solid #D9D9D9;width:200px;}
.form-signin .sbtn { width:90px; height: 30PX;margin-left:28px;}
.form-signin .btn_back {padding:5px  0px;}
.form-signin .checkbox {list-style:none; padding-top:8px; height: 30PX;}                                     
.form-signin input[type="checkbox"]{font-weight: normal; margin:10px 0 0 0px;}
#list-group .login_member {list-style:none; padding-top:10px; margin-left:25px; color:#a1a1a1;} 
#list-group .login_member a{color:#a1a1a1;} 
 
#list-group li a{text-decoration: none; margin-left:10px;}  
.form-signin .linea{list-style:none; border-bottom:1px solid #D9D9D9;height:10PX; margin:0px 0px 0px -10px;width:220px;}
.login_bai{ max-width:280px; padding:10px ;color:#a1a1a1;}
.login_p{height:100%;}

.footer{clear:both; text-align:center; width:100%;} 
.footer_back{float:left;width:100%; background-color:#FF0000; }
#efooter{float:left; padding-bottom:5px;width:100%;}	
#efooter li { list-style:none;display:inline-block;}
#efooter .fo_logo{ float:left;margin-top:25px;  width: 200px;}/*vertical-align:top*/
#efooter .fo_logo a {text-decoration: none;  font-size: 18px; font-weight:bold; line-height: 25px; color: #808040; text-align: center; text-shadow: 1px 1px 0px #fff;}
#efooter .fo_menu{ float:left;display:block; }
#fo_menu_b{ padding:5px 20px;border:1px solid #A1A1A1;border-radius:0  0 30px 30px ;background:rgba(0,0,0,0.2)}
#efooter .fo_menu .fdropdown{min-width:150px; text-align: center;}
#efooter .fo_menu .fdropdown .first_f{padding:3px 25px; color:#d4d4d4;  font-size:14px;line-height:26px;text-decoration:none;}
#efooter .fo_menu .open  .first_f:hover{color: #09AFFF;}
#efooter .fo_menu .first_f:hover{color: #09AFFF;}
#efooter .fdropdown-menu {display:none;position: absolute; z-index:1000 ; list-style: none;font-size:12px;}
#efooter .fdropdown-menu li{display:block; text-align: center;z-index:1000 ;}
#efooter .fdropdown-menu li a {clear: both;line-height:22px; display:block;  width:149px; font-weight: normal; padding: 3px 0px; color: #333;text-decoration:none;}
#efooter .fo_menu .open .fdropdown-menu{ margin-left:0px;background:#0072A8;width:149px; display:block;border:1px solid #A1A1A1; border-radius:5px 5px 0 0; -webkit-border-radius:border-radius:5px 5px 0 0; -moz-border-radius:border-radius:5px 5px 0 0;}
#efooter .fo_menu .open .fdropdown-menu li a{ display:block;text-align: center; color: #fff;}
#efooter .fo_menu .open .fdropdown-menu a:hover{ font-size:13px; color: #09AFFF;}
#efooter .fo_menu .open .fdropdown-menu li a{display:inline-block; }

#efooter .fo_menu_copy {}
#efooter .fo_t{color:#A6A653; padding-top:5px; line-height:20px;text-shadow: 1px 1px 0 #8A8A8A;}

.top_btn{list-style:none; position:fixed; right:20px;bottom: 24px; background-color:#0072A8; z-index:2000 ; border-radius:3px; width:31px;height:27px;border:1px solid #8F8F8F; }
.top_btn:hover {border:1px solid #fff;background:#0078B3;}
.top_btn .eh_top { list-style:none;cursor: pointer;  height:27px; width:31px; padding:0px; background-image: url(../img/top.png);background-repeat:no-repeat; background-position:center;}
.top_btn .eh_down{list-style:none;cursor: pointer; height:27px; width:31px; padding:0px; background-image: url(../img/down.png); background-repeat:no-repeat; background-position:center;}                                           

.fo_momenu{ float:right; width:240px; margin-top:8px;text-align:center; background:transparent}
.fo_momenu li a{color: #efefef;font-size:13px;text-decoration:none;}
.fo_momenu li .sbtn{display:inline-block;height:25px;padding:.5px 8px;line-height:25px; list-style:none; border:1px solid #A1A1A1;border-radius:3px;-webkit-border-radius:border-radius:3px; -moz-border-radius:border-radius:3px;}

#efooter .fo_momenu .moba{display:none;}
#efooter .fo_momenu .color_pick{display:none;position: absolute; z-index:2000 ; text-align:right; padding:10px;margin-left:-20px; background-color:#0072A8; list-style: none; line-height:18px;font-size:12px;border:1px solid #0072A8;border-radius:5px;-webkit-border-radius:border-radius:5px; -moz-border-radius:border-radius:5px;}
#efooter .fo_momenu .coop{display:block;}
#efooter .fo_momenu .color_pick li{display:block; border:none; padding:2px}
#efooter .fo_momenu .color_pick li span{height:25px;padding-bottom:5px;line-height:18px;font-size:11px; font-weight: normal;color:#fff;}
#efooter .fo_momenu .color_pick li a{border: 1px solid #fff; font-family:Verdana; font-size:15px; text-decoration: none;}
#efooter .fo_momenu .skin{margin-top:15px; color:#808040;text-shadow: 0px 1px 0 #8A8A8A;}
#layput_fa{margin-right:45px;}

#colorpicker{position: absolute; bottom:92px;padding:0px;margin:0;margin-left:-10px; display: block;z-index:2000; border: 1px solid rgb(0, 0, 0); background: rgb(255, 255, 255);}
#ycolor{display:none;}
#colorpicker  span a, #colorpicker  span{clear:both;padding:0px;margin:0;color:#000;}
#colorpicker  td {padding:0px;margin:0;height:20px;width: 20px; line-height: 19px;}

#efooter .fo_momenu .book_c{display:none;position: absolute;z-index:2000; margin-left:-18px; padding:5px;background-color:#000; list-style: none;line-height:18px;font-size:11px;border:1px solid #0072A8;border-radius:5px;-webkit-border-radius:border-radius:5px; -moz-border-radius:border-radius:5px;}
#efooter .fo_momenu .boop{ display:block;}
#efooter .fo_momenu .book_c a{display:block;color: #fff; padding:2px 20px;}

@media screen and (max-width: 768px) { 
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,hr {margin: 0;padding: 0;font-family:Helvetica;}
body {font-size: 15px;line-height: 1.25em;-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display: none;}
input, textarea, select, button, table {font-family: inherit;font-size: inherit;line-height: inherit;}
img, fieldset {border: 0 none;}
button, input, select, textarea {margin: 0;vertical-align: middle;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ul, ol {list-style: none outside none;}
em, address {font-style: normal;}
a {color: inherit;text-decoration: none;}
.blind{font-size: 0;height: 0;line-height: 0;overflow: hidden;position: absolute;width: 0;}       	 
.main{padding:0px  5px}	 
.eh_container,  .icontent, .footer{ clear:both;margin:0; padding:0;float:left;display:inline-block; width:100%;} 	
.icontent{ padding-bottom:5px;}
.left_Language{display:block;padding:10px; border:1px solid #8F8F8F;border-bottom:none;}
.xe-widget-wrapper{clear:both; }
.bd{margin-top:-5px;}
#langlist{width:249px;margin:0px;} 
.skiptranslate goog-te-gadget{width:160px;height: 20px}
#google_translate_element{padding: 10px 10px 10px 30px;height:28px;}
.goog-te-gadget-simple{width:160px;height: 20px}
.goog-te-gadget-simple .goog-te-menu-value {position:relative;padding:0;margin:0;float:right;padding-top:3px;width:130px;height:20px}
.menu_btn{display:block; }	
.main_menubar, .form_search{display:none;}
.menu_sidebar{ padding-top:10px;}
.left_canvas{display:block;position:fixed; top:50px; z-index:200; width:310px;  border:none; padding-top:10px; height:1000px; margin-left:-330px; background-color: rgba(0,0,0,0.7); }
.main_container .mopen{margin-left:-10px; width:310px; margin-top:10px;}
.right_canvas{clear:both; width:100%; z-index:200;}
.content_slider{position: relative;padding:0;margin:0; display:inline-block;width:100%;}
.content .fsingle .fsingleBox{width:100%;text-indent:0px;}
.content .xe-widget-wrapper .fsingle.fdate{display:none;}
.left_menub{width:270px; border:1px solid #8F8F8F; margin-left:20px; padding:2px;}
.left_menu{width:270px;}
.left_menu a {display:block;padding:10px 0px 10px 20px;}
.left_menu a:hover{color:#a20000;}
.left_menub .left_menu .lwidget a{clear:both;display:block ;  padding:0px; margin:0px; height:100%;}
.login_btn{clear:both;position:absolute; right:10px;top:4px; border-radius:3px; width:40px;height:35px;border:1px solid #8F8F8F; }
.search_form {display:block;padding-top:10px;padding-left:10px; height: 35px; margin:0px; border:1px solid #8F8F8F;} 
.search_form .iText{height:23px; width:191px; }
.form-signin input[type="text"],.form-signin input[type="password"] {width:200px;}
.form-signin .checkbox {list-style:none; padding-top:12px; height: 25PX;vertical-align: top;}                                     
.form-signin input[type="checkbox"]{font-weight: normal; margin:0px 0 0 0px;}
.form-signin .sbtn { width:80px; height: 30PX;margin-left:28px;}
.member-btn ul li{list-style-type:circle}
.form-group .sbtn{margin-left:4px}
.menu_nav .form-group	{margin-top:15px;}
.menu_header{width: 100%; }
.eh_brand { float:none; display: block; max-width: 100%; padding:0px; margin-right: auto; margin-left: auto; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; text-align: center;}
.eh_brand img{width:180px; padding:0px; margin:10px auto;}
.footer{position:relative; z-index:150;}
.top_btn{ margin-right:-5px; bottom: 10px;}
#efooter{padding:10px 0  10px 0; }

#layput_fa{margin-right:10px;}
#efooter .fo_logo{display:block;float:left; width: 150px; margin-top:8px; padding:0px;} 
#efooter .fo_menu{display:none;}  
#efooter .fo_momenu {width: 200px;padding-right:30px;}    
#efooter .fo_momenu .skin{display:none;}
#efooter .fo_momenu .color_pick{bottom:43px; }
#efooter .fo_momenu .book_c{bottom:40px; }
#efooter .top_btn{bottom:8px;}
}