@font-face{
font-family:NanumGothic;
src:url(/fonts/Nanumgothic.eot);
src:local(¡Ø), url(/fonts/NanumGothic.woff) format(¡®woff¡¯);
}

@font-face{
font-family:NanumGothicbold;
src:url(/fonts/NanumGothicbold.eot);
src:local(¡Ø), url(/fonts/NanumGothicbold.woff) format(¡®woff¡¯);
}

body,div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, 
code, fieldset, legend, input, 
button, textarea, p, blockquote ,th ,td {margin:0; padding:0; font-family:"³ª´®°íµñ", NanumGothic,"³ª´®°íµñ±½°Ô", NanumGothicbold, Tahoma, arial, sans-serif; color: }

@font-face {
src:url(/fonts/font.eot); /*for IE9*/
src:local('¡Ø'), 
url(/fonts/font.eot?iefix) format(eot), /* for IE6-IE8 */
url(/fonts/font.woff) format(woff), /* for Modern Browsers */
url(/fonts/font.ttf) format(truetype), /* Safari, Android, iOS */
url(/fonts/font.svg#webfont) format(svg); /* ±¸Çü iOS */
}


select label {}
select option{border-top:1px solid #f1f1f1; background:#fff;}
/* ÃʱâÈ­ */
html, body{height:100%;  font-family:"³ª´®°íµñ", NanumGothic,"³ª´®°íµñ±½°Ô", NanumGothicbold, Tahoma, arial, sans-serif; color:}
html {}
body {margin:0;padding:0;font-size:12px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}

h1, h2, h3, h4, h5, h6, p, td {}





article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, ol, li{margin:0;padding:0;list-style:none;  font-family: "³ª´®°íµñ", NanumGothic,"³ª´®°íµñ±½°Ô", NanumGothicbold, Tahoma, arial, sans-serif;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}

input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}

* { margin: 0; padding: 0; }


table{width: 100%;
border-spacing: 0;
border-collapse: collapse;
display:table;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.box3 {
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box5 {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}

.box10 {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box20 {
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari and Chrome */
border-radius: 20px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box30 {
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari and Chrome */
border-radius: 30px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}



.box50 {
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari and Chrome */
border-radius: 50px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}




.box100 {
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari and Chrome */
border-radius: 100px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}

.box50p {
-moz-border-radius: 50%; /* Firefox */
-webkit-border-radius: 50%; /* Safari and Chrome */
border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}



input#sch_submit {height:30px;border:0; margin:5px;cursor:pointer;background:url('./sch_btn.png') no-repeat;  background-position: 0 center; width:30px;}
input#sch_str {padding:5px;height:25px;  width:190px;  border:0;   margin-left: 5px;    font-size: 14px; letter-spacing:-1px;
    color: #7B9713;}



/* header */
.header{
	width: 100%;
	position:fixed; left:0px; top:0; 
	background-image:linear-gradient(to right, #dfdfdf, #e0e0e0, #e7e7e7, #eaeaea, #e9e9e9, #e1e1e1, #dfdfdf, #dfdfdf, #e5e5e5, #eaeaea, #e9e9e9, #e5e5e5);
	z-index: 999;
}
.header .header_box{width:1000px; margin:auto;}
.header .logo{margin:5px 0; float:left;}
.header img{width:150px;}
	/* headerÀÇ nav */
.header nav{width:calc(100% - 400px); float:right;}
.header nav ul{width:100%; position:relative; top:16px;}
.header nav ul li{
	float:left;
	width:33.333%;
	font-family:'Malgun Gothic';
	font-size:16px; font-weight:bold;
	text-align:center;
	line-height:30px;
	letter-spacing:-2px;
	transition:0.3s;
}
.header nav ul li:hover{background-color:#00cbef;}
.header nav ul li span{margin-left:3px; font-size:10px; vertical-align:middle; position:relative; top:-2px;}
.header nav ul li a{}
	/* navÀÇ hover */
.header nav ul li{}


/* section1 m_visual2 */
.m_visual2{text-align:center;}
.m_visual2 {background:url('./main_bg.gif') top center no-repeat #000; height:auto;} 
.m_visual2 > img{width:100%; max-width:1000px; margin:auto;}


/* footer */
footer{width:100%; background-color:#e5e5e5;}
.footer_right p {color:#333333; font-weight:300;}

/* ¸ð¹ÙÀÏ */
@media screen and (max-width:720px){
	.footer_box{width:100%; padding:20px 0;}
	.footer_left{display:none;}
	.footer_right p {font-size:10px; text-align:center; line-height:15px;}
}

/* µ¥½ºÅ©Å¾ */
@media screen and (min-width:720px){
	.m_visual2{margin-top:50px;}

	footer{height:100px; display:block;}
	.footer_box{width:1000px; margin:auto;}
	.footer_left img{width:150px; display:block;}
	.footer_right{float:right; text-align:center;  width:700px; margin-top:30px;}
	.footer_left{float:left; margin-top:20px; width:150px;}
	.footer_right p {font-size:13px; line-height:20px;}
}


/*ÅëÇÕ ÀÔ·ÂÆû*/
.form_wrap input[type=text], .write_form input[type=password]{  z-index: 10;height:36px;  padding: 2px 0 3px 5px;  width: 100%;   border: none;  background: transparent;  font-size: 14px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; color:#333;}
.form_wrap textarea {  z-index: 10;  padding: 2px 0 3px 5px;  width: 100%;  height:70px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_wrap select{  z-index: 10;  padding: 0 0 0  5px; height:36px; width: 100%; border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}


.form span{text-align:center;}
.form_wrap .form_01 div.form_tel > div { width:32%;}
.form_wrap > dl > dd {margin:3px 0;}
.form_wrap > dl > dt {vertical-align:top;}
.form_wrap > dl > dd > div {  display: table; width: 100%;}
.form_wrap > dl > dd span {display:block;  background:#fff;   margin-right: 3px; }
.form_wrap > dl > dd > div > div {  display: table-cell;}

.form_wrap input[type=checkbox] {width:22px; height:22px;}


.form .tit > img {width:100%; }
.form_wrap {padding:30px 0; }
.form_wrap dl > dt {display:inline-block; padding-top:5px;padding-right:8px; width:70px; font-weight:bold;}




/*¸ð¹ÙÀÏ css3 ¸Þ´º*/
html.menuOpen #dimLayer {display: none;}
#nav_wrap {width:262px; height:100%; z-index:9999;  position: fixed; top:0; color:#fff;  left:-262px} 
#nav_wrap  {-webkit-transition: -webkit-transform 600ms ease;	-moz-transition: -moz-transform 600ms ease;	-o-transition: -o-transform 600ms ease;	transition: transform 600ms ease;}




/*¸ð¹ÙÀÏ css3 ¸Þ´º*/
#dimLayer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background-color: #000; filter: alpha(Opacity=80); -ms-filter: "alpha(Opacity=80)"; opacity:0.80; z-index:10}
html.menuOpen #nav_wrap  {-webkit-transform: translate(100%, 0);	-moz-transform: translate(100%, 0);	-o-transform: translate(100%, 0);	transform: translate(100%, 0); left:-262px}



#nav_wrap {position:fixed;  height:100%;}
#nav_wrap .nav_box{position:relative; height:100%;}
#nav_wrap .nav_box .nav_body1 .cc { text-align:center; background:#fff;}
#nav_wrap .nav_box .nav_body1 > ul {background:#fff;}
#nav_wrap .nav_box .nav_body1 > ul > li {display:inline-block; *display:inline; zoom:1; margin-left:-3px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;   text-align: center;}
#nav_wrap .nav_box .nav_body1 > ul > li > a{display:block; color:#666;}
#nav_wrap .nav_box .nav_body1 > ul > li > ul {position:absolute; top: 277px; left:0; background:#e5e5e5; padding:10px 0;   height: 67%;   overflow-y: scroll; width:262px;}
#nav_wrap .nav_box .nav_body1 > ul > li > ul > li {margin:0 auto; width:92%;}
#nav_wrap .nav_box .nav_body1 > ul > li > ul > li > a {font-size:14px; color:#333;   display: block; padding:8px 5px; }
#nav_wrap .nav_box .nav_body1 > ul > li > ul > li > a.on{background:#ca0114; color:#fff; }




#nav_wrap .nav_box .nav_btn_box a{display:block; height:100%;}
#nav_wrap .nav_box .nav_bar{position:absolute; top:0; right:-5px;width:5px; height:100%; background:url('./nav_bg_bar.png') repeat-y;}
#nav_wrap .nav_box .nav_body1 .sch {background:url('./sch_bg.gif') no-repeat #fff center 10px; height: 42px;width: 100%; text-align: center;   padding: 10px 0; border-bottom:1px solid #ddd;}
#nav_wrap .nav_box .nav_body1.m_tit {padding:10px 0; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:#000;}


#nav_wrap .nav_box .nav_body1 > ul > li.m1  > a{background:url('./m1_bg.png') no-repeat  #f5f5f5;background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m2 > a{background:url('./m2_bg.png') no-repeat #f5f5f5; background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m3 > a{background:url('./m3_bg.png') no-repeat #f5f5f5; background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m4 > a{background:url('./m4_bg.png') no-repeat #f5f5f5;background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m6  {background:url('./sch_Bg.png'); width:100%;}
#nav_wrap .nav_box .nav_body1 > ul > li.m5 > a{background:url('./m5_bg.png') no-repeat #f5f5f5; background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m6 > a {background:url('./m6_bg.png') no-repeat; color:#fff;font-weight:bold;     background-position: 60px 10px;padding: 14px 0 16px 120px;
    text-align: left;}
#nav_wrap .nav_box .nav_body1 > ul > li.m8  > a{background:url('./m8_bg.png') no-repeat  #f5f5f5;background-position: center 20px; }


#nav_wrap .nav_box .nav_body1 > ul > li.m1  > a.on{background:url('./m1_bg_on.png') no-repeat  #fff; color:#ca0114;background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m2  > a.on{background:url('./m2_bg_on.png') no-repeat  #fff; color:#ca0114;background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m3  > a.on{background:url('./m3_bg_on.png') no-repeat  #fff; color:#ca0114;background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m4  > a.on{background:url('./m4_bg_on.png') no-repeat  #fff; color:#ca0114;background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m5  > a.on{background:url('./m5_bg_on.png') no-repeat  #fff; color:#ca0114;background-position: center 20px; }
#nav_wrap .nav_box .nav_body1 > ul > li.m8  > a.on{background:url('./m8_bg_on.png') no-repeat  #fff; color:#ca0114;background-position: center 20px; }


 #nav_wrap .nav_box .nav_btn_box {position:absolute; left:262px; background:#31374e; height:100%; width: 49px; top:0;}
#nav_wrap .nav_box .nav_btn_box a {    margin: 360px 15px;width: 16px;height: 83px;    display: block; background:url('./m_txt.png') 0 0;  }
#nav_wrap .nav_box .nav_btn_box a.active {background-position:-20px 0;}
#nav_wrap .nav_box .nav_body1 {background:#ddd; width:265px; height:100%; }
#nav_wrap .nav_box .nav_body1  > ul > li {width:50%;}
#nav_wrap .nav_box .nav_body1  > ul > li > a { padding:70px 0 21px 0;  font-size:13px;}
#nav_wrap .nav_box .nav_body1 .cc {padding:16px 0 20px 0;}
#nav_wrap .nav_box .nav_body1 .cc span {font-size:22px; color:#1356a7; font-weight:800; display:block;letter-spacing: -1px; padding-top:10px;}



.nav_btn_box_before { left: 0px;position:fixed;  background: #31374e; height: 50px;width: 100%; top: 0; z-index: 999; color:#73D6F8; font-size:16px;}
.nav_btn_box_before a{display:block; right:0;  text-align: right; position: absolute;top: 0;}
.nav_btn_box_before ul {padding:10px 0 0 10px;}
.nav_btn_box_before ul > li {display:inline-block; *display:inline; zoom:1}
.nav_btn_box_before ul > li:first-child img{width:90px;}
.nav_btn_box_before ul > li.num {padding-top:3px;}
.nav_btn_box_before:after {content:''; background:url('./top_bg_line.png') repeat-x; position: fixed;top: 50px;width: 100%; height:4px; }






/*tel_info*/



.tel_info {background:#f0f0f0;}
.tel_info .tel {width:100%; max-width:1000px; margin:0 auto; font-size:40px; letter-spacing:-1px; color:#5f5f5f; position:relative; padding:30px 0 40px 0;}
.tel_info .tel:before{content:'{'; color:#d32c2b; font-size:96px;     position: absolute;; margin-top: -10px;}
.tel_info .tel:after{    content: '}';color: #d32c2b; font-size: 96px; position: absolute;margin-top: -10px; right: 0; top: 30px;}
.tel_info .tel b{color:#007eff;}
.tel_info .tel > ul  {text-align:center;}
.tel_info .tel > ul > li {display:inline-block; *display:inline; zoom:1; padding:0 10px;    vertical-align: middle;}
.tel_info .tel > ul > li > ul > li.call_time {font-size:19px; padding-top:10px;}


/*copryright*/

.copryright_wrap {width:100%; background:#f0f0f0;}
.copryright { max-width:1000px; width:100% ;margin:0 auto;}
.form_btn_box .copy_btn {font-size:16px; background:transparent !important; border:none;}



.nuricall_href > li > span > a{display:block; position:relative; right:auto; top:auto; color:#73D6F8}