@import url(font.css);


/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
 	margin:0;
	padding:0;
	}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:1em;
	}

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; }

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	font-weight: normal;
}
caption, legend {position:absolute;  width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
/* 텍스트 관련 요소 초기화 */
address, caption, strong, em, cite {	font-weight:normal;	font-style:normal;	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }

body{
	color:#555;
	height:100%; width:100%;
	 font-family: 'Spoqa Han Sans' , '맑은 고딕', sans-serif;   letter-spacing:-1.4px;
	font-size:14px; line-height:1.4;
	position:relative; z-index:1;
  min-width:1200px;
	}
i { line-height:1;  }

i span { text-indent:-99999px;display:block;   font-size:0px; line-height:0px; }

.clearfix:after { content:''; display:table; clear:both;  }
.ellipsis {     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
strong { font-weight:bold;  }
.blind{ overflow:hidden; position:absolute; top:0; left:-10000px; width:1px; height:1px;line-height:0px;  }
.for-reader { overflow:hidden; position:absolute; top:0; left:-10000px; width:1px; height:1px; line-height:0px; }
.container { width:1000px; margin:0 auto; position:relative;  }
.letter-none { letter-spacing:0px !important;  }
.hiddenX{display:none;}


.header { height:160px; padding-top:25px; position:relative; }
.header h1 { float:left; margin-right:80px;  }
.header .header-search { float:left; width:400px; padding-left:20px; padding-right:20px;  height:40px; border:2px solid #e9316a; border-radius:20px; background:#d8f8ff;  }
.header .header-search select {  float:left;border:0px;   font-size:14px; color:#fff;   height:36px;   background:#d8f8ff;width:95px; color:#222;   }
.header .header-search input[type="text"] { float:left; padding-left:20px; color:#222 !important;  height:36px;width:233px; background:none; border:0px; font-size:14px;  }
.header .header-search  input::-webkit-input-placeholder { color:#222;  }
.header .header-search   button { float:left; border:0px;background:none;  padding:0px;border-radius:10px;  font-size:20px; color:#e9316a; padding-top:10px;    }
.header .header-util { float:right;padding-top:10px;   }
.header .header-util li { float:left;  }
.header .header-util li:before { content:'·'; display:inline-block; color:#222; padding-left:10px; padding-right:10px;   }
.header .header-util li:first-child:before { content:'';  }
.header .header-util li a { color:#222;  }

.gnb { width:100%;position:absolute; top:95px; left:0px;  z-index:100; }
.gnb .menu  { position:relative;  float:left;  z-index:100; padding:0 35px;}
.gnb .menu01  { padding-left:20px;}
.gnb .menu h3  { text-align:center;position:relative;   width:100%; padding-top:10px;  }
.gnb .menu h3 a {display:inline-block; text-align:center;   height:35px;     font-family: 'Godo'; font-weight:bold;   font-size:24px; color:#222;  }
.gnb .menu h3:before { content:''; background:url(../images/common/menu_line.png) no-repeat left top; width:4px; height:24px; display:inline-block; position:absolute; left:0px; top:center;   margin-left:-35px;}
.gnb .menu01 h3:before { content:''; background:none;  }
.gnb .menu h3 a.active  { text-decoration:none;  border-bottom:3px solid #e9316a; }
.gnb .menu h3 a:hover { text-decoration:none;  border-bottom:3px solid #e9316a; }

.gnb .menu ul { position:absolute; display:none;  top:36px; left:0px; padding:8px 0px; height:300px;   width:100%; text-align:center;   }
.gnb .menu ul li a { color:#222; font-size:18px;margin-top:15px; display:block;   }
.gnb .menu ul li a:hover {color:#e9316a; }
.menu-bg { display:none;   height:330px; width:100%; position:absolute; top:140px;  left:0px; z-index:99;background:#d8f8ff; border-radius:10px;    }
.all-menu-open { position:absolute; top:108px; right:0px; z-index:100;  }
.all-menu-open i { font-size:20px; color:#e9316a;  }


.all-menu {display:none;  position:absolute; z-index:200;  top:60px; left:0px; width:100%; background:url(../images/common/menu_bg.gif) repeat left top; border-radius:20px; padding:25px 0; }
.all-menu .menu { float:left; padding:0 15px; width:16.666%; word-break:keep-all;   }
.all-menu .menu01 {padding-left:5px;}
.all-menu .menu06 {padding-right:0;}
.all-menu .menu h3  { text-align:center;position:relative;   width:100%; padding-top:10px; padding-bottom:10px;  }
.all-menu .menu h3 a {display:inline-block; text-align:center;   height:35px;     font-family: 'Godo'; font-weight:bold;   font-size:24px; color:#222;    }
.all-menu .menu h3:before { content:''; background:url(../images/common/menu_line.png) no-repeat left top; width:4px; height:24px; display:inline-block; position:absolute; left:0px; top:center;   margin-left:-15px;}
.all-menu .menu01 h3:before { content:''; background:none;  }

.all-menu .menu ul { padding-left:10px; padding-right:10px; text-align:center;  }
.all-menu .menu ul li { border-bottom:1px dashed #5caebc;  padding-top:15px; padding-bottom:15px;   }
.all-menu .menu ul li a { font-size:18px; font-weight:bold; color:#3e4a4c; letter-spacing:-1.6px; display:block;}
.all-menu .menu ul li ul {padding:0px; padding-top:5px; }
.all-menu .menu ul li ul li  { border:0px; padding-top:2px; padding-bottom:2px; }
.all-menu .menu ul li ul li  a { color:#1167a4; font-weight:normal; font-size:16px;  }
.all-menu .all-menu-close { position:absolute; top:-15px; right:-15px;  }
.all-menu .all-menu-close a i { display:block; color:#fff; width:40px; height:40px; background:#e9316a; border-radius:20px;  font-size:16px; text-align:center; padding-top:13px;  }



.footer { padding-top:85px;  text-align:center;padding-bottom:35px;  }
.footer .footer-util { margin-bottom:15px; }
.footer .footer-util li  {display:inline-block;}
.footer .footer-util li:before { content:'·'; display:inline-block; color:#222; padding-left:10px; padding-right:10px;   }
.footer .footer-util li:first-child:before { content:'';  }
.footer .footer-util li a { color:#222;  }
.footer address { color:#222;  }

/*.header-top-link-wrap { width:100%; background:#000;text-align:right; border-bottom:3px solid #be7b39;  height:36px; }
.header-top-link-wrap a { display:inline-block;  color:#aaa; height:43px; padding-top:5px;  }
.header-top-link-wrap p.culture a { float:left; }
.header-top-link-wrap .top-site-link { float:right;  }
.header-top-link-wrap .top-site-link li { float:left;   }
.header-top-link-wrap .top-site-link li:before { content:'ㆍ'; display:inline-block;   }
.header-top-link-wrap .top-site-link li:first-child:before { content:'';  }
.header-top-link-wrap .top-site-link a {}
.header-top-link-wrap a:hover { color:#fff;  }
.header-top-link-wrap a.active { background:url(../images/common/tab01.png) no-repeat center bottom; color:#fff;  }



.header h1 {padding-top:25px; padding-bottom:34px; text-align:center;}
.header h1 a { color:#fff; font-size:28px; font-family: 'NanumSquare';  }
.gnb { width:100%; position:relative; border-bottom:2px solid #9d642c; }
.gnb .menu  { position:relative;  float:left;  z-index:100;}
.gnb .menu h3  { text-align:center;position:relative;   width:100%; padding-top:10px;  }
.gnb .menu h3 a {display:inline-block; text-align:center;   height:35px;  font-family: 'NanumSquare'; font-weight:bold;   font-size:18px; color:#fff;  letter-spacing:-1.4px;  }
.gnb .menu h3:before { content:'ㆍ'; display:inline-block; position:absolute; left:0px; top:center;   }
.gnb .menu01 h3:before { content:'';  }
.gnb .menu h3 a.active  { text-decoration:underline;  }
.gnb .menu01  { width:220px;  }
.gnb .menu02  { width:220px;  }
.gnb .menu03  { width:190px;  }
.gnb .menu04  { width:175px;  }
.gnb .menu05  { width:180px;margin-right:10px;  }

.gnb .menu ul { position:absolute; display:none;  top:36px; left:0px; padding:8px 0px; height:200px;   width:100%; text-align:center;   }
.gnb .menu ul li a { color:#fff; font-size:16px;margin-top:15px; display:block;   }
.menu-bg { display:none;   height:210px; width:100%; position:absolute; top:136px;  left:0px; z-index:50;background:url(../images/common/2dep_bg.gif) repeat left top;   }

.header .heder-top-search-open { position:absolute; top:98px; right:5px; z-index:100;  }
.header .heder-top-search-open a { font-size:20px; color:#be7b39;   }
.header .topSearchWrap {width:100%; display:none;   padding-left:170px; z-index:100; padding-top:50px;color:#fff;  padding-right:170px;  position:absolute; top:136px; left:0px; height:160px; background:url(../images/common/2dep_bg.gif) repeat left top; }
.header .topSearchWrap form {  width:100%;  }
.header .topSearchWrap form .topSearchBgWrap{ float:left;margin-right:5px;   width:645px; height:50px; border-radius:10px; background:#5e350e; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; }
.header .topSearchWrap form .topSearchBgWrap select {float:left;border:0px;   font-size:14px; color:#fff;   height:40px;   background:#5e350e;width:140px;   }
.header .topSearchWrap form .topSearchBgWrap input[type="text"] { float:left; padding-left:20px; color:#fff !important;  height:40px;width:450px; background:none; border:0px; font-size:14px;  }
.header .topSearchWrap form .topSearchBgWrap input::-webkit-input-placeholder { color:#fff;  }
.header .topSearchWrap button { float:left; border:0px;background:none;  padding:0px;border-radius:10px;  font-size:20px; color:#fff; padding-top:10px;    }




.show { display:block !important;  }

.footer { width:100%; background:#2b2b2b; padding-top:30px;  padding-bottom:50px; letter-spacing:-1px;  }
.footer .footer-util { margin-bottom:20px;   }
.footer .footer-util li {display:inline-block;   background:url(../images/main/foot_line.png) no-repeat left 5px;  }
.footer .footer-util li:before { content:'ㆍ'; display:inline-block; padding-left:10px; padding-right:10px;  }
.footer .footer-util li:first-child:before { content:'';  }
.footer .footer-util li a {  color:#aaa;  font-size:14px;  }
.footer address {color:#aaa; font-size:14px; text-align:center; clear:both; }
.footer  .footer-info-text { position:absolute; top:0px; right:0px;  color:#e19142; font-size:16px;  }
*/
#backtotop {    position: fixed;    bottom: 0;    right: 0;    z-index: 9999;    width: 60px;    height: 60px;    text-align: center;   padding-top:10px;     background: rgba(0,0,0,0.3);    font-size: 40px;    color: #fff;    cursor: pointer;    text-decoration: none;    /* transition: opacity 0.2s ease-out; */    opacity: 0;}
#backtotop.show {    opacity: 1;}
.back { background:rgba(0,0,0,0.8);display:none;  position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100;  }