@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 {

	POSITION: relative; 
	WIDTH:100%;
	HEIGHT:515px;
	Z-INDEX:1;
	TOP:0px;
	text-align:center; 

}
#main_txt {position:absolute; left:50%; margin-left:-248px; top:85px; z-index:2; background:url(image/m_txt_bg.png) no-repeat center center; padding:30px 0 50px 0}
#main_txt p {width:496px;}
#main_txt p.tit1 {font-size:44px; color:#f8f8f8;  padding-bottom:0px; font-weight:500;letter-spacing:1px; background:url(image/m_txt_icon.gif) no-repeat 80px top;}
#main_txt p.tit1 span {color:#2bdcc8; font-weight:600;}
#main_txt p.txt1 {font-size:20px;color:#f3f3f3; margin:3px 0;font-weight:500; letter-spacing:-1px;}

/*-------------------------¸ÞÀκñÁÖ¾ó------------------------------*/
.mainVisual { position:static; z-index:1;  height:515px; margin:0; overflow:hidden; }
.mainVisual .list { position:absolute !important; left:0; width:100% !important; height:515px; margin-top:0px; }
.mainVisual .list li div.txt1 {top:75px; left:50%; margin:0px 0 0 -590px; text-align:left;}
.mainVisual .list li div.txt1 p {color:#2f2f2f; font-size:47px; font-weight:700; line-height:50px; letter-spacing:-1px;}
.mainVisual .list li div.txt1 p.t1 {font-size:37px; font-weight:500;}
.mainVisual .list li div.txt1 p.t2 {font-size:24px; font-weight:300;}
.mainVisual .list li { position:absolute; left:0; 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:-220px;padding:0px; height:27px;width:400px;margin-left:-200px;z-index:10; background:url(image/curlco_bg.png) no-repeat center; }
.mainVisual .btnSet .curIco a { display:inline-block; width:16px; height:17px; 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:17px; }

.mainVisual .caption {position:absolute; top:0px; right:50%; padding:0 25px 0 16px; margin:0 -406px 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%; top:0px; left:0px;margin:0 auto 0px auto; background:#fff; padding-bottom:35px;}
#m_pro.m_best {background:url(image/bt_pt02.gif) repeat;}
#m_pro_tit{ width:1200px;margin:0px  auto 0px  auto; padding-top:35px; line-height:42px; border-bottom:1px solid #cfcfcf;padding-bottom:0px; }
#m_pro_tit h1 {display:inline; font-size:32px;font-weight:600; letter-spacing:-0.5px;  text-align:left;}
#m_pro_tit h1 span.t1 { color:#1f9572; border-bottom:2px solid #3c3f46; padding-left:5px}
#m_pro_tit h1 span.t2 { color:#3c3f46;  border-bottom:2px solid #1f9572;padding-right:5px}

#m_pro_tit div.mmore { float:right;margin:15px 0px 0 0; text-align:center;}
#m_pro_tit div.mmore a { display:block; /*border-radius:10px;border:1px solid #555555;*/ color:#555555; font-size:14px; padding:0px 10px 0 10px;}
#m_pro_tit div.mmore a:hover{background:#ff8601;border:1px solid #ff8601; color:#f8f8f8;}

#m_pro div.box { clear:both;width:1200px; margin:20px auto; text-align:center;}

/* Á¦Ç°¸ñ·Ï_ÃßõÁ¦Ç° */
#m_best:after {clear:both;display:block;content:"";}
#m_best {position:relative; width:100%; top:0px; left:0px;margin:0 auto 0px auto; background:url(image/bt_pt02.gif) repeat; padding-bottom:35px;}

#m_best_tit{ width:1200px;margin:0px  auto 0px  auto; padding-top:35px; line-height:42px; border-bottom:1px solid #43d1a9;padding-bottom:0px; }
#m_best_tit h1 {display:inline; font-size:32px;font-weight:600; letter-spacing:-0.5px;  text-align:left;}
#m_best_tit h1 span.t1 { color:#00ffde; border-bottom:2px solid #f7f7f7; padding-left:5px}
#m_best_tit h1 span.t2 { color:#f7f7f7;  border-bottom:2px solid #00ffde;padding-right:5px}

#m_best_tit div.mmore { float:right;margin:15px 0px 0 0; text-align:center;}
#m_best_tit div.mmore a { display:block; /*border-radius:10px;border:1px solid #555555;*/ color:#eeeeee; font-size:14px; padding:0px 10px 0 10px;}
#m_best_tit div.mmore a:hover{background:#ff8601;border:1px solid #ff8601; color:#f8f8f8;}

#m_best div.box { clear:both;width:1200px; margin:20px auto; text-align:center;}



/***ÄÜÅÙÃ÷***/
#content:after {clear:both;display:block;content:"";}
#content {
	POSITION:relative;
	WIDTH:100%;
	text-align:center;
	top:0px;
	margin:0 auto; background:url(image/bt_pt01.gif) repeat;
	
}


#content_in:after {clear:both;display:block;content:"";}
#content_in {
	POSITION:relative;
	WIDTH:1200px;
	min-height:310px; 
	text-align:center;
	top:0px;
	margin:0 auto;
}


