/*  영역  */	
body { font-size:15px; font-family:'Paperlogy-4Regular', dotum, sans-serif; letter-spacing:0.04em; }
input, button, select {margin:0; padding:0; font-family:'Paperlogy-4Regular', dotum, sans-serif; font-size:15px}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Paperlogy-4Regular', dotum, sans-serif;font-size:15px}
select {margin:0}

/*  전체 영역  */	
#wrap { width:100%; min-width:1300px; height:100%; min-height:100%; font-family:'Paperlogy-4Regular';  }

/* GNB SUB */
#gnb { display: block; position: relative; z-index: 9999; width: 100%; height: 100px; margin: 0 auto; }
.gnb_container { top: 0px; left: 0%; width: 100%; height: 100px; line-height: 0; position: relative; z-index: 9999; transition: all .5s; background:none; border-bottom: 1px #ddd solid; }
.gnb_container .temp_gnb { width: 100%; height: 100%; min-width: 900px; margin: 0 auto; position: relative; }

.gnb_wrap { width: 100%; height: 100%; margin: 0 auto; text-align: center; position: relative; }
.gnb_wrap .bg_wrap { top: 0; left: 0; position: absolute; z-index: 1; width: 100%; height: 100%; }
.gnb_wrap .bg_wrap .bg { width: 100%; height: 100%; margin: 0 auto; opacity: 1; filter: alpha(opacity=100); }
.gnb_wrap .bg_wrap .bg .logo { top: 26px; left: 50px; position: relative; z-index: 4; width:500px;text-align: left; }
.gnb_wrap .bg_wrap .bg .logo img { margin-right:15px;}
.gnb_wrap .bg_wrap .bg .logo a {font-family: 'Paperlogy-5Medium'; color: #666; font-size:15px;}
.gnb_wrap .bg_wrap .bg .logo a:hover{ color:#FD5E54;text-decoration:none;}
.gnb_wrap .bg_wrap .bg .adm_ { position:absolute; right:50px; top:45px; }
.gnb_wrap .bg_wrap .bg .adm_ > .span_ll { clear:both; display:inline-block; width:6px; border-left:1px #aaa solid; line-height:12px; margin:0 0 0 6px; }
.gnb_wrap .bg_wrap .bg .adm_ .svg_ a {  color:#FE4500; }
.gnb_wrap .bg_wrap .bg .adm_ .adm_top { float:right; width:300px; text-align:right; position:absolute; right:0px; top:-25px; }

.gnb_wrap .g_wrap { display: inline-block; margin: 0 auto; width: 770px; position: relative; z-index: 1; overflow: hidden; transition: all .5s ease; }
.gnb_wrap .g_wrap .btn { display: inline-block; margin-top: 30px; line-height: 20px; padding: 10px 35px 45px 35px; font-family: 'Paperlogy-4Regular'; color: #222; font-size: 21px; overflow: hidden; cursor: pointer; letter-spacing: 0em; }

.logo_ne {display:inline-block;position: relative;top:5px;}
.logo_line { display:inline-block; width:8px; border-left:1px #ccc solid; color:#aaa; line-height:12px; margin:0 0 0 9px; }


.bar_container { width: 100%; position: absolute; top: 98px; left: 0; }
.bar_container .bar_wrap { position: relative; }
.bar_container .bar_wrap .bar { width: 0px; height: 2px; background: #F0554B; position: relative; }

.snb_wrap {  display: none; position: relative; width: 100%; top: -5px; }
.snb_wrap .temp_wrap { position: relative; }

.snb_wrap .temp_wrap > .snb2 { display:none; position: relative; z-index:1; }
.snb_wrap .temp_wrap:hover .snb2 { display:block; }

.snb_wrap .wrap { top: 0px; width: 100%; text-align: center; position: absolute; overflow: hidden; }
.snb_wrap .wrap .bg { top: 0; width: 100%; height: 100%; margin: 0 auto; position: absolute; background: #fff; border-bottom: 1px #ddd solid; opacity: 1; filter: alpha(opacity=100); }
.snb_wrap .wrap .bg_img { display: inline-block; float: center; top: 40px; right: 42.4%; width: 630px; height: 100%; position: absolute; cursor: pointer; margin: 0 auto; }

.snb_wrap .wrap .btn_wrapper { display: inline-block; top: 30px; left: 45px; position: relative; width: 600px; }
.snb_wrap .wrap .btn { display: inline-block; float: left; text-align: left; width: 600px; height: 34px; line-height: 34px; position: relative; cursor: pointer; }
.snb_wrap .wrap .btn .title { float: left; left: 0px; padding: 0; text-align: left; display: inline-block; *display: inline; zoom: 1; }
.snb_wrap .wrap .btn .txt { font-family: 'Noto Sans Kr'; font-size: 18px; font-weight: 400; color: #000; letter-spacing: -0.06em; }

.snb_wrap .wrap .btn .underline { display: none; bottom: 0px; left: 10px; width: 0; height: 1px; background: #d86100; position: absolute; }
.snb_wrap .wrap .h_line { display: none; width: 3px; height: 3px; background: #000; border-radius: 50%; opacity: 0.6; filter: alpha(opacity=60); top: 44%; left: 0px; position: absolute; }

.logoSide { width:40px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-370px; position:absolute; z-index:9999; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-160px; cursor:pointer; }

.navbar { display:block;position:relative; width:100%; margin:0 auto; z-index:1; top:0; }
.navbar.sticked { width:100%; }
.sticked .navbar .navbar-collapse.collapse{ margin-top:60px; transition: all .5s ease; }
.sticked .navbar .logo img { width:220px; margin-top:26px; transition: all .5s ease; }
.sticked .navbar .logo .logo_ne { top:17px; transition: all .5s ease; }
.sticked .navbar .adm_ { margin-top:20px; transition: all .5s ease; }
.sticked .navbar .adm_top { display:none; }
.sticked .navbar .g_wrap { top:20px; transition: all .5s ease; }
.navbar {  }
.navbar.sticked { top:0px;background:#f2f2f2; }

/* section1 */
.sec1_container {  display:block; width:100%; height:780px; position:relative; text-align:center; background-image:url('../images/sec1_bg.png');  background-position: cover; letter-spacing:0.05em; }
.sec1_wrap { width:1100px; margin:0 auto; position:relative; }
.sec1_wrap .box { float:left; width:470px; padding-top:70px; text-align:left; }
.sec1_wrap .box > p:nth-child(1) { font-family:'Paperlogy-4Regular'; color:#fff; font-size:80px; line-height:95px; }
.sec1_wrap .box > p:nth-child(2) { padding-top:20px; }
.sec1_wrap .box > p:nth-child(3) { padding-top:70px; font-family:'Paperlogy-4Regular'; font-size:42px; line-height:55px; }
.sec1_wrap .box > p:nth-child(3) strong { color:#FF4500; }
.sec1_wrap .box1 { float:left; margin-top:80px; width:630px; height:630px; text-align:left; background-image:url('../images/sec1_img1.png');}
.sec1_wrap .box1 Video { width:245px;height:360px; margin:75px 0 0 40px;background:#fff; }

/* section2 */
.sec2_container {  display:block; width:100%; height:900px; position:relative; padding-top:100px; text-align:center; background:#F4F6FA; letter-spacing:0.05em; }
.sec2_container p { font-family:'Paperlogy-5Medium'; font-size:45px; }
.sec2_container strong { color:#FF4500; }
.sec2_wrap { width:1200px; margin:0 auto; }
.sec2_wrap .box { float:left; width:500; padding-top:70px; }
.sec2_wrap .box1 { float:left; text-align:left; width:600px; padding:70px 0 0 60px; }
.sec2_wrap .box1 > p:nth-child(1) { font-family:'Paperlogy-7Bold'; color:#FF4500; font-size:30px; }
.sec2_wrap .box1 > p:nth-child(2) { margin-top:10px; padding:20px; font-family:'Paperlogy-4Regular'; font-size:20px; line-height:30px; border:1px #ccc solid; border-radius:10px; background:#fff; }
.sec2_wrap .box1 > p:nth-child(3) { margin-top:30px; font-family:'Paperlogy-7Bold'; color:#FF4500; font-size:30px; }
.sec2_wrap .box1 > p:nth-child(4) { margin-top:10px; padding:20px; font-family:'Paperlogy-4Regular'; font-size:20px; line-height:30px; border:1px #ccc solid; border-radius:10px; background:#fff; }
.sec2_wrap .box1 > p:nth-child(5) { margin-top:30px; font-family:'Paperlogy-7Bold'; color:#FF4500; font-size:30px; }
.sec2_wrap .box1 > p:nth-child(6) { margin-top:10px; }
.sec2_wrap .box1 > p:nth-child(6) img { float:left; width:140px; margin-right:10px; border:1px #ccc solid; }


/* section3 */
.sec3_container {  display:block; width:100%; height:1010px; position:relative; text-align:center; letter-spacing:0.05em; }
.sec3_wrap { width:100%; height:200px; text-align:center; background:#FF4500; }
.sec3_wrap .box { width:1200px; margin:0 auto; }
.sec3_wrap .box > div:nth-child(1) { float:left; width:350px; text-align:left; font-family:'Paperlogy-5Medium'; color:#fff; font-size:50px; line-height:200px;} 
.sec3_wrap .box > div:nth-child(2) { float:left; width:600px; padding-top:60px; text-align:left; font-family:'Paperlogy-4Regular'; color:#fff; font-size:25px; line-height:40px; } 
.sec3_wrap .box > div:nth-child(3) { float:left; width:170px; margin-top:60px; } 
.sec3_wrap .box > div:nth-child(3) a { display:inline-block; width:170px; height:40px; padding-left:25px; text-align:left; font-family:'Paperlogy-5Mediumr'; color:#FF4500; font-size:20px; line-height:40px; border-radius:40px; background:#fff; transition: all .3s ease; } 
.sec3_wrap .box > div:nth-child(3) a svg { position:absolute; margin:8px 0 0 6px; width:25px; height:25px; } 
.sec3_wrap .box > div:nth-child(3) a:hover { color:#fff; background:#af0c00; text-decoration:none; transition: all .3s ease;} 
.sec3_wrap1 .box { width:1240px; margin:0 auto; height:800px; padding:60px 0;  }
.sec3_wrap1 .box p { display:inline-block; float:left; width:300px; text-align:center; font-family:'Paperlogy-5Medium'; color:#000; font-size:20px; line-height:40px; }
.sec3_wrap1 .box p img { width:100%; }

/* section4 */
.sec4_container {  display:block; width:100%; height:1010px; position:relative; text-align:center;letter-spacing:0.05em;  }
.sec4_wrap { width:100%; height:200px; text-align:center; background:#FF4500; }
.sec4_wrap .box { width:1200px; margin:0 auto; }
.sec4_wrap .box > div:nth-child(1) { float:left; width:350px; text-align:left; font-family:'Paperlogy-5Medium'; color:#fff; font-size:50px; line-height:200px;} 
.sec4_wrap .box > div:nth-child(2) { float:left; width:600px; padding-top:60px; text-align:left; font-family:'Paperlogy-4Regular'; color:#fff; font-size:25px; line-height:40px; } 
.sec4_wrap .box > div:nth-child(3) { float:left; width:170px; margin-top:60px; } 
.sec4_wrap .box > div:nth-child(3) a { display:inline-block; width:170px; height:40px; padding-left:25px; text-align:left; font-family:'Paperlogy-5Mediumr'; color:#FF4500; font-size:20px; line-height:40px; border-radius:40px; background:#fff; transition: all .3s ease; } 
.sec4_wrap .box > div:nth-child(3) a svg { position:absolute; margin:8px 0 0 6px; width:25px; height:25px; } 
.sec4_wrap .box > div:nth-child(3) a:hover { color:#fff; background:#af0c00; text-decoration:none; transition: all .3s ease;} 
.sec4_wrap1 .box { width:1240px; height:800px; margin:0 auto; padding-top:60px; border-bottom:0px #ccc solid; }
.sec4_wrap1 .box p { display:inline-block; float:left; width:300px; text-align:center; font-family:'Paperlogy-5Medium'; color:#000; font-size:20px; line-height:40px; }
.sec4_wrap1 .box p img { width:100%; }

/* section5 */
.sec5_container {  display:none; width:100%; height:900px; position:relative; padding-top:100px; text-align:center; letter-spacing:0.05em;  }
.sec5_container p { font-family:'Paperlogy-5Medium'; font-size:45px; line-height:60px; }
.sec5_container strong { color:#FF4500; }
.sec5_wrap { width:1200px; margin:0 auto; }
.sec5_wrap .box { float:left; width:440; padding:70px 0 0 20px; }
.sec5_wrap .box img { float:left; width:200px; margin-right:20px; }
.sec5_wrap .box1 { float:left; text-align:right; width:700px; padding:70px 0 0; }
.sec5_wrap .box1 img { width:600px; }

/* section6 */
.sec6_container {  display:none; width:100%; height:350px; margin-top:-350px; position:absolute; z-index:-1; text-align:center; background:#FF4500; }letter-spacing:0.05em; }
.sec6_wrap { display:inline-block;  width:1240px; margin:0 auto; }
.sec6_wrap > div:nth-child(1) { width:1240px; margin:0 auto;text-align:left; margin-top:40px; } 
.sec6_wrap > div:nth-child(2) { width:1240px; margin:0 auto; text-align:left; margin-top:-15px; padding-left:20px; font-family: 'RixMyeongjo-B'; color:#fff; font-size:40px; } 


/* 무료체험 최신글 레이어 */
#slide-latest-ad { display:inline-block;position:fixed; bottom:410px; left:30px;z-index:9; width:180px; background:#fff; border:1px #777 solid; border-radius:12px; }
#slide-latest-ad .ad_ { position:absolute; top:0; right:10px; font-size:12px; }
#slide-latest-ad .slide-latest-ad-tit { display:inline-block; text-align:left; width:100%; height:40px; padding:0 0 0 10px; color:#fff; font-size:15px; font-weight:500; line-height:40px; background:#555; border-radius:12px 12px 0 0;}
#slide-latest-ad .slide-latest-ad-tel { display:inline-block; text-align:left; width:100%; height:50px; padding:0 0 0 10px; font-family:'roboto'; color:#fff; font-size:17px; font-weight:600; line-height:50px; background:#555; border-radius:0 0 12px 12px;}
#slide-latest-ad .slide-latest-ad-tel svg { position:relative; width:28px; color:#fff; top:5px; padding:0 6px 0 0; }
#slide-latest-ad .slide-latest-ad-close { position:relative; float:right; width:24px; top:7px; left:-6px; cursor:pointer; }

/* 문의글 최신글 레이어 */
#slide-latest-inq { display:inline-block;position:fixed; bottom:40px; left:30px;z-index:9; width:180px; background:#fff; border:1px #777 solid; border-radius:12px; }
#slide-latest-inq .inq_ { position:absolute; top:0; right:10px; font-size:12px; }
#slide-latest-inq .slide-latest-tit { display:inline-block; text-align:left; width:100%; height:40px; padding:0 0 0 10px; color:#fff; font-size:15px; font-weight:500; line-height:40px; background:#555; border-radius:12px 12px 0 0;}
#slide-latest-inq .slide-latest-tel { display:inline-block; text-align:left; width:100%; height:50px; padding:0 0 0 10px; font-family:'roboto'; color:#fff; font-size:17px; font-weight:600; line-height:50px; background:#555; border-radius:0 0 12px 12px;}
#slide-latest-inq .slide-latest-tel svg { position:relative; width:28px; color:#fff; top:5px; padding:0 6px 0 0; }
#slide-latest-inq .slide-latest-close { position:relative; float:right; width:24px; top:7px; left:-6px; cursor:pointer; }

/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; z-index:1; width:100%; height:450px; margin-top:-100px; }

/*  서브 내용 부  */
#container_wrap{ display:inline-block; position:relative; width:100%; margin-top:0px; text-align:center; }
#container{ display:inline-block; position:relative; width:100%; text-align:center; }
#board {  display:block; position:relative; width:100%; margin:0 auto; top:0; text-align:center; }
#board .bo_webpage { width:1300px; min-height:620px; padding:0 0 50px 0; text-align:left; margin:0 auto; margin-top:0; height:auto !important; } 
#board .bo_board { width:1300px; min-height:620px; padding:60px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 
#board .bo_shop { width:1200px; min-height:620px; padding:60px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 

/* 서브 타이틀 */
.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:60px; }
.snb_tit .bo_tit { display:inline-block; width:100%; font-family:'Paperlogy-4Regular'; font-size:45px; font-weight:bold; line-height:60px;  }
.snb_tit .bo_line { display:inline-block; width:100px; height:1px; margin:0 auto; background:#444; } 

.snb_shop_tit { width:100%; margin:0 auto; text-align:center; margin-top:60px; }
.snb_shop_tit .shop_tit { display:inline-block; width:100%; font-family:'Paperlogy-4Regular'; font-size:45px; font-weight:bold; line-height:60px;  }
.snb_shop_tit .shop_line { display:inline-block; width:100px; height:1px; margin:0 auto; background:#444; } 


/* 카테고리 탭 */
.cate_pc { position:relative; width:1300px; margin:0 auto; padding:0; text-align:center; margin-top:60px; margin-bottom:50px; }
.cateBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.cateBtn .nav ul { width:100%; margin:0; padding:0; font-size:18px; letter-spacing:0em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:14.2%; height:50px; line-height:52px; background:#fff; font-family:'Paperlogy-5Medium'; color:#000; margin:0 -1px; text-align:center; border:1px #ccc solid; cursor:pointer; }
.cateBtn .nav li span {  display:block; border:1px #222 solid; height:48px; line-height:50px; background:#222; color:#fff; text-align:center; cursor:pointer; }

/* 하단공통 */
.foot_dw { display:inline-block; width:100%; height:600px; text-align:center; padding-top:90px; font-family:'Paperlogy-5Medium'; font-size:23px; line-height:32px; background:#f5f5f5; }
.foot_dw h2 { font-family: 'RiaSans-ExtraBold'; font-size:32px; font-weight:400; color:#FF4500; }
.foot_dw .box { width:1300px; margin:0 auto; }
.foot_dw .box > div:nth-child(1) { float:left; width:440px; position:absolute; z-index:2; margin-top:-50px; }
.foot_dw .box > div:nth-child(1) img { width:440px; }
.foot_dw .box > div:nth-child(2) { float:left; width:700px; margin-left:450px; padding-top:30px; }

#foot_comm { display:inline-block; position:relative; width:100%; height:570px; margin-top:-5px; text-align:center; background:#f5f5f5;}
.comm_container { position:absolute; width:100%; height:480px; margin-top:100px; text-align:center;  background:#FD5E54;}
.comm_wrap { width:1350px; margin:0 auto; }
.comm_wrap .box { float:left; width:950px; text-align:left; }
.comm_wrap .box > p:nth-child(1) { margin:70px 0 0 120px; font-family:'Paperlogy-4Regular'; color:#fff; font-size:45px; font-weight:400; line-height:65px; }
.comm_wrap .box > p:nth-child(2) { margin:30px 0 0 540px; }
.comm_wrap .box > p:nth-child(2) a { display:inline-block; width:275px; height:60px; text-align:center; font-family:'Paperlogy-5Medium'; color:#fff; font-size:23px; line-height:60px; border:3px #CD8E8A solid; border-radius:8px; background:#000; transition: all .3s ease; } 
.comm_wrap .box > p:nth-child(2) a:hover { color:#000; background:#fff; text-decoration:none; transition: all .3s ease;} 
.comm_wrap .box > p:nth-child(3) { margin:20px 0 0 540px; }
.comm_wrap .box > p:nth-child(4) { margin:-110px 0 0 170px; }
.comm_wrap .box1 { float:left; width:400px; margin-top:-200px; }

/* COPYRIGHT */
#foot { display:inline-block; position:relative; margin-top:-5px; width:100%; height:250px; text-align:center;  background:#f5f5f5; }
.copy_container { display:inline-block;  width:100%; height:220px; text-align:center;  overflow: hidden;}
.copy_wrap { width:1300px; margin:0 auto; padding-top:40px; }
.add_ { padding:30px 0 0; font-family:'Paperlogy-4Regular'; color:#444; font-size:15px; font-weight:400; line-height:27px; letter-spacing:0em;}
.add_ > p:nth-child(1) { float:left; width:150px; text-align:left; }
.add_ > p:nth-child(2) { float:left; width:1100px; text-align:left; border-left:1px #ccc solid; padding-left:50px; }
.add_ img { width:90px; padding:0 0 40px 0; }

.span_line { clear:both; display:inline-block; width:12px; border-left:1px #ccc solid; line-height:12px; margin:0 0 0 15px; }
.tail_line { clear:both; display:inline-block; width:11px; border-left:1px #ddd solid; color:#ddd; line-height:13px; margin:0 0 0 11px; }

/* 라인 모션 */
.line_motion{position:relative; overflow:hidden; padding:0;}
.line_motion > span{position:relative; z-index:1; display:inline-block; transform:translateY(calc(100% + 0px));  transition:transform 0.3s ease 0.2s, opacity 1s cubic-bezier(.5, 0, .1, 1) 0.2s; opacity:0;}
.line_motion > span:before{content:""; position: absolute; bottom:0; left:0; transition:width 0.2s cubic-bezier(0.700, 0.100, 0.70, 0.86) 0.3s; width:0; height:3%; background:#fff; z-index:-1;  margin-bottom:35px;padding:0; }
.line_motion.active > span{transform:translateY(0); opacity:1; color:#fff;  padding:0; }
.line_motion.active > span:before{width:100%;}

.line_motion1{position:relative; overflow:hidden; padding:0;}
.line_motion1 > span{position:relative; z-index:1; display:inline-block; transform:translateY(calc(100% + 0px));  transition:transform 0.6s ease 0.2s, opacity 1s cubic-bezier(.5, 0, .1, 1) 0.2s; opacity:0;}
.line_motion1 > span:before{content:""; position: absolute; bottom:0; left:0; transition:width 0.5s cubic-bezier(0.700, 0.100, 0.70, 0.86) 0.6s; width:0; height:6%; background:#fff; z-index:-1;  margin-bottom:5px;padding:0; }
.line_motion1.active > span{transform:translateY(0); opacity:1; color:#000;  padding:0; }
.line_motion1.active > span:before{width:100%;}


/* 우측 퀵메뉴 */
.layer-scroll { width:150px; float:right; position:fixed; z-index:3; right:30px; bottom:160px; animation: ani 1s infinite alternate; }
.layer-scroll a { display:block; margin:0 0 5px 0; padding:0 0 0 17px; width:150px; height:50px; text-align:left; font-family:'Paperlogy-5Medium'; font-size:17px; color:#fff; line-height:50px; background:#2C55DD; border-radius:25px; transition: all .3s ease;}
.layer-scroll a:hover { background:#000; text-decoration:none; transition: all .3s ease; }
.layer-scroll a svg { vertical-align:middle; margin-right:5px; width:28px; height:28px; color:#fff; }
@keyframes ani {
  from { transform: translateY(7%); }
  to { transform: translateY(0%); }
}


/* 빠른 상담 공통 */
.message { position: fixed; bottom: 0px; width: 100%;z-index: 992; text-align:center; }
.toggle { display: block; top:0px; bottom: 0px; position:relative; cursor: pointer; background: #FF4500; color: #fff; padding:12px 0; width:150px; left:0px; margin:0 auto; font-size:20px; border-radius:10px 10px 0 0; }
.toggle_wrap { display:none; position:relative; width:100%; height:200px; background:#fafafa; border-top:5px #FF4500 solid; }
.toggle_wrap .box01{background:#fff;padding:93px 30px 93px 0;} 
.toggle_wrap .box02{background:#9cc813;padding:50px 0;} 
.toggle_wrap .box_wrap { width: 925px;padding: 0 10px;}
.message form p {padding-top:15px;color:#fff;width:100%;padding-left:10px;}

.frm_wrap_bottom { display:inline-block; width:1000px; padding-top:30px; margin:0 auto; text-align:left; }
.frm_tit { display:inline-block; margin:6px 20px 0 0; width:220px; height:118px; line-height:118px; text-align:center; background:#000; color:#fff; font-size:19px; letter-spacing:-0.04em;}
.frm_hr_bt { text-align:left; height:44px; }
.input_bt { width:300px; height:38px; margin:3px; padding:3px 0 0 5px; font-size:16px; border:1px #ddd solid; background:#fff; color:#000; }
.input_bt1 { width:608px; height:38px; margin:3px; padding:3px 0 0 5px; font-size:16px; border:1px #ddd solid; background:#fff; color:#000; }
.agreetext_bt { margin-top:-7px;font-size:15px; font-weight:400; color:#000; }
.policy { font-size:15px; font-weight:400; color:#000;} 

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


/* Go Top 버튼 */
a.jcm-top { position: fixed; right: 80px; bottom: 70px; border-radius: 0px; color: #ffffff; text-align: center; width: 50px; height: 90px; font-size: 40px; /*background-color: rgba(50,50,50,0.5);*/ background-color:; opacity:100; filter:alpha(opacity=100); /*ie8 호환을 위한코드 위와 동일한 것임 호환필요없으면 한줄로 rgba적으면됨*/ z-index: 991; display: none; }


/* 게시판 카테고리 */
#bo_cate { width:100%; height:42px; margin:0 auto; margin-bottom:20px; font-size:17px; font-weight:500; line-height:40px; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:42px; 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:42px; line-height:40px; padding:0 25px; background:#fff; border:1px #ccc solid; margin-right:-1px; text-align:center; transition: all .3s ease}
#bo_cate li a { display:inline-block;position:relative;  text-align:center; cursor:pointer; height:40px; margin:0 -25px; padding:0 25px;}
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { background:#55A3A2; color:#fff; text-decoration:none; transition: all .3s ease}
#bo_cate #bo_cate_on { display:inline-block; float:left; height:40px; line-height:40px; margin:0 -25px; padding:0 25px; background:#55A3A2; border:0px #ddd solid; color:#fff; text-align:center; cursor:pointer; }

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

/* 라디오, 체크박스 커스텀 */
label .radio { font-family: 'Pretendard'; font-weight:400; font-size:22px; }
.radio input { display:none; }
.radio span { display:inline-block;vertical-align:middle;cursor:pointer; }
.radio .radio_w { margin-right:30px; }

.radio .icon { position:relative; margin-right:6px; top:0px; width: 22px;height: 22px;border: 1px solid #888; border-radius: 50%; transition: background 0.3s ease;}
.radio .icon::after { content: '';position: absolute;top: 6px;left: 6px;width: 8px;height: 8px;border:4px solid #fff; border-radius:50%; transform: rotate(360deg) scale(0);transition: all 0.3s ease;transition-delay: 0.0s;opacity: 0;}
.radio .text { margin-left: 5px;}
.radio input:checked ~ .icon { border-color: transparent;background: #e20030;animation: jelly 0.6s ease;}
.radio input:checked ~ .icon::after { opacity: 1;transform: rotate(45deg) scale(1);}

label.checkbox { font-size:15px; vertical-align:bottom; }
label.checkbox a { color:#ccc; }
label.checkbox.span_ { margin-right:15px; }
.checkbox input { display:none;}
.checkbox span { display:inline-block;vertical-align:middle;cursor:pointer; }
.checkbox .icon { position:relative; top:-2px; width: 19px;height: 19px;border: 1px solid #888;border-radius: 3px;transition: background 0.3s ease;}
.checkbox .icon::after { content: '';position: absolute;top: 0px;left: 5px;width: 7px;height: 13px;border-right: 2px solid #fff;border-bottom: 3px solid #fff;transform: rotate(45deg) scale(0);transition: all 0.3s ease;transition-delay: 0.15s;opacity: 0;}
.checkbox .text { margin-left: 5px;}

.checkbox input:checked ~ .icon { border-color: transparent;background: #e20030;animation: jelly 0.6s ease;}
.checkbox input:checked ~ .icon::after { opacity: 1;transform: rotate(45deg) scale(1);}


/* 버튼 */
.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_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:660px; top:55px; width:40px;height:40px; 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:#000; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:3px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-2px;width:100%;height:3px;}