/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); */
  @import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");

.noto {font-family: "Noto Sans KR", sans-serif;}
.nanum_bold {font-family:Nanum Gothic Bold,'³ª´®°íµñ','µ¸¿ò';}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
li img {vertical-align:top;}
/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */


.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;      /* further ensures the period is not visible */
}


/* a.clearfix {display: inline-block;}    fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */ 
/* end of "no-extra-markup" clearing method */ 


/* default style line-height:140%;  font-family:¸¼Àº°íµñ, Dotum, Arial, Verdana, sans-serif; */
html { overflow:scroll; overflow-x:auto; height:100%; padding:0; margin:0;}
body { margin:0; padding:0; color:#666; font-size:15px; letter-spacing:-0.02em; 
font-family:"Noto Sans KR", 'Nanum Gothic','³ª´®°íµñ', 'Noto Sans KR','µ¸¿ò', AppleGothic, Verdana, sans-serif; font-weight:normal; }
#wrapper {font-family:"Noto Sans KR", 'Nanum Gothic','³ª´®°íµñ', 'Noto Sans KR','µ¸¿ò', AppleGothic, Verdana, sans-serif; font-weight:normal;}
td { margin:0; padding:0; border-collapse: collapse; border-spacing:0; }
p{margin:0; padding:0; }
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/

section, div, p, a, input {box-sizing:border-box;}
a, input {transition:all .3s ease-out;}

fieldset{margin:0; padding:0; border:0;}
img {border:0; vertical-align:top; height:auto;}
img, iframe { max-width:100%;}
hr, legend{display:none;}

caption { height:4px; visibility:hidden; text-align:left;}
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;} 

.left { float:left;}
.right { float:right;}
.clear { clear:both;} 

