@charset "utf-8";

/*공통*/

/* Guide */

/* 드래그 색상 start*/
::-moz-selection{
          background:#000;
          color:#fff;
}
::selection{
          background:#000;
          color:#fff;
}
/*드래그 색상 end*/

#wrapper{width:auto;text-align:center; overflow:hidden;}
header{width:100%;background:url("../images/headerBg.png") #fff repeat-x;float:left; margin:0 auto; position:relative; float:left; z-index:100;}
header nav{width:100%; margin:0 auto; overflow:hidden; padding:0 20px;}
.logo{padding:10px 0;text-align:center; float:left; }
section h3{ font-size:2.5em; color:#000; font-weight:600;}
section h3.colorF{ font-size:2.5em; color:#Fff; font-weight:600;}
section .titLine01{background: url("../images/titLine.png")no-repeat; width:38px; height:4px; margin:10px 0 10px 0;}
section .titLine02{background: url("../images/titLine01.png")no-repeat 50% 0; width:38px; height:4px; margin:20px 0 10px 0;}

section#one{width:100%; background:url("../images/con1Bg_1.png")fixed no-repeat 50% 0; position:relative; float:left; margin:0 auto; overflow:hidden; z-index:10;}
section#two{width:100%; background: url("../images/conImg03.png")fixed no-repeat 50% 0; position:relative; float:left; margin:0 auto; overflow:hidden; z-index:10;}
section#three{width:100%; background: url("../images/conImg02_1.png")fixed no-repeat 50% 0; position:relative; float:left; margin:0 auto; overflow:hidden; z-index:10;}
section#four{width:100%; background: url("../images/con1Bg_2_1.png")fixed no-repeat 50% 0; position:relative; top:0px; float:left; margin:0 auto; overflow:hidden; z-index:10;}
section#five{width:100%;position:relative; top:0px; float:left; margin:0 auto; overflow:hidden; z-index:10;}



footer{width:100%;position:relative; top:0px; float:left; margin:0 auto; overflow:hidden; z-index:10;}
.bgColor0{background-color:#000;}

@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.flexslider {*height: 0;overflow:hidden; position:relative; }
.flexslider a  { font-size:0;text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 30; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0); text-shadow: 1px 1px 0 rgba(255,255,255,1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flexslider .flex-prev { left: -50px; }
.flexslider .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 5px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flexslider .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flexslider a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flexslider a.flex-next:before  { content: '\f002'; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */


/* screen min 1100 시작*/

@media all and (min-width:1100px){

#wrapper{width:auto;text-align:center; overflow:hidden;}
header{width:100%; height:77px; background: url("../images/headerBg.png")repeat-x;float:left; margin:0 auto; position:relative; float:left; z-index:100;}
header nav{width:1100px;margin:0 auto; overflow:hidden;}
#mon_menu{float:right; padding:30px 0;}
#mon_menu li a{font-family:'나눔고딕','NanumGothic',NanumGothic,'Malgun Gothic','돋움'; font-size:1.3em !important; font-weight:600; color:#000;}
#mon_menu li a:hover{color:#ed1c24;}
#nav > ul > li{display:block; float:left; padding:0 20px;}
#nav01{display:none;}

section#one .con{height:604px; width:1025px;margin:0 auto; text-align:center; position:relative;}
section#one .con1_01{position:relative; z-index:15;}
.con1_img{position:relative; padding-top:140px; z-index:15; text-align:center}
.con1ImgTxt{z-index:20;position:absolute; top:230px; left:32%;}
.con1_2_img{z-index:20;position:absolute; top:-500px; right:5%;}
section#one{width:100%; background-color:#f8f7f7; position:relative; top:0; float:left; margin:0 auto; overflow:hidden; z-index:10;}



section#two{width:100%;height:650px; background-color:#f7f6f6; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#two .con{height:650px; width:1100px; margin:0 auto; text-align:left; padding:150px 0 0 20px; overflow:hidden;}
section#two .con h3{font-size:3.5em !important; text-align:center;color:#000; font-weight:600;}
section#two .con p{width:100%;text-align:center;}
section#two .con01_01 p{font-size:1.3em; line-height:180%; margin-top:30px;color:#000;text-align:center;}
section#two .con02_01 p{margin-top:20px; font-size:1.5em; color:#fff; font-weight:600;}


#sliderWrap{position:relative}
#sliderWrap li {display:none; width:90%; margin:5px auto;}
#sliderWrap li:first-child {display:block;}
#sliderWrap li img {width:100%;}
.arrowBox span {display:block; width:26px; height:26px; background:url(../images/arrow-btn.png) no-repeat;text-indent:-100000px; cursor: pointer;}
.arrowBox span:last-child {background-position:2px 0; float:left; position:absolute;bottom:35%; left:69%;}
.arrowBox span:first-child {background-position:-25px 0; position:absolute; bottom:35%; right:25%;}
.arrowBox span:hover{background:url(../images/arrowOver-btn.png) no-repeat;} 
.arrowBox span:hover:last-child {background-position:2px 0; float:left; position:absolute;bottom:35%; left:69%;}
.arrowBox span:hover:first-child {background-position:-25px 0; position:absolute; bottom:35%; right:25%;}


section#three{width:100%; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#three .con{width:1100px;margin:0 auto 0 auto; text-align:left; padding:150px 0 100px 30px; overflow:hidden;}
section#three .con > ul{overflow:hidden; margin-top:40px;}
section#three .con > ul > li{display:block; float:left;}
section#three .con > ul > li:first-child{margin-right:20px}
section#three .con > ul > li > img{}

#menu{margin:50px 0 30px 0; width:100%;}
#menu a{ background:#000; width:100%; color:#fff; padding:8px 10px; margin-right:5px; font-weight:600; cursor: pointer; opacity:0.7}
#menu a:hover{background:#bc0000; padding:8px 10px; margin-right:5px; font-weight:600;}
#tab01 {height:auto; display:block; padding:0; margin:0;}
#tab02, #tab03, #tab04, #tab05 { display:none; padding:0; margin:0;}

#tab01 dt{margin-top:60px; font-size:1.5em; color:#000; font-weight:600;}
#tab01 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}
#tab01 ul{width:100%; overflow:hidden; margin-bottom:20px;}
#tab01 ul li{float:left; display:block;font-size:1.1em; color:#555; line-height:150%}
#tab01 ul li.conList01Left{width:10%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}
#tab01 ul li.conList01Right{width:87%}
#tab01 ul li.conList02{font-size:1.2em; color:#000; width:90%; background: url("../images/bl02.png")no-repeat 2px 12px;padding-left:30px; font-weight:600; line-height:250%;}
#tab01 ul li.conList02:first-child{margin-top:20px;}

#tab02 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;}
#tab02 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

#tab03 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;}
#tab03 dd{font-size:14px; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}
#tab03 ul{width:100%; overflow:hidden; margin-bottom:20px;}
#tab03 li{float:left; display:block;font-size:1.1em; color:#555; line-height:150%}
#tab03 li.conList01Left{width:10%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}
#tab03 li.conList01Right{width:87%}


#tab04 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;}
#tab04 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

#tab05 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;}
#tab05 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

section#four{width:100%;height:750px; background-color:#000; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#four .con{height:750px; width:1100px; margin:0 auto; text-align:left; padding:150px 0 0 20px; overflow:hidden;}
section#four .con img{width:155px;}
section#four .con02_01{margin-top:30px;color:#fff; font-weight:600;}
section#four .con02_01 p{margin-top:20px; font-size:1.5em; color:#fff; font-weight:600;}
.map01{padding-top:20px; float:left;}
.map01List{padding-top:40px; margin-left:30px; float:left;}
.map01List li{width:100%; display:block; color:#000;}
.map01List li.mList01{background: url("../images/icon01.png") 0 2px no-repeat; font-size:1.7em; padding:0 0 10px 20px; font-weight:600;}
.map01List li.mList02{background: url("../images/icon02.png") 0 2px no-repeat; font-size:1.7em; padding:0 0 10px 20px; font-weight:600;}
.map01List li.mList03{font-size:1.1em; padding-bottom:30px;}
.con02Banner{margin-top:30px;}
.con02Banner li{float:left; padding:10px 20px 10px 0;}
section#five{width:100%;height:880px; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#five .con{height:790px; width:1100px; margin:0 auto; text-align:left; padding:150px 0 0 20px; overflow:hidden;}
footer{height:60px; background-color:#000;}
footer .copy{color:#fff;padding:20px 0;}
.copy address{}


#map-canvas, #map_canvas { 
  width : 700px; /* 구글 지도 넓이 */ 
  height: 500px; /* 구글 지도 높이 */ 
  font-size:12px;} 

/* 말풍선관련 css 시작 */ 
.map_Heading { /* 말풍선 타이틀(회사명) css */ 
  line-height:30px; 
  font-size:20px; 
  font-weight:bold; 
  color:#30C;} 

.map_Content { /* 말풍선 내용 css */ 
  font-size:12px; 
  color:#333;} 

/* 말풍선 회사홈페이지 링크 css */ 
a:link.map_Content    { text-decoration: none; color: #333; } 
a:active.map_Content  { text-decoration: none; color: #333; } 
a:visited.map_Content { text-decoration: none; color: #333; } 
a:hover.map_Content  { text-decoration: none; color: #A2002E;} 
 
}



/* screen min 1100 끝*/




/* screen 768~1099 시작*/

@media only all and (min-width:768px) and (max-width:1099px){

header{width:100%; height:77px; background: url("../images/headerBg.png")repeat-x;float:left; margin:0 auto; position:relative; float:left; z-index:100; border:1px solid red;}
header nav{width:auto;margin:0 auto; overflow:hidden;}
#nav > ul > li{display:block; float:left; padding:0 20px;}
#nav01{display:none !important;}
#mon_menu{float:right; padding:30px 0;}
#mon_menu li a{font-family:'NanumGothic'; font-size:1.3em !important; font-weight:600; color:#000;}
#mon_menu li a:hover{color:#ed1c24;}

section#one .con{height:604px; width:768px;margin:0 auto; text-align:center; position:relative;}
section#one .con1_01{position:relative; z-index:15;}
.con1_img{position:relative; padding-top:140px; z-index:15; text-align:center}
.con1ImgTxt{z-index:20;position:absolute; top:230px; left:28%;}
.con1_2_img{visibility: hidden;}


section#one{width:100%; background-color:#f8f7f7; position:relative; top:0; float:left; margin:0 auto; overflow:hidden; z-index:10;}

section#two{width:100%;height:650px; background-color:#f7f6f6; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#two .con{height:650px; margin:0 auto; text-align:left; padding:150px 0 0 20px; overflow:hidden;}
section#two .con h3{font-size:3.5em !important; text-align:center;color:#000; font-weight:600;}
section#two .con p{width:100%;text-align:center;}
section#two .con01_01 p{font-size:1.3em; line-height:180%; margin-top:30px;color:#000; text-align:center;}
section#two .con02_01 p{margin-top:20px; font-size:1.5em; color:#fff; font-weight:600;}



section#three{width:100%;height:auto; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#three .con{height:auto; margin:0 auto;padding:150px 0 50px 30px; overflow:hidden;}
section#three .con h3{text-align:left;}
section#three .con > ul{ margin:0 auto;}
section#three .con > ul > li{ float:none;}
section#three .con > ul > li:first-child{margin-right:none; margin-bottom:20px;}
section#three .con > ul > li > img{text-align:center !important;}


#menu{margin:50px 0 30px 0; width:100%; overflow:hidden;}
#menu a{ background:#000; color:#fff; padding:8px 10px; margin:5px 5px 5px 0; font-weight:600; cursor: pointer; opacity:0.7; display:block; float:left;}
#menu a:hover{background:#bc0000; padding:8px 10px; font-weight:600;}
#tab01 {height:auto; display:block; padding:0; margin:0; width:100%;}
#tab02, #tab03, #tab04, #tab05 {display:none; padding:0; margin:0;width:100%;}

#tab01 dt{margin-top:60px; font-size:1.5em; color:#000; font-weight:600; clear:both;}
#tab01 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}
#tab01 ul{width:100%; overflow:hidden; margin-bottom:20px;}
#tab01 ul li{float:left; display:block;font-size:1.1em; color:#555; line-height:150%}
#tab01 ul li.conList01Left{width:15%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}
#tab01 ul li.conList01Right{width:80%}
#tab01 ul li.conList02{font-size:1.2em; color:#000; width:90%; background: url("../images/bl02.png")no-repeat 2px 12px;padding-left:30px; font-weight:600; line-height:250%; text-align:left;}
#tab01 ul li.conList02:first-child{margin-top:20px;}



#tab02 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab02 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

#tab03 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab03 dd{font-size:14px; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}
#tab03 ul{width:100%; overflow:hidden; margin-bottom:20px;}
#tab03 li{float:left; display:block;font-size:1.1em; color:#555; line-height:150%}
#tab03 li.conList01Left{width:15%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}
#tab03 li.conList01Right{width:80%}


#tab04 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab04 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

#tab05 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab05 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}



section#four{width:100%;height:750px; background-color:#000; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#four .con{height:750px; width:100%; margin:0 auto; text-align:left; padding:150px 0 0 20px; overflow:hidden;}
section#four .con02_01{margin-top:30px;color:#fff; font-weight:600;}
section#four .con02_01 p{margin-top:20px; font-size:1.5em; color:#fff; font-weight:600;}
.map01{padding-top:20px; float:left;}
.map01List{padding-top:40px; margin-left:30px; float:left;}
.map01List li{width:100%; display:block; color:#000;}
.map01List li.mList01{background: url("../images/icon01.png") 0 2px no-repeat; font-size:1.7em; padding:0 0 10px 20px; font-weight:600;}
.map01List li.mList02{background: url("../images/icon02.png") 0 2px no-repeat; font-size:1.7em; padding:0 0 10px 20px; font-weight:600;}
.map01List li.mList03{font-size:1.1em; padding-bottom:30px;}
.con02Banner{margin-top:30px;}
.con02Banner li{float:left; padding:10px 20px 10px 0;}
section#five{width:100%;height:880px; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#five .con{height:790px; width:1100px; margin:0 auto; text-align:left; padding:150px 0 0 20px; overflow:hidden;}
footer{height:60px; background-color:#000;}
footer .copy{color:#fff;padding:20px 0;}
.copy address{}
.map01 #map-canvas, #map_canvas {width : 1000px; /* 구글 지도 넓이 */ height: 400px; /* 구글 지도 높이 */ font-size:12px;} 
.map_Heading {line-height:30px; font-size:20px; font-weight:bold; color:#30C;} 
.map_Content { font-size:12px; color:#333;} 
a:link.map_Content{ text-decoration: none; color: #333; } 
a:active.map_Content{ text-decoration: none; color: #333; } 
a:visited.map_Content{ text-decoration: none; color: #333; } 
a:hover.map_Content{ text-decoration: none; color: #A2002E;} 
}

/* screen 768~1099 시작*/







/* screen 481~768 시작*/
@media all and (min-width:481px) and (max-width:768px){
#wrapper{width:100%;text-align:center; overflow:hidden;}
header{width:100%; background: url("../images/headerBg.png")repeat-x;float:left; margin:0 auto; position:relative; float:left; z-index:100;}
header nav{width:100%; margin:0 auto; overflow:hidden;}


#nav{display:none;}

#nav li a:active {border: currentColor; border-image: none;}
#nav01 { height: 45px; overflow: hidden; float:right;}

#nav01, #nav01 * {-moz-box-sizing: border-box; box-sizing: border-box;}
#nav01 input[type="checkbox"] { /* checkbox used to toggle menu state */
    position: absolute;right: 0;top: 10%;opacity: 0;}
#nav01 > label { /* Main label icon to toggle menu state */
    z-index: 1000;display: block;position: absolute;width: 35px; height: 30px;float: right; top: 17%;right: 20px; background: white; text-indent: -1000000px;
    border: 3px solid #c3c3c3; /* border color */border-width: 3px 0; cursor: pointer;margin-top:10px;
	-moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; /* transition for flipping label */
    }

#nav01 > label::after { /* inner stripes inside label */
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 25%;
    top: 25%;
    left: 0;
    border: 3px solid #c3c3c3; /* border color */
    border-width:3px 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; /* transition for flipping label */
    }

#nav01 ul { /* UL menu inside container */
    margin: 0;
    padding: 0;
    position: absolute;
	width:100%;
	margin-top: 70px;
    margin-right: 0;
    background: #f4f4f4;
    right: 1; /* hide menu intially */
    height: -100%; /* height of menu */
    font: bold 14px Verdana;
    text-align: center;
    list-style: none;
    opacity: 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    -moz-perspective: 10000px;
    perspective: 10000px;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; /* transition for animating UL in and out */
	 }
	 #nav01 li {
    display: inline;
    margin: 0;
    padding: 0;
    }

#nav01 ul label { /* label button inside UL to close menu */
    cursor: pointer;
    position: relative;
    height: 100%;
    text-align: center;
    }

#nav01 ul label::after { /* label button x */
    content: "x";
    display: inline-block;
    line-height: 14px;
    color: white;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    background: black;
    font-size: 18px;
    margin: 5px;
    margin-top: 10px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    }


#nav01 input[type="checkbox"]:checked ~ label, #nav01 ul label:hover::after {
    -moz-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
    transform: rotatey(180deg); /* flip labels vertically onMouseover */
    }

#nav01> label:hover, #nav01 > label:hover::after, #nav01 input[type="checkbox"]:checked ~ label, #nav01 input[type="checkbox"]:checked ~ label::after {
    border-color: #000; /* highlight color of main menu label onMouseover */
    }

#nav01 input[type="checkbox"]:checked ~ ul {
    right: 0; /* Animate menu into view */
    opacity: 1;
    -moz-box-shadow: 1px 1px 5px gray;
    -webkit-box-shadow: 1px 1px 5px gray;
    box-shadow: 1px 1px 5px gray;
    }

#nav01 li a {
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    color: black;
    margin: 0;
    padding: 10px;
    padding-right: 15px;
    height: 100%;
    }

#nav01 li a:hover {
    background: black;
    color: white;
    }

	    #nav01 {
        overflow: visible;
		z-index:9999;
        }
    #nav01 ul {
        height: auto;
		z-index:999}
    #nav01 ul li {min-width: ; display: block;}
    #nav01 ul li a {float: none;text-align: left;}

section#one .con{height:400px; width:100%;margin:0 auto; text-align:center; position:relative;}
section#one .con1_01{position:relative; z-index:15;}
.con1_img{visibility: hidden;}
.con1ImgTxt{z-index:20;position:absolute; top:150px; left:20%;}
.con1_2_img{visibility: hidden;}

section#two{width:100%;height:auto; background-color:#f7f6f6; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#two .con{height:auto; margin:0 auto; text-align:left; padding:150px 30px 50px 30px; overflow:hidden;}
section#two .con h3{font-size:3.5em !important; text-align:center;color:#000; font-weight:600;}
section#two .con p{width:100%;text-align:center;}
section#two .con01_01 p{font-size:1.2em; line-height:180%; margin-top:30px;color:#000; text-align:center;}
section#two .con02_01 p{margin-top:20px; font-size:1.5em; color:#fff; font-weight:600;}

section#three{width:100%;height:100%; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#three .con{height:100%; width:95%; margin:0 auto; text-align:left; padding:150px 30px 0 30px; overflow:hidden;}

#sliderWrap{position:relative; display:block; height:100%;}
#sliderWrap li {display:none; width:90%; margin:5px auto;}
#sliderWrap li:first-child {display:block;}
#sliderWrap li img {width:100%;}
.arrowBox span {display:block; width:26px; height:26px; background:url(../images/arrow-btn.png) no-repeat;text-indent:-100000px; cursor: pointer;}
.arrowBox span:last-child {background-position:2px 0; float:left; position:absolute;bottom:10%; left:90%;}
.arrowBox span:first-child {background-position:-25px 0; position:absolute; bottom:10%; right:0%;}
.arrowBox span:hover{background:url(../images/arrowOver-btn.png) no-repeat;} 
.arrowBox span:hover:last-child {background-position:2px 0; float:left; position:absolute;bottom:10%; left:90%;}
.arrowBox span:hover:first-child {background-position:-25px 0; position:absolute; bottom:10%; right:0;}

section#three{width:100%;height:auto; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#three .con{height:auto; margin:0 auto; text-align:left; padding:150px 0 50px 30px; overflow:hidden;}

section#three .con > ul{ margin:0 auto;}
section#three .con > ul > li{ float:none;}
section#three .con > ul > li:first-child{margin-right:none; margin-bottom:20px;}
section#three .con > ul > li > img{text-align:center !important; width:96%;}



#menu{margin:50px 0 30px 0; width:100%; overflow:hidden;}
#menu a{ background:#000; color:#fff; padding:8px 10px; margin:5px 5px 5px 0; font-weight:600; cursor: pointer; opacity:0.7; display:block; float:left;}
#menu a:hover{background:#bc0000; padding:8px 10px; font-weight:600;}
#tab01 {height:auto; display:block; padding:0; margin:0; width:100%;}
#tab02, #tab03, #tab04, #tab05 {display:none; padding:0; margin:0;width:100%;}

#tab01 dt{margin-top:60px; font-size:1.5em; color:#000; font-weight:600; clear:both;}
#tab01 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}
#tab01 ul{width:100%; overflow:hidden; margin-bottom:20px;}
#tab01 ul li{float:left; display:block;font-size:1.1em; color:#555; line-height:150%}
#tab01 ul li.conList01Left{width:30%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}
#tab01 ul li.conList01Right{width:60%}
#tab01 ul li.conList02{width:90%; background: url("../images/bl02.png")no-repeat 2px 8px;padding-left:30px; font-weight:600; line-height:200%;}

#tab02 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab02 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

#tab03 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab03 dd{font-size:14px; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}
#tab03 ul{width:100%; overflow:hidden; margin-bottom:20px;}
#tab03 li{float:left; display:block;font-size:1.1em; color:#555; line-height:150%}
#tab03 li.conList01Left{width:30%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}
#tab03 li.conList01Right{width:60%}


#tab04 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab04 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

#tab05 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab05 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}




section#four{width:100%;height:100%; background-color:#000; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#four .con{height:100%; width:95%; margin:0 auto; text-align:left; padding:150px 30px 0 30px; overflow:hidden;}
section#four .con img{width:155px;}
section#four .con02_01{margin-top:30px;color:#fff; font-weight:600;}
section#four .con02_01 p{margin-top:20px; font-size:1.5em; color:#fff; font-weight:600;}
.con02Banner{margin-top:30px;}
.con02Banner li{float:left; padding:10px 20px 10px 0;}

section#five{width:100%;height:100%; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#five .con{height:100%; width:95%; margin:0 auto; text-align:left; padding:150px 30px 20px 30px; overflow:hidden;}
section#five .con img{width:142px;}

.map01{width:95%;float:left; overflow:hidden; border:1px solid #dddddd }
.map01List{padding-top:40px;float:left; width:100%;}
.map01List ul{width:45%; display:block; float:left; padding-left:30px;}
.map01List li{width:100%; display:block; color:#000; float:left; margin-left:20px;}
.map01List li.mList01{background: url("../images/icon01.png") 0 2px no-repeat; font-size:1.7em; padding:0 0 10px 20px; font-weight:600;}
.map01List li.mList02{background: url("../images/icon02.png") 0 2px no-repeat; font-size:1.7em; padding:0 0 10px 20px; font-weight:600;}
.map01List li.mList03{font-size:1.1em; padding-bottom:30px;} 

footer{height:60px; background-color:#000;}
footer .copy{color:#fff;padding:20px 0;}
.copy address{}

.map01 #map-canvas, #map_canvas { 
  width : 1000px; /* 구글 지도 넓이 */ 
  height: 400px; /* 구글 지도 높이 */ 
  font-size:12px;} 

/* 말풍선관련 css 시작 */ 
.map_Heading { line-height:30px; font-size:20px; font-weight:bold; color:#30C;} 
.map_Content {font-size:12px; color:#333;} 

a:link.map_Content    { text-decoration: none; color: #333; } 
a:active.map_Content  { text-decoration: none; color: #333; } 
a:visited.map_Content { text-decoration: none; color: #333; } 
a:hover.map_Content  { text-decoration: none; color: #A2002E; } 


}

/* screen 481~768 끝*/

/* screen 480 시작*/
@media all and (max-width:480px){


#wrapper{width:100%;text-align:center; overflow:hidden;}
header{width:100%; background: url("../images/headerBg.png")repeat-x;float:left; margin:0 auto; position:relative; float:left; z-index:100;}
header nav{width:100%; margin:0 auto; overflow:hidden;}

#nav{display:none;}

#nav li a:active {border: currentColor; border-image: none;}
#nav01 { height: 45px; overflow: hidden; float:right;}

#nav01, #nav01 * {-moz-box-sizing: border-box; box-sizing: border-box;}
#nav01 input[type="checkbox"] { /* checkbox used to toggle menu state */
    position: absolute;right: 0;top: 10%;opacity: 0;}
#nav01 > label { /* Main label icon to toggle menu state */
    z-index: 1000;display: block;position: absolute;width: 35px; height: 30px;float: right; top: 17%;right: 20px; background: white; text-indent: -1000000px;
    border: 3px solid #c3c3c3; /* border color */border-width: 3px 0; cursor: pointer;margin-top:10px;
	-moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; /* transition for flipping label */
    }

#nav01 > label::after { /* inner stripes inside label */
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 25%;
    top: 25%;
    left: 0;
    border: 3px solid #c3c3c3; /* border color */
    border-width:3px 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; /* transition for flipping label */
    }

#nav01 ul { /* UL menu inside container */
    margin: 0;
    padding: 0;
    position: absolute;
	width:100%;
	margin-top: 70px;
    margin-right: 0;
    background: #f4f4f4;
    right: 1; /* hide menu intially */
    height: -100%; /* height of menu */
    font: bold 14px Verdana;
    text-align: center;
    list-style: none;
    opacity: 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    -moz-perspective: 10000px;
    perspective: 10000px;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; /* transition for animating UL in and out */
	 }
	 #nav01 li {
    display: inline;
    margin: 0;
    padding: 0;
    }

#nav01 ul label { /* label button inside UL to close menu */
    cursor: pointer;
    position: relative;
    height: 100%;
    text-align: center;
    }

#nav01 ul label::after { /* label button x */
    content: "x";
    display: inline-block;
    line-height: 14px;
    color: white;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    background: black;
    font-size: 18px;
    margin: 5px;
    margin-top: 10px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    }


#nav01 input[type="checkbox"]:checked ~ label, #nav01 ul label:hover::after {
    -moz-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
    transform: rotatey(180deg); /* flip labels vertically onMouseover */
    }

#nav01> label:hover, #nav01 > label:hover::after, #nav01 input[type="checkbox"]:checked ~ label, #nav01 input[type="checkbox"]:checked ~ label::after {
    border-color: #000; /* highlight color of main menu label onMouseover */
    }

#nav01 input[type="checkbox"]:checked ~ ul {
    right: 0; /* Animate menu into view */
    opacity: 1;
    -moz-box-shadow: 1px 1px 5px gray;
    -webkit-box-shadow: 1px 1px 5px gray;
    box-shadow: 1px 1px 5px gray;
    }

#nav01 li a {
    display: block;
	width:100%;
    float: left;
    text-align: center;
    text-decoration: none;
    color: black;
	border-bottom:1px solid #d4d2d2;
    margin: 0;
    padding: 15px;
    height: 100%;
	float:left;
    }

#nav01 li a:hover {background: black;color: white;}
#nav01 {overflow: visible; z-index:9999;}
#nav01 ul {height: auto;z-index:999}
#nav01 ul li {min-width: ; display: block;}
#nav01 ul li a {float: none;text-align: left;}

section#one .con{height:400px; width:100%;margin:0 auto; text-align:center; position:relative;}
section#one .con1_01{position:relative; z-index:15;}
.con1_img{visibility: hidden;}
.con1ImgTxt{z-index:20;position:absolute; top:150px; text-align:center;}
.con1ImgTxt img{width:90%;}
.con1_2_img{visibility: hidden;}

section h3{ font-size:2.1em; color:#000; font-weight:600;}
section h3.colorF{ font-size:2.1em; color:#Fff; font-weight:600;}


section#two{width:100%;height:auto; background-color:#f7f6f6; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#two .con{height:auto; margin:0 auto; text-align:left; padding:100px 20px 50px 20px; overflow:hidden;}
section#two .con h3{font-size:3.5em !important; text-align:center;color:#000; font-weight:600;}
section#two .con p{width:100%;text-align:center;}
section#two .con01_01 p{font-size:1.2em; line-height:180%; margin-top:30px;color:#000; text-align:center;}
section#two .con02_01 p{margin-top:20px; font-size:1.5em; color:#fff; font-weight:600;}


section#three{width:100%;height:auto; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#three .con{height:auto; margin:0 auto; text-align:left; padding:100px 20px 50px 20px; overflow:hidden;}
section#three .con > ul > li:first-child{margin-bottom:20px;}
section#three .con > ul > li > img{text-align:center !important; width:100%;}


#menu{margin:50px 0 30px 0; width:100%; overflow:hidden;}
#menu a{ background:#000; color:#fff; padding:8px 10px; margin:0 0 2px 0; font-weight:600; cursor: pointer; opacity:0.7; display:block; float:left; width:95%;}
#menu a:hover{background:#bc0000; padding:8px 10px; font-weight:600;}
#tab01 {height:auto; display:block; padding:0; margin:0; width:100%;}
#tab02, #tab03, #tab04, #tab05 {display:none; padding:0; margin:0;width:100%;}

#tab01 dt{margin-top:60px; font-size:1.5em; color:#000; font-weight:600; clear:both;}
#tab01 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}
#tab01 ul{width:100%; overflow:hidden; margin-bottom:20px;}
#tab01 ul li{float:left; display:block;font-size:1.1em; color:#555; line-height:150%}
#tab01 ul li.conList01Left{width:30%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}
#tab01 ul li.conList01Right{width:60%}
#tab01 ul li.conList02{width:90%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}

#tab02 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab02 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

#tab03 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab03 dd{font-size:14px; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}
#tab03 ul{width:100%; overflow:hidden; margin-bottom:20px;}
#tab03 li{float:left; display:block;font-size:1.1em; color:#555; line-height:150%}
#tab03 li.conList01Left{width:30%; background: url("../images/bl02.png")no-repeat 2px 3px;padding-left:30px; font-weight:600;}
#tab03 li.conList01Right{width:60%}


#tab04 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab04 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}

#tab05 dt{margin-top:60px; font-size:1.5em; color:#555555; font-weight:600;clear:both;}
#tab05 dd{font-size:1.2em; padding-top:20px; line-height:170%; padding-bottom:30px; color:#555555;}



#sliderWrap{position:relative; display:block; height:100%;}
#sliderWrap li {display:none; width:90%; margin:5px auto;}
#sliderWrap li:first-child {display:block;}
#sliderWrap li img {width:100%;}
.arrowBox span {display:block; width:26px; height:26px; background:url(../images/arrow-btn.png) no-repeat;text-indent:-100000px; cursor: pointer;}
.arrowBox span:last-child {background-position:2px 0; float:left; position:absolute;top:0%; left:80%;}
.arrowBox span:first-child {background-position:-25px 0; position:absolute; top:0%; right:0%;}
.arrowBox span:hover{background:url(../images/arrowOver-btn.png) no-repeat;} 
.arrowBox span:hover:last-child {background-position:2px 0; float:left; position:absolute;top:0%; left:80%;}
.arrowBox span:hover:first-child {background-position:-25px 0; position:absolute; top:0%; right:0%;}


section#four{width:100%;height:100%; background-color:#000; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#four .con{height:100%; width:95%; margin:0 auto; text-align:left; padding:100px 15px 0 15px; overflow:hidden;}
section#four .con02_01{margin-top:30px;color:#fff; font-weight:600;}
section#four .con02_01 p{margin-top:20px; font-size:1.5em; color:#fff; font-weight:600;}
.con02Banner{margin-top:30px;}
.con02Banner li{float:left; padding:0 5px 5px 0;}
ul.con02Banner li ul li img{width:100px !important;}

section#five{width:100%;height:100%; background-color:#fff; position:relative;float:left; margin:0 auto; overflow:hidden; z-index:11;}
section#five .con{height:100%; width:95%; margin:0 auto; text-align:left;padding:100px 15px 0 15px; overflow:hidden;}

.map01{width:95%;float:left; overflow:hidden; border:1px solid #dddddd }
.map01List{padding-top:40px;float:left; width:100%;}
.map01List ul{width:45%; display:block; float:left; padding-right:15px;}
.map01List li{width:100%; display:block; color:#000; float:left; margin-left:10px;}
.map01List li.mList01{background: url("../images/icon01.png") 0 2px no-repeat; font-size:1.7em; padding:0 0 10px 20px; font-weight:600;}
.map01List li.mList02{background: url("../images/icon02.png") 0 2px no-repeat; font-size:1.7em; padding:0 0 10px 20px; font-weight:600;}
.map01List li.mList03{font-size:1.1em; padding-bottom:30px;} 

footer{height:80px; background-color:#000;}
footer .copy{color:#fff;padding:20px 10px;}
.copy address{}

.map01 #map-canvas, #map_canvas { 
  width : 480px;
  height: 300px;
  font-size:1.2em; 
} 

.map_Heading { 
  line-height:30px; 
  font-size:1.5em; 
  font-weight:bold; 
  color:#30C; 
} 

.map_Content {
  font-size:1.1em; 
  color:#333; 
} 

a:link.map_Content    { text-decoration: none; color: #333; } 
a:active.map_Content  { text-decoration: none; color: #333; } 
a:visited.map_Content { text-decoration: none; color: #333; } 
a:hover.map_Content  { text-decoration: none; color: #A2002E; } 

}

/* screen 480 끝*/