@import "style.css";


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

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:540px;
	Z-INDEX:1;
	TOP:0px;
	text-align:center; background:#fff;
}
/*-------------------------¸ÞÀκñÁÖ¾ó------------------------------*/
.mainVisual { position:static; z-index:1;  height:540px; margin:0; overflow:hidden;}
.mainVisual .list { position:absolute !important; left:0; width:100% !important; height:540px; margin-top:0px; }
.mainVisual .list li {
	position:absolute;
	left:0px;
	top:0px;
	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 .list li div:after {clear:both;display:block;content:"";}
.mainVisual .list li div { top:50px; width:600px;  left:50%; margin:0px 0 0px -300px; text-align:center;  background:none;}
.mainVisual .list li div div.dbox { margin:100px 0; padding:30px 0; border:none;}
.mainVisual .list li div div.dbox p {color:#f8f8f8; font-size:40px; margin:0px 0px 0px 0px; font-weight:500; line-height:45px;padding:0px 0 0px 0px; text-align:center;letter-spacing:-1px; text-shadow:1px 1px 3px #545454; }
.mainVisual .list li div div.dbox p span {font-size:33px; font-weight:300;}

.mainVisual .btnSet { position:absolute; left:0; width:100%; height:58px; z-index:10; margin:250px 0 0 0px; }
.mainVisual .btnSet a.stop, .mainVisual .btnSet a.prev, .mainVisual .btnSet a.next { position:absolute;  width:25px; height:58px; 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:0px;}
.mainVisual .btnSet a.next { right:30px; background-image:url("image/next.png"); 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:230px;padding:5px; height:14px;width:120px;margin-left:-60px; z-index:9999; text-align:center; background:#85bb13; border-radius:10px;}
.mainVisual .btnSet .curIco a { display:inline-block; width:14px; height:14px; margin-left:5px; 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:14px; height:14px; }

.mainVisual .caption {position:absolute;top:40px;left:50%; padding:0 0px 0 0px; margin:0 0px 0 -260px; text-indent:0;}


/* Á¦Ç°¼Ò°³ */
#m_pro:after {clear:both;display:block;content:"";}
#m_pro {
 	POSITION: relative;
	WIDTH:100%; height:100%; overflow:hidden;
	text-align:center;
	left:0px;
	top:0px;
	margin:0 auto 0px auto;
	background:#f3f3f3;
}
#m_pro_tit {position:relative; width:1200px; margin:50px auto 0 auto;text-align:center; top:0px;}
#m_pro_tit h2 {margin:0 auto; padding:10px 0px; color:#333; font-size:36px; line-height:45px; font-weight:600;}
#m_pro_tit h2.mre {color:#fff;}
#m_pro_tit h2 span { display:block;color:#474747;font-size:17px;  font-weight:300;}

#m_pro_lay { width:1200px; margin:30px auto 50px auto;height:100%; overflow:hidden;}
#m_pro_lay .probox {float:left; width:280px; height:100%; overflow:hidden; margin:0 10px 30px 10px;background:#fff;box-shadow: 1px 3px 5px 0px #d7d7d7; padding:0 0 10px 0}
#m_pro_lay .probox.bo01 {border-top:3px solid #00a883}
#m_pro_lay .probox.bo02 {border-top:3px solid #90c31f}
#m_pro_lay .probox.bo03 {border-top:3px solid #54a8cf}
#m_pro_lay .probox.bo04 {border-top:3px solid #0f2a8d}

#m_pro_lay .probox h1 { font-size:19px; text-align:center; line-height:60px; color:#313131; font-weight:500;}
#m_pro_lay .probox h1 span { color:#5e5e5e}
#m_pro_lay .probox ul {margin:30px; text-align:left;}
#m_pro_lay .probox ul li { padding-left:10px; color:#4f4f4f; font-size:15px; line-height:25px;}
#m_pro_lay .probox ul.bicon01 li{ background:url(image/bt_icon01.gif) no-repeat left 10px;}
#m_pro_lay .probox ul.bicon02 li{ background:url(image/bt_icon02.gif) no-repeat left 10px;}
#m_pro_lay .probox ul.bicon03 li{ background:url(image/bt_icon03.gif) no-repeat left 10px;}
#m_pro_lay .probox ul.bicon04 li{ background:url(image/bt_icon04.gif) no-repeat left 10px;}
#m_pro_lay .probox .mmore a{display:block; width:95px; margin:20px auto 20px auto; font-size:12px; color:#4a4a4a; text-align:center; line-height:30px;}
#m_pro_lay .probox .mmore a.mbo01 {border:1px solid #00a883;}
#m_pro_lay .probox .mmore a.mbo02 {border:1px solid #90c31f;}
#m_pro_lay .probox .mmore a.mbo03 {border:1px solid #54a8cf;}
#m_pro_lay .probox .mmore a.mbo04 {border:1px solid #0f2a8d;}

#m_pro_lay .probox .mmore a:hover.mbo01 {background:#00a883; color:#fff;}
#m_pro_lay .probox .mmore a:hover.mbo02 {background:#90c31f; color:#fff;}
#m_pro_lay .probox .mmore a:hover.mbo03 {background:#54a8cf; color:#fff;}
#m_pro_lay .probox .mmore a:hover.mbo04 {background:#0f2a8d; color:#fff;}

/*---------------------Á¦Ç°¹è³Ê end-------------------------------------------*/


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

#content_in:after {clear:both;display:block;content:"";}
#content_in {
	POSITION:relative;
	WIDTH:1200px; height:100%; overflow:hidden;
	text-align:left;
	top:0px;
	margin:30px auto 80px auto; z-index:5	
}

/* °øÁö»çÇ× */
#m_notice { float:left; margin:0px 10px;width:280px; min-height:244px; background:#fff; border:1px solid #0f2a8d; text-align:left;box-sizing:border-box;}
#m_notice h1 {font-size:22px; color:#f8f8f8; margin:0 0 0px 0; padding:0px 0px 0px 15px;  font-weight:500;  line-height:50px; text-align:left;  letter-spacing:-1px; background:#0f2a8d}

#m_notice h1 span.mmore {float:right;}
#m_notice h1 span.mmore a { display:block; color:#d3d3d3; padding:0px 10px; font-size:12px;  margin:0px 10px 5px 0;}
#m_notice h1 span.mmore a:hover{ color:#fff; text-decoration:underline}

#m_notice ul {margin:18px 15px;}
#m_notice ul li {background:url(image/bt_icon05.gif) no-repeat left 10px; line-heigh:25px; margin:0 0 10px 0; padding:0 0 0 10px;}

/* °¶·¯¸® */
#m_gallery { float:left; margin:0px 10px;width:280px;min-height:244px; background:#fff; border:1px solid #0f2a8d; text-align:left;box-sizing:border-box;}
#m_gallery h1 {font-size:22px; color:#f8f8f8; margin:0 0 0px 0; padding:0px 0px 0px 15px;  font-weight:500;  line-height:50px; text-align:left;  letter-spacing:-1px; background:#0f2a8d}

#m_gallery h1 span.mmore {float:right;}
#m_gallery h1 span.mmore a { display:block; color:#d3d3d3; padding:0px 10px; font-size:12px;  margin:0px 10px 5px 0;}
#m_gallery h1 span.mmore a:hover{ color:#fff; text-decoration:underline}

#m_gallery ul {margin:15px;}
#m_gallery ul li img{ width:100%; max-height:160px;}



/* »ó´ã¹®ÀÇ */
#m_qa { float:left; margin:0px 10px;width:280px;min-height:244px; background:#82b90f url(image/m_bg01.gif) no-repeat center bottom; text-align:center; }
#m_qa div.box {margin:40px 30px; height:100%; overflow:hidden;}
#m_qa .txt1 {font-size:22px; font-weight:500; color:#fff; margin:10px 0 0px 0;}
#m_qa .txt2 {font-size:15px; color:#ececec;  font-weight:400;  line-height:24px;}

#m_qa  a {position:absolute; display:block; width:280px; height:100%;}


/* ÀÚ·á½Ç */
#m_data { float:left; margin:0px 10px;width:280px;min-height:244px; background:#0d288c url(image/m_bg02.gif) no-repeat center bottom; text-align:center; }
#m_data div.box {margin:40px 30px; height:100%; overflow:hidden;}
#m_data .txt1 {font-size:22px; font-weight:500; color:#fff; margin:10px 0 0px 0;}
#m_data .txt2 {font-size:15px; color:#ececec;  font-weight:400;  line-height:24px;}

#m_data  a {position:absolute; display:block; width:280px; height:100%;}


/* ÇϴܸµÅ© */
#m_link {width:100%; border-top:1px solid #d9d9d9; background:#fff; height:100%; overflow:hidden;}
#m_link ul {width:1200px; margin:0 auto;}
#m_link  li { float:left;margin:5px 25px;}