.color_f { color:#fff;}
.color0 { color:#000;}
.color1 { color: #1c8e16; }
.color2 { color: #ea4a95; }
.color3 { color: #3d72ee; }
.color_red { color:#e33303;}

.center_text { text-align:center;}
.left_text { text-align:left;}
.right_text { text-align:right;}

.fs_13 { font-size:13px;}

.overflow_h {overflow:hidden;}

.input_st01 { color:#5E5E5E; margin:1px;  border:1px solid #D0D0D0; padding-left:3px; line-height:26px; min-height:26px;}
select { min-width:150px; min-height:26px; line-height:26px; padding:5px 2px 2px 4px; border:1px solid #D0D0D0;}

/* ---------- °øÅë·¹À̾ƿô------------*/

#wrapper { overflow:hidden; min-width:1080px;  transition:all .3s ease-out; }
.width { max-width:1390px; margin:0 auto;}

/* sns  */
#open01 { position:fixed; display:none; width:760px; margin:10% 10%; padding:50px; background:#fff; z-index:9999; vertical-align:middle;}
	#open01 .sns_tit { padding:20px 0; font-size:36px; color:#09853d; font-weight:600; text-align:center; border-bottom:1px solid #4c4c4c;}
	#open01 .sns_form_wrap ul { margin-top:2px; padding:20px 0; border-top:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;}
	#open01 .sns_form_wrap ul li div  { display:inline-block; width:48%; margin:0 0 10px 1%;}
	#open01 .sns_form_wrap ul li div.lay100 { width:99%;}z
	#open01 .sns_form_wrap ul li div label { display:inline-block; padding:2px 0 2px 27px; width:70px; color:#000; background:url(../images/common/bl_ck.gif) no-repeat 0 0;}
	#open01 .input_text { width:215px}
	#open01 .input_textarea{ width:540px; border:1px solid #D0D0D0; min-height:100px;}
	#open01 .btn_box { padding:25px 0 0 0;}

/* header */
#all_menu_w {position:fixed; top:-500px; right:0; width:100%; overflow:hidden; z-index:10001;}
.nav-menu_w { position:relative; overflow:hidden; display:block; max-width:1390px; padding:22px 46px 64px 46px; margin:0 auto;
background:#90fef1 url(../images/common/allm_img.jpg) no-repeat 46px 86px;
 } 
.nav-menu_w .allw_tit { padding:19px 0; font-size:18px; font-weight:800; color:#1235a6; }
.nav-menu_w .allw_tit img { margin-right:20px;}
.nav-menu_w > ul{ float:right; padding:13px 40px 0 0; border-top:2px solid #000; background:#90fef1;}
.nav-menu_w > ul > li { padding:5px 0; }
.nav-menu_w > ul li .submenu { }
.nav-menu_w > ul li .submenu li { display:inline-block; }
.nav-menu_w > ul li a { display: inline-block; padding:8px 9px; font-size:17px; font-weight:bold; color:#333;}
.nav-menu_w > ul li a.allw_tt { width:200px; padding:10px 20px; margin-right:16px; text-align:center; font-size:18px; background:#2b587c; font-weight:800; color:#fff;}
.nav-menu_w > ul li a:hover { color:#001fbb;}
.nav-menu_w > ul li .submenu:hover li a.allw_tt { background:#061b51; color:#fff;}

#all_menu_w .close { position:absolute; right:0; bottom:0; display:inline-block; width:70px; padding:16px 20px; background:#000;}


#all_menu { position:fixed; right:-300px;}
.nav-menu { display:none; background:#00124b; height:100%; padding:30px;}
#all_menu .nav-menu li {border-bottom:1px dashed #3b517f;}
#all_menu .nav-menu li > a {position:relative; display:block; padding:11px 15px; color:#fff; font-size:18px; font-weight:700; line-height:24px;}
#all_menu .nav-menu li > a > .fa {position:absolute; top:50%; right:15px; margin-top:-10px; color:#999;}
#all_menu .nav-menu li.active {}
#all_menu .nav-menu .submenu {background:#00124b; display:none; }
#all_menu .nav-menu .submenu ul { padding:0 10px 20px 10px;}
#all_menu .nav-menu .submenu li {border-bottom:0; }
#all_menu .nav-menu .submenu li a {padding:5px 15px 4px 23px; font-size:14px; font-weight:normal; line-height:16px; background:url(../images/common/bl_one2.png) no-repeat 9px 9px / 6px}
#all_menu .close {position:absolute; top:0; left:0; display:inline-block; width:45px; padding:14px; background:#000; line-height:1;}
#menu-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; z-index:1000;}



/* header 
#header_top {position:absolute; width:100%; top:0; left:0; z-index:999;}
#header_top .width { position:relative;}
#header_top h1 { display: inline-block; z-index:999;}
#header_top h1 a { display:block; max-width:234px; padding:16px; font-size:13px; color:#fff; letter-spacing:0.3em;}
#header_top h1 a p { padding-top:7px;}
#header_top h1 img { vertical-align:inherit; }

#header a.btn_tnb {display:none; position:absolute; top:14px; padding:10px; cursor:pointer;}
#header a.tnb_home {left:0; } 
#header .btn_tnb img {width:40px;}
.tnb_sitemap{ vertical-align:top; display:inline-block; background:#000; width:70px; padding:16px 20px ;} 
#header_top .gnb { position:absolute; top:15px; right:0;}
#header_top .gnb a { display:inline-block; margin:0 4px; padding:7px 24px; border:1px solid rgba(140,253,255,0.4); border-radius:30px; font-size:15px; color:#8cfdff; font-weight:600;}
#header_top .gnb a:hover { background:rgba(0,0,0,0.3)}
*/

/* ¸Þ´º 
#header { background:#00124b;}
#header #tnb { position:relative; max-width:1360px; margin:0 auto; text-align:center; }
#header .jq_sm { display:none; }

#tnb ul.menu {}
#tnb ul.menu > li { position:relative; display:inline-block; min-width:16%; }
#tnb ul.menu li .jq_tm a { display:block; padding:22px 27px; font-size:19px; font-weight:800; color:#d2d2d2; min-width:60px; text-align:center; }
#tnb ul.menu li.tm03 {}
#tnb ul.menu li:hover .jq_tm a { color:#000; background:#90fef1; }

#tnb ul.menu li .jq_sm { display:none; position:absolute; top:63px; padding:10px; min-width:218px; background:#90fef1; border-top:0 solid #e33303; font-weight:600; z-index:99; line-height:1.2; }
#tnb ul.menu li .jq_sm ul { padding:10px 18px; background:#fff;}
#tnb ul.menu li .jq_sm.sm02 { min-width:217px; }
#tnb ul.menu li.last_child .jq_sm { right:-30px; }
#tnb ul.menu li .jq_sm li { background:#fff;}
#tnb ul.menu li .jq_sm li > a { display:block; font-size:17px; padding:10px; color:#424242; border-bottom:1px solid #ddd; font-weight:800;  }
#tnb ul.menu li .jq_sm li:last-child > a { border-bottom:none;}
#tnb ul.menu li .jq_sm li a:hover { color:#000;}


#tnb .ssm_nav p.s_lnb_tit { background:none; font-size:14px; font-weight:bold; color:#ffb527; padding:3px 0 3px 0;}

.jq_sm_bg { display:none; position:absolute; top:108px; width:100%; height:33px; background-color:#2461ea; z-index:30;}
*/

/* ---------- °øÅë·¹À̾ƿô------------*/
#wrap {width:100%; padding:0; background:#fff;}
.width { position:relative; max-width:1390px; margin:0 auto;}

/* header border:1px solid red; */
#header_wrap {position:absolute; width:100%; top:0; left:0; z-index:999;}
#header_wrap #header {position:relative; max-width:1390px; min-width:1080px; margin:0 auto;}

#header_wrap h1 { position:absolute; left:0; top:10px; z-index:999;}
#header_wrap h1 a {display:block;  padding:20px 16px 18px; }
#header_wrap h1 img { vertical-align:inherit; }

#header #gnb { position: absolute; top:24px; right:5px; width:90px; } 
#header .gnb { overflow:hidden; }
#header .gnb li {}
#header ul.gnb li a { display:block; padding:5px 9px; font-size:12px; border-bottom:1px solid #c4c4c4; color:#6f6f6f; } 
#header ul.gnb li a:hover { color:#000;}
#header .gnb li:last-child a{ border-bottom:none;}

.search_area { height:24px; border:1px solid #c9c9c9; float:right; display: inline-block;}
div.search_area input.gnb_inText{width:180px; float:left; height:22px; border:0;line-height:21px;}


/* ¸Þ´º */
#header_wrap #tnb {z-index:900; margin:0 15% 0 29%; padding:10px 4% 0 2%; }
#header_wrap .jq_sm { display:none;}

#tnb ul.menu { overflow:visible; display:inline-block; width:100%;}
#tnb ul.menu > li { position:relative; float:left; display:block; width:20%;}

#tnb ul.menu li .jq_tm { }
#tnb ul.menu li .jq_tm a { min-width:40px; display:block; padding:32px 0 28px 0; font-size:18px; color:#000; font-weight:700; text-align:center; }
#tnb ul.menu li:last-child .jq_tm a { }
#tnb ul.menu li .jq_tm a:hover { color:#3c8e00; }

#tnb ul.menu li .jq_sm { display:none; position:absolute; padding:10px 0; min-width:140px; background:#fff; border-top:2px solid #289123; font-weight:600; z-index:99; } 
#tnb ul.menu li .jq_sm.sm02 { width:186px;}
#tnb ul.menu li.last_child .jq_sm { right:0; }
#tnb ul.menu li .jq_sm li > a { display:block; font-size:14px; padding:7px 20px; color:#555; border-top:0 solid #d3d3d3;}
#tnb ul.menu li .jq_sm li a:hover { color:#289123; }

.board { font-family:'µ¸¿ò', 'Dotumche',Dotum,dotum; font-size:12px; border: 1px solid #fff; letter-spacing:-1px;}


/* all_nav Àüü¸Þ´º */
#all_nav {visibility:hidden; overflow:hidden; position:absolute; top:110px; background:#3e7bfd; width:100%; z-index:10000;}
#all_nav ul { float:left; padding:15px 2% 20px 2%; line-height:1.6 }
#all_nav ul li.tit_nav p{ padding:6px 5px 10px 5px; margin-bottom:5px; font-size:16px; font-weight:600; color:#e3caba; border-bottom:1px solid #e1ebff; color:#fff; }
#all_nav ul li.tit_nav p a {color:#fff;}
#all_nav ul li { min-width:164px;}
#all_nav ul li a { color:#e1ebff; padding:4px }
#all_nav ul li a:hover { color:#fff;}
#all_nav .btn_close { position:absolute; right:20px; bottom:20px; cursor:pointer;}



/* footer */
footer .bg_img01 { position:absolute; bottom:110px; right:0;}

#footer_wrap { word-break:keep-all; padding:40px 10px; line-height:1.3; font-size:13px; color:#8f8f8f; background:#464646; }
.footer { overflow:hidden; position:relative; max-width:1390px; margin:0 auto;}
.footer .logo_f { float:left; margin:0 80px 0 4px;}
.footer .address_wrap { float:left; padding:0 10px; }
.footer address {font-style:normal; display:inline-block; }
.footer span {margin:0 8px; color:#d3d3d3;}
.footer .escrowcmark { position:absolute; right:0; top:5px;}

.footer .btns a { font-size:19px; text-align:center; color:#fff; display:block; font-weight:600; border-radius:4px;}
.footer .btns a.btn_st01 { background:#0f0528; color:#cfc5eb; padding:15px 2%; margin-top:15px; }
.footer .btns a.btn_st01:hover { opacity:.80;}

footer .f_menu { display:none; overflow:hidden; text-align:center;}
footer .f_menu li { display:inline-block; width:40%; margin-left:1%; }
footer .f_menu a {
					display:block;
					width:100%;
					height:33px;
					text-align:center;
					-webkit-border-radius:4px; /*¤Ð*/
					/* IE9+,FF4+,chrome,Safari5,+opera */
					border-radius:4px;
					color:#fff;
					font-weight:800;
					background:#b51e23;
					}

footer .f_menu span { display:block; font-size:14px; padding-top:9px; font-weight:bold;}

footer .f_menu a:hover { color:#ffda92; }
footer .f_menu .btn_top a {background:url('../images/common/top_arr.png') no-repeat 80% 40% #b51e23; background-size:15px }
footer .f_menu .btn_top span {margin-right:10px;}

.footer .copy { padding:7px 0 0 8px; display:block; color:#d3d3d3;}

footer .btn_admin { position:absolute; right:20px; top:5px;}
footer .btn_admin a { display:block; border-radius:10px; padding:4px 12px 5px 12px; font-size:12px; background:#000; color:#aaa;}
footer .btn_admin a:hover { background:#686868; color:#fff;}

@media screen and (max-width:1600px) {
.footer .logo_f { margin:0 40px 0 4px;}
}