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

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

/*  전체 영역  */	
#wrap_main { width:100%; min-width:1300px; height:100%; min-height:100%; font-family:'GmarketSansMedium'; letter-spacing:0em; background:#eee; }
#wrap { width:100%; min-width:1300px; height:100%; min-height:100%; font-family:'GmarketSansMedium'; letter-spacing:0em; background:#2f2f2f; }

/*  상단 데모보기  */	
.demo_container { display: block; position: relative; width:680px; margin:0 auto; }
.demo { display: inline-block; position: absolute; z-index: 99992;  width: 100%; max-width:680px; border: 0px; height: 50px; min-height: 35px; line-height:32px; border-radius: 35px; margin-top: 35px; background:#fff; overflow: hidden; }
.demo form { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.demo form ion-icon { z-index: 99992; font-size: 20px; font-weight:bold; color: #eb304f; --ionicon-stroke-width: 64px; margin: 15px 15px 0 15px; }
.demo form select { margin-left:-15px; height: 38px; border: 0px; outline: none; font-size: 16px; color:#000; padding:0 6px; }
.demo form input { margin-left:10px; height: 35px; border:0; width: calc(100% - 80px); outline: none; font-size: 16px; padding:5px 0 0 5px; }
.demo form button { margin-left:-65px; margin-top:0px; border:0px; background: #FF4500; width: 145px; height:52px; line-height:55px; border-radius: 52px; font-size: 18px; color: #fff; transform: translateY(0px);}
.demo_container .arr_ { position:absolute; z-index:99993; margin-left:660px; margin-top:10px; animation: ani 0.6s infinite alternate; }

.demo input[type=text]:focus {
border: 0px !important;
}
.demo select:focus {
border: 0px !important;
}
.demo button[type=submit]:focus {
border: 0px !important;
}
@keyframes ani {
from { transform: translateX(19%); }
to { transform: translateY(0%); }
}

/* GNB SUB */
#gnb { display: block; position: relative; z-index: 9992; width: 100%; height: 100px; margin: 0 auto; }
.gnb_container { top: 85px; left: 0%; width: 100%; height: 90px; line-height: 0; position: relative; z-index: 30; transition: all .5s; background:none; border-bottom: 1px #666 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: -50px; left: 50px; position: relative; z-index: 4; width: 480px; text-align: left; }
.gnb_wrap .bg_wrap .bg .logo img { margin-right:25px;}
.gnb_wrap .bg_wrap .bg .logo a {font-family: 'GmarketSansMedium'; color: #ddd; font-size:15px;}
.gnb_wrap .bg_wrap .bg .logo a:hover{ color:#FFC600;text-decoration:none;}
.gnb_wrap .bg_wrap .bg .adm_ { position:absolute; right:2%; top:-40px; }

.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: 'GmarketSansMedium'; font-weight: normal; color: #fff; font-size: 18px; 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: 88px; left: 0; }
.bar_container .bar_wrap { position: relative; }
.bar_container .bar_wrap .bar { width: 0px; height: 2px; background: #ffc600; 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:50px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-450px; position:absolute; z-index:9999; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-160px; cursor:pointer; }


/*  메인영상  */    
.main_video_wrap { display:inline-block; width:100%; height:0; padding-bottom: 56.25%; /* 16:9 비율을 유지하기 위해 */ position:relative;  margin-top:-200px;  overflow:hidden; }
.main_video { display:inline-block; position:absolute; z-index:1;  width:100%; height:100%; margin:0 auto; left:0; right:0; top:0; bottom:0; }
.main_video_bg { display:none; width:100%; height:100%; position:absolute; z-index:1;  background-image: url(''); }
.main_video_txt { display:none; width:100%; text-align:center; position:absolute; z-index:2; top:30%; }


/* 웹캐스터 소개 */
.sec1_container {  display:block; width:100%; height:1100px; position:relative; z-index:8; text-align:center; background-image:url('../images/sec1_bg.png');  background-repeat:no-repeat; background-position: right 0px top 0; }
.sec1_wrap { width:1400px; height:1100px; margin:0 auto; position:relative;border-bottom:1px #aaa solid; }
.sec1_wrap .sec1_img { float:right; top:0; right:0; position:absolute; z-index:2; transition: all 0.5s ease;  }
.sec1_wrap .box { width:100%; padding-top:120px; }
.sec1_wrap .box > p:nth-child(1) {  display:inline-block; float:left; text-align:center; padding:10px 40px; font-family:'GmarketSansMedium'; color:#fff; font-size:30px; background:#FF4500; border-radius:60px; }
.sec1_wrap .box > p:nth-child(2) { float:left; text-align:left; padding:20px 0 0; font-family:'GmarketSansMedium'; color:#000; font-size:40px; letter-spacing:-0.06em;}
.sec1_wrap .box > p:nth-child(2) span {  font-family:'GmarketSansBold'; color:#FF4500; font-size:50px; }
.sec1_wrap .box1 { width:100%; text-align:left; }
.video-docu { display:flex; width:1000px; overflow:hidden;}
.video-docu > div:nth-child(1) { float:left; width:580px; text-align:center; }
.video-docu > div:nth-child(2) { float:left; width:580px; margin-left:20px; text-align:center;}
.video-docu .video{   }
.video-docu .video1 {   }
.video-docu .txt { padding-top:10px; font-family:'GmarketSansMedium'; color:#000; font-size:25px;letter-spacing:-0.06em; }
.video-docu .txt1 { padding-top:10px; font-family:'GmarketSansMedium'; color:#000; font-size:25px;letter-spacing:-0.06em;}
.playBtn { width:100%; height:52px; margin:10px 0 0; background:#000; color:#fff; border-radius:52px; border:0; text-align:center; font-family:"GmarketSansMedium"; font-size:22px;transition: all 0.3s ease; }
.playBtn:hover { background:#ddd; color:#000; ransition: all 0.3s ease; }
.playBtn1 { width:100%; height:52px; margin:10px 0 0; background:#000; color:#fff; border-radius:52px; border:0; text-align:center; font-family:"GmarketSansMedium"; font-size:22px; transition: all 0.3s ease;}
.playBtn1:hover { background:#ddd; color:#000; transition: all 0.3s ease; }
@media only screen and (max-width:1920px){
  .sec1_container { background-image: url('../images/sec1_bg.png'); background-repeat: no-repeat; background-position: right -130px top 0;  }
}


/* 집중 */
.sec2_container {  display:block; width:100%; height:830px; position:relative; z-index:8; padding-top:110px; text-align:center; }
.sec2_wrap { width:1400px; height:870px; margin:0 auto; position:relative; border-bottom:1px #aaa solid;}
.sec2_wrap .sec2_img { float:left;; margin-top:120px; position:relative; z-index:2; }
.sec2_wrap .sec2_img1 { float:right;; margin-top:50px; right:-30px; position:absolute;z-index:2}
.sec2_wrap .box { width:100%; padding-top:60px; }
.sec2_wrap .box > p:nth-child(1) { padding-left:30px; text-align:left; font-family:'GmarketSansMedium'; color:#000; font-size:40px; letter-spacing:-0.06em;}
.sec2_wrap .box > p:nth-child(1) span { font-family:'GmarketSansBold'; color:#FF4500; font-size:50px; }
.sec2_wrap .box > p:nth-child(2) { padding-left:30px; float:left; padding-top:40px; position:relative; z-index:2; }
.sec2_wrap .box > p:nth-child(3) { margin-top:230px; padding-left:0px; float:left; text-align:left; width:75%; overflow: hidden;  }
.sec2_wrap1 { top:460px; padding-left:340px; position:absolute; z-index:1; float:left; text-align:left; width:100%; height:220px; padding-top:75px; background:#FF4500; overflow: hidden; }
.sec2_wrap1 p { width:1400px; padding-left:340px;  }


/* 장점 */
.sec3_container {  display:block; width:100%; height:1070px; position:relative; z-index:8; padding-top:140px; text-align:center;  overflow: hidden;}
.sec3_wrap { width:1400px; height:1070px; margin:0 auto; position:relative; }
.sec3_wrap .sec3_img { float:right;; margin-top:0px; position:relative; z-index:2; }
.sec3_wrap .box { display:block;  position:absolute; width:100%; padding-top:60px; text-align:center; }
.sec3_wrap .box > div:nth-child(1) { margin-top:200px; } 
.sec3_wrap .box > div:nth-child(1) p { width:67%; height:80px; border-left:10px #FF4500 solid;  border-top:1px #bbb solid;  border-right:1px #bbb solid; border-bottom:1px #bbb solid; padding:20px 30px; margin:20px 0;  text-align:left; font-family:'GmarketSansMedium'; background:#fff; color:#000; border-radius:0 40px 40px 0; font-size:25px; letter-spacing:-0.06em;}
.sec3_wrap .box > div:nth-child(1) p strong { color:#FF4500; }
.sec3_wrap1 { top:150px; position:absolute; z-index:1;  width:100%; padding:40px 190px 40px 0; text-align:center; font-family:'GmarketSansMedium'; background:#333; color:#fff; font-size:30px; letter-spacing:-0.06em;}
.sec3_wrap1 strong { color:#fff; font-family:'GmarketSansBold'; font-size:45px; }


/* 추천 */
.sec4_container {  display:block; width:100%; height:990px; position:relative; z-index:8; padding-top:130px; text-align:center; background-image:url('../images/sec4_bg.png');  background-repeat:no-repeat;  background-position: left 0px top 0;}
.sec4_wrap { width:1400px; height:990px; margin:0 auto; position:relative; border-top:1px #aaa solid;}
.sec4_wrap .sec4_img { float:left;; margin-top:110px; position:relative; z-index:2; }
.sec4_wrap .box { width:100%; padding-top:140px; }
.sec4_wrap .box > p:nth-child(1) { padding-left:60px; text-align:left; font-family:'GmarketSansMedium'; color:#000; font-size:40px; letter-spacing:-0.06em;}
.sec4_wrap .box > p:nth-child(1) span { font-family:'GmarketSansBold'; color:#FF4500; font-size:50px; left:10px; }
.sec4_wrap .box > p:nth-child(2) { padding-left:60px; float:left; padding-top:40px; position:relative; z-index:2; }
.sec4_wrap .box > p:nth-child(3) { margin-top:170px; padding-left:370px; position:absolute; z-index:1; float:left; text-align:left; width:110%; height:220px; padding-top:75px; background:#FF4500; overflow: hidden; }
.sec4_wrap .box > p:nth-child(4) { margin-top:230px; padding-left:40px; float:left; text-align:left; width:80%; overflow: hidden;  }
.sec4_wrap .box .box_cont { width:100%; padding-top:50px; }
.sec4_wrap .box .box_cont li {display:inline-block; float:left; width:245px; margin:0 10px; font-family:'GmarketSansMedium'; color:#000; font-size:18px; line-height:26px; letter-spacing:-0.06em;}
.sec4_wrap .box .box_cont li > div:nth-child(2) { border:1px #FF4500 solid; padding:20px 0 30px 0; background:#fff; }
.sec4_wrap .box .box_cont li strong { font-family:'GmarketSansMedium'; font-size:33px; line-height:70px; }
@media only screen and (max-width:1920px){
  .sec4_container { background-image: url('../images/sec4_bg.png'); background-repeat: no-repeat; background-position: left -100px top 0;  }
}


/* 적용사례 */
.sec5_container {  display:block; width:100%; height:801px; position:relative; z-index:8; text-align:center; background-image:url('../images/sec5_bg.png');  background-repeat:no-repeat;  background-position: right 50px top 0;}
.sec5_wrap { width:1400px; height:700px; margin:0 auto; position:relative; border-top:1px #aaa solid;}
.sec5_wrap .sec5_img { float:right;; margin-top:50px; }
.sec5_wrap .box { width:100%; padding-top:130px; }
.sec5_wrap .box > p:nth-child(1) { text-align:left; font-family:'GmarketSansMedium'; color:#000; font-size:35px; letter-spacing:-0.06em;}
.sec5_wrap .box > p:nth-child(1) span { font-family:'GmarketSansBold'; color:#FF4500; font-size:45px; left:20px;}
.sec5_wrap .ifram { width:1100px; top:0; margin:0px; position:absolute; }
.sec5_wrap .ifram .moreView a { display:block;position:absolute; z-index:888; text-align:right; width:130px; right:40px; top:160px; }
@media only screen and (max-width:1920px){
  .sec5_container { background-image: url('../images/sec5_bg.png'); background-repeat: no-repeat; background-position: right -80px top 0;  }
}

/* 무료체험 최신글 레이어 */
#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 .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 { 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 .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 .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 .slide-latest-tel svg { position:relative; width:28px; color:#fff; top:5px; padding:0 6px 0 0; }
#slide-latest .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; z-index:2; width:100%; margin-top:0px; text-align:center; }
#container{ display:inline-block; position:relative; z-index:1; width:100%; text-align:center; }
#board {  display:block; position:relative; width:100%; margin:0 auto; top:0; text-align:center; }
#board .bo_webpage { width:100%; min-height:620px; padding:0 0 50px 0; margin:0 auto; margin-top:0; height:auto !important; z-index:1; } 
#board .bo_board { width:1300px; min-height:620px; padding:60px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 

/* 카테고리 탭 */
.cate_pc { position:relative; z-index:5; width:1300px; margin:0 auto; padding:0; text-align:center; margin-top:-35px; margin-bottom:0px; }
.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:20px; letter-spacing:0em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:16.6%; height:54px; line-height:60px; background:#fff; font-family:'GmarketSansLight'; font-weight:bold; color:#000; margin:0; text-align:center; cursor:pointer; }
.cateBtn .nav li span {  display:block; height:54px; line-height:60px; background:#FFD31A; color:#000f; text-align:center; cursor:pointer; }


/* COPYRIGHT */
#foot { display:inline-block; position:relative; z-index:1; width:100%; height:160px; text-align:center; }
.copy_container { display:inline-block;  width:100%; height:160px; margin-bottom:-10px; background:#000; text-align:center;  overflow: hidden;}
.copy_wrap { width:1400px; margin:0 auto; }
.add_ { left:0; text-align:left; padding:40px 0 0; color:#ccc; font-size:14px; font-weight:400; line-height:24px; letter-spacing:0em;}
.icon_ { position:relative; float:right; right:0; width:300px; margin-top:-50px; }
.icon_ img { width:40px; margin-left:5px; }

.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:13px; border-left:1px #ccc solid; color:#ccc; line-height:12px; margin:0 0 0 15px; }

/* 라인 모션 */
.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.6s 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.5s cubic-bezier(0.700, 0.100, 0.70, 0.86) 0.6s; width:0; height:6%; background:#000; z-index:-1;  margin-bottom:5px;padding:0; }
.line_motion.active > span{transform:translateY(0); opacity:1; color:#000;  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%;}



/* 빠른 상담 공통 */
.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; }
.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:-125px; text-align:center; background:url('../images/SubVisual/bg_top.jpg'); background-position: top; background-repeat:repeat-x;}
#head_content #head { width:950px;  min-height:945px; margin:0 auto; padding:0;  }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; padding:250px 0 135px 0; }

@media only screen and (max-width:1920px){
	#head_content #head { min-height:835px; }
}

/* Go Top 버튼 */
a.jcm-top { position: fixed; right: 30px; 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;}