/*
 * 20.09.04 (minji)
 */

body {width:100%;margin:0 auto;max-width:767px; -webkit-text-size-adjust: 100%;}
.body_wrap{overflow: hidden}
.w_1200{max-width:992px; margin:0 15px;}

/* skin - header */
.header_wrap{background:#000; height:46px; z-index: 999; position:fixed; width:100%;}
.header_wrap > div{margin:0;}
.header_wrap .header{position:relative; width:100%; background:#000; height:42px; z-index: 999;}
.header_wrap .header .logo{position:absolute; top:12px; left:15px;}
.header_wrap .header .logo > img{display:block; width:78px;}
.pc_navi{display:none;}
.pc_img{display:none;}
.header_wrap .header .menu_btn{position:absolute; top:14px; right:15px; transition: .5s; cursor: pointer; width:27px; height:18px;}

.menu:hover {cursor: pointer;}
.menu:hover .menu-item:nth-child(2) {-webkit-transform: translateX(5px); transform: translateX(5px);}
.menu.open .menu-item {background: #fff;}
.menu.open .menu-item:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 2px 50%; transform-origin:2px 50%;;}
.menu.open .menu-item:nth-child(2) {-webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0;}
.menu.open .menu-item:nth-child(3) {-webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 2px 50%; transform-origin: 2px 50%;}
.menu-item {-webkit-transition: all 0.2s; transition: all 0.2s; display: block; width: 26px; height: 2px; margin: 0 0 6px; background: #fff;}

/* gnb */
.nav_wrap{
    position:fixed;
    top:42px;
    left:0;
    width:100%;
    background:rgba(255,255,255,1);
    display: block;
    overflow: hidden;
    z-index: 555;
    margin-top: 0 !important;
    -webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, -8000px, 0);
    -moz-transform: translate3d(0, -8000px, 0);
    -ms-transform: translate3d(0, -8000px, 0);
    -o-transform: translate3d(0, -8000px, 0);
    transform: translate3d(0, -8000px, 0);
}
.nav_wrap.off{
    -webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.nav_wrap .navi .gnb_wrap{background:#fff}
.nav_wrap .navi .gnb_logo_wrap{text-align:center;}
.nav_wrap .navi{background:#fff; position:relative; z-index:1; display: inline-block; width: 100%;}
.nav_wrap .navi .gnb_l{padding:20px 0;}
.nav_wrap .navi .gnb_l ul{display:inline-block; width:100%;}
.nav_wrap .navi .gnb_l ul > li{width:33.33%; float:left; text-align:center;}
.nav_wrap .navi .gnb_l ul > li > a{position:relative; display:inline-block; color:#333; font-size:13px;}
.nav_wrap .navi .gnb_ul{padding:0 20px; border-bottom:3px solid #2a3951;}
.nav_wrap .navi .gnb_ul > li{position:relative; padding:25px 0; border-top:1px solid #999; overflow: hidden}
.nav_wrap .navi .gnb_ul > li > p,
.nav_wrap .navi .gnb_ul > li > a{margin-bottom:0px; color:#2a3951; font-size:15px; font-weight:bold; padding-left:10px; position:relative; margin-left:15px;}
.nav_wrap .navi .gnb_ul > li > p:before,
.nav_wrap .navi .gnb_ul > li > a:before{content:''; width:4px; height:14px; background:#2a3951; position:absolute; top:0; left:0;}
.nav_wrap .navi .gnb_ul > li > div{padding:8px 0; margin:25px 0 3px; position:relative;}
.nav_wrap .navi .gnb_ul > li > div > a{display:inline-block; }
.nav_wrap .navi .gnb_ul > li > div > span{position:absolute; right:0; top:50%; margin-top:-6px;}
.nav_wrap .navi .gnb_ul > li a p{ font-size:30px; color:#947645; display:inline-block; font-weight:bold;}
.nav_wrap .navi .gnb_ul > li a p span{display:inline-block; margin-left:10px;}
.nav_wrap .navi .gnb_ul > li.on a p{color:#d1bd94}
.nav_wrap .navi .gnb_ul > li .dep02{display:inline-block; width:100%;}
.nav_wrap .navi .gnb_ul > li .dep02 > li{/*width:25%; float:left; text-align:center;*/width: 100%; padding: 18px 0 0 25px;}
.nav_wrap .navi .gnb_ul > li .dep02 > li > a{position:relative; display:inline-block; color:#333; font-size:13px;}

/* skin - footer */
.footer_wrap{background:#333}
.footer_wrap .footer{position:relative; padding:40px 0 120px;}
.footer_wrap .footer .f_info{margin-bottom:30px;}
.footer_wrap .footer .f_info a{display:inline-block; margin-bottom:15px;}
.footer_wrap .footer .f_info a > img{width:120px;}
.footer_wrap .footer .f_info .info{font-size:14px; line-height:160%; margin-bottom:16px; color:#fff;}
.footer_wrap .footer .f_info .copy{color:#989898; font-size:13px; position:absolute; bottom:30px}
.footer_wrap .footer .f_links{margin-bottom:30px;}
.footer_wrap .footer .f_links p{color:#1e8ff9; font-size:15px; font-weight:bold; margin-bottom:10px;}
.footer_wrap .footer .f_links ul li a{display:inline-block; font-size:14px; color:#fff; margin:6px 0;}
.footer_wrap .footer .f_social p{color:#1e8ff9; font-size:15px; font-weight:bold; margin-bottom:10px;}
.footer_wrap .footer .f_social ul li{float:left; line-height:40px; height:46px;}
.footer_wrap .footer .f_social ul li a{margin:0 0px; display:inline-block;}
.footer_wrap .footer .f_social ul li a > img{width:70%; vertical-align: middle;}


/* common - slide */
.slide_show {position:relative;width:100%;height:100%;overflow:hidden;}
.slide_show > li {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:50;}
.slide_show > li.active {z-index:100;}

.slide .nav{max-width:100%; margin:0 auto; position:initial; height:auto; width:100%; top:auto; left:auto; margin-left:0; }
.slide .nav > ul {position:absolute;bottom:-25px;z-index:100; width:100%; text-align:center;}
.slide .nav > ul li {display:inline-block; width:16px;}
.slide .nav > ul li a {width:8px;height:8px;display:block;margin:0 auto; border-radius: 50px;}
.slide .nav > ul li a {background:#e1e1e1;}
.slide .nav > ul li a.active {background:#1d8ff9;}

.slide .nav > a {position:absolute;top:50%;width:11px;height:19px;z-index:100; margin-top:-8px}
.slide .nav > a > img{width:100%; opacity: .5}
.slide .nav > a.prev {left:15px;}
.slide .nav > a.next {right:15px;}

/* common - 서브페이지 공통  */
.container{margin-top:46px; min-height:400px; margin-left: auto; margin-right: auto;}
.container .sub_top{height:540px; background-size: cover;}
.sub_page_tit{font-size:13px; color:#666; font-weight:bold; letter-spacing: 0.05em; text-align:center; padding:60px 0 40px; line-height:150%;}
.sub_page_tit span{font-size:23px; display:block; margin-bottom:0; color:#333; letter-spacing: 0; font-weight:bold; line-height:140%;}
.sub_page_tit_bbs span{font-size:23px; display:block; margin-bottom:0; color:#333; letter-spacing: 0; font-weight:bold; line-height:140%; padding: 70px 0 0px 0; text-align: center;}

/* main */

/*main-slide*/
.index_page .slide_wrap{margin-top:46px;}
.main_slide{position: relative;}
.main_slide .bx-viewport ul li{height:260px;}
.main_slide .bx-viewport ul li > div{display:table; table-layout: fixed; width:100%; height:100%;}
.main_slide .bx-viewport ul li > div > div{display:table-cell; vertical-align: middle; padding-left:30px;}
.main_slide .bx-viewport ul li > div dl{display:inline-block; text-align:center;}
.main_slide .bx-viewport ul li > div dl dt{font-size:21px; color:#fff; font-weight:bold; line-height:125%;}
.main_slide .bx-viewport ul li > div dl dt span{font-size:18px; color:#fff;}
.main_slide .bx-viewport ul li > div dl dd a{margin-top:10px; color:#fff; font-size:13px; display:inline-block; width:104px; height:29px; line-height:27px; border:2px solid #fff; box-sizing: border-box; border-radius: 50px; transition: .5s;}
.main_slide .bx-viewport ul li > div dl dd a:hover{background:rgba(0,0,0,.5); transition: .5s;}
.main_slide .bx-viewport ul li.slide02 > div dl dt{line-height:110%;}
.main_slide .bx-viewport ul li.slide02 > div dl dt span.point{font-size:21px; line-height:120%;}
.main_slide .bx-viewport ul li.slide02 > div dl dd a{margin-top:30px;}
.main_slide .bx-viewport ul li.slide03 > div dl dt{color:#333; line-height:110%;}
.main_slide .bx-viewport ul li.slide03 > div dl dt span{color:#333}
.main_slide .bx-viewport ul li.slide03 > div dl dt span.point{font-weight:bold;}
.main_slide .bx-viewport ul li.slide03 > div dl dd a{/*color:#333; border-color: #333*/}
.main_slide .bx-viewport ul li.slide03 > div dl dd a:hover{background: rgba(255,255,255,.5)}

.main_slide .bx-wrapper .bx-pager,
.main_slide .bx-wrapper .bx-controls-auto { position: absolute; bottom: -25px; width: 100%;}
.main_slide .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial, sans-serif; font-weight: bold; color: #666; padding-top: 20px;}
.main_slide .bx-wrapper .bx-pager .bx-pager-item,
.main_slide .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a,
.main_slide .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#e1e1e1; text-indent: -9999px; display: block; /*width:8px;height:8px; margin: 0 2.5px;*/ outline: 0; border-radius: 50px;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active {background:#1d8ff9;}

.main_slide .bx-wrapper .bx-controls-direction{position:absolute; top:50%; width:100%;}
.main_slide .bx-wrapper .bx-controls-direction a.bx-prev{position:absolute; left:15px; width:11px; height:19px; text-indent:-9999px; display:block; /*background:url('../images/main/prev_s.png')*/ no-repeat 50% 50%; background-size:cover;}
.main_slide .bx-wrapper .bx-controls-direction a.bx-next{position:absolute; right:15px; width:11px; height:19px; text-indent:-9999px; display:block; /*background:url('../images/main/next_s.png')*/ no-repeat 50% 50%; background-size:cover;}

.index_page .cont01{margin:60px 0 40px;}
.index_page .cont01 .box_wrap{overflow: hidden}
.index_page .cont01 .box_wrap ul{margin:0 -5px;}
.index_page .cont01 .box_wrap ul li{width:100%; float:left; margin-bottom:10px;}
.index_page .cont01 .box_wrap ul li > div{margin:0 5px; background:#2a3951}
.index_page .cont01 .box_wrap ul li > div dl{padding:20px 15px; display:table; table-layout: fixed; width:100%;}
.index_page .cont01 .box_wrap ul li > div dl dt{display:table-cell; vertical-align: middle; width:30%; text-align: center}
.index_page .cont01 .box_wrap ul li > div dl dt span > img{width:49px;}
.index_page .cont01 .box_wrap ul li > div dl dd{display:table-cell; vertical-align:middle; color:#fff; font-size:15px; text-align:left; padding-left:0; line-height:160%; min-height:78px !important;}
.index_page .cont01 .box_wrap ul li > div dl dd a{display:block; font-size:17px; font-weight:bold; color:#fff; margin-bottom:10px; line-height:160%;}
.index_page .cont01 .box_wrap ul li > div dl dd a > img{vertical-align: middle; width:15px; margin-top:-2px; margin-left:2px;}

.index_page .cont02{background:url('../images/main/con02_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.index_page .cont02 .txt_box{padding:140px 0 80px 25px;}
.index_page .cont02 .txt_box p{font-size:14px; color:#fff; line-height:170%;}
.index_page .cont02 .txt_box p span{font-size:22px;}
.index_page .cont03{background:url('../images/main/con03_bg.jpg') no-repeat 50% 50%; background-size:cover; padding:40px 0;}
.index_page .cont03 .tit{color:#fff; font-size:24px; padding-left:18px; position:relative; font-weight:bold; margin-bottom:30px;}
.index_page .cont03 .tit:before{content:''; width:4px; height:18px; background:#fff; position:absolute; top:1px; left:0;}
.index_page .cont03 span{display:block;}
.index_page .cont03 span > img{width:100%;}
.index_page .cont03 .img01{margin-bottom:30px; text-align:center;}
.index_page .cont03 .img01 > img{width:100%;}
.index_page .cont03 .img02{margin-bottom:20px; text-align:center;}
.index_page .cont03 .img02 > img{width:100%;}
.index_page .cont03 .img03  a > img{width:50%;}
.index_page .cont03 a.link{width:190px; height:46px; line-height:46px; box-sizing: border-box; color:#62cdff; font-size:21px; font-weight:bold; border:2px solid #62cdff; border-radius: 50px; display:inline-block; margin-bottom:20px;}
.index_page .cont04{padding:40px 0 35px; color:#333; font-size:16px; }










.main_voice_txt {
    color:#FFF; font-size:20px; line-height: 1.5;
}

.pb-50 {
    padding-bottom:50px;
}

.sub_title {font-size: 28px; margin-bottom: 20px;}







/* page - 엔진특징 */
.sub01{background:#f3f3f3;}
.sub01 .sub_top{background:url('../images/sub01/sub01_bg.png') no-repeat 50% 50%; background-size:cover; height:140px;}
.sub01 .txt_box{position:relative; display:table; table-layout: fixed; height:100%; width:100%;}
.sub01 .txt_box p{font-size:66px; display:table-cell; vertical-align: middle; color:#fff; padding-left:175px;
    background: linear-gradient(to right, #c1fdff, #74d6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.sub01 .cont01{padding-bottom:30px; margin-bottom:100px;}
.sub01 .cont01 .cont01_sec01{margin-bottom:40px; text-align:center;}
.sub01 .cont01 .cont01_sec01 .list_wrap{overflow: hidden;}
.sub01 .cont01 .cont01_sec01 ul{margin:0 -8px; display:inline-block;}
.sub01 .cont01 .cont01_sec01 ul li{float:left; width:33.33%; position:relative}
.sub01 .cont01 .cont01_sec01 ul li div{height:96px; width:96px; display:table; table-layout: fixed; text-align:center; border:3px solid #333; border-radius: 50%; margin:0 8px; box-sizing: border-box}
.sub01 .cont01 .cont01_sec01 ul li:before{display:none;}
.sub01 .cont01 .cont01_sec01 ul li:first-child:before{display:none;}
.sub01 .cont01 .cont01_sec01 ul li dl{display:table-cell; vertical-align: middle;}
.sub01 .cont01 .cont01_sec01 ul li dl dt > img{height:30px;}
.sub01 .cont01 .cont01_sec01 ul li dl dd{font-size:13px; color:#333; font-weight: bold; margin-top:8px;}
.sub01 .cont01 .cont01_sec02 dl{display:table; table-layout: fixed; width:100%; margin-top:40px;}
.sub01 .cont01 .cont01_sec02 dl dt{display:block; text-align: center; position:relative; width:100%; margin-bottom:60px;}
.sub01 .cont01 .cont01_sec02 dl dt span{border:3px solid #333; box-sizing: border-box; width:115px; height:115px; border-radius: 50%; display:inline-block;}
.sub01 .cont01 .cont01_sec02 dl dt span > img{display:inline-block; margin-top:34px; height:40px;}
.sub01 .cont01 .cont01_sec02 dl dt:after{content:''; width:3px; height:40px; background:#333; position:absolute; bottom:-40px; left:50%;}
.sub01 .cont01 .cont01_sec02 dl dt:before{content:''; width:9px; height:9px; background:url(../images/sub01/ico_b.png) no-repeat; position:absolute; bottom:-47px; left:50%; margin-left:-3px; background-size:cover;}
.sub01 .cont01 .cont01_sec02 dl dd{display:block; position:relative}
.sub01 .cont01 .cont01_sec02 dl dd .tit{color:#333; font-size:24px; font-weight:bold; position:absolute; top:-30px;}
.sub01 .cont01 .cont01_sec02 dl dd .txt{font-size:18px; color:#333; border:3px solid #333; padding:20px 15px; line-height:140%;}
.sub01 .cont01 .cont01_sec02 dl dd .txt > br{display:none;}
.sub01 .cont02{padding:0 0 60px; position:relative; background:#2a3951;}
.sub01 .cont02:before{content:''; width:100%; height:120px; background:url('../images/sub01/cont02_bg.png') no-repeat; position:absolute; top:-120px; left:0; background-size:cover;}
.sub01 .cont02 .cont02_sec01{position:relative; text-align:center;}
.sub01 .cont02 .cont02_sec01 dl{display:table; table-layout: fixed; width:100%;}
.sub01 .cont02 .cont02_sec01 dl dt{display:block;}
.sub01 .cont02 .cont02_sec01 dl dt > img{width:70%;}
.sub01 .cont02 .cont02_sec01 dl dd{display:block;}
.sub01 .cont02 .cont02_sec01 dl dd .tit{color:#fff; font-size:20px; padding-top:20px;}
.sub01 .cont02 .cont02_sec01 dl dd .txt{color:#fff; font-size:22px; padding-top:25px; margin-top:30px; font-style: italic; font-weight:600; position:relative;}
.sub01 .cont02 .cont02_sec01 dl dd .txt:before{content:''; width:50px; height:3px; background:#fff; position:absolute; top:0; left:50%; margin-left:-25px;}
.sub01 .cont02 .cont02_sec01 dl dd a{color:#c1fdff; font-size:17px;  width:170px; height:46px; line-height:46px; text-align:center; display:inline-block; background:url('../images/sub01/btn_bg.png') no-repeat; background-size:cover; transition: .5s; border-radius: 50px; margin-top:30px;}
.sub01 .cont02 .cont02_sec01 dl dd a:hover{background:rgba(0,0,0,0.3) url('../images/sub01/btn_bg.png') no-repeat; background-size:cover; color:#fff; transition: .5s;}
.sub01 .cont02 .cont02_sec01 dl dd a span{padding-right:25px; background:url('../images/sub01/cont02_arr.png') no-repeat center right;}


/* page - 브레이브엔진 */
.sub02 .sub_top{background:url('../images/sub02/sub02_bg.png') no-repeat 50% 50%; height:140px;}
.sub02 .cont01{position:relative}
.sub02 .cont01:before{content:''; width:320px; height:369px; background:url('../images/sub02/bg01.png') no-repeat; position:absolute; top:0; left:0; background-size:cover;}
.sub02 .cont01:after{content:''; width:320px; height:376px; background:url('../images/sub02/bg02.png') no-repeat; position:absolute; bottom:0; right:0; background-size:cover;}
.sub02 .cont01 dl{display: table; width:100%; table-layout: fixed}
.sub02 .cont01 dl dt{display:block; text-align:center; margin-bottom:30px;}
.sub02 .cont01 dl dt > img{position:relative; width:80%;}
.sub02 .cont01 dl dd{display:block; color:#333; font-size:15px; line-height:150%;}
.sub02 .cont01 dl dd span{display:block; font-size:21px; font-weight:bold; margin-bottom:20px;}
.sub02 .cont01 .cont01_sec01 dl dd{padding-left:0;}
.sub02 .cont01 .cont01_sec03 dl dd{padding-left:0;}
.sub02 .cont01 .cont01_sec02 > div{margin:0;}
.sub02 .cont01 .cont01_sec02 .sub_page_tit{letter-spacing: 0; margin:0 15px; font-weight:normal;}
.sub02 .cont01 .cont01_sec02 .sub_page_tit em{font-weight:bold;}
.sub02 .cont01 .cont01_sec02 .cont01_sec02_box > img{width:100%;}

.sub02 .cont01 .cont01_sec03{padding:70px 0 80px;}
.sub02 .cont02{background:#ebebeb; padding:60px 15px;}
.sub02 .cont02 p{padding:60px 0; position:relative; text-align:center; color:#2a3951; font-size:16px; line-height:150%;}
.sub02 .cont02 p > br{display:none;}
.sub02 .cont02 p:before{content:''; width:40px; height:28px; background:url('../images/sub02/ico01.png') no-repeat; background-size:cover; position:absolute; top:0; left:50%; margin-left:-20px;}
.sub02 .cont02 p:after{content:''; width:40px; height:28px; background:url('../images/sub02/ico02.png') no-repeat; background-size:cover; position:absolute; bottom:0; left:50%; margin-left:-20px;}

/* page - 가격정책 */
.sub03{background:url('../images/sub03/page_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.sub03 .sub_top{background:url('../images/sub03/sub03_bg.png') no-repeat 50% 50%; background-size:cover; height:140px;}
.sub03 .cont01 .cont01_sec01{padding-bottom:80px; text-align:center;}
.sub03 .cont01 .cont01_sec01 .txt{font-size:15px; color:#333; line-height:160%; margin-bottom:50px;}
.sub03 .cont01 .cont01_sec01 .txt span{font-weight:bold;}
.sub03 .cont01 .cont01_sec01 .txt02{color:#bababa; font-weight:bold; font-size:34px; font-style: italic;}

/* page - 사용가이드 */
.sub04 .sub_top{background:url('../images/sub04/sub04_bg.png') no-repeat 50% 50%; height:140px; background-size:cover;}
.sub04 .cont01{background:#ebebeb; padding-bottom:60px;}
.sub04 .cont01 dl{height:auto; display:table; table-layout:fixed; width:100%; margin-bottom:30px;}
.sub04 .cont01 dl dt{display:block; width:100%; text-align:center; background:#333;}
.sub04 .cont01 dl dt span{display:block; padding:15px 0;}
.sub04 .cont01 dl dt span > img{max-width:8%;}
.sub04 .cont01 dl dd{display:block; padding:20px; background:#fff; position:relative}
.sub04 .cont01 dl dd:before{display:none;}
.sub04 .cont01 dl dd p{color:#333; font-size:15px; line-height:150%;}
.sub04 .cont01 dl dd p > br{display:none;}
.sub04 .cont01 dl dd p span{display:block; color:#1d8ff9; font-size:21px; font-weight:bold; line-height:150%;}
.sub04 .cont02{padding:60px 0 50px;}
.sub04 .cont02 .form_box_wrap{max-width:996px; margin:0 auto; text-align:center;}
.sub04 .cont02 .form_box_wrap .tit{color:#333; font-size:17px; margin-bottom:40px;}
.sub04 .cont02 .form_box_wrap .tit span{font-weight:bold; font-size:30px; display:block; margin-bottom:10px;}
.sub04 .cont02 .form_box_wrap .form_box{border:1px solid #666; padding:15px 20px;}
.sub04 .cont02 .form_box_wrap .form_box > div{border-bottom:1px solid #999;}
.sub04 .cont02 .form_box_wrap .form_box > div.b_none{border-bottom:none;}
.sub04 .cont02 .form_box_wrap .form_box input,
.sub04 .cont02 .form_box_wrap .form_box textarea{font-size:16px; color:#999; width:100%; line-height:24px;}
.sub04 .cont02 .form_box_wrap .form_box .textarea_bg{background:#ebebeb}
.sub04 .cont02 .form_box_wrap .form_box > div span{padding:10px 15px; display:block;}
.sub04 .cont02 .form_box_wrap a{color:#fff; font-size:18px;  width:200px; height:46px; line-height:46px; text-align:center; display:inline-block; background:#1d8ff9; transition: .5s; border-radius: 50px; margin-top:30px;}
.sub04 .cont02 .form_box_wrap a:hover{background:#0f74d2; transition: .5s;}
.sub04 .cont02 .form_box_wrap a span{padding-right:25px; background:url('../images/sub04/arrow.png') no-repeat center right;}

/* page - 개요 */
.sub05 .sub_top{background:url('../images/sub05/sub05_bg.jpg') no-repeat 50% 50%; background-size:cover; height:140px;}
.sub05 .cont .cont_sec01{padding:80px 0 180px; background:url('../images/sub05/cont01_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.sub05 .cont .cont_sec01 .tit{font-size:21px; color:#fff; font-weight:bold; text-align:center;}
.sub05 .cont .cont_sec01 .tit span{display:inline-block; width:46px; height:46px; background:#1d8ff9; color:#fff; font-size:26px; border-radius: 50%; font-weight: bold; text-align:center; line-height:50px; margin-bottom:15px;}
.sub05 .cont .cont_sec01 .txt{margin-top:30px; line-height:130%; font-size:15px; color:#fefefe; float:right;}
.sub05 .cont .cont_sec02{padding:80px 0 40px;}
.sub05 .cont .cont_sec02 .tit{font-size:21px; color:#333; font-weight:bold; text-align:center;}
.sub05 .cont .cont_sec02 .tit span{display:inline-block; width:46px; height:46px; background:#1d8ff9; color:#fff; font-size:26px; border-radius: 50%; font-weight: bold; text-align:center; line-height:50px; margin-bottom:15px;}
.sub05 .cont .cont_sec02 dl{margin-top:20px; display:table; table-layout: fixed; width:100%;}
.sub05 .cont .cont_sec02 dl dt{display:block; margin-bottom:30px; text-align:center;}
.sub05 .cont .cont_sec02 dl dt > img{width:68%;}
.sub05 .cont .cont_sec02 dl dd{display:block; font-size:15px; color:#333; line-height:145%; padding-left:0;}
.sub05 .cont .cont_sec02 dl dd > br{display:none;}
.sub05 .cont .cont_sec03{padding:80px 0 200px; background:url('../images/sub05/cont03_bg.jpg') no-repeat 50% 50%;}
.sub05 .cont .cont_sec03 .tit{font-size:21px; color:#fff; font-weight:bold; text-align:center;}
.sub05 .cont .cont_sec03 .tit span{display:inline-block; width:46px; height:46px; background:#1d8ff9; color:#fff; font-size:26px; border-radius: 50%; font-weight: bold; text-align:center; line-height:50px; margin-bottom:15px;}
.sub05 .cont .cont_sec03 .txt{margin-top:30px; line-height:130%; font-size:15px; color:#fff; text-align:left; margin-bottom:100px;}
.sub05 .cont .cont_sec04{background:#ebebeb; padding:73px 0 120px;}
.sub05 .cont .cont_sec04 .txt_box{text-align:center;}
.sub05 .cont .cont_sec04 .txt_box dl{display:table; width:100%; table-layout: fixed;}
.sub05 .cont .cont_sec04 .txt_box dl dt{display:block; position:relative}
.sub05 .cont .cont_sec04 .txt_box dl dt:before{content:''; width:320px; height:391px; position:absolute; top:-260px; left:50%; margin-left:-160px; background:url('../images/sub05/cont04_img.png') no-repeat; background-size:cover;}
.sub05 .cont .cont_sec04 .txt_box dl dd{display:block; color:#333; font-size:15px; line-height:150%; padding-left:0; text-align:left; padding-top:150px;}
.sub05 .cont .cont_sec04 .txt_box dl dd p{padding-left:20px; position:relative}
.sub05 .cont .cont_sec04 .txt_box dl dd p span{position:absolute; top:0; left:0;}
.sub05 .cont .cont_sec04 .txt_box dl dd p.b_txt{padding-left:0; margin-top:15px;}
.sub05 .cont .cont_sec04 .txt_box a{color:#fff; font-size:21px;  width:300px; height:64px; line-height:64px; text-align:center; display:inline-block; background:#1d8ff9; transition: .5s; border-radius: 50px; margin-top:60px; font-weight:bold; position:relative;}
.sub05 .cont .cont_sec04 .txt_box a:hover{background:#0f74d2; transition: .5s;}
.sub05 .cont .cont_sec04 .txt_box a span{padding-right:25px; background:url('../images/sub04/arrow.png') no-repeat center right;}

/* page - 매뉴얼 */
.sub06{background:#ebebeb}
.sub06 .sub_top{background:url('../images/sub06/sub06_bg.jpg') no-repeat 50% 50%; background-size:cover; height:140px;}
.sub06 .cont01{padding-bottom:60px;}
.sub06 .cont01 > div{margin:0;}
.sub06 .cont02{background:#fff; padding-bottom:155px;}
.sub06 .cont02 .tool_info{padding:0; margin-bottom:60px;}
.sub06 .cont02 .tool_info dl{display:table; table-layout: fixed; margin-bottom:25px;}
.sub06 .cont02 .tool_info dl dt{display:block; padding-right:0;}
.sub06 .cont02 .tool_info dl dt .ico_sec{display:inline-block; vertical-align: middle;}
.sub06 .cont02 .tool_info dl dt .tit_sec{display:inline-block; vertical-align: middle; color:#fff; font-size:13px; font-weight:bold; background:#2a3951; border-radius: 5px; margin-right:5px; padding:5px;}
.sub06 .cont02 .tool_info dl dt .ico_sec img{height:46px;}
.sub06 .cont02 .tool_info dl dd{display:block; font-size:15px; color:#333; margin-top:5px; line-height:145%;}
.sub06 .cont02 a{width:300px; height:46px; line-height:46px; color:#2a3951; font-size:21px; font-weight:bold; border:3px solid #2a3951; border-radius: 50px; display:inline-block;}
.sub06 .m_img{width:100%;}
.sub06 .pc_img{display:none;}

/* page - 개발자센터 */
.sub07{position:relative}
.sub07 .menu_area{position:relative; width:100%; height:auto; margin-top:46px;}
.sub07 .menu_area > div{padding:0 15px;}
.sub07 .menu_area > div .tit{color:#2a3951; font-size:21px; font-weight:bold; text-align:center; padding:30px 0; border-bottom:1px solid #999 }
.sub07 .menu_area > div .menu{padding:10px 0; border-bottom:1px solid #999;}
.sub07 .menu_area > div .menu > div{display:block;}
.sub07 .menu_area > div .menu a{line-height:26px; height:26px;width:auto; display:inline-block; color:#333; font-size:11px; background:#fff; border-radius: 30px; padding:0 7px; margin:3px 5px;}
.sub07 .menu_area > div .menu a span{padding-left:0;}
.sub07 .menu_area > div .menu a.on{background:#2a3951; color:#fff}
.sub07 .container_area > div{padding:35px 0;}
.sub07 .container_area > div .tit{color:#2a3951; font-size:23px; font-weight:bold; padding-left:15px; margin-bottom:25px;}
.sub07 .container_area dl dt{color:#333; font-size:19px; background:#ebebeb; height:36px; line-height:38px; margin-bottom:20px; padding-left:16px;}
.sub07 .container_area dl dd p{position:relative; margin-bottom:20px; font-size:15px; color:#333; margin-left:0; line-height:155%;}
.sub07 .container_area dl dd p span{display:inline-block; margin-right:5px;}






/* page - 근거리음성솔루션 */
.sub08 .sub_top{background:url('../images/sub08/sub08_bg.png') no-repeat 50% 50%; height:140px;}
.sub08 .cont01{position:relative}
.sub08 .cont01:before{content:''; width:320px; height:369px; background:url('../images/sub08/bg01.png') no-repeat; position:absolute; top:0; left:0; background-size:cover;}
.sub08 .cont01:after{content:''; width:320px; height:376px; background:url('../images/sub08/bg02.png') no-repeat; position:absolute; bottom:0; right:0; background-size:cover;}
.sub08 .cont01 dl{display: table; width:100%; table-layout: fixed}
.sub08 .cont01 dl dt{display:block; text-align:center; margin-bottom:30px;}
.sub08 .cont01 dl dt > img{position:relative; width:80%;}
.sub08 .cont01 dl dd{display:block; color:#333; font-size:15px; line-height:150%;}
.sub08 .cont01 dl dd span{display:block; font-size:21px; font-weight:bold; margin-bottom:20px;}
.sub08 .cont01 .cont01_sec01 dl dd{padding-left:0;}
.sub08 .cont01 .cont01_sec03 dl dd{padding-left:0;}
.sub08 .cont01 .cont01_sec02 > div{margin:0;}
.sub08 .cont01 .cont01_sec02 .sub_page_tit{letter-spacing: 0; margin:0 15px; font-weight:normal;}
.sub08 .cont01 .cont01_sec02 .sub_page_tit em{font-weight:bold;}
.sub08 .cont01 .cont01_sec02 .cont01_sec02_box{text-align: center;}
.sub08 .cont01 .cont01_sec02 .cont01_sec02_box > img{width:100%; max-width:1200px;}

.sub_page_tit_02 {font-size: 20px; padding:60px 20px; text-align: center;}


.sub08 .cont01 .cont01_sec03{padding:70px 0 80px;}
.sub08 .cont02{background:#ebebeb; padding:60px 15px;}
.sub08 .cont02 p{padding:10px 0; position:relative; /*text-align:center;*/ color:#2a3951; font-size:16px; line-height:150%; word-break: keep-all;}
.sub08 .cont02 p > br{display:none;}
.sub08 .cont02 p:before{content:''; width:40px; height:28px; background:url('../images/sub08/ico01.png') no-repeat; background-size:cover; position:absolute; top:0; left:50%; margin-left:-20px;}
.sub08 .cont02 p:after{content:''; width:40px; height:28px; background:url('../images/sub08/ico02.png') no-repeat; background-size:cover; position:absolute; bottom:0; left:50%; margin-left:-20px;}







.dev_menu_tit {
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 25px;
}




/* 반응형 */
@media (min-width: 768px) {  /* 768px 이상 */
    body {max-width:100%;}
    .body_wrap{width:992px;}
    .w_1200{margin:0 15px;}
    .container{margin-top:70px;}
    .header_wrap{height:70px; line-height:70px; position:fixed; top:0;}
    .header_wrap > div{margin:0 15px;}
    .header_wrap .header .logo{top:20px; left:0;}
    .header_wrap .header .logo > img{width:110px;}
    .pc_navi{display:block;}
    .mo_navi{display:none;}
    .pc_img{display:block;}
    .m_img{display:none;}
    .sub02 .cont01 .cont01_sec02 .sub_page_tit{font-weight:bold;}
    .sub02 .cont01 .cont01_sec02 .sub_page_tit .m_br{display:none;}

    .sub08 .cont01 .cont01_sec02 .sub_page_tit{font-weight:bold;}
    .sub08 .cont01 .cont01_sec02 .sub_page_tit .m_br{display:none;}

    .header_wrap .header .navi{position:absolute; left:30%; top:0; width:760px; margin-left:-200px;}
    .header_wrap .header .navi > ul{width:100%}
    .header_wrap .header .navi > ul > li{float:left; position:relative}
    .header_wrap .header .navi > ul > li > span,
    .header_wrap .header .navi > ul > li > a{display:block; margin:0 15px; padding:0 10px; font-size:16px; font-weight:bold; color:#fff; text-align:center;}
    .header_wrap .header .navi > ul > li > a:hover,
    .header_wrap .header .navi > ul > li > span:hover{color:#62cdff;}
    .header_wrap .header .navi > ul > li > ul{background:#F9F9F9; min-width:120px; position:absolute; padding:15px 15px 15px 20px; border-radius: 10px; display:none; z-index: 99;}
    .header_wrap .header .navi > ul > li > ul li a{font-size:13px; color:#333; display:block; line-height:140%; padding:6px 0;}
    .header_wrap .header .navi > ul > li > ul li a:hover{font-weight: bold; color:#2b3953}
    .header_wrap .header .gnb_l{position:absolute; right:0; overflow: hidden}
    .header_wrap .header .gnb_l ul li{float:left;}
    .header_wrap .header .gnb_l ul li a{font-size:12px; color:#fff; margin:0 12px;}
    .footer_wrap .footer{padding:60px 0 140px}
    .footer_wrap .footer .f_info{margin-bottom:0;}
    .footer_wrap .footer .f_info a{margin-bottom:20px;}
    .footer_wrap .footer .f_info a > img{width:130px;}
    .footer_wrap .footer .f_info .info{font-size:14px; line-height:180%; margin-bottom:30px;}
    .footer_wrap .footer .f_info .copy{font-size:13px; }
    .footer_wrap .footer .f_links{position:absolute; right:260px; top:40px;}
    .footer_wrap .footer .f_links p{font-size:15px; margin-bottom:25px;}
    .footer_wrap .footer .f_links ul li a{margin:8px 0;}
    .footer_wrap .footer .f_social p{margin-bottom:25px;}
    .footer_wrap .footer .f_social{position:absolute; right:0; top:40px;}

    .index_page .slide_wrap{margin-top:70px;}
    .main_slide .bx-viewport ul li{height:450px;}
    .main_slide .bx-viewport ul li > div > div{padding-left:80px;}
    .main_slide .bx-viewport ul li > div dl dt,
    .main_slide .bx-viewport ul li.slide02 > div dl dt span.point{font-size:38px;}
    .main_slide .bx-viewport ul li > div dl dt span{font-size:32px;}
    .main_slide .bx-viewport ul li > div dl dd a{margin-top:34px; width:185px; height:42px; line-height:42px; font-size:20px;}
    .main_slide .bx-wrapper .bx-pager.bx-default-pager a{width:10px; height:10px; margin:0 5px;}
    .main_slide .bx-wrapper .bx-controls-direction a.bx-prev{position:absolute; left:35px; width:18px; height:26px; text-indent:-9999px; display:block; /*background:url('../images/main/prev.png') no-repeat 50% 50%;*/ background-size:cover;}
    .main_slide .bx-wrapper .bx-controls-direction a.bx-next{position:absolute; right:35px; width:18px; height:26px; text-indent:-9999px; display:block; /*background:url('../images/main/next.png') no-repeat 50% 50%;*/ background-size:cover;}

    .index_page .cont01{margin:100px 0 60px;}
    .index_page .cont01 .box_wrap ul{margin:0 -15px;}
    .index_page .cont01 .box_wrap ul li{width:33.33%; margin-bottom:0;}
    .index_page .cont01 .box_wrap ul li > div{margin:0 15px;}
    .index_page .cont01 .box_wrap ul li > div dl{padding:50px 0; text-align:center;}
    .index_page .cont01 .box_wrap ul li > div dl dt{display:table; table-layout:fixed; width:100%; text-align:center; padding:0; margin-bottom:15px;}
    .index_page .cont01 .box_wrap ul li > div dl dt span{display:table-cell;vertical-align: middle;}
    .index_page .cont01 .box_wrap ul li > div dl dt span > img{width:53px;}
    .index_page .cont01 .box_wrap ul li > div dl dd{display:inline-block; padding-left:0; line-height:140%; font-size:20px;}
    .index_page .cont01 .box_wrap ul li > div dl dd a{font-size:22px; margin-bottom:10px; line-height:140%;}
    .index_page .cont01 .box_wrap ul li > div dl dd a > img{width:27px;}
    .index_page .cont02 .txt_box{padding:200px 0 80px 50px;}
    .index_page .cont02 .txt_box p{font-size:18px; line-height:180%;}
    .index_page .cont02 .txt_box p span{font-size:32px;}
    .index_page .cont03{padding:80px 0 60px;}
    .index_page .cont03 .tit{font-size:34px; padding-left:20px; margin-bottom:40px;}
    .index_page .cont03 .tit:before{content:''; width:6px; height:26px; top:3px}
    .index_page .cont03 span{display:block;}
    .index_page .cont03 span > img{width:100%;}
    .index_page .cont03 .img01{margin-bottom:45px; text-align:center;}
    .index_page .cont03 .img01 > img{width:80%; margin:0 auto;}
    .index_page .cont03 .img02{margin-bottom:34px; text-align:center;}
    .index_page .cont03 .img02 > img{width:1200px; padding:50px 0;}
    .index_page .cont03 .img03 a > img{width:40%;}
    .index_page .cont03 a.link{width:220px; height:54px; line-height:54px; font-size:24px; margin-bottom:20px; border:3px solid #62cdff;}
    .index_page .cont04{padding:60px 0 55px; font-size:20px;}

    /* page - 엔진특징 */
    .sub01 .sub_top{ height:380px;}
    .sub01 .cont01{margin-bottom:210px;}
    .sub01 .cont01 .cont01_sec01{margin-bottom:120px;}
    .sub01 .cont01 .cont01_sec01 ul{margin:0 -20px;}
    .sub01 .cont01 .cont01_sec01 ul li div{height:140px; width:140px; margin:0 20px;}
    .sub01 .cont01 .cont01_sec01 ul li:before{content:''; width:72px; left:-36px;}
    .sub01 .cont01 .cont01_sec01 ul li dl dt > img{height:46px;}
    .sub01 .cont01 .cont01_sec01 ul li dl dd{font-size:21px; margin-top:13px;}
    .sub01 .cont01 .cont01_sec02 dl{margin-top:120px;}
    .sub01 .cont01 .cont01_sec02 dl dt{display: table-cell; vertical-align: middle; text-align: center; width:180px;}
    .sub01 .cont01 .cont01_sec02 dl dt span{width:150px; height:150px; display:block;}
    .sub01 .cont01 .cont01_sec02 dl dt span > img{display:inline-block; margin-top:44px; height:51px;}
    .sub01 .cont01 .cont01_sec02 dl dt:after{width:130px; height:3px; background:#333; position:absolute; top:50%; bottom:auto; margin-top:-1.5px; right:-100px; left:auto;}
    .sub01 .cont01 .cont01_sec02 dl dt:before{position:absolute; top:50%; bottom:auto; margin-left:0; left:auto; margin-top:-4px; right:-107px;}
    .sub01 .cont01 .cont01_sec02 dl dd{display: table-cell; vertical-align: middle; padding-left:130px; position:relative}
    .sub01 .cont01 .cont01_sec02 dl dd .tit{font-size:26px; top:-30px;}
    .sub01 .cont01 .cont01_sec02 dl dd .txt{font-size:20px; border:3px solid #333; padding:25px 20px;}
    .sub01 .cont01 .cont01_sec02 dl dd .txt > br{display:block;}
    .sub01 .cont02{padding:80px 0 115px;}
    .sub01 .cont02:before{content:''; width:100%; height:277px; position:absolute; top:-277px; left:0;}
    .sub01 .cont02 .cont02_sec01 dl dt{display:table-cell; vertical-align: middle}
    .sub01 .cont02 .cont02_sec01 dl dt > img{width:100%;}
    .sub01 .cont02 .cont02_sec01 dl dd{display:table-cell; vertical-align: middle}
    .sub01 .cont02 .cont02_sec01 dl dd .tit{font-size:25px; padding-top:30px;}
    .sub01 .cont02 .cont02_sec01 dl dd .txt{font-size:40px; }
    .sub01 .cont02 .cont02_sec01 dl dd .txt:before{content:''; width:50px; height:3px; background:#fff; position:absolute; top:0; left:50%; margin-left:-25px;}
    .sub01 .cont02 .cont02_sec01 dl dd a{font-size:20px;  width:220px; height:60px; line-height:60px; margin-top:110px;}

    /* page - 브레이브엔진 */
    .sub02 .sub_top{ height:380px;}
    .sub02 .cont01:before{width:400px; height:461px; top:0; left:0;}
    .sub02 .cont01:after{width:400px; height:468px; bottom:0; right:0;}
    .sub02 .cont01 dl{display: table; width:100%; table-layout: fixed}
    .sub02 .cont01 dl dt{display:table-cell; vertical-align: middle; margin-bottom:0;}
    .sub02 .cont01 dl dt > img{position:relative; width:100%;}
    .sub02 .cont01 dl dd{display:table-cell; vertical-align: middle; font-size:16px; line-height:155%;}
    .sub02 .cont01 dl dd span{font-size:24px;margin-bottom:25px;}
    .sub02 .cont01 .cont01_sec01 dl dd{padding-left:35px;}
    .sub02 .cont01 .cont01_sec03 dl dd{padding-left:35px;}
    .sub02 .cont01 .cont01_sec03{padding:130px 0 150px;}
    .sub02 .cont02{padding:60px 0;}
    .sub02 .cont02 p{padding:65px 0; font-size:21px; line-height:155%;}
    .sub02 .cont02 p:before{width:56px; height:39px; margin-left:-28px;}
    .sub02 .cont02 p:after{width:56px; height:39px; margin-left:-28px;}
    .sub02 .cont02 p > br{display:block;}

    /* page - 가격정책 */
    .sub03 .sub_top{height:380px;}
    .sub03 .cont01 .cont01_sec01{padding-bottom:110px;}
    .sub03 .cont01 .cont01_sec01 .txt{font-size:18px; margin-bottom:80px;}
    .sub03 .cont01 .cont01_sec01 .txt02{font-size:38px;}

    /* page - 사용가이드 */
    .sub04 .sub_top{height:380px;}
    .sub04 .cont01{padding-bottom:80px;}
    .sub04 .cont01 dl{height:200px; display:table; table-layout:fixed; width:100%; margin-bottom:40px;}
    .sub04 .cont01 dl dt{display:table-cell; vertical-align: middle; width:240px;}
    .sub04 .cont01 dl dt span{padding:0;}
    .sub04 .cont01 dl dt span > img{max-width:25%;}
    .sub04 .cont01 dl dd{display:table-cell; vertical-align: middle; padding:0; padding-right:30px; padding-left:30px;}
    .sub04 .cont01 dl dd:before{display:block; content:''; width:20px; height:100%; background:#333 url('../images/sub04/bg_ico.png') no-repeat top; position:absolute; top:0; right:0;}
    .sub04 .cont01 dl dd p{font-size:18px; line-height:155%;}
    .sub04 .cont01 dl dd p > br{display:block;}
    .sub04 .cont01 dl dd p span{font-size:26px; line-height:150%; margin-bottom:5px;}
    .sub04 .cont02{padding:80px 0 60px;}
    .sub04 .cont02 .form_box_wrap .tit{color:#333; font-size:20px; margin-bottom:60px;}
    .sub04 .cont02 .form_box_wrap .tit span{font-size:40px; margin-bottom:20px;}
    .sub04 .cont02 .form_box_wrap .form_box{padding:25px 30px;}
    .sub04 .cont02 .form_box_wrap .form_box input,
    .sub04 .cont02 .form_box_wrap .form_box textarea{font-size:20px; line-height:40px;}
    .sub04 .cont02 .form_box_wrap .form_box > div span{padding:15px 20px;}
    .sub04 .cont02 .form_box_wrap a{font-size:20px;  width:220px; height:60px; line-height:60px; text-align:center; margin-top:30px;}

    /* page - 개요 */
    .sub05 .sub_top{height:380px;}
    .sub05 .cont .cont_sec01{padding:100px 0 220px;}
    .sub05 .cont .cont_sec01 .tit{font-size:30px;}
    .sub05 .cont .cont_sec01 .tit span{width:56px; height:56px; font-size:30px; line-height:58px; margin-bottom:30px;}
    .sub05 .cont .cont_sec01 .txt{margin-top:35px; line-height:150%; font-size:18px;}
    .sub05 .cont .cont_sec02{padding:60px 0 40px;}
    .sub05 .cont .cont_sec02 .tit{font-size:30px; color:#333; font-weight:bold; text-align:center;}
    .sub05 .cont .cont_sec02 .tit span{display:inline-block; width:56px; height:56px; background:#1d8ff9; color:#fff; font-size:30px; border-radius: 50%; font-weight: bold; text-align:center; line-height:58px; margin-bottom:40px;}
    .sub05 .cont .cont_sec02 dl{margin-top:40px;}
    .sub05 .cont .cont_sec02 dl dt{display:table-cell; vertical-align: middle; margin-bottom:0; text-align:center;}
    .sub05 .cont .cont_sec02 dl dt > img{width:84%;}
    .sub05 .cont .cont_sec02 dl dd{display:table-cell; vertical-align: middle; font-size:16px; color:#333; line-height:145%; padding-left:30px;}
    .sub05 .cont .cont_sec02 dl dd > br{display:block;}
    .sub05 .cont .cont_sec03{padding:100px 0 200px;}
    .sub05 .cont .cont_sec03 .tit{font-size:30px; color:#fff; font-weight:bold; text-align:center;}
    .sub05 .cont .cont_sec03 .tit span{display:inline-block; width:56px; height:56px; background:#1d8ff9; color:#fff; font-size:30px; border-radius: 50%; font-weight: bold; text-align:center; line-height:58px; margin-bottom:40px;}
    .sub05 .cont .cont_sec03 .txt{margin-top:40px; line-height:170%; font-size:18px; text-align:center; margin-bottom:100px;}
    .sub05 .cont .cont_sec04{padding:70px 0 120px;}
    .sub05 .cont .cont_sec04 .txt_box dl dt{display:table-cell; width:50%;}
    .sub05 .cont .cont_sec04 .txt_box dl dt:before{width:460px; height:563px; position:absolute; left:0; top:-235px; margin-left:0}
    .sub05 .cont .cont_sec04 .txt_box dl dd{display:table-cell; font-size:18px; padding-left:0; padding-top:0;}
    .sub05 .cont .cont_sec04 .txt_box dl dd p.b_txt{margin-top:20px;}
    .sub05 .cont .cont_sec04 .txt_box a{font-size:24px;  width:300px; height:56px; line-height:56px; text-align:center; display:inline-block; background:#1d8ff9; transition: .5s; border-radius: 50px; margin-top:80px; font-weight:bold; position:relative;}

    /* page - 매뉴얼 */
    .sub06 .sub_top{height:380px;}
    .sub06 .cont01{padding-bottom:150px;}
    .sub06 .cont02{background:#fff; padding-bottom:155px;}
    .sub06 .cont02 .tool_info{padding:0; margin-bottom:60px;}
    .sub06 .cont02 .tool_info dl{display:table; table-layout: fixed; margin-bottom:25px;}
    .sub06 .cont02 .tool_info dl dt{display:table-cell; vertical-align: middle; padding-right:0;}
    .sub06 .cont02 .tool_info dl dt .ico_sec{display:inline-block; vertical-align: middle; width:140px;}
    .sub06 .cont02 .tool_info dl dt .tit_sec{display:inline-block; vertical-align: middle; color:#fff; font-size:21px; font-weight:bold; background:#2a3951; border-radius: 5px; margin-right:20px; padding:5px;}
    .sub06 .cont02 .tool_info dl dt .ico_sec img{height:auto;}
    .sub06 .cont02 .tool_info dl dd{display:table-cell; vertical-align: middle; font-size:23px; color:#333; margin-top:5px; line-height:145%;}
    .sub06 .cont02 a{width:400px; height:80px; line-height:80px; color:#2a3951; font-size:30px; font-weight:bold; border:3px solid #2a3951; border-radius: 50px; display:inline-block;}
    .sub06 .m_img{display:none;}
    .sub06 .pc_img{display:block; width:100%;}

    /* page - 개발자센터 */
    .sub07{position:relative}
    .sub07:before{content:''; width:1px; height:100%; background:#999; position:absolute; top:0; left:25%;}
    .sub07 .menu_area{position:absolute; width:24%; height:100%; margin-top:0;}
    .sub07 .menu_area > div{padding:0 15px;}
    .sub07 .menu_area > div .tit{font-size:25px; padding:30px 0;}
    .sub07 .menu_area > div .menu{padding:10px 0; border-bottom:none;}
    .sub07 .menu_area > div .menu a{line-height:34px; height:34px; margin:0; display:block; color:#333; font-size:13px; background:#fff; border-radius: 30px; margin-bottom:7px; padding:0;}
    .sub07 .menu_area > div .menu a span{padding-left:15px;}
    .sub07 .menu_area > div .menu a.on{background:#2a3951; color:#fff}
    .sub07 .container_area > div{padding:90px 0; padding-left:265px;}
    .sub07 .container_area > div .tit{font-size:32px; padding-left:20px; margin-bottom:40px;}
    .sub07 .container_area dl dt{font-size:24px; height:46px; line-height:46px; margin-bottom:20px; padding-left:20px;}
    .sub07 .container_area dl dd p{margin-bottom:30px; font-size:17px; margin-left:26px; line-height:160%;}
    .sub07 .container_area dl dd p span{position:absolute; top:0; left:-20px; margin-right:0;}

    /* page - 근거리음성솔루션 */
    .sub08 .sub_top{ height:380px;}
    .sub08 .cont01:before{width:400px; height:461px; top:0; left:0;}
    .sub08 .cont01:after{width:400px; height:468px; bottom:0; right:0;}
    .sub08 .cont01 dl{display: table; width:100%; table-layout: fixed}
    .sub08 .cont01 dl dt{display:table-cell; vertical-align: middle; margin-bottom:0;}
    .sub08 .cont01 dl dt > img{position:relative; width:100%;}
    .sub08 .cont01 dl dd{display:table-cell; vertical-align: middle; font-size:16px; line-height:155%;}
    .sub08 .cont01 dl dd span{font-size:24px;margin-bottom:25px;}
    .sub08 .cont01 .cont01_sec01 dl dd{padding-left:35px;}
    .sub08 .cont01 .cont01_sec03 dl dd{padding-left:35px;}
    .sub08 .cont01 .cont01_sec03{padding:130px 0 150px;}
    .sub08 .cont02{padding:60px 0;}
    .sub08 .cont02 p{padding:20px 0; font-size:20px; line-height:155%; word-break: keep-all;}
    .sub08 .cont02 p:before{width:56px; height:39px; margin-left:-28px;}
    .sub08 .cont02 p:after{width:56px; height:39px; margin-left:-28px;}
    .sub08 .cont02 p > br{display:block;}
    

}

@media (min-width: 992px) {  /* 992px ~ 1200px */
    .body_wrap{width:100%;}
    .w_1200{max-width:992px; margin:0 auto;}
    .header_wrap > div{margin:0 auto;}
    .footer_wrap .footer{padding:60px 0 140px;}
    .footer_wrap .footer .f_info a{margin-bottom:26px;}
    .footer_wrap .footer .f_info a > img{width:160px;}
    .footer_wrap .footer .f_info .info{font-size:16px;}
    .footer_wrap .footer .f_info .copy{font-size:15px;}
    .footer_wrap .footer .f_links{right:290px; top:60px;}
    .footer_wrap .footer .f_links p{font-size:15px; margin-bottom:45px;}
    .footer_wrap .footer .f_links ul li a{font-size:15px; margin:10px 0;}
    .footer_wrap .footer .f_social p{font-size:15px; margin-bottom:45px;}
    .footer_wrap .footer .f_social{right:0; top:60px;}
    .footer_wrap .footer .f_social ul li a{margin:0 0px;}
    .footer_wrap .footer .f_social ul li a > img{width:84%;}

    .main_slide .bx-viewport ul li{height:450px;}
    .main_slide .bx-viewport ul li > div > div{padding-left:80px;}
    .main_slide .bx-viewport ul li > div dl dt,
    .main_slide .bx-viewport ul li.slide02 > div dl dt span.point{font-size:45px;}
    .main_slide .bx-viewport ul li > div dl dt span{font-size:42px;}
    .main_slide .bx-viewport ul li > div dl dd a{margin-top:45px; width:190px; height:46px; line-height:46px; font-size:22px;}
    .main_slide .bx-wrapper .bx-pager.bx-default-pager a{width:12px; height:12px; margin:0 5px;}
    .main_slide .bx-wrapper .bx-controls-direction a.bx-prev{position:absolute; left:35px; width:18px; height:26px; text-indent:-9999px; display:block; /*background:url('../images/main/prev.png') no-repeat 50% 50%;*/ background-size:cover;}
    .main_slide .bx-wrapper .bx-controls-direction a.bx-next{position:absolute; right:35px; width:18px; height:26px; text-indent:-9999px; display:block; /*background:url('../images/main/next.png') no-repeat 50% 50%;*/ background-size:cover;}

    .index_page .cont03{padding:100px 0 80px;}
    .index_page .cont03 .tit{font-size:38px; margin-bottom:50px;}
    .index_page .cont03 .tit:before{content:''; width:8px; height:32px; top:0;}
    .index_page .cont03 .img01{margin-bottom:65px;}
    .index_page .cont03 .img02{margin-bottom:34px;}
    .index_page .cont03 .img03 a > img{width:50%;}
    .index_page .cont03 a.link{width:260px; height:70px; line-height:70px; font-size:28px;}
    .index_page .cont04{font-size:24px;}

    .sub06 .cont01 > div,
    .sub02 .cont01 .cont01_sec02 > div{margin:0 auto;}
    .sub08 .cont01 .cont01_sec02 > div{margin:0 auto;}

    .sub_title {font-size: 40px; margin-bottom: 20px;}

}

@media (min-width: 1200px) {    /* 1200px 이상 */

    /* common - 서브페이지 공통  */
    .container .sub_top{height:380px;}
    .sub_page_tit{font-size:18px;padding:150px 0 110px;}
    .sub_page_tit span{font-size:48px; margin-bottom:15px;}

    .sub_page_tit_bbs span{font-size:48px; margin-bottom:0px; padding: 120px 0 0 0; text-align: center;}


    .w_1200{/*max-width:1200px;*/ max-width:95%; margin:0 auto;}
    .w_1000{max-width:1000px; margin:0 auto;}
    .w_1600{max-width:1600px; margin:0 auto;}
    .container{margin-top:79px;}
    .header_wrap{height:79px; line-height:79px;}
    .header_wrap .header .logo{position:absolute; top:15px; left:0;}
    .header_wrap .header .logo > img{width:auto;}
    .header_wrap .header .navi{width:1100px; position:absolute; left:40%; top:0; margin-left:-258px;}
    .header_wrap .header .navi > ul > li > span,
    .header_wrap .header .navi > ul > li > a{margin:0 20px; padding:0 10px; font-size:20px;}
    .header_wrap .header .navi > ul > li > ul{width:145px;  /*padding:25px 0 25px 30px;*/ display:none;}
    .header_wrap .header .navi > ul > li > ul li a{font-size:14px; line-height:140%; padding:10px 0;}
    .header_wrap .header .gnb_l{right:0;}
    .header_wrap .header .gnb_l ul li a{font-size:12px;margin:0 12px;}
    .footer_wrap .footer{padding:110px 0 165px;}
    .footer_wrap .footer .f_info a{margin-bottom:50px;}
    .footer_wrap .footer .f_info a > img{width:auto;}
    .footer_wrap .footer .f_info .info{font-size:20px; line-height:180%; margin-bottom:50px;}
    .footer_wrap .footer .f_info .copy{font-size:20px; bottom:130px}
    .footer_wrap .footer .f_links{right:480px; top:110px;}
    .footer_wrap .footer .f_links p{font-size:16px; margin-bottom:45px;}
    .footer_wrap .footer .f_links ul li a{font-size:16px; margin:10px 0;}
    .footer_wrap .footer .f_social p{font-size:16px; margin-bottom:45px;}
    .footer_wrap .footer .f_social{right:140px; top:110px;}
    .footer_wrap .footer .f_social ul li{line-height:40px; height:46px;}
    .footer_wrap .footer .f_social ul li a{margin:0 0px;}
    .footer_wrap .footer .f_social ul li a > img{width:auto;}



    .main_slide .bx-viewport ul li{height:710px;}
    .main_slide .bx-viewport ul li > div > div{padding-left:135px;}
    .main_slide .bx-viewport ul li > div dl dt,
    .main_slide .bx-viewport ul li.slide02 > div dl dt span.point{font-size:60px;}
    .main_slide .bx-viewport ul li > div dl dt span{font-size:48px;}
    .main_slide .bx-viewport ul li > div dl dd a{margin-top:60px; width:220px; height:60px; line-height:60px; font-size:24px; font-weight:bold;}
    .main_slide .bx-wrapper .bx-pager{bottom:20px;}
    .main_slide .bx-wrapper .bx-pager.bx-default-pager a{width:14px; height:14px; margin:0 5px;}
    .main_slide .bx-wrapper .bx-controls-direction{max-width:1200px; left:50%; margin-left:-600px;}
    .main_slide .bx-wrapper .bx-controls-direction a.bx-prev{position:absolute; left:35px; width:18px; height:26px; text-indent:-9999px; display:block; /*background:url('../images/main/prev.png') no-repeat 50% 50%;*/ background-size:cover;}
    .main_slide .bx-wrapper .bx-controls-direction a.bx-next{position:absolute; right:35px; width:18px; height:26px; text-indent:-9999px; display:block; /*background:url('../images/main/next.png') no-repeat 50% 50%;*/ background-size:cover;}

    .index_page .cont01{margin:160px 0 120px;}
    .index_page .cont01 .box_wrap ul li > div dl dt{margin-bottom:30px;}
    .index_page .cont01 .box_wrap ul li > div dl dt span > img{width:61px;}
    .index_page .cont01 .box_wrap ul li > div dl dd{padding-left:0; font-size:22px;}
    .index_page .cont01 .box_wrap ul li > div dl dd a{font-size:30px;}
    .index_page .cont02 .txt_box{padding:370px 0 160px 120px;}
    .index_page .cont02 .txt_box p{font-size:20px; line-height:200%;}
    .index_page .cont02 .txt_box p span{font-size:40px;}
    .index_page .cont03{padding:150px 0 140px;}
    .index_page .cont03 .tit{font-size:45px; padding-left:30px; margin-bottom:70px;}
    .index_page .cont03 .tit:before{content:''; width:11px; height:36px;}
    .index_page .cont03 span{display:block;}
    .index_page .cont03 span > img{width:100%;}
    .index_page .cont03 .img01{margin-bottom:130px;}
    .index_page .cont03 .img02{margin-bottom:45px;}
    .index_page .cont03 a.link{width:300px; height:85px; line-height:85px; font-size:36px; margin-bottom:40px;}
    .index_page .cont04{padding:80px 0 75px; color:#333; font-size:30px; }

    /* page - 엔진특징 */
    .sub01 .cont01{margin-bottom:210px;}
    .sub01 .cont01 .cont01_sec01{margin-bottom:180px;}
    .sub01 .cont01 .cont01_sec01 ul{margin:0 -36px;}
    .sub01 .cont01 .cont01_sec01 ul li div{height:250px; width:250px; margin:0 36px;}
    .sub01 .cont01 .cont01_sec01 ul li:before{content:''; width:72px; left:-36px;}
    .sub01 .cont01 .cont01_sec01 ul li dl dt > img{height:auto;}
    .sub01 .cont01 .cont01_sec01 ul li dl dd{font-size:30px; margin-top:30px;}
    .sub01 .cont01 .cont01_sec02 dl{margin-top:155px;}
    .sub01 .cont01 .cont01_sec02 dl dt{display: table-cell; vertical-align: middle; text-align: center; width:180px;}
    .sub01 .cont01 .cont01_sec02 dl dt span{width:180px; height:180px; display:block;}
    .sub01 .cont01 .cont01_sec02 dl dt span > img{display:inline-block; margin-top:45px; height:auto;}
    .sub01 .cont01 .cont01_sec02 dl dt:after{width:183px; height:3px; background:#333; position:absolute; top:50%; bottom:auto; margin-top:-1.5px; right:-183px; left:auto;}
    .sub01 .cont01 .cont01_sec02 dl dt:before{position:absolute; width:14px; height:14px; top:50%; bottom:auto; margin-left:0; left:auto; margin-top:-8px; right:-190px;}
    .sub01 .cont01 .cont01_sec02 dl dd{display: table-cell; vertical-align: middle; padding-left:200px; position:relative}
    .sub01 .cont01 .cont01_sec02 dl dd .tit{font-size:40px; top:-55px;}
    .sub01 .cont01 .cont01_sec02 dl dd .txt{font-size:22px; border:3px solid #333; padding:25px 0; padding-left:60px;}
    .sub01 .cont02{padding:80px 0 115px;}
    .sub01 .cont02:before{content:''; width:100%; height:277px; position:absolute; top:-277px; left:0;}
    .sub01 .cont02 .cont02_sec01 dl dt{display:table-cell; vertical-align: middle}
    .sub01 .cont02 .cont02_sec01 dl dt > img{width:100%;}
    .sub01 .cont02 .cont02_sec01 dl dd{display:table-cell; vertical-align: middle}
    .sub01 .cont02 .cont02_sec01 dl dd .tit{font-size:30px; padding-top:40px;}
    .sub01 .cont02 .cont02_sec01 dl dd .txt{font-size:48px; padding-top:30px; margin-top:40px;}
    .sub01 .cont02 .cont02_sec01 dl dd .txt:before{content:''; width:50px; height:3px; background:#fff; position:absolute; top:0; left:50%; margin-left:-25px;}
    .sub01 .cont02 .cont02_sec01 dl dd a{font-size:20px;  width:220px; height:60px; line-height:60px; margin-top:110px;}

    /* page - 브레이브엔진 */
    .sub02 .cont01:before{width:577px; height:665px;}
    .sub02 .cont01:after{width:567px; height:665px;}
    .sub02 .cont01 dl dt > img{width:auto;}
    .sub02 .cont01 dl dd{font-size:20px; line-height:155%;}
    .sub02 .cont01 dl dd span{font-size:40px;margin-bottom:40px;}
    .sub02 .cont01 .cont01_sec01 dl dd{padding-left:120px;}
    .sub02 .cont01 .cont01_sec03 dl dd{padding-left:80px;}
    .sub02 .cont01 .cont01_sec03{padding:170px 0 180px;}
    .sub02 .cont02{padding:100px 0;}
    .sub02 .cont02 p{padding:110px 0; font-size:30px;}
    .sub02 .cont02 p:before{width:72px; height:50px; margin-left:-36px;}
    .sub02 .cont02 p:after{width:72px; height:50px; margin-left:-36px;}

    /* page - 가격정책 */
    .sub03 .cont01 .cont01_sec01{padding-bottom:150px;}
    .sub03 .cont01 .cont01_sec01 .txt{font-size:24px; margin-bottom:110px;}
    .sub03 .cont01 .cont01_sec01 .txt02{font-size:48px;}

    /* page - 사용가이드 */
    .sub04 .cont01{padding-bottom:120px;}
    .sub04 .cont01 dl{height:250px; margin-bottom:50px;}
    .sub04 .cont01 dl dt{display:table-cell; vertical-align: middle; width:308px;}
    .sub04 .cont01 dl dt span{padding:0;}
    .sub04 .cont01 dl dt span > img{max-width:20%;}
    .sub04 .cont01 dl dd{padding:0; padding-left:70px;}
    .sub04 .cont01 dl dd p{font-size:20px;}
    .sub04 .cont01 dl dd p span{font-size:32px; line-height:150%; margin-bottom:10px;}
    .sub04 .cont02{padding:150px 0 130px;}
    .sub04 .cont02 .form_box_wrap .form_box > div span{padding:20px 30px;}

    /* page - 개요 */
    .sub05 .cont .cont_sec01{padding:210px 0 440px;}
    .sub05 .cont .cont_sec01 .tit{font-size:40px;}
    .sub05 .cont .cont_sec01 .tit span{width:72px; height:72px; font-size:40px; line-height:72px; margin-bottom:40px;}
    .sub05 .cont .cont_sec01 .txt{margin-top:155px; line-height:180%; font-size:20px;}
    .sub05 .cont .cont_sec02{padding:80px 0 40px;}
    .sub05 .cont .cont_sec02 .tit{font-size:40px;}
    .sub05 .cont .cont_sec02 .tit span{display:inline-block; width:72px; height:72px; background:#1d8ff9; color:#fff; font-size:40px; border-radius: 50%; font-weight: bold; text-align:center; line-height:72px; margin-bottom:40px;}
    .sub05 .cont .cont_sec02 dl{margin-top:40px;}
    .sub05 .cont .cont_sec02 dl dt{display:table-cell; vertical-align: middle; margin-bottom:0; text-align:left;}
    .sub05 .cont .cont_sec02 dl dt > img{width:auto;}
    .sub05 .cont .cont_sec02 dl dd{font-size:20px; padding-left:110px;}
    .sub05 .cont .cont_sec03{padding:210px 0 330px;}
    .sub05 .cont .cont_sec03 .tit{font-size:40px;}
    .sub05 .cont .cont_sec03 .tit span{display:inline-block; width:72px; height:72px; background:#1d8ff9; color:#fff; font-size:40px; border-radius: 50%; font-weight: bold; text-align:center; line-height:72px; margin-bottom:40px;}
    .sub05 .cont .cont_sec03 .txt{margin-top:90px; font-size:20px; margin-bottom:250px;}
    .sub05 .cont .cont_sec04 .txt_box dl dt:before{width:670px; height:820px; position:absolute; left:-33px; }
    .sub05 .cont .cont_sec04 .txt_box dl dd{font-size:20px; padding-left:80px;}
    .sub05 .cont .cont_sec04 .txt_box dl dd p.b_txt{margin-top:30px;}
    .sub05 .cont .cont_sec04 .txt_box a{font-size:30px;  width:400px; height:80px; line-height:80px; margin-top:175px;}

    /* page - 매뉴얼 */
    .sub06 .sub_top{height:380px;}
    .sub06 .cont01{padding-bottom:150px;}
    .sub06 .cont02{background:#fff; padding-bottom:155px;}
    .sub06 .cont02 .tool_info{padding:0 80px; margin-bottom:100px;}
    .sub06 .cont02 .tool_info dl dt{display:table-cell; vertical-align: middle;}
    .sub06 .cont02 .tool_info dl dt .ico_sec{display:inline-block; vertical-align: middle; width:150px;}
    .sub06 .cont02 .tool_info dl dt .tit_sec{display:inline-block; vertical-align: middle; color:#fff; font-size:21px; font-weight:bold; background:#2a3951; border-radius: 5px; margin-right:20px; padding:12px;}
    .sub06 .cont02 .tool_info dl dt .ico_sec img{height:auto;}
    .sub06 .cont02 .tool_info dl dd{display:table-cell; vertical-align: middle; font-size:23px; color:#333; padding-left:0;}
    .sub06 .cont02 .tool_info dl dd span{display:inline-block; font-size:23px;border-radius: 7px; margin-right:30px; padding:13px 20px;}
    .sub06 .cont02 a{width:400px; height:80px; line-height:80px; color:#2a3951; font-size:30px; font-weight:bold; border:3px solid #2a3951; border-radius: 50px; display:inline-block;}
    .sub06 .m_img{width:100%;}


    /* page - 개발자센터 */
    .sub07 .container_area > div{padding-left:360px;}


    /* page - 근거리음성솔루션 */
    .sub08 .cont01:before{width:577px; height:665px;}
    .sub08 .cont01:after{width:567px; height:665px;}
    .sub08 .cont01 dl dt > img{/*width:auto;*/}
    .sub08 .cont01 dl dd{font-size:20px; line-height:155%;}
    .sub08 .cont01 dl dd span{font-size:40px;margin-bottom:40px;}
    .sub08 .cont01 .cont01_sec01 dl dd{padding-left:120px;}
    .sub08 .cont01 .cont01_sec03 dl dd{padding-left:80px;}
    .sub08 .cont01 .cont01_sec03{padding:70px 0 180px;}
    .sub08 .cont02{padding:100px 0;}
    .sub08 .cont02 p{padding:20px 0; font-size:20px; word-break: keep-all;}
    .sub08 .cont02 p:before{width:72px; height:50px; margin-left:-36px;}
    .sub08 .cont02 p:after{width:72px; height:50px; margin-left:-36px;}
    

}

@media (min-width: 1400px) {    /* 1400px 이상 */
    /* page - 개발자센터 */
    .sub07{position:relative}
    .sub07:before{content:''; width:1px; height:100%; background:#999; position:absolute; top:0; left:360px;}
    .sub07 .menu_area{position:absolute; width:22%; height:100%; margin-top:0; max-width:360px;}
    .sub07 .menu_area > div{padding:0 20px;}
    .sub07 .menu_area > div .tit{font-size:30px; padding:50px 0;}
    .sub07 .menu_area > div .menu{padding:30px 10px 0; border-bottom:none;}
    .sub07 .menu_area > div .menu a{line-height:41px; height:40px;width:100%; display:block; color:#333; font-size:16px; background:#fff; border-radius: 30px; margin-bottom:7px; padding:0;}
    .sub07 .menu_area > div .menu a span{padding-left:20px;}
    .sub07 .menu_area > div .menu a.on{background:#2a3951; color:#fff}
    .sub07 .container_area > div{padding:130px 0; padding-left:360px;}
    .sub07 .container_area > div .tit{font-size:40px; padding-left:30px; margin-bottom:65px;}
    .sub07 .container_area dl dt{font-size:30px; height:60px; line-height:60px; margin-bottom:30px; padding-left:30px;}
    .sub07 .container_area dl dd p{margin-bottom:40px; font-size:20px; margin-left:50px; line-height:160%;}
    .sub07 .container_area dl dd p span{position:absolute; top:0; left:-20px; margin-right:0;}

	.dev_menu_tit {
	    padding-bottom: 15px;
		padding-left: 10px;
	}

}








.pagination  {
	padding-bottom:10px;
}
.pagination-sm {
	padding-bottom:10px;
}