/* Ãë±ÞÇ°¸ñ */
#m_item { float:left;
	WIDTH:702px;
	min-height:270px;
	text-align:left;
	top:0px; 
	margin:20px 9px; background:#fff
}
#m_item div.txt h1 { color:#313131; font-size:24px; line-height:33px; font-weight:600; letter-spacing:-0.5px; padding:0px 0 15px 0px;}
#m_item div.txt {float:left;margin:35px; color:#363636; line-height:18px;}
#m_item div.txt p{text-align:center;}
#m_item div.txt p.mmore { margin:30px auto 0 auto;}
#m_item div.txt p.mmore a { display:block;width:90px; font-size:13px; color:#f8f8f8;/*border-radius:10px; border:1px solid #0c397e; */background:#24a27d; margin:0 ;  line-height:30px; }

#m_item_img {float:left; margin:55px 0 0 0}

/* »ó´ã¹®ÀÇ */
#m_qa {float:left;WIDTH:222px;min-height:270px;text-align:center; top:0px;margin:20px 9px; background:#fff }
#m_qa h1 {color:#313131; font-size:24px; line-height:33px; font-weight:600; letter-spacing:-0.5px; padding:35px 0 3px 0px;}
#m_qa div.txt {margin:10px  auto 0px  auto; color:#363636; line-height:18px; font-size:13px;}
#m_qa p{text-align:center;}
#m_qa p.mmore { margin:0px auto;}
#m_qa p.mmore a { display:block;font-size:16px; color:#f8f8f8;/*border-radius:10px;*/ border:1px solid #4f545e; background:#4f545e; margin:0  auto;  line-height:45px; }

/* °í°´¼¾ÅÍ */
#m_tel {float:left; width:222px;min-height:270px;text-align:center; top:0px; margin:20px 9px; background:#fff}
#m_tel h1 {color:#313131; font-size:24px; line-height:33px; font-weight:600; letter-spacing:-0.5px; padding:35px 0 15px 0px;}
#m_tel p {text-align:center;color:#0c397e;font-size:29px; margin:0px auto 10px auto;font-weight:500;font-family:'Gotham';line-height:40px;}
#m_tel p span{ color:#32ac8a; font-size:27px;}


/***ÇÏ´Ü***/
#bottom {
	clear:both;
	POSITION: relative; 
	WIDTH: 100%; 
	HEIGHT: 120px;
	text-align:left;
	TOP:0px; background:#fff; border-top:1px solid #d9d9d9;
}

#bottom_lay {
	WIDTH:1200px;
	POSITION: relative;
	margin: 0 auto;
	top:0;
}
#bottom_img {float:left; margin:30px 80px 30px 10px;}

#bottom_lay li {padding:25px 0 0 10px;font-size:13px;color:#525252;line-height:160%;  font-weight:400;}
#bottom_lay li font {color:#266f9d;font-size:15px;}
#bottom_lay li span {display:block;font-family: Verdana, Geneva, sans-serif;font-size:11px;color:#8b8b8b; line-height:200%;}