@import "style.css";


body{
    margin:0px;
	padding:0px;
	OVERFLOW:auto ;
	background:#fff;
	}

html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}
#main { clear:both;
    POSITION:relative; 
	WIDTH:100%;
	HEIGHT:500px;
	Z-INDEX:1;
	TOP:0px;
	text-align:center; background:#fff;
}

/*-------------------------¸ÞÀκñÁÖ¾ó------------------------------*/
.mainVisual { position:static; z-index:1;  height:500px; margin:0; overflow:hidden; }
.mainVisual .list { position:absolute !important;  width:100% !important; height:500px; margin-top:0px; }
.mainVisual .list li div {top:120px; width:1100px ; height: auto;  left:50%; margin:0px 0 0px -580px; text-align:left;  z-index:9; padding:0 0px }

.mainVisual .list li div#t1{ top:100px;}



.mainVisual .list li { position:absolute;  top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); background-position:50% 0; background-repeat:no-repeat; white-space:nowrap; text-indent:-999px; overflow:hidden; background-size:cover; }
.mainVisual .list li:first-child { opacity:1; filter:alpha(opacity=100); }

.mainVisual .btnSet { position:absolute; left:0; width:100%; height:37px; z-index:10; margin:520px 0 0 0px; }
.mainVisual .btnSet a.stop, .mainVisual .btnSet a.prev, .mainVisual .btnSet a.next { position:absolute;  width:46px; height:86px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:-100px; text-indent:0;   background-position:50% 50%; }
.mainVisual .btnSet a.prev { left:30px; background-image:url("../image/prev.png"); margin-top:-160px;}
.mainVisual .btnSet a.next { right:80px; background-image:url("../image/next.png"); margin-top:-160px;}
.mainVisual .btnSet a.stop { left:78px; background-color:#71a30b; background-image:url("../image/pause.png"); }
.mainVisual .btnSet a.play { background-image:url("../image/play.png"); }
.mainVisual .btnSet .curIco { position:absolute; left:50%; top:30px;padding:0px; height:27px;width:400px;margin-left:-200px;z-index:10; }
.mainVisual .btnSet .curIco a { display:inline-block; width:16px; height:16px; margin:7px 4px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:0px; text-indent:0; background:url("image/off.png") no-repeat;}
.mainVisual .btnSet .curIco a.on, .mainVisual .btnSet .curIco a:hover { background:url("image/on.png") no-repeat;width:16px; height:16px; }

.mainVisual .caption {position:absolute; width:1300px;top:120px;left:50%; padding:0 50px 0 0px; margin:0 0px 0 -650px; text-indent:0px;line-height:48px;}

/*-------------------------¸ÞÀιè³Ê------------------------------*/


/* Á¦Ç°¼Ò°³ */
#m_pro:after {clear:both;display:block;content:"";}
#m_pro{
	POSITION:relative; 
	WIDTH:100%; 
	Z-INDEX:100;
	TOP:0px; z-index:2;
	text-align:center; background:#fff; margin:30px auto 0px auto;
}
#m_pro_lay { position:relative;margin:0px auto 0px auto; padding:0px 0; width:1200px; height:100%; overflow:hidden;z-index:55;}
#m_pro_bg { display:block; z-index:5;background:url(image/bt_pt01.gif) repeat; position:absolute; bottom:0; width:100%; height:390px; margin:0px 0 0 0;}

#m_pro_box { float:left; width:400px; min-height:270px; height:100%; overflow:hidden;box-sizing:border-box;}
#m_pro_box.mbg001 {background:#4bb29d;}
#m_pro_box.mbg002 {background:#438bc5;}
#m_pro_box.mbg003 {background:#506a96;}
#m_pro_box ul{ height:100%; overflow:hidden; margin:70px; text-align:center; }

#m_pro_box a{ position:absolute; display:block; width:400px; height:270px;box-sizing:border-box;}
#m_pro_box a:hover{border:5px solid #abd900;}

#m_pro_box li.titbox { margin:0; padding:0; margin:0 0 7px 0; line-height:32px; height:30px; overflow:hidden;}
#m_pro_box li.titbox img {margin:0; padding:0;}
#m_pro_box li.txtbox {font-size:16px; color:#fff; padding:0px; margin:0 0 30px 0;  }

#m_pro_box  ul .mmore {display:block; margin:0px  auto ; padding:0 0 5px 0;  }
#m_pro_box  ul .mmore p{color:#f8f8f8;  width:150px;line-height:30px; font-size:15px; font-weight:300;border-radius:10px;/*box-shadow: 1px 1px 5px 0px #3a3a3a;*/border:1px solid #f8f8f8}
#m_pro_box  ul .mmore a{display:block;  color:#f8f8f8; font-size:15px; font-weight:300;border-radius:10px;/*box-shadow: 1px 1px 5px 0px #3a3a3a; /*border-radius:55px;*/ }
#m_pro_box  ul .mmore a:hover{ text-decoration:underline;}

/*#m_pro_box.mbg001 ul .mmore p{background:#287a69;border:1px solid #287a69}
#m_pro_box.mbg002 ul .mmore p{background:#154c78;border:1px solid #154c78}
#m_pro_box.mbg003 ul .mmore p{background:#253d67;border:1px solid #253d67}*/

