*{margin:0; padding:0;}
a{text-decoration:none;}
a img{border:0;}
li{list-style:none;}
html, body{font-size:12px; font-family: 'Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; line-height:18px;}
@font-face {
    font-family: "Nanum Gothic";
    font-style: normal;
    font-weight: 700;
    src: url("./font/NanumGothic-Bold.eot?#iefix") format("embedded-opentype"), url("./font/NanumGothic-Bold.woff2") format("x-woff2"), url("./font/NanumGothic-Bold.woff") format("woff"), url("./font/NanumGothic-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Nanum Gothic";
    font-style: normal;
    font-weight: 400;
    src: url("./font/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), url("./font/NanumGothic-Regular.woff2") format("x-woff2"), url("./font/NanumGothic-Regular.woff") format("woff"), url("./font/NanumGothic-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Nanum Gothic";
    font-style: normal;
    font-weight: 800;
    src: url("./font/NanumGothic-ExtraBold.eot?#iefix") format("embedded-opentype"), url("./font/NanumGothic-ExtraBold.woff2") format("x-woff2"), url("./font/NanumGothic-ExtraBold.woff") format("woff"), url("./font/NanumGothic-ExtraBold.ttf") format("truetype");
}


.skip{font-size:0; line-height:0; letter-spacing:-999px;}



#header,#contents,#footer{width:100%; line-height:19px;}



/* 탑메뉴 부분 시작 */
#header{background:url(../img/topbg.png); height:153px; position:absolute; z-index:1000;}
/* 네이게이션 가로 길이 1150 가운데 정렬 */
#header #header_wrap{position:relative; width:1150px; margin:0 auto;}
div#logo {float:left; width:253px; margin-top:3px;}
ul#topmenu_navi {float:left; width:855px; position:relative; margin-left:40px;}
/* 메인 메뉴 각 목록 스타일 */
ul#topmenu_navi > li {float:left;}
ul#topmenu_navi > li > span {float:left; width:100%;}


/* 서브 메뉴 스타일 */
ul#topmenu_navi > li > div.navi_sec {clear:left; position:absolute; top:60px; left:0; width:100%;}
ul#topmenu_navi > li > div.navi_sec ul {; padding-top:10px; height:25px; }
ul#topmenu_navi > li > div.navi_sec ul li{float:left; padding:0 10px;text-align:left; position:relative; }
ul#topmenu_navi > li > div.navi_sec ul li a {display:block; color:#fff;font-weight:bold; font-size:14px;}
ul#topmenu_navi > li > div.navi_sec ul li a:hover {color:#fff; text-decoration:none;}
ul#topmenu_navi > li > div.navi_sec ul li a.line:before{display:block; position:absolute; top:4px; left:-2px; height:12px; border-left:1px solid #fff; content:'';}
/*-------------------------------------------------------------------------------------------------------*/

/*메인 슬라이드 부분 시작입니다.*/
#contents_ms { width:100%; height:675px; margin:0 auto; position:relative; top:0px; display:none; overflow:hidden } /* position:relative */
	/* slider */
	#slider { top:0; left:0; height:675px; position:absolute; }
	#slider ul { height:675px; position:relative; }
	#slider ul li { list-style:none; float:left; width:100%; height:675px; position:absolute; }
	#slider ul li div { margin:0 auto; width:1395px; height:675px; position:relative; }

	/* slider - gp1 */
	.slider_gp1 { top:0; left:0; height:675px; position:absolute; }
	.slider_gp1 ul { height:675px; position:relative; }
	.slider_gp1 ul li { list-style:none; float:left; width:100%; height:675px; position:absolute; }
	.slider_gp1 ul li div { margin:0 auto; width:1395px; height:675px; position:relative; }
	.slider_gp1 ul li div.box1 img { top:380px; left:0; position:absolute; }
	.slider_gp1 ul li div.box2 img { top:555px; left:650px; position:absolute; }
	.slider_gp1 ul li div.box3 img { top:380px; left:0; position:absolute; }
	.slider_gp1 ul li div.box4 img { top:380px; left:0; position:absolute; }
	.slider_gp1 ul li div.box5 img { top:380px; left:0; position:absolute; }

	/* slider - gp2 */
	.slider_gp2 { top:0; left:0; height:548px; position:absolute; }
	.slider_gp2 ul { height:548px; position:relative; }
	.slider_gp2 ul li { list-style:none; float:left; width:100%; height:548px; position:absolute; }
	
	.slider_gp2 ul li div.box1 { margin:0 auto; width:1140px; height:548px; position:relative; }
	.slider_gp2 ul li div.box2 { margin:0 auto; width:1140px; height:548px; position:relative; }
	.slider_gp2 ul li div.box3 { margin:0 auto; width:1140px; height:548px; position:relative; }
	.slider_gp2 ul li div.box4 { margin:0 auto; width:1140px; height:548px; position:relative; }
	.slider_gp2 ul li div.box5 { margin:0 auto; width:1140px; height:548px; position:relative; }

	.slider_gp2 ul li div.box1 .nav { top:0; left:0; cursor:pointer; position:absolute; }
	.slider_gp2 ul li div.box2 .nav { top:0; left:0; cursor:pointer; position:absolute; }
	.slider_gp2 ul li div.box3 .nav { top:0; left:0; cursor:pointer; position:absolute; }
	.slider_gp2 ul li div.box4 .nav { top:0; left:0; cursor:pointer; position:absolute; }
	.slider_gp2 ul li div.box5 .nav { top:0; left:0; cursor:pointer; position:absolute; }

	.slider_gp2 ul li div.box1 .nav .arrow { position:absolute; }
	.slider_gp2 ul li div.box1 .nav .go { left:34px; top:277px; position:absolute; }
	
	.slider_gp2 ul li div.box2 .nav .arrow { position:absolute; }
	.slider_gp2 ul li div.box2 .nav .go { left:34px; top:277px;  position:absolute; }
	
	.slider_gp2 ul li div.box3 .nav .arrow { position:absolute; }
	.slider_gp2 ul li div.box3 .nav .go { left:34px; top:277px;  position:absolute; }
	
	.slider_gp2 ul li div.box4 .nav .arrow { position:absolute; }
	.slider_gp2 ul li div.box4 .nav .go { left:34px; top:277px; position:absolute; }
	
	.slider_gp2 ul li div.box5 .nav .nav1 .arrow { position:absolute; }
	.slider_gp2 ul li div.box5 .nav .nav1 .go { left:34px; top:277px; position:absolute; }

	/* prev */
	#arrowPrev { width:45px; height:45px; position:absolute; top:340px; left:2%; }
	#arrowPrev div.img { width:45px; height:45px; position:absolute; }
	#arrowPrev div.square { width:109px; height:101px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; left:-50px; }
		
	/* next */
	#arrowNext { width:45px; height:45px; position:absolute; top:340px; right:2%; }
	#arrowNext div.img { width:45px; height:45px; position:absolute; }
	#arrowNext div.square { width:109px; height:101px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; }

	/* navigation */
    #contents_nav_container { margin:0 auto; top:490px; width:871px; height:58px; position:relative; }
	
	#contents_nav_container .default { margin:0; padding:0; width:1058px; height:58px; position:absolute; }
	#contents_nav_container .over { width:217px; height:58px; overflow:hidden; position:absolute; }
	#contents_nav_container .over ul { margin:0; padding:0; width:1058px; height:58px; position:absolute; }
	/*#contents_nav_container .line { margin:0; padding:0; width:1058px; height:58px; position:absolute; }
	#contents_nav_container .btn { margin:0; padding:0; width:1058px; height:58px; position:absolute; }*/

	#contents_nav_container .default li { list-style:none; float:left; width:217px; height:58px; position:relative; }
	#contents_nav_container .over ul li { list-style:none; float:left; width:217px; height:58px; position:relative; }
	/*#contents_nav_container .line li { list-style:none; width:1px; height:58px; background:#FFFFFF; position:absolute; }
	#contents_nav_container .btn li { list-style:none; float:left; width:217px; height:58px; background:#fff; cursor:pointer; position:relative; }*/
	
	/* */
	#contents_ms_loading_panel { width:31px; height:31px; top:320px; margin:0 auto; position:relative; }
/*-------------------------------------------------------------------------------------------------------*/

/*메인 컨텐츠 내용 부분 시작입니다.*/
#contents{background:#ffffff; padding:40px 0 65px 0; float:left;}
.contents_center{margin:0 auto; width:1425px;}

.main_photo{float:left; width:973px; height:195px;}
.main_photo h1{padding-bottom:18px;}

.main_news{float:left; width:365px; margin-left:87px; height:195px;}
.main_news h1{padding-bottom:18px;}
.main_news ul li a{color:#777;}

.main_banner{width:1425px; margin:0 auto;}
.main_banner ul li{float:left; padding:45px 9px 0 9px;}
/*-------------------------------------------------------------------------------------------------------*/


/*서브 컨텐츠 내용 부분 시작입니다.*/
.subVisual01{height:481px; background:url('../img/sub_visual_01.jpg') top center no-repeat;}
.subVisual02{height:481px; background:url('../img/sub_img2.jpg') top center no-repeat;}
.subVisual03{height:481px; background:url('../img/sub_img3.jpg') top center no-repeat;}
.subVisual04{height:481px; background:url('../img/sub_img4.jpg') top center no-repeat;}
.subVisual05{height:481px; background:url('../img/sub_img5.jpg') top center no-repeat;}
.subVisual06{height:481px; background:url('../img/sub_img6.jpg') top center no-repeat;}
.subVisual07{height:481px; background:url('../img/sub_img7.jpg') top center no-repeat;}

/*서브타이틀 부분*/

#subTitle #subTitleBox{width:1150px; margin:0 auto;}
.leftTitle{float:left; width:268px;}
.leftTitle h1{color:#ffffff; font-size:24px; font-family: 'Nanum Gothic'; padding-top:25px; background:#fac6cc; height:46px; text-align:center;}
.subTit{float:right; width:872px; padding-right:8px; border-bottom:1px solid #e2e2e2; height:70px;}
.subTit h2{float:left; color:#000; font-size:26px; font-family: 'Nanum Gothic'; padding:26px 0 0 70px;}
.subTit .lnb{float:right; padding-top:26px;}
.subTit .lnb ul li{float:left; color:#777777; font-size:12px; font-family:'Nanum Gothic';}
.subTit .lnb ul li.home a{color:#777777; text-decoration:none;}
.subTit .lnb ul li.current{color:#fa8795; background:none; font-weight:bold;}

/*왼쪽메뉴 및 내용 부분*/
#subMain{width:1150px; margin:71px auto;}
#subMain2{float:left; width:100%;}
/*#subMain2{float:left; width:100%; background:url('../img/leftbg.gif') repeat-y;}*/
.subArea{float:left; padding:25px 0 100px 75px; width:80%;}
.leftArea{float:left; width:268px; padding:0 0 100px 0;}
.leftMenu{padding-top:15px;}
.leftMenu h2{margin-bottom:16px;}
.leftMenu h2 span{display:block; margin-bottom:8px;}
.leftMenu{margin-bottom:30px;}
.leftMenu ul li{height:38px; background:url('../img/left_arr.gif') top center no-repeat;}
.leftMenu ul li a{display:block; padding:10px 0 2px 40px; font-size:15px; font-weight:bold;}
.leftMenu ul li a.on, .leftMenu ul li a:hover, .leftMenu ul li a:focus{color:#fa8795; text-decoration:none;}

/*회사소개*/
.sub1_1{width:630px; margin:0 auto;}
.sub1_1 ul li p{padding-left:5px;}
.sub1_3{width:334px; margin:0 auto;}



/*리얼액상 페이지 부분*/
#modal_win img{vertical-align:top;}
#modal_win{width:748px; float:left;}
#modal_win ul li{float:left; margin-right:8px; padding-bottom:20px;}
#modal_win ul li a{display:block; position:relative;}
#modal_win ul li a span{display:block; position:absolute; height:35px; background:rgba(0,0,0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000,endColorstr=#bb000000);
  zoom: 1; width:100%; bottom:0; left:0; color:#fff; text-align:center; line-height:35px;}
#modal_win > ul li a:hover div{position:absolute; width:100%; height:100%; background:url(../img/box_line.png) no-repeat; left:0; top:0;}



/*전체화면을 어둡게 하는 방법*/
#glayLayer{position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); display:none;}

/*모달윈도우 이미지 보여주기*/
#overLayer{position:fixed; left:50%; top:50%; margin-top:-200px; margin-left:-215px; display:none;}
#overLayer > div{position:relative; width:382px; height:416px;}
#overLayer > div > #over_text{position:absolute; top:275px; width:340px; padding:0 20px; text-align:center;}
#overLayer > div span{position:absolute; left:347px; top:0; right:0; cursor:pointer;}


/*판매처 검색 페이지 부분*/
.store_search{width:748px; border:1px solid #e8e8e8; padding-top:20px; float:left; margin-bottom:30px;}
.map_find{float:left; width:331px; margin-left:19px;}
.text_find{float:left; width:332px; margin:0 18px 0 45px;}
.text_find h2{margin-bottom:40px;}
.text_find p{margin-bottom:30px;}
.text_find #search1{background:#fff; border:1px solid #aaa; width:300px; height:27px;}
.text_find #search2{background:#fff; border:1px solid #aaa; width:300px; height:27px;}

.store_list{width:748px; float:left;}
.store_list tr.bg{height:35px;}
.store_list td{padding:5px;}
.store_list td.text1{text-align:center; border-bottom:1px solid #ddd;}
.store_list td.text2{text-align:center; border-bottom:1px solid #ddd;}
.store_list td.text3{border-bottom:1px solid #ddd;}
.store_list td.text4{text-align:center; border-bottom:1px solid #ddd;}
.store_list td.text5{text-align:center; border-bottom:1px solid #ddd;}

.store_view{width:748px; border:1px solid #e8e8e8; padding:20px 0; float:left; margin-bottom:30px;}
.store_view h1{margin:0 0 23px 20px;}
.store_view .store_photo p{float:left; margin-left:20px; background:url(../img/store_view_photo_bg.gif); width:313px; height:253px;}
.store_view .store_info h2{float:left; margin-left:42px; color:#c1272d; font-weight:bold; font-size:15px; font-family: 'Nanum Gothic'; margin-top:10px; margin-bottom:10px;}
.store_view #store_info_table1{float:left; margin-left:40px;}
.store_view #store_info_table1 th{text-align:left; height:30px;}
.store_view #store_info_table1 td{padding-left:20px;}

.map_view .map img{border:1px solid #e0e0e0;}
.map_view .map_btn ul{float:right; margin-top:10px; padding-bottom:50px;}
.map_view .map_btn ul li{display:inline;}

/*회사소개 페이지 부분*/
.about_contents1{float:left; width:748px;}
.about_main1_text p, .about_main2_text p, .about_main3_text p{line-height:20px; padding-top:10px;}
p span.font12px_red{font-size:14px; font-weight:bold; color:#c1272d;}
p span.font20px{font-size:20px; font-weight:bold;}
p span.font20px_red{font-size:20px; font-weight:bold; color:#c1272d;}
p span.font20px_white{font-size:20px; font-weight:bold; color:#fff;}

.about_main1{width:748px; float:left; padding:35px 0 20px 0; border-bottom:1px solid #c3c3c3;}
.about_main1_img, .about_main3_img{float:left;}
.about_photo1 > p, .about_photo3 > p{float:left; margin-top:5px; padding-left:50px; font-weight:bold; color:#555;}
.about_photo1, .about_photo3{float:left; width:204px; margin-right:30px;}

.about_main2{width:748px; float:left; padding:20px 0; border-bottom:1px solid #c3c3c3;}
.about_photo2{float:right; width:204px; margin-left:30px;}
.about_main2_img{float:right;}
.about_photo2 > p{float:left; margin-top:5px; padding-left:80px; font-weight:bold; color:#555;}

.about_main3{width:748px; float:left; padding:20px 0;}

.about_contents2{float:left; width:748px;}
.about_title2, .about_title3{margin-top:40px; text-align:center;}
.about_main4{float:left; width:360px; margin-top:30px; margin-right:27px;}
.about_main5{float:left; width:360px; margin-top:30px;}
.about_main4_text h3, .about_main5_text h3{margin-top:20px; padding:10px; text-align:center; font-size:16px; font-family: 'Nanum Gothic'; border-top:1px solid #aaa; color:#c1272d;}
.about_main4_text p, .about_main5_text p{padding:5px; text-align:center;}
.about_main4_text h4, .about_main5_text h4{padding:5px; text-align:center; font-size:14px; font-family: 'Nanum Gothic';}

.about_contents3{float:left; width:748px;}
.about_title4{margin-top:70px;}
.about_main6{margin-top:35px; border:1px solid #e8e8e8; text-align:center;}


/*인사말 추가 */

.sub1_1 ul li .thinks{
margin: 50px;
font-size: 15px;
font-weight: 300
}

.sub1_1 ul li .ceo1,
.sub1_1 ul li .ceo2{
font-size: 15px;
font-weight: 300;
    text-align: right;
}



/*서브 하단 판매처 찾기 배너 부분*/
#bottomBanner{margin-bottom:30px; float:left; overflow:hidden;}
/*-------------------------------------------------------------------------------------------------------*/


/*하단 카피라이트 부분*/
#footer{background:#1e2327; padding:50px 0 50px 0; float:left;}
#footer #copyright{margin:0 auto; width:100%;}
#footer #copyright p{font-size: 14px; font-weight: bold; color:#606568; text-align:center; line-height: 30px; }
#footer #copyright p a{color:#606568;}
/*-------------------------------------------------------------------------------------------------------*/