@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;400;500;600;800;900&display=swap');

input[type=text], input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus, input[type=password]:focus,  textarea:focus,select:focus {
border: 1px solid #000 !important;
outline: 0;
}

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

/* NEWS TICKER */
.tm_newsticker { position:relative; z-index:99; width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; background:#1396CC; color:#fff; }
.tm_newsticker_co { position:relative; z-index:99; width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; background:#1D5A47; color:#fff; }

/* TM */	
#header { display:block; position:relative; z-index:993; width:1280px; height:90px; margin:0 auto; top:0; }
.tm_adm { float:right;position:absolute; right:0px; top:8px; font-family: 'Noto Sans KR'; font-size:14px; letter-spacing:-0.04em; }
.tm_adm a { padding:0 14px; height:24px; line-height:21px; background:#e8e8e8; border-radius:12px; transition: all 0.3s ease;}
.tm_adm a:hover { background:#000; color:#fff; text-decoration:none; transition: all 0.3s ease;}
.tm { float:right;position:absolute; right:0px; top:38px; font-family: 'Noto Sans KR'; font-size:14px; letter-spacing:-0.04em; }
.tm img { padding:0; margin:0 1px; }
.tm a { text-decoration:none; }
.tm a:hover { text-decoration:none; color:#1396CC; }
.tm span.adm a { margin:0; background:none; }
.tm_cart { position:relative; float:right; right:-20px; top:-6px; }
.tm_cart img { width:30px; margin:0 -3px; }
.tm_logo { position:relative; width:350px; left:0; top:30px; }
.tm_logo img { width:140px; margin-right:20px;}
.tm_logo span { vertical-align:bottom; margin-top:10px;font-family:'Noto Sans Kr'; font-size:20px; font-weight:400; color:#aaa; letter-spacing:-0.05em; }
.tm_logo span a {margin:0 8px; color:#aaa; text-decoration:none;}
.tm_logo span a.on { color:#1396CC; font-weight:500; }

.span_ll { display:inline-block; padding:0 5px; font-size:15px; font-family:'dotum'; color:#aaa; font-weight:normal; }

/* 검색 */
#hd_sch { display:inline-block;position:relative; z-index:9; width:200px; height:40px; line-height:40px; border:1px #ccc solid; margin:3px -10px 0 0;  border-radius:22px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_str { padding-left:20px; line-height:40px; background:none; width:150px; border:none; float:left; font-size:16px;}
#hd_sch #sch_submit { margin-right:10px; border:0; background:none; color:#999; width:20px;line-height:40px; float:right;cursor:pointer; font-size:20px}	

#hd_sch input[type=text]:focus {
border: 0px !important;
outline: none;
}


/* GNB */
#gnb { display:inline-block; position:relative; z-index:999; width:100%; height:60px; margin:0 auto; border-top:0px #ddd solid; border-bottom:1px #ccc solid;} 
.gnb_stripe { height:60px; position:relative; }

#gnb_nav { display:none; width:100%; height:60px; margin:0 auto; position:relative; opacity:1;  } 
#gnb_nav_wrapper { margin:0 auto; width:1280px; position:relative; }
#gnb_nav_wrapper .sitemap { display:inline-block; float:left; height:48px; padding:9px 0; text-align:center; top:2px; left:0; position:absolute; z-index:94; transition: all 0.3s ease;}
#gnb_nav_wrapper .sitemap:hover svg { display:inline-block; float:left; background:#1396CC; color:#fff; transition: all 0.3s ease;}
#gnb_nav_wrapper .temp { float:right; width:1230px; left:40px; top:0; 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;  height:60px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:55px; font-family:'Noto Sans Kr'; font-weight:500; color:#000; font-size:16px; letter-spacing:-0.06em; text-align:center; }
#gnb_nav_wrapper div.default ul li svg { top:4px; position:relative; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:60px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:60px; position:absolute;  }
#gnb_nav_wrapper div.default ul li .txt a {  }
#gnb_nav_wrapper div.default ul li .over {  /*display:none;*/ top:50px; width:100%; height:60px; position:absolute;  color:#1396CC; }		
#gnb_nav_wrapper div.default ul li .underLine { bottom:0px; left:12px; width:0px; height:3px; border-bottom:2px #1396CC solid; position:absolute; opacity:1;}

#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:50px; 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;}

.tm_menu { position:absolute; width:290px; top:0px; text-align:right; right:0; }
.tm_menu a { text-decoration:none; font-size:15px; margin:0 9px 0 6px; font-family:'Noto Sans Kr'; font-weight:400; letter-spacing:-0.06em; line-height:50px; }
.tm_menu a:hover { color:#1396CC; }

.tm_navi { display:block; position:relative; z-index:93; width:100%; height:47px; margin:0 auto; top:0px; border-bottom:1px #E0E0E0 solid;} 
.tm_navi ul { display:block; position:relative; width:1280px; height:47px; margin:0 auto;} 
.tm_navi .i_home { float:left; width:60px; } 
.tm_navi .i_navi { float:left; width:250px; border-right:1px #E0E0E0 solid; text-align:left; padding:0 0 0 20px; font-family:'Noto Sans Kr'; font-size:18px; font-weight:500;  letter-spacing:-0.04em; line-height:47px; }


/* 3배너 */
.step1_wrap { display:none; position:relative; z-index:2; width:100%; height:157px; text-align:center; margin-top:-55px; }
.step1_wrap .box { display:block; width:1490px; height:157px; margin:0 auto; padding-left:95px; background-image:url('../images/step1_bg.png'); background-repeat:no-repeat; background-position:50%; }
.step1_wrap .box > li:nth-child(1) { float:left; width:429px; height:157px; text-align:left; margin:0 2px; background-image:url('../images/step1_1.jpg');}
.step1_wrap .box > li:nth-child(2) { float:left; width:429px; height:157px; text-align:left; margin:0 2px; background-image:url('../images/step1_2.jpg');}
.step1_wrap .box > li:nth-child(3) { float:left; width:429px; height:157px; text-align:left; margin:0 2px; background-image:url('../images/step1_3.jpg');}
.step1_wrap .box > li { padding: 34px 0 0 130px; font-family: 'Noto Sans KR'; font-size:15px; letter-spacing:-0.04em; line-height:20px; cursor:pointer; }
.step1_wrap .box > li strong {  font-family: 'Noto Sans KR'; font-size:25px; line-height:42px;letter-spacing:-0.07em;}


/* product category */
.step2_wrap { display:block; position:relative; z-index:2; width:90%; margin:0 auto; text-align:center; margin-top:70px; }
.step2_wrap p {  font-family: 'GmarketSansBold'; font-size:22px; line-height:30px;letter-spacing:-0.02em; }
.step2_wrap .box { display:inline-block; position:relative;  width:87%; margin:0 auto; top:30px; }

@media (max-width:1680px){
  .step2_wrap .box { display:inline-block; position:relative;  width:100%; margin:0 auto; top:30px; }
}


/* 롱배너 */
.step8_wrap { display:block; position:relative; z-index:2; width:100%; margin:0 auto; text-align:center; margin-top:80px; }

/* 히트상품 */
.step3_wrap { width:100%; text-align:center; margin-top:70px; }
.step3_wrap .box { display:inline-block; width:1280px; margin:0 auto;  }
.step3_wrap .box p { text-align:left; vertical-align:middle; padding:0 10px;}
.step3_wrap .box p a { float:right; text-align:center; width:70px; height:36px; border:1px #f26a4d solid; font-family: 'Noto Sans KR'; color:#f26a4d;  font-size:16px; letter-spacing:-0.04em; line-height:36px; transition: all 0.4s ease;}
.step3_wrap .box p a:hover { border:1px #f26a4d solid; background:#f26a4d; color:#fff; text-decoration:none; transition: all 0.4s ease;}
.step3_wrap .box p img { vertical-align:top; }
.step3_wrap .box p strong { text-align:left;  font-family: 'Noto Sans KR'; color:#f26a4d;  font-size:32px; letter-spacing:-0.04em; }

/* 중간배너 */
.step4_wrap { width:100%; text-align:center; margin-top:30px; }
.step4_wrap .box { display:inline-block; width:1280px; margin:0 auto;  }

/* 추천상품 */
.step5_wrap { width:100%; text-align:center; margin-top:70px; }
.step5_wrap .box { display:inline-block; width:1280px; margin:0 auto;  }
.step5_wrap .box p { text-align:left; vertical-align:middle; }
.step5_wrap .box p a { float:right; text-align:center; width:70px; height:36px; border:1px #16BA67 solid; font-family: 'Noto Sans KR'; color:#16BA67;  font-size:16px; letter-spacing:-0.04em; line-height:36px; transition: all 0.4s ease;}
.step5_wrap .box p a:hover { border:1px #16BA67 solid; background:#16BA67; color:#fff; text-decoration:none; transition: all 0.4s ease;}
.step5_wrap .box p img { vertical-align:top; }
.step5_wrap .box p strong { text-align:left;  font-family: 'Noto Sans KR'; color:#16BA67;  font-size:32px; letter-spacing:-0.04em; }

/* 최신상품 */
.step6_wrap { width:100%; text-align:center; margin-top:80px; }
.step6_wrap .box { display:inline-block; width:1280px; margin:0 auto;  padding-top:50px; border-top:1px #ccc solid; }
.step6_wrap .box p { text-align:left; padding:0 10px 20px 10px; vertical-align:middle; font-family: 'GmarketSansBold'; font-size:22px; line-height:30px;letter-spacing:-0.02em; }
.step6_wrap .box p svg { margin-top:-3px; vertical-align:middle;}
.step6_wrap .box p a { float:right; text-align:center; margin-top:-10px;  width:70px; height:32px; border:1px #000 solid; font-family: 'Noto Sans KR'; color:#000;  font-size:16px; letter-spacing:-0.04em; line-height:32px; border-radius:4px; transition: all 0.4s ease;}
.step6_wrap .box p a:hover { border:1px #000 solid; background:#000; color:#fff; text-decoration:none; transition: all 0.4s ease;}

/* 베스트상품 */
.step7_wrap { width:100%; text-align:center; margin-top:80px; }
.step7_wrap .box { display:inline-block; width:1280px; margin:0 auto; padding-top:50px; border-top:1px #ccc solid;  }
.step7_wrap .box p { text-align:left; padding:0 10px 20px 10px; vertical-align:middle; font-family: 'GmarketSansBold'; font-size:22px; line-height:30px;letter-spacing:-0.02em; }
.step7_wrap .box p svg { margin-top:-3px; vertical-align:middle;}
.step7_wrap .box p a { float:right; text-align:center; margin-top:-10px;  width:70px; height:32px; border:1px #000 solid; font-family: 'Noto Sans KR'; color:#000;  font-size:16px; letter-spacing:-0.04em; line-height:32px; border-radius:4px; transition: all 0.4s ease;}
.step7_wrap .box p a:hover { border:1px #000 solid; background:#000; color:#fff; text-decoration:none; transition: all 0.4s ease;}

/* 전체상품 탭 */
.step9_container {  display:block; width:100%; position:relative; text-align:center; margin-top:100px; }
.step9_container > p:nth-child(1) { width:100%;  font-family:'GmarketSansBold'; color:#1396CC; font-size:33px; line-height:40px; letter-spacing:-0.01em; }
.step9_container > p:nth-child(2) { padding-top:7px; font-family:'Noto Sans Kr'; color:#444;  font-weight:400; font-size:20px; line-height:28px; letter-spacing:-0.03em; }
.step9_wrap { display:inline-block; text-align:center; width:100%; position:relative; top:0;}
.step9_wrap .box {  width:100%; text-align:center;background:#fff; }


/* 전체상품 */
.shop_container {  display:block; width:100%; position:relative; text-align:center; margin-top:-4px; padding:70px 0; }
.shop_container p { width:300px; height:90px; line-height:84px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; color:#000; font-size:27px; border:3px #666 solid; border-radius:50%;}
.shop_wrap { width:1280px; margin:0 auto; position:relative; top:50px;}

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

/*사이드 메뉴*/
#side_menu { display:block;  height:100%;position:fixed;top:0;right:0px; border-right:0px solid #e5e7ea;z-index:999120; padding-left:50px; transition: all 0.8s ease;}

#quick {position:absolute;top:50%;left:0;width:50px;margin-top:-157.5px; transition: all 0.8s ease;}
#quick li {position:relative}
#quick li button {width:50px;height:50px; line-height:68px; border:0;font-family:'Noto Sans KR';font-size:18px; background:#000;}
#quick .qk_tit {display:none;position:absolute;top:10px;right:60px;white-space:pre;padding:0 15px; line-height:30px;background:#000;color:#fff;font-size:15px;border-radius:5px}
#quick .qk_tit:after {content:"";position:absolute;top:10px;right:-8px;display:inline-block;width:0;height:0;border-style:solid;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #8b929c;color:transparent}
#quick li:hover .qk_tit {display:block}

#tabs_con {height:100%;text-align:left:transition: all 0.8s ease;}

.side_mn_wr1 {display:none;width:230px;overflow-y:auto;height:100%}
.side_mn_wr2 {display:none;width:230px;overflow-y:auto;height:100%}
.side_mn_wr3 {display:none;width:230px;overflow-y:auto;height:100%}
.side_mn_wr4 {display:none;width:230px;overflow-y:auto;height:100%}
.btn_sm_on i { color:#3a8afd}

.qk_con {display:none;position:relative;width:230px;height:100%;background:#fff;border-left:1px solid #ccc}
.qk_con h2.s_h2 { text-align:left; position:relative;margin:0;font-size:18px; padding:15px 0 15px 22px; border-bottom:1px solid #e5e7ea}
.qk_con h2.s_h2 span {display:inline-block;min-width:20px;padding:2px 8px;border-radius:30px;text-align:center;background:#000;color:#fff;font-size:0.7em;font-weight:normal;vertical-align:text-bottom}
.qk_con_wr { padding:0;height:100%;overflow-y:auto; }
.qk_con_wr .btn_side_shop {position:relative;width:100%;height:30px;background:none;border:0;text-align:left;font-weight:400}
.qk_con_wr .btn_side_shop span {position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24}
.qk_con_wr .con_close {position:fixed;top:5px;right:0px;width:50px;height:50px;border:0;background:none;font-size:25px;color:#dedede}
.qk_con_wr .con_close:hover {color:rgba(0,0,0,0.8)}
.qk_con_wr .side_tnb {padding:25px}
.qk_con_wr .side_tnb li a {display:block;line-height:20px; font-family:'Noto Sans KR'; font-weight:400; font-size:14px; color:#222;padding:5px 0}
.qk_con_wr .side_tnb li:hover a {color:#3a8afd}

#category {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#category h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#category ul:after {display:block;visibility:hidden;clear:both;content:""}
#category ul li:nth-child(5n+1) {border-left:0}
#category .cate_li_1 {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #000}
#category .cate_li_1_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#category .cate_li_2 {line-height:2em}
#category .cate_li_2 a {color:#555}
#category .close_btn {position:absolute;top:0;right:0;width:50px;height:50px;background:#fff;color:#b6b9bb;border:0;vertical-align:top;font-size:18px}
#category_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}
#category .no-cate{text-align:center;padding:15px}

/* 서브 비쥬얼 */
#visual_sub_wrap { display:inline-block; position:relative; z-index:-1; width:100%; margin-top:-210px; }
.top_visual { text-align:center; width:100%; height:500px; top:0; }

/* SNB */
.snb_pc { display:inline-block; position:relative; width:100%; margin:0 auto; padding:0; text-align:center; margin-top:30px;}

.snbBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; margin-bottom:20px;}
.snbBtn .nav { width:100%; position:relative; width:1280px; margin:0 auto; }
.snbBtn .nav ul { width:100%; margin:0; padding:0; font-family: 'Noto Sans KR'; font-size:16px; letter-spacing:-0.05em;}
.snbBtn .nav li { list-style:none; display:inline-block; position:relative; padding:0 40px; height:40px; line-height:40px; /* 깜빡임 없앰 -> */ background:#f1f1f1; color:#000; border:0px #ccc solid; margin-right:1px; text-align:center; cursor:pointer; }
.snbBtn .nav li:first-child { border-radius:20px 0 0 20px; }
.snbBtn .nav li:last-child { border-radius:0 20px 20px 0; }
.snbBtn .nav li a:hover {  }
.snbBtn .nav li span {  display:block; padding:0 40px; height:40px; margin-left:-40px; margin-right:-40px; background:#174494; color:#fff; text-align:center; cursor:pointer;  }
.snbBtn .nav li:first-child span { border-radius:20px 0 0 20px; }
.snbBtn .nav li:last-child span { border-radius:0 20px 20px 0; }

/* CATE */
.cate_pc { display:inline-block; position:relative; z-index:6; width:100%; margin:0 auto; padding:0;  text-align:center; margin-top:-30px; margin-bottom:30px;}
.cateBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; margin-top:0px; margin-bottom:0; padding:0; }
.cateBtn .nav { width:100%; position:relative; width:1280px; margin:0 auto; }
.cateBtn .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans KR'; font-weight:400;  font-size:16px; letter-spacing:-0.03em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; padding:0 30px; height:36px; line-height:36px; /* 깜빡임 없앰 -> */ background:#fff; color:#000; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn .nav li:first-child { border-radius:18px 0 0 18px; }
.cateBtn .nav li:last-child { border-radius:0 18px 18px 0; }
.cateBtn .nav li a:hover {  }
.cateBtn .nav li span {  display:block; padding:0 30px; height:34px; margin-left:-30px; margin-right:-30px;  background:#00AEC8; color:#fff; text-align:center; cursor:pointer;  }
.cateBtn .nav li:first-child span { border-radius:18px 0 0 18px; }
.cateBtn .nav li:last-child span { border-radius:0 18px 18px 0; }

/* NAVI */
.snb_bo { width:100%; position:relative; z-index:3; margin:0 auto; text-align:center; margin-top:-50px; }
.snb_bo .navi {  display:inline-block; margin:0 auto; text-align:center; line-height:50px; font-family:'Noto Sans KR'; font-size:16px; font-weight:300; color:#fff; background:#000; letter-spacing:-0.02em; padding:0 50px;}
.snb_bo .navi a { color:#fff; }

/* BO TITLE */
.snb_tit { width:100%; display:inline-block; position:relative; margin:0 auto; text-align:center; margin-top:60px; }
.snb_tit .bo_tit { text-align:center; font-family: 'Noto Sans KR'; font-size:30px; font-weight:600; line-height:40px; color:#000; letter-spacing:-0.06em; }
.snb_tit .bo_nav {  float:right; text-align:right; padding:25px 0 0; font-size:14px;  letter-spacing:0em;}
.snb_tit .bo_line {  display:block;  position:relative;  margin:0 auto; text-align:center; width:40px; height:20px; border-top:1px #666 solid; } 

/* SHOP TITLE */
.snb_shop_tit { width:100%; display:inline-block; position:relative; margin:0 auto; text-align:center; margin-top:60px;margin-bottom:50px; font-family:'s-core-dream-thin'; }
.snb_shop_tit .shop_tit { display:inline-block; text-align:center; font-family: 'Noto Sans KR'; font-size:30px;  font-weight:600; line-height:40px; color:#000; letter-spacing:-0.06em; margin-bottom:0px; }
.snb_shop_tit .shop_nav {  float:right; text-align:right; padding:25px 0 0; font-size:14px;  letter-spacing:0em;}
.snb_shop_tit .shop_line {  display:block;  position:relative;  margin:0 auto; text-align:center; width:40px; height:20px; border-top:1px #666 solid; } 


/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:993; width:100%; text-align:center; margin-top:0px; }
#board {  display:inline-block;  position:relative;  width:1280px; margin:0 auto; top:0; text-align:center; background:#fff; /* left:50%; margin-left:-960px; width:1900px;*/ }
#board .bo_cont {  display:inline-block;  position:relative; width:1280px; min-height:800px; adding:0; text-align:left; margin:0 auto; margin-top:0px; height:auto !important; } 
#board .bo_cont_shop {  display:inline-block;  position:relative; width:1280px; min-height:1150px; adding:0; text-align:left; margin:0 auto; margin-top:0px; height:auto !important; } 

/* 하단 공통 */
#ft_cs { display:inline-block; position:relative; z-index:9; width:100%; min-width:1310px; text-align:center; margin-top:60px; }
.fcs { width:1310px; margin:0 auto; text-align:center; }
.fcs img { display:inline-block; width:31%; margin:0 13px; }

#ft_latest { display:inline-block; position:relative; z-index:9; width:100%; min-width:1280px; text-align:center; margin:70px 0 0 0; }
.flatest { width:1300px; margin:0 auto; text-align:center; }
.flatest > div { float:left; margin:0 10px; }
.flatest > div svg { vertical-align:middle;}
.flatest > div:nth-child(1) { width:31%;  height:230px; text-align:left; }
.flatest > div:nth-child(1) > p:nth-child(1) { font-family: 'Noto Sans KR'; font-size:20px; font-weight:500; line-height:45px; letter-spacing:-0.06em; }
.flatest > div:nth-child(1) > p:nth-child(1) span { float:right; font-family: 'Noto Sans KR'; font-size:16px; font-weight:300;line-height:45px;}
.flatest > div:nth-child(2) { width:31%;  height:230px; text-align:left; }
.flatest > div:nth-child(2) > p:nth-child(1) { font-family: 'Noto Sans KR'; font-size:20px; font-weight:500;line-height:45px; letter-spacing:-0.06em;}
.flatest > div:nth-child(2) > p:nth-child(1) span { float:right; font-family: 'Noto Sans KR'; font-size:16px; font-weight:300;line-height:45px;}
.flatest > div:nth-child(3) { width:31%;  height:230px; text-align:left; }
.flatest > div:nth-child(3) > p:nth-child(1) { font-family: 'Noto Sans KR'; font-size:20px; font-weight:500;line-height:45px; letter-spacing:-0.06em;}
.flatest > div:nth-child(3) > p:nth-child(1) span { float:right; font-family: 'Noto Sans KR'; font-size:16px; font-weight:300;line-height:45px;}


/* COPYRIGHT */
#foot { display:inline-block; position:relative; z-index:9; width:100%; text-align:center; margin-top:30px; border-top:0px #ccc solid; }
.copyright { width:100%; margin:0 auto; text-align:center; padding:3px 0 0; }
.copyright .tail_logo { text-align:center; padding:15px 0 20px 0; }

.copyright .tail_menu { display:inline-block; width:1280px; margin:0 auto; padding:30px 0 0; font-family:'Noto Sans Kr'; }
.copyright .tail_menu .tail_sp { float:left; width:256px; height:160px; text-align:left; padding:0 0 0 25px; border-left:1px #ddd solid; }
.copyright .tail_menu .tail_sp h2 { width:100%; font-size:17px; font-weight:500; line-height:23px;  margin-bottom:15px; }
.copyright .tail_menu a { text-align:left; font-family:'Noto Sans Kr'; font-size:15px; font-weight:400; line-height:25px;}

.copyright .tail_add { display:inline-block; width:100%; text-align:center; padding:40px 0 50px 0; margin:30px 0 0 0; background:#333; }
.copyright .tail_add ul { margin:0 auto; width:1280px; }
.copyright .tail_add .box-l { float:left; width:900px; text-align:left; font-family:'Noto Sans Kr'; font-size:15px; color:#aaa; font-weight:300; line-height:24px;  letter-spacing:0em;}
.copyright .tail_add .box-l p { font-size:30px; font-weight:500; line-height:65px;  letter-spacing:-0.05em;}
.copyright .tail_add .box-l h2 { font-size:20px; font-weight:500; color:#ccc; line-height:24px; padding:0 0 10px 0;}
.copyright .tail_add .box-l a { font-size:15px; color:#fff; }
.copyright .tail_add .box-l strong { font-weight:500; }
.copyright .tail_add .box-r { float:left; width:380px; padding-top:20px; text-align:left; font-family:'Noto Sans Kr'; font-size:14px; color:#aaa; font-weight:300; line-height:24px; letter-spacing:0em;}
.copyright .tail_add .box-r a { margin-right:5px; color:#aaa; text-decoration:none;}
.copyright .tail_add .box-r span { font-size:20px; font-weight:500; }
.copyright .tail_add .box-r strong { font-size:27px; font-weight:500; line-height:30px; font-family:'GmarketSansMedium'; }

.copyright .tail_url { position:relative; z-index:9; float:right; width:230px; margin-top:-60px; }

.copyright .tail_copy { display:inline-block; width:100%; text-align:center; background:#222; padding:25px 0 30px 0; }
.copyright .tail_copy .tail_co { width:1320px; margin:0 auto; text-align:left; font-family:'Noto Sans Kr'; font-size:13px; font-weight:300; color:#fff; line-height:20px; }

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


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


/* Go Top 버튼 */
a.go-top {  display:inline-block;  margin-top:25px; right: 0px; width:55px; height:55px; z-index: 99; display: none; }

/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#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; color:#000; 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 { background:#174494; 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:#174494; border:0px #ddd solid; color:#fff; text-align:center; cursor:pointer; }

/* 게시판 검색창 */
#bo_sch { min-width:380px; }
#bo_sch input[type=text]:focus,input[type=password]:focus {
border: 0px !important;
}

/*  메인 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;}

.btn3, a.btn3{ 
-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 a {position:relative;display:inline-block;overflow:hidden;color:#fff;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-120px;display:block;border-right:0px solid transparent;border-bottom:100px #eee solid;z-index:-1;transform: translateX(-100%);-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:hover:before {transform: translateX(0)}

.btn-sns a {position:relative;display:inline-block;overflow:hidden;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;transition: all .1s ease}
.btn-sns a:before { width:36px; height:36px; border-radius:50%; content:"";position:absolute;top:px;left:0px;bottom:0;right:-36px;display:block;border-right:36px solid transparent;border-bottom:36px #aaa solid;z-index:-1;transform: translateY(-100%);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease}
.btn-sns a:hover:before {transform: translateY(0)}

/* 더보기 버튼 공통 */
.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{ display:inline-block; position:absolute;z-index:20; margin-left:270px; top:38px; width:21px;height:21px; border:none;}
.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:#ddd; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:4px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-3px;width:100%;height:4px;}


.btn_more1:hover .toggler_1{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler_1{position:absolute;z-index:20; margin-left:213px; margin-top:5px; width:16px;height:15px; border:none;background-color:transparent;}
.toggler_1{
	-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_1:before,.toggler_1:after{content:'';display:block;position:absolute;background-color:#fff;}
.toggler_1:before{ top:0px;left:50%;margin-left:-2px;width:4px;height:100%;}
.toggler_1:after{ left:0px;top:50%;margin-top:-3px;width:100%;height:4px;}


.section1_container .section1_wrap .tit{opacity:1;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.section1_container .section1_wrap .tit{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}


.swiper-slide-active .section1 .text,.swiper-slide-active .section1 .text1,.swiper-slide-active .section1 .text2,.swiper-slide-active .section1 .text3{opacity:1;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.swiper-slide-active .section .text{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}
.swiper-slide-active .section .text1{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}
.swiper-slide-active .section .text2{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}
.swiper-slide-active .section .text3{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}