/***ÄÜÅÙÃ÷***/
#content:after {clear:both;display:block;content:"";}
#content {
	clear:both;
    Z-INDEX:22;
	POSITION:relative;
	WIDTH:1200px; height:100%; overflow:hidden;
	TOP:0px;text-align:center;  margin:0 auto 0px auto; padding:0 0 30px 0
	
}


/* »ó´ãÀýÂ÷ ÀÌ¿ë¾È³» */
#m_info { float:left; width:300px; min-height:270px; height:100%; overflow:hidden;box-sizing:border-box; background:url(image/bt_pt02.gif) repeat;}

#m_info ul { z-index:70; position:relative;margin:40px 20px; text-align:center;}
#m_info ul h2 { margin:0px 0 20px 0px; }

#m_info ul li {color:#fff;}
#m_info ul li.titbox  {display:block;font-size:22px; margin:0 0 20px 0 }
#m_info ul li.titbox span {font-weight:500;}
#m_info ul li{line-height:18px; font-size:14px;  }

#m_info a {display:block; position:absolute; z-index:100; width:300px; height:270px;}


/* ¼¾ÅͼҰ³ */
#m_gallery_lay{float:left;width:300px;min-height:270px;  height:100%; overflow:hidden; margin:0; box-sizing:border-box; background:#81ac1e;}
#m_gallery {margin:25px;}
#m_gallery h1 {font-size:24px; line-height:40px; color:#fff; text-align:left; margin:0 0 10px 0 }
#m_gallery h1 span { font-weight:600;}
#m_gallery .mmore { float:right; width:40px; height:40px;background:#64880f; color:#fff;border-radius:20px; text-align:center;}
#m_gallery .mmore a {color:#fff; line-height:40px; }

.m_gallery_visual{position:relative; margin:0px 0 0 0}
.m_gallery_visual .bx-pager{ position:absolute;bottom:0px;right:0; margin-right:0}
.m_gallery_visual .bx-pager .bx-pager-item{margin:0 5px;}
.m_gallery_visual .bx-pager .bx-pager-item a{ float:left;width:0px;height:0px;background:url(../image/m_e_i_off.png) no-repeat;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; text-indent:-3000px;}
.m_gallery_visual .bx-pager .bx-pager-item .active{width:15px;background:url(../image/m_e_i_on.png) no-repeat;/*-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;*/text-indent:-3000px;}
.m_gallery_visual .bx-controls-direction > a{position:absolute;top: 42%;text-indent:-999999px;}
.m_gallery_visual .bx-prev{left:0px;background: url(../image/bt_prev.png) no-repeat;width: 18px;height: 32px;background-size:100%;}
.m_gallery_visual .bx-next{right:0px;background: url(../image/bt_next.png) no-repeat;width: 18px;height:32px;background-size:100%;}
.m_gallery_visual ul li{position:relative; width:100%;  height:100%; overflow:hidden; text-align:center; margin:0 auto;}
.m_gallery_visual ul li img { width:100%; }
/*.m_gallery_visual ul li.fst{background:url(../image/m_center_img01.jpg) no-repeat center; background-size:80% 100%;}
.m_gallery_visual ul li.scd{background:url(../image/m_center_img02.jpg) no-repeat center; background-size:80% 100%;}
.m_gallery_visual ul li.thr{background:url(../image/m_event_img3.jpg) no-repeat center; background-size:80% 100%;}
.m_gallery_visual ul li.for{background:url(../image/m_event_img4.jpg) no-repeat center; background-size:80% 100%;}*/

.m_gallery_visual ul li.fst p{color: #000;font-family:'NanumSquare';position: absolute;left: 190px;top: 70px;font-size: 65px;font-weight: 600;text-shadow: 3px 3px 3px rgba(255,255,255,0.7)}
.m_gallery_visual ul li.scd p{color: #fff; font-family:'NanumSquare';position: absolute;left: 190px;top: 77px;font-size: 70px;font-weight: 600;text-shadow: 3px 3px 3px rgba(0,0,0,0.7)}


/* ¿¹¾à¾È³» */
#m_tel {float:right;width:600px; min-height:270px;background:url(image/m_tel_bg.jpg) no-repeat center top; box-sizing:border-box;   }
#m_tel ul { position:relative;margin:25px 50px;height:100%; overflow:hidden;text-align:left;}
#m_tel ul h1 {font-size:24px; line-height:40px; color:#fff; text-align:left; margin:0 0 15px 0 }
#m_tel ul h1 span { font-weight:600;}

#m_tel ul li { color:#fff; font-size:25px; font-weight:500;line-height:30px; margin:5px 0; letter-spacing:-1px; text-align:left;}
#m_tel ul li.t001 {font-size:18px;}
#m_tel ul li.t002 {font-size:13px;}
#m_tel ul li.t002 ul {margin:0;}
#m_tel ul li.t002 ul li {float:left;font-size:13px; line-height:20px; letter-spacing:0px;}

#m_tel ul li.t003 ul{margin:0;}
#m_tel ul li.t003 ul li {float:left; font-size:25px; font-weight:500;line-height:30px; margin:5px 0; letter-spacing:-1px; text-align:left;}
#m_tel ul li.t003 ul li span {padding:9px 0px;}


#m_tel ul li span { display:inline-block; width:65px; background:#d48138; border:1px solid #d48138; margin:0px 10px 0 0; font-size:12px; color:#f8f8f8; padding:0px 0px;border-radius:10px; text-align:center; line-height:20px;}
#m_tel ul li span.bg001 {background:#3096e1;}