/*  전체 영역  */	
#wrap { width:100%; min-width:1240px; }

/* TM */	
#header { display:block; position:relative; z-index:3; width:1200px; height:120px; margin:0 auto; top:0; }
.tm { float:right;position:absolute; padding:10px 0 0; right:0;}
.tm a { display:inline-block; margin:0 0 0 -2px; text-align:center;color:#666; text-decoration:none; font-size:15px;  font-family:'Noto Sans Kr'; font-weight:300; letter-spacing:-0.06em; }
.tm a:hover { color:#cc0172; text-decoration:none;}
.tm_logo { position:relative; width:200px; top:50px; margin:0 auto; }
.tm a.level3 { display:inline-block; padding:0 15px; text-align:center; text-align:center;line-height:26px; font-family:'Noto Sans Kr'; font-size:13px; background:#e63131; color:#fff; font-weight:400; letter-spacing:-0.05em; text-decoration:none; }

.span_ll { display:inline-block; padding:0 2px; font-size:11px; font-family:'dotum'; color:#bbb; font-weight:normal; }
.span_fl { color:#bbb; font-size:12px; font-family:'NanumGothic', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }

/* 검색 */
#hd_sch { position:absolute; z-index:9999; width:315px; border:1px #ddd solid; top:50px;right:0; }
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_str { padding-left:10px;height:34px; background:#fff; width:275px; border:0; float:left; font-size:14px; font-weight:600;}
#hd_sch #sch_submit { margin-left:0px; height:31px;border:0; background:#fff; border:0; color:#ccc; width:30px;float:left;cursor:pointer; font-size:16px}	

/* GNB */
#gnb { display:block; position:relative; z-index:9; width:100%; height:50px; margin:0 auto; top:0px;} 
.gnb_stripe { height:50px; position:relative; background:#fff; }

#gnb_nav { display:none; width:100%; height:25px; margin:0 auto; position:relative; background:none; /* background:#444;*/ opacity:1;  } 
#gnb_nav_wrapper { margin:0 auto; width:1240px; position:relative; }
#gnb_nav_wrapper .temp { float:right; width:870px; left:270px; top:10px; position:absolute; }
#gnb_nav_wrapper div.default ul{ margin:0; padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; width:186px; height:25px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:25px; font-family:'arial','Noto Sans Kr'; font-weight:500; color:#222; font-size:18px; letter-spacing:-0.02em; text-align:center; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:25px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:25px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:25px; width:100%; height:25px; position:absolute; background:#FFF; color:#fd5c5c; }		

#gnb_nav_wrapper div.over ul{ top:0px; left:0px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; width:186px; height:25px; cursor:pointer; position:relative; }
		
#sub_nav_mask { display:none; margin:0 auto; clear:both; top:50px; left:0px; width:100%; height:0px; overflow:hidden; position:relative; opacity:1;}

/*  MAIN VISUAL  */
#visual_main { position:relative; z-index:1; width:100%; height:800px; margin-top:0px; }
#mvisual_contents { width:100% !important; height:800px; position:relative;overflow:hidden; top:0px; }
#mvisual_contents .main_img_wrap {min-width:1300px;position:inherit !important; width:100% !important;}
.main_img_wrap .main_text_area {margin:0 auto;width:1300px;position:relative;height:800px;}

.mvisual_01_text { width:100% !important; height:800px; position:relative; background:url('../images/MainVisual/bg1.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual_01_text .txt1_1 {position:absolute; top:0px; left:0px;}
.mvisual_02_text { width:100% !important; height:800px; position:relative; background:url('../images/MainVisual/bg2.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual_02_text .txt2_1 {position:absolute; top:0px; left:0px;}
.mvisual_03_text { width:100% !important; height:800px; position:relative; background:url('../images/MainVisual/bg3.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual_03_text .txt3_1 {position:absolute; top:0px; left:0px;}
.mvisual_04_text { width:100% !important; height:800px; position:relative; background:url('../images/MainVisual/bg4.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual_04_text .txt4_1 {position:absolute; top:0px; left:0px;}

.mvisualBtn { display:inline-block; position:relative; bottom:45px;width:100%; margin:0 auto; z-index:999;}
.mvisualBtn ul { width:65px; overflow:hidden; margin:0 auto; text-align:center; }
.mvisualBtn ul li { float:left; width:10px;height:10px; margin:0 3px; list-style:none; }

.mvisualBtn ul li a { display:inline-block; width:10px;height:10px; overflow:hidden; opacity:1; }
.mvisualBtn ul li a { text-align:center;line-height:60px; font-family:'Noto Sans Kr'; font-size:17px; background:none; color:#fff; border:1px #444 solid; font-weight:400; letter-spacing:-0.05em; text-decoration:none; }
.mvisualBtn ul li a.ico_1 { float:left; }
.mvisualBtn ul li a.ico_2 { float:left; }
.mvisualBtn ul li a.ico_3 { float:left; }
.mvisualBtn ul li a.ico_4 { float:left; }
.mvisualBtn ul li.on a.ico_1, .mvisualBtn ul li:hover a.ico_1 { background:#000; color:#fff;border:1px #000 solid;}
.mvisualBtn ul li.on a.ico_2, .mvisualBtn ul li:hover a.ico_2 { background:#000; color:#fff;border:1px #000 solid;}
.mvisualBtn ul li.on a.ico_3, .mvisualBtn ul li:hover a.ico_3 { background:#000; color:#fff;border:1px #000 solid;}
.mvisualBtn ul li.on a.ico_4, .mvisualBtn ul li:hover a.ico_4 { background:#000; color:#fff;border:1px #000 solid;}

.pn_nav { /*display:none;*/ position:absolute; z-index:99999; margin-top:313px; width:100%; }
.pn_nav_area {margin:0 auto;width:100%;position:relative}
.pn_nav a em.prev_btn { position:absolute; width:100px;height:160px;display:inline-block; left:60px; cursor:pointer; opacity:0.6; }
.pn_nav a em.next_btn { position:absolute; width:100px;height:160px;display:inline-block; right:60px; cursor:pointer; opacity:0.6; }

/* STEP */
.step1_wrap { width:100%; height:540px; text-align:center;  }
.step1_wrap .best { font-weight:600; color:#000; font-size:40px; line-height:45px; letter-spacing:-0.06em; padding:100px 0 60px 0; font-family:'arial';}
.step1_wrap ul { width:1600px; margin:0 auto;}
.step1_wrap .txt { width:50%; height:540px; float:left; margin:0 auto; font-family:'Noto Sans Kr'; border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid;  }
.step1_wrap .txt:last-child { border-right:none; }
.step1_wrap .txt_padding { display:inline-block; padding-left:80px; }
.step1_wrap .txt p { font-weight:400; color:#6c5f48; font-size:25px; line-height:34px; letter-spacing:-0.06em; padding:30px 0 0; }
.step1_wrap .tit { float:left; width:387px; text-align:left;}
.step1_wrap .tit .txt_line { display:inline-block; width:70px; height:5px; border-radius:2px; border-top:5px #F0D4E3 solid; }
.step1_wrap .tit .txt_line1 { display:inline-block; width:70px; height:5px; border-radius:2px; border-top:5px #009EDE solid; }
.step1_wrap .tit .txt_1 {  padding:10px 0 0; font-weight:500; font-size:32px; color:#000; letter-spacing:-0.07em; } 
.step1_wrap .tit .txt_2 {  padding:30px 0 0; font-weight:300; font-size:19px; color:#000; letter-spacing:-0.05em; line-height:29px;}
.step1_wrap .tit .txt_3 {  padding:30px 0 0; font-weight:300; font-size:28px; color:#000; letter-spacing:-0.05em; }
.step1_wrap .tit .txt_4 {  padding:30px 0 0; }
.step1_wrap .tit .txt_4 a { display:inline-block; text-align:center; width:188px; height:38px; border:1px #ccc solid; background:#fff; color:#000; line-height:38px; font-weight:300; font-size:19px; font-family:'arial'; }
.step1_wrap .tit .txt_4 a:hover {  color:#fff; border:1px #ddd solid; background:#333; text-decoration:none; }		
.step1_wrap .img { float:left; margin:0 auto; }

.step2_wrap { width:100%; height:640px; text-align:center;  }
.step2_wrap .best { font-weight:600; color:#000; font-size:40px; line-height:45px; letter-spacing:-0.06em; padding:100px 0 60px 0; font-family:'arial';}
.step2_wrap ul { width:1600px; margin:0 auto;}
.step2_wrap .txt { width:50%; height:570px; float:left; margin:0 auto; padding:80px 0 0; font-family:'Noto Sans Kr'; border-right:1px #e5e5e5 solid; }
.step2_wrap .txt:last-child { border-right:none; }
.step2_wrap .txt_padding { display:inline-block; padding-left:80px; }
.step2_wrap .txt p { font-weight:400; color:#6c5f48; font-size:25px; line-height:34px; letter-spacing:-0.06em; padding:30px 0 0; }
.step2_wrap .tit { float:left; width:387px; text-align:left;}
.step2_wrap .tit .txt_line { display:inline-block; width:70px; height:5px; border-radius:2px; border-top:5px #F1BF09 solid; }
.step2_wrap .tit .txt_line1 { display:inline-block; width:70px; height:5px; border-radius:2px; border-top:5px #919191 solid; }
.step2_wrap .tit .txt_1 {  padding:10px 0 0; font-weight:500; font-size:32px; color:#000; letter-spacing:-0.07em; }
.step2_wrap .tit .txt_2 {  padding:30px 0 0; font-weight:300; font-size:19px; color:#000; letter-spacing:-0.05em; line-height:29px;}
.step2_wrap .tit .txt_3 {  padding:30px 0 0; font-weight:300; font-size:28px; color:#000; letter-spacing:-0.05em; }
.step2_wrap .tit .txt_4 {  padding:30px 0 0; }
.step2_wrap .tit .txt_4 a { display:inline-block; text-align:center; width:188px; height:38px; border:1px #ccc solid; background:#fff; color:#000; line-height:38px; font-weight:300; font-size:19px; font-family:'arial'; }
.step2_wrap .tit .txt_4 a:hover {  color:#fff; border:1px #ddd solid; background:#333; text-decoration:none; }		
.step2_wrap .img { float:left; margin:0 auto; }
.step2_wrap .img1 { float:right;right:-40px; position:absolute; }


/*  서브 내용 부  */
#container{ display:block;  position:relative; z-index:4; width:100%; text-align:center; top:20px; border-top:1px #e1e1e1 solid; }
#board {  display:block; position:relative; width:100%; margin:0 auto; top:0; text-align:center; }
#board .bo_cont {  width:100%; min-height:620px; padding:0 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 
#board .bo_cont1 {  width:1200px; min-height:620px; padding:0 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 

/* 쇼핑몰 */
#shop_container{ display:block;  position:relative; z-index:4; width:100%; text-align:center; top:20px; }
#shop_board {  display:block; position:relative; width:1200px; margin:0 auto; top:0; text-align:left; padding:0;height:auto !important; }

/*사이드 메뉴*/
#side_menu{position:fixed;top:0;right:0;z-index:999;height:100%;background:#fff}
.side_menu_wr{display:none;width:230px;overflow-y:auto;height: 100%;border-left:1px solid #cdcdcd;}
#btn_sidemenu{position:absolute;top:50%;left:-35px;width:35px;height:50px;margin-top:-25px;background:#fff;border:1px solid #cdcdcd;border-right:0;font-size:14px}
#side_menu .side_menu_shop{padding:10px 20px;border-bottom:1px solid #f3f3f3}
#side_menu .btn_side_shop{position:relative;background:none;border:0;width:100%;height:30px;text-align:left;font-weight:bold}
#side_menu .btn_side_shop span{position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24}
#side_menu .side_menu_shop .op_area{ display:none;border-top:1px solid #f3f3f3;margin:5px 0}
#side_menu .side_menu_shop .op_area h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3;position:relative;padding:10px 0;min-height:80px;padding-left:70px}
#side_menu .side_menu_shop .op_area li .prd_img{position:absolute;top:10px;left:0px;}
#side_menu .side_menu_shop .op_area li .prd_cost{display:block;font-weight:bold;margin:3px 0 0}
#side_menu .side_menu_shop .op_area  .li_empty{padding:50px 0;padding-left:0;color:#999;border-bottom:1px solid #f3f3f3;text-align:center}

#category{display:none;position:absolute;top:0;left:0;width:100%;border:2px solid #333949;border-top:0;background:#fff;;z-index:100;text-align:left; }
#category .ct_wr{padding:20px 20px 20px 5px;}
#category ul:after {display:block;visibility:hidden;clear:both;content:""}
#category .cate{line-height:20px;}
#category .cate_li_1{float:left;text-align:left;width:180px;min-height:200px;margin-left:15px}
#category .cate_li_1_a{background:#f3f3f3;text-align:center;padding:10px;margin-bottom:5px;display:block;font-weight:bold}
#category .cate_li_2 {width:100%;float:none;;line-height:20px;;margin:0}
#category .cate_li_2  a {color:#6d6d6d;display:block;padding:0 5px}
#category a:hover{color:#c92033}
#category .close_btn{;;width: 100%;background:#333949;border: 0;text-align: left;color: #fff;padding: 0 20px;height: 40px;font-weight: bold;font-size: 1.167em;}

/* SNB */
.snb_pc { display:inline-block; position:relative; width:100%;  margin:0 auto; padding:0 0 50px 0; text-align:center; background:#fff; }
.snbBtn { display:inline-block; position:relative; width:1200px; height:50px; top:0; margin:0 auto; padding:10px 0 60px 0; }
.snbBtn .nav { width:100%; position:relative;  }
.snbBtn .nav ul { width:100%; margin:0; padding:7px 0;  font-family:'Noto Sans Kr'; font-weight:400;  font-size:16px; letter-spacing:-0.03em;}
.snbBtn .nav li { list-style:none; display:inline-block; position:relative; width:200px; line-height:17px; padding:11px 0; /* 깜빡임 없앰 -> */ background:#fff; color:#222; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.snbBtn .nav li span {  display:inline-block; margin-top:-11px; margin-bottom:-11px; width:100%; padding:11px 0; background:#fd5c5c; color:#FFF; text-align:center; cursor:pointer;  }

.snb_tit { display:inline-block;  width:1200px; margin:0 auto; text-align:center; margin:0; padding:30px 0 40px 0; }
.snb_tit .bo_tit { text-align:left; font-family:'Noto Sans Kr'; font-size:33px; font-weight:300; color:#222; letter-spacing:0em; }
.snb_tit .bo_nav {  float:right; text-align:right; padding:25px 0 0; font-size:13px; color:#444; letter-spacing:0em;}
.snb_tit .bo_line {  display:block;  position:relative; margin:0 auto; text-align:center; width:70px; height:10px; border-bottom:1px #000 solid; } 

/* COPYRIGHT */
#fcont_wrap { display:inline-block; position:relative;  width:100%; height:600px; text-align:center; margin-top:100px; }
.fcont { width:1600px; margin:0 auto; text-align:center; padding:0; }
.fcont .review { float:left; width:470px; }
.fcont .notice { float:left; width:512px; margin:0 65px; }
.fcont .notice_line { float:left; width:512px; border-top:1px #ddd solid; margin-top:20px; padding:35px 0 0;}
.fcont .event { float:left; width:470px; }

#ft_wrap { display:inline-block; position:relative;  width:100%; text-align:center; top:0px;}
.ft_menu { width:1200px; margin:0 auto; text-align:center; padding:10px 0 10px 0; }
.ft_menu .menu_l { float:left; }
.ft_menu .menu_l a { margin:0;  font-family:'Noto Sans Kr'; font-size:14px; line-height:36px; letter-spacing:-0.04em;  font-weight:300;}
.ft_menu .menu_l a:hover { color:#cc0172; text-decoration:none;}
.ft_menu .menu_l span { font-family:'Noto Sans Kr'; font-size:14px; line-height:36px; letter-spacing:-0.04em;  font-weight:300;}
.ft_menu .menu_l span:hover { color:#cc0172; text-decoration:none;}
.ft_menu .menu_r { float:right; right:0; }
.ft_menu .menu_l .span_line { clear:both; display:inline-block; width:8px; border-left:1px #999 solid; color:#999; line-height:12px; margin:0 2px 0 12px; }

#copyright_wrap { display:inline-block; position:relative;  width:100%; height:390px; text-align:center; margin-top:0px; background:#7F7F7F; }
.copyright { width:1600px; margin:0 auto; text-align:center; padding:60px 0 80px 0; }
.copyright h2 {text-align:left; font-family:'Noto Sans Kr'; font-size:23px; font-weight:500; color:#E7E7E7; height:50px; }
.copyright .ft_logo { float:left; width:287px; text-align:left; padding:0; }
.copyright .about { float:left; width:370px; text-align:left; font-family:'Noto Sans Kr'; font-size:17px; font-weight:300; color:#bbb; line-height:26px;}
.copyright .contact { float:left; width:426px; text-align:left; font-family:'Noto Sans Kr'; font-size:17px; font-weight:300; color:#bbb; line-height:26px; }
.copyright .contact strong { font-family:'arial'; font-size:38px; font-weight:550; }
.copyright .bank { float:left; width:500px; text-align:left; font-family:'Noto Sans Kr'; font-size:17px; font-weight:300; color:#bbb; line-height:26px; }
.copyright .bank .bank_img { float:left; position:absolute; }
.copyright .bank .bank_num { float:left; position:absolute; text-align:left; margin-left:0px; font-family:'Noto Sans Kr'; font-size:17px; font-weight:300; color:#fff; line-height:29px; }

.copyright .tail_menu { display:block; width:1550px; position:absolute; margin:0 auto; text-align:center; padding:0; bottom:80px; margin:0 1px;}
.copyright .tail_menu a { color:#fff; text-decoration:none; }
.copyright .tail_menu span { text-align:center; margin:0 -1px; padding:9px 25px 10px 25px; background:#626262; color:#fff; font-size:12px; line-height:24px; letter-spacing:-0.05em;  font-weight:300;}
.copyright .tail_menu span:hover { color:#fff; background:#444; color:#fff; }

.copyright .span_line { clear:both; display:inline-block; width:8px; border-left:1px #999 solid; color:#999; line-height:12px; margin:0 2px 0 10px; }

/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:0px; text-align:center; border-top:1px #E5E5E5 solid;}
#head_content #head { width:950px;  margin:0 auto; padding:0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; padding:20px 0 90px 0; }

/* Go Top 버튼 */
.WapGoTop {position:fixed; bottom:0; right:0; font-size:0; z-index:999991020;}
.GotopBtn {display:block; position: absolute;bottom:-75px; right:50px; width: 65px; height:65px;	background:url(../images/btn-gotop.png) 0 0 no-repeat;-webkit-background-size: 100%;background-size: 100%;opacity: 0.8;z-index: 999991021; }
.GotopBtn:hover { -webkit-background-size: 100%;background-size:100%; opacity:1; z-index:999991021;  }

/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:36px; margin:0 auto; margin-bottom:20px; font-size:14px; font-weight:500; line-height:34px; letter-spacing:-0.05em;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:36px; width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; height:36px; line-height:34px; padding:0 20px; background:#fff; border:1px #ddd solid; margin-right:-1px; text-align:center; }
#bo_cate li a { display:inline-block;position:relative;  text-align:center; cursor:pointer; height:34px; margin:0 -20px; padding:0 20px;}
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#FFF;text-decoration:none}
#bo_cate #bo_cate_on { display:inline-block; float:left; height:34px; line-height:34px; margin:0 -20px; padding:0 20px; background:#1A9CEF; border:0px #ddd solid; color:#FFF; text-align:center; cursor:pointer; }

/* 게시판 검색창 */
#bo_sch { min-width:345px; }

/*  메인 popup   */
#popup_la {  border:0px #ffffff solid; background:#eee;  }
#popup_la .file { }
#popup_la .content { width:400px; height:400px;padding:20px; }
#popup_la .day { width:100%; float:right; text-align:center; background:#eee; color:#000; padding:2px 10px 5px 0; }
#popup_la .day strong { color:#000;  }


/* 버튼 */
.btn, a.btn{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

/* 더보기 버튼 공통 */
.btn_more:hover .toggler{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler{position:absolute;z-index:20; margin-left:350px; top:100px; width:19px; height:19px; border:0px #000 solid; ;background-color:transparent;}
.toggler{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler:before,.toggler:after{content:'';display:block;position:absolute;background-color:#ccc;}
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:4px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-2px;width:100%;height:4px;}