@charset "utf-8";

html, body {width:100%;height:100%;}

.off-nav-links {display:none;}

/* ============================================================================================================================================================================================
===== Wrap */
#wrap {
	position:relative;top:0;left:0;margin:0 auto;padding:0;
	width:100%;max-width:640px;height: auto !important; height: 100%; min-height: 100%;
	z-index:10;
	overflow-x:hidden;
}

/* ============================================================================================================================================================================================
===== Navigation */
aside#gnb{position:absolute;left:-100%;top:0;width:100%;height:100%;z-index:9999999;}
aside#gnb .cont1{position:relative;left:0;top:0;width:250px;height:100%;background:#fff;z-index:10; }
aside#gnb header{width:100%;height:55px; border-top:10px solid #f25b22;}
aside#gnb header .login{padding:0 15px;}
aside#gnb header span{display:block;float:left;font-weight:bold;font-size:16px;line-height:45px;}
aside#gnb header .btn_logout{margin-top:15px;overflow:hidden;display:block;float:right;width:16px;height:45px;background:url("../images/common/btn_logout.png") no-repeat center top;background-size:12px 16px; text-indent:-1000em;}
aside#gnb .btns .btn_close{overflow:hidden;display:block;position:absolute;right:-50px;top:0;width:50px;height:48px;background:url("../images/common/btn_x.png") no-repeat center center;background-size:50px 48px;text-indent:-1000em;z-index:10;}
aside#gnb .btns{clear:both;background:#1fb25a;height:10px;}

aside#gnb .category_list{}
aside#gnb .category_list ul{}
aside#gnb .category_list ul li{background:#e9e9e9;border-bottom:solid 1px #b6b6b6;}
aside#gnb .category_list ul li a{display:block;padding:0 15px;font-size:13px;line-height:50px;color:#323232; font-weight:800;}
aside#gnb .category_list ul li.selected a,
aside#gnb .category_list ul li a:hover{background:url("../images/common/icon4.png") no-repeat right 10px center #2d2d2d;background-size:20px 20px;color:#29c95d !important; font-weight:800;}

aside#gnb .category_list ul.dep2 {position:relative;  display:block;  z-index:50; text-align:left; background-color:#fff; }
aside#gnb .category_list ul.dep2 li{ padding-left:15px; background-color:#fff;  }
aside#gnb .category_list ul.dep2 li a{display:block; background:none; padding:7px 5px; white-space:nowrap;   font-size:12px; line-height:18px; color:#323232 !important; font-weight:500; }
aside#gnb .category_list ul.dep2 li a:hover,
aside#gnb .category_list ul.dep2 li a:focus{color:#f25b22; background:none;}

.bg_gnb{position:fixed;left:-100%;top:0;width:100%;height:100%;background:url("../images/common/bg_black80.png");}


/* ============================================================================================================================================================================================
===== Header */
#header{position:relative; top:0;width:100%;height:80px;}
#header .logo {padding-top:24px; width:194px; height:31px;  margin:0px auto; z-index:2;}
#header .logo img {width:194px; height:auto;  }

h1.logo_main {position:absolute; top:12px; height:auto; z-index:2; width:100%; text-align:center}
h1.logo_main img{width:170px;height:auto;}

#header a.btn_kor {position:absolute;right:37px;top:25px;padding:5px 7px;border:solid 1px #f25b22;font-weight:bold;font-size:12px;color:#ea4242; background-color:#fff7e9; }
#header a.btn_eng{position:absolute;right:10px;top:25px;padding:5px 7px;border:solid 1px #f25b22;font-weight:bold;font-size:12px;color:#ea4242; background-color:#fff7e9; }
#header a.on {color:#fff; background-color:#f25b22;}

#header .btn_menu {position:absolute;left:10px;top:25px;width:39px;height:27px;z-index:2;}
#header .btn_menu a{display:block;width:100%;height:100%;background:url("../images/common/btn_menu2.png") no-repeat center center ;background-size:39px auto;}

#header .btn_search {position:absolute; right:10px;top:25px;width:40px;height:27px; z-index:2;}

