@import "style.css";


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

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 {
    POSITION:relative; 
	WIDTH:100%;
	HEIGHT:410px;
	Z-INDEX:1;
	TOP:0px;
	text-align:center; background:#fff;
}

/*-------------------------¸ÞÀκñÁÖ¾ó------------------------------*/
.mainVisual { position:static; z-index:1;  height:410px; margin:0; overflow:hidden; }
.mainVisual .list { position:absolute !important;  width:100% !important; height:410px; margin-top:0px; }
.mainVisual .list li div {top:80px; width:100%; max-width:42% ; height: auto;  left:0%; margin:0px 0 0px 0px; text-align:RIGHT; background:url(image/bt_pt01.png) repeat; z-index:9;border-bottom-right-radius:100px; }
.mainVisual .list li div .txtbox { width:100%; max-width:100% ;  margin:30px 30px 100px 0px; height:100%; overflow:hidden; background:none; }
.mainVisual .list li div .txtbox p { float:right; margin-right:50px;}
.mainVisual .list li div .txtbox p.t1 {font-size:35px; color:#f8f8f8; font-weight:500; text-align:left;}
.mainVisual .list li div .txtbox p.t1 span { font-size:52px;font-weight:700; line-height:50px; color:#7aff40; margin-left:12px; letter-spacing:0.5px; }


.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; }
.mainVisual .list li:first-child { opacity:1; filter:alpha(opacity=100); }

.mainVisual .btnSet { position:absolute; left:50%; width:66px; height:30px; z-index:10; margin:420px 0 0 0px; background:#c81b15; }
.mainVisual .btnSet a.stop, .mainVisual .btnSet a.prev, .mainVisual .btnSet a.next { position:absolute;  width:33px; height:30px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:-100px; text-indent:0;   background-position:50% 50%; }
.mainVisual .btnSet a.prev { left:0px; background:url("image/prev.png") no-repeat 50%; margin-top:0px; border-right:1px solid #f43933}
.mainVisual .btnSet a.next { right:0px; background:url("image/next.png") no-repeat 50%; margin-top:0px;}
.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:-180px;padding:0px; height:27px;width:100px;margin-left:-300px !important;z-index:10; background:url(image/curlco_bg.png) no-repeat center; }
.mainVisual .btnSet .curIco a { display:inline-block; width:13px; height:14px; 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:13px; height:14px; }

.mainVisual .caption {position:absolute; top:554px; left:50%; padding:0 25px 0 16px; margin:0 0px 0 0; text-indent:0; height:37px; line-height:37px; color:#fff; background:url("../") 100% 0 no-repeat;}

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



/* Á¦Ç°¼Ò°³ */
#m_pro:after {clear:both;display:block;content:"";}
#m_pro{
	POSITION:relative; 
	WIDTH:100%;height:100%; overflow:hidden; 
	Z-INDEX:100;
	TOP:0px; 
	text-align:center; background:#fff; margin:0 auto;
}

#m_pro .titbox{position:relative; display:block; width:100%;min-width:1200px; height:100%; overflow:hidden;Z-INDEX:20;top:0; margin:40px auto 30px  auto; font-size:35px; color:#393939;padding:0px 0;  letter-spacing:-1px; font-weight:700;  line-height:50px;  text-align:center;Z-INDEX:20;}
#m_pro .titbox  span {display:block;  color:#7a7a7a;  margin:0 auto; font-size:16px; line-height:30px;font-weight:500; letter-spacing:3px;  }



#m_pro_box {margin:0 auto 0px auto;width:1200px; height:100%; overflow:hidden;}

/* ¸ÞÀÎ, Á¦Ç° */
.oe_overlay{
	opacity:0;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}
.oe_wrapper {width:100%; margin:0px auto;}

ul.oe_menu:after {clear:both;display:block;content:"";}
ul.oe_menu{
	list-style:none;
	position:relative;
	margin:0px  auto 70px  auto;
	width:100%; height:100%; overflow:hidden;
	clear:both; top:0px; text-align:center;
}

ul.oe_menu p {font-size:13px; text-align:left; padding-left:5px;}
ul.oe_menu > li{
	width:240px;
	height:100%;
	padding-bottom:0px; float:left; vertical-align:top;
	 background:#fff;
	position:relative; margin:0 0px 0px -1px; border:1px solid #cfcfcf;box-sizing:border-box;
	
}
ul.oe_menu > li.first {margin:0 0 0px 0;}
ul.oe_menu > li > a{
	display:block;
	background:none;
	color:#1d1d1d;
	text-decoration:none;
	line-height:30px; font-weight:700;
	font-size:20px;
	width:100%; max-height:392px;
	padding:215px 0px 84px 0px;
	margin:0px auto;
	text-align:center; 
	/*text-shadow:0px 0px 1px #000;
	opacity:0.8;*/
	}
	ul.oe_menu > li > a span { color:#ff8226;}
	


ul.oe_menu > li > a.m1 {background:url(image/m_pro01.jpg) no-repeat center 0px; }
ul.oe_menu > li > a.m2 {background:url(image/m_pro02.jpg) no-repeat center 0px; }
ul.oe_menu > li > a.m3 {background:url(image/m_pro03.jpg) no-repeat center 0px; }
ul.oe_menu > li > a.m4 {background:url(image/m_pro04.jpg) no-repeat center 0px; }
ul.oe_menu > li > a.m5 {background:url(image/m_pro05.jpg) no-repeat center 0px; }
	
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	
	color:#fff;
	opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{
	/*background:#fff;
	text-shadow:0px 0px 1px #FFF;*/
}
ul.oe_menu div{
	position:absolute;
	top:0px;
	/*background:#2b315f;*/
	width:100%; 
	padding:0px;
	display:none;color:#fff;
	margin:0px; text-align:center; 
}
ul.oe_menu div.ms1 {background:url(image/m_pro01on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms2 {background:url(image/m_pro02on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms3 {background:url(image/m_pro03on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms4 {background:url(image/m_pro04on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms5 {background:url(image/m_pro05on.jpg) no-repeat center 0px;}


ul.oe_menu div ul.oe_full{
	width:100%;
}

ul.oe_menu li ul{
	list-style:none;
	width:100%;
	margin:0px;
}
li.oe_heading{
	padding-top:0px; margin:0px auto 0px auto;top:0px;color:#fff;
    text-align:center;font-weight:500;/*text-shadow:0px 0px 1px #f7f7f7;*/
}
li.oe_heading a { display:block;width:100%; color:#1d1d1d;font-size:20px;padding:215px 0px 84px 0px;line-height:30px; margin-top:0px; font-weight:700;}
li.oe_heading a span { color:#ff8226;}



/* END Á¦Ç° */



/***ÄÜÅÙÃ÷***/
#content:after {clear:both;display:block;content:"";}
#content {
	clear:both;
    Z-INDEX:2;
	POSITION:relative;
	WIDTH:100%; height:100%; overflow:hidden;
	TOP:0px;text-align:center; background:url(image/m_con_bg.gif) no-repeat center top; background-size:cover; margin:0 auto;
	
}

#content .titbox{position:relative; display:block; width:100%;min-width:1200px; height:100%; overflow:hidden;Z-INDEX:20;top:0; margin:40px auto 30px  auto; font-size:35px; color:#393939;padding:0px 0;  letter-spacing:-1px; font-weight:700;  line-height:50px;  text-align:center;Z-INDEX:20;}
#content .titbox  span {display:block;  color:#7a7a7a;  margin:0 auto; font-size:16px; line-height:30px;font-weight:500; letter-spacing:3px;  }

#content_box {width:1200px; margin:0 auto 70px auto; height:100%; overflow:hidden; text-align:center;}

/* °øÁö»çÇ× */
#m_notice {float:left; width:480px; height:100%;min-height:265px; overflow:hidden; margin:0 30px 0 0 ; background:url(image/m_notice_bg.gif) no-repeat left top;}
#m_notice .notice_tit { float:left;margin:45px 30px; text-align:left; }
#m_notice .notice_tit h1 {font-size:27px; color:#f8f8f8;font-weight:500; letter-spacing:-0.5px;}
#m_notice .notice_tit h1 span { display:block; margin:20px 0;font-size:14px; color:#e9e9e9; line-height:18px;font-weight:300;}
#m_notice .notice_tit .mmore {margin:40px 0 0 0; padding:0;  text-align:center; }
#m_notice .notice_tit .mmore a{ display:block;font-size:40px;width:40px; height:40px; border:1px solid #f8f8f8; padding:0; color:#f8f8f8; margin:0; line-height:40px;}
#m_notice .notice_tit .mmore a:hover {background:#125f9f}

#m_notice .notice_txt {float:right; width:300px; margin:45px 0;}
#m_notice .notice_txt ul {margin:0 30px;}
#m_notice .notice_txt li { height:100%; overflow:hidden;background:url(image/bt_icon01.png) no-repeat 0 8px; padding-left:10px; margin:5px 0 10px 0; text-align:left;}

/* ¿Â¶óÀι®ÀÇ */
#m_online {float:left; width:330px; height:100%; min-height:265px; overflow:hidden; margin:0 30px 0 0 ; background:#125f9f; text-align:center;}
#m_online h1 {font-size:27px; color:#f8f8f8; margin:45px auto 40px auto; font-weight:500; letter-spacing:-0.5px; }
#m_online p {font-size:14px; color:#e9e9e9; line-height:18px;margin:20px 0 0px 0}
#m_online a {position:absolute; width:330px;height:265px;}

/* °í°´¼¾ÅÍ */
#m_tel {float:left; width:330px; height:100%; min-height:265px; overflow:hidden; margin:0 0px 0 0 ; background:#a58247; text-align:center;}
#m_tel h1 {font-size:27px; color:#f8f8f8; margin:45px auto 40px auto; font-weight:500; letter-spacing:-0.5px; }
#m_tel p {font-size:23px; color:#e9e9e9; line-height:30px;margin:10px 0 0px 0; font-weight:700;}
#m_tel a {position:absolute; width:330px;height:265px;}