#header .ji_name {position:relative; top:60px; z-index:2; font-weight:800; font-size:14px; width:80%; margin:0px auto; text-align:center;}
#header .ji_name a.btn_logout {width:60px; padding:4px; font-weight:bold; font-size:11px; color:#fff;  background-color:#444343; display:inline-block; }

#topmenu {position:relative; left:0; width:100%; padding:1px;  height:40px; background-color:#f25b22; color:#fff; text-align:center;}
#topmenu  {margin-top:0px; }
#topmenu  table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;word-break:break-all;border:0; }
#topmenu  table td { line-height:40px; color:#fff; font-size:12px; font-weight:800;  text-align:center; }
#topmenu  table td a {color:#fff;}
#topmenu  table td a:hover {color:#000 !important;}

#topmenu_sun {position:relative; left:0; width:100%;   height:2px; background-color:#f25b22; color:#fff; text-align:center;}


.main_promo {position:relative;  width:100%; height:auto;  }
.main_promo img {width:100%;}

.main_btn {position:relative;  width:100%; height:35px; background-color:#2da755;  padding:15px 0px; top:0px; }
.main_btn ul li { float:left; color:#fff; font-size:19px; line-height:25px; font-weight:800; width:48%;letter-spacing:-1px; text-align:center; }
.main_btn ul li a, a:hover { color:#fff;}
.main_btn ul li:first-child {border-right:1px solid #80c196;}
.main_btn ul.sub01_bt li { float:left; color:#fff; font-size:19px; line-height:25px; font-weight:800; width:33%;letter-spacing:-1px; text-align:center; }
.main_btn ul.sub01_bt li{border-right:1px solid #80c196;}
.main_btn ul.sub01_bt li:last-child {border-right:0px ;}

.main_product {position:relative;  width:100%; text-align:center; }
/* 메이트리 정미라 추가*/
.sub_product {position:relative;  width:100%; text-align:center; border-bottom:1px solid #e5e5e5; padding:0px 15px 35px 15px;}
.sub_product p{line-height:24px; position:relative;  width:95%;}
.sub_product p.brand_img {margin-top:35px; position:relative;  width:95%; height:auto;}
.sub_product p.brand_img img {width:90%;}
.sub_product h1 {font-size:29px; color:#393737; font-weight:700; line-height:38px;  letter-spacing:-1px; padding:35px 0px 20px;}
/* 메이트리 정미라 추가*/
.main_product h1 {font-size:29px; color:#393737; font-weight:700; line-height:38px;  letter-spacing:-1px; padding:35px 0px 20px;}


.board_product {margin-top:10px; }

.board_product ul li{text-align:center; float:left; width:50%;  padding:40px 0 155px 0;; }
.board_product ul li.mm2 a{color:#222222!important;}
.board_product ul li a{color:#ffffff; font-size:28px; font-weight:bold; letter-spacing:-1px; }
.board_product ul li.mm3 a, .board_product ul li.mm4 a, .board_product ul li.mm5 a, .board_product ul li.mm6 a{ position:relative; top:100px;}
.board_product ul li.mm1, .board_product ul li.mm2{padding:35px 0px!important; height:75px;}
.board_product ul li.mm3{background:#832764 url('../images/common/icon11.png') no-repeat center 35px;}
.board_product ul li.mm4{background:#1977b9 url('../images/common/icon22.png') no-repeat center 35px;}
.board_product ul li.mm5{background:#f48e31 url('../images/common/icon33.png') no-repeat center 35px;}
.board_product ul li.mm6{background:#da5631 url('../images/common/icon44.png') no-repeat center 35px;}


.board_product table {width:100%; border:1px solid #e5e5e5; margin:0px auto;}
.board_product table td {text-align:center; vertical-align:middle;  font-size:13px;  line-height:18px;  letter-spacing:-1px;   width:40%; padding:25px 4%; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:0px; }
.board_product table td h1 {font-size:16px; color:#353534; line-height:18px; text-align:center;  letter-spacing:-1px;  font-weight:700; margin:0px; padding:13px 0px 0px;}
.board_product table td span {font-size:12px; color:#828282; line-height:18px; text-align:center;   letter-spacing:-1px;  font-weight:500; margin:0px; padding:13px 0px 0px;}
.board_product table td img {width:100%;}


.board_product_view {margin-top:10px; }
.board_product_view table {width:100%; border:0px solid #e5e5e5; margin:0px auto;}
.board_product_view table td {text-align:center; vertical-align:middle;  font-size:13px;  line-height:18px;  letter-spacing:-1px;   width:92%; padding:25px 4%; border-right:0px solid #e5e5e5; border-bottom:0px solid #e5e5e5; margin:0px; }
.board_product_view table td h1 {font-size:21px; color:#353534; line-height:28px; text-align:center;  letter-spacing:-1px;  font-weight:800; margin:0px; padding:13px 0px 0px;}
.board_product_view table td span {font-size:12px; color:#828282; line-height:18px; text-align:center;   letter-spacing:-1px;  font-weight:500; margin:0px; padding:13px 0px 0px;}
.board_product_view table td img {width:100%;}



.paging {margin-top:40px; text-align:center;}
.paging * {}
.paging a {background:url(/images/common/dot_paging.gif) 0 10px no-repeat; padding:0 5px 0 10px; color:#666; font-family:Verdana; font-size:11px;}
.paging a.on {color:#000;}
.paging a.first {background:0 none;}
.paging .firstP,
.paging .lastP,
.paging .prev,
.paging .next {font-size:0; line-height:0; vertical-align:4px;}
.paging .firstP {background:url(/images/main/line_login.gif) 100% 0 no-repeat; margin-right:7px; padding:0 6px 0 0 ;}
.paging .lastP {background:url(/images/main/line_login.gif) 0 0 no-repeat; margin-left:7px; padding:0 0 0 6px;}
.paging .prev,
.paging .next {background:0 none; padding:0;}

.paging img {vertical-align:middle;}




.noti_gry {position:relative; left:0; width:100%; padding:1px;  height:40px; background-color:#ebebeb; color:#2d2d2d; text-align:center;  font-weight:700; font-size:13px; line-height:40px;}
.noti_gry img {margin-right:10px; width:23px; height:auto; vertical-align:middle;}
.noti_gry span {font-family:Tahoma, Malgun Gothic; color:#ff5211; font-weight:800; padding-left:7px; border-left:1px solid #c4c4c4;}






.tel {position:relative; width:100%; background-color:#2d2d2d; height:190px;}
.tel .left {position:absolute; width:49%; border-right:1px solid #5b5b5b;  height:190px; color:#fff; text-align:center;  font-family:Tahoma;   font-size:23px;   line-height:28px; font-weight:800; letter-spacing:-1px;}
.tel .left h1 {width:100px; border-radius:30px; background-color:#f25b22; font-size:17px; font-weight:800; color:#2d2d2d;  padding:7px 15px; margin:0px auto;  margin-top:35px;}
.tel .left span {font-family:Tahoma;  color:#f25b22;}

.tel .right {position:absolute; margin-left:50%; width:49%;  color:#fff;  height:190px; text-align:center; font-family:Tahoma;   font-size:23px;   line-height:28px; font-weight:800; letter-spacing:-1px; }
.tel .right h1 { width:100px; border-radius:30px; background-color:#fcb134; font-size:17px; font-weight:800; color:#2d2d2d; padding:7px 15px; margin:0px auto; margin-top:35px;}
.tel .right span { color:#fcb134;}

.notice {width:100%; position:relative;  display:block; height:230px;}
.notice .noti_title {background:#f25b22; color:#fff; font-size:17px; font-weight:700; line-height:45px;  text-align:center;  font-weight:800; letter-spacing:-1px; font-family:"Malgun Gothic"; }
.notice ul li {background:#fff6e7; float:left; font-size:14px; line-height:30px; width:96%; padding:0px 2%; letter-spacing:-1px;}
.notice ul li span.icon {width:50px; padding:1px ; font-weight:bold; font-size:11px;  line-height:18px; color:#fff;  letter-spacing:0px;background-color:#f25b22; display:inline-block; text-align:center; margin-right:5px; }
.notice ul li span.icon2 {width:50px; padding:1px; font-weight:bold; font-size:11px;  line-height:18px;color:#fff;  letter-spacing:0px; background-color:#989898; display:inline-block; text-align:center; margin-right:5px; }
.notice ul li:first-child { padding-top:20px;}
.notice ul li:last-child { padding-bottom:20px; border-bottom:1px solid #f25b22;}

.free {width:100%; position:relative; display:block; height:230px; }
.free .free_title {background:#f7f7f7; border-bottom:1px solid #d4d4d4; color:#2d2d2d;  font-size:17px; font-weight:700; line-height:45px;  text-align:center;  font-weight:800; letter-spacing:-1px; font-family:"Malgun Gothic"; }
.free ul li { float:left; font-size:14px; line-height:30px; width:96%; padding:0px 2%; letter-spacing:-1px;}
.free ul li img {width:15px; height:auto;}
.free ul li:first-child { padding-top:20px;}
.free ul li:last-child { padding-bottom:20px; border-bottom:1px solid #f25b22;}





/*===== Header */
#header2 {position:relative;left:0;top:0;width:100%; height:55px;}
#header2 .hsearch {position:absolute;left:0;bottom:0;width:100%;height:55px;}
#header2 .hsearch h1.logo{position:absolute; top:12px; width:100%; text-align:center; height:auto; z-index:2;}
#header2 .hsearch h1.logo img{width:103px; height:auto; padding-right:10%;}
#header2 .hsearch a.btn_login{position:absolute;right:10px;top:15px;padding:5px 7px;border:solid 1px #ea4242;font-weight:bold;font-size:12px;color:#ea4242; z-index:4;}

.btn_menu{position:absolute;left:0;top:10px;width:45px;height:35px;z-index:4; }
.btn_menu a{display:block;width:100%;height:100%;background:url("../images/common/btn_menu2.png") no-repeat center center;background-size:23px auto;}





.inner { width:100%; margin:0 auto;  zoom:1; position:relative; width:100%;  height:4px; background-color:#3bb769; color:#fff; text-align:center;  z-index:2000000; }









/* ============================================================================================================================================================================================
===== Container */
#container {
	position:relative;top:0;left:0;
	margin:0 auto;padding:0;
	width:100%;
	
}

#con_sub {background-color:#f5f5f5;  padding-top:15px; }

/* ============================================================================================================================================================================================
===== Footer */
#footer {	position:relative;top:0;left:0;padding:0 0 20px; z-index:20;}
#footer:after{clear:both;display:block;content:"";}
#footer .sns{padding:15px 0 5px; width:100%; text-align:center; color:#656565; font-weight:800; font-size:14px;}
#footer .fnb{padding:10px 0; width:100%; text-align:center; color:#656565; font-weight:800; font-size:14px;}
#footer .fnb_na{padding:10px 15px; width:90%; text-align:center; background:#fff; color:#656565; margin:0px auto; font-size:12px; letter-spacing:-1px;}


#footer .siteinfo{clear:both;margin:10px auto; width:100%;  text-align:center; }
#footer .siteinfo span{display:inline-block;margin:0 10px 0 0;font-size:13px;color:#6b6b6b;line-height:1.5;}
#footer .btn_top{display:block;position:absolute;right:10px;bottom:0;width:40px;height:34px;border:solid 1px #b3b3b3;z-index:10;}
#footer .btn_top img{width:100%;height:100%;}

/* 바로가기 */
.fgoto{border-bottom:solid 1px #e41112;}
.fgoto .cont1{padding:20px 0;background:#eee;}
.fgoto .cont1:after{clear:both;display:block;content:"";}
.fgoto .cont1 ul{margin:0 0 0 3.75%;width:92.5%;}
.fgoto .cont1 ul li{float:left;width:50%;}
.fgoto .cont1 ul li a{display:block;margin:-1px 0 0 -1px;padding:10px;background:#fff;border:solid 1px #d4d4d4;font-size:12px;text-align:center;}
/* ============================================================================================================================================================================================
===== Etc. */
.clear{display:block;float:none;clear:both;width:100%;height:0;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}