@charset "utf-8";
/* CSS Document */


@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/* 
 * Nanum Gothic (Korean) 
 */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}


@font-face {
    font-family: 'nanumsquareregular';
    src: url('fonts/nanumsquarer-webfont.eot');
    src: url('fonts/nanumsquarer-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/nanumsquarer-webfont.woff2') format('woff2'),
        url('fonts/nanumsquarer-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-style: normal;
    font-weight: 900;
    font-family: 'nanumsquarebold';
    src: url('fonts/nanumsquareb-webfont.eot');
    src: url('fonts/nanumsquareb-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/nanumsquareb-webfont.woff2') format('woff2'),
        url('fonts/nanumsquareb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bm_dohyeonregular';
    src: url('fonts/bmdohyeon_ttf-webfont.woff2') format('woff2'),
        url('fonts/bmdohyeon_ttf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* 사이트 전체 기본 폰트 */
* {font-family: 'nanumsquarebold', sans-serif; }
html, body{width:100%; height:100%; min-width:1100px; min-height:768px; }
html { overflow-y:scroll}
/* reset */
body,ul,ol,li,dl,dd,dt,div,p,form,button,h1,h2,h3,h4,h5,h6,img,form,fieldset,input,select,iframe,textarea {margin:0; padding:0;}
ul,ol,li {list-style:none;}
body,th,tr,td,ul,li,ol,input,select {font-size:inherit; font-family: 'nanumsquarebold', sans-serif;;}
td,form,textarea,center,opxion,pre,blockquote,textarea{font-size:12px; color:#808080;}
table{border-collapse:collapse;}
img {border:0; vertical-align:top;}
a {text-decoration:none; color:inherit;}
a:hover {text-decoration:none; color:inherit;}
.accessibility, caption, legend{overflow:hidden; visibility:hidden; position:absolute; width:0px; height:0px; font-size:0px;}
#wrap {width:100%; min-width:1100px; float:left; height:100%; }


/* head */
/*#headerm { width:100%;  background-color:#FFF; background-image:url(../img/topmenubg.gif); background-position:top center;*/ 
/*           background-repeat:repeat-x;
           padding-top:5px; 
           display:none; 
}*/
#headerm:after { content:''; clear:both; display:block;}

#header , #headerm{ width:100%; color: white; background-color:#47D6FF;  background-position:top center; background-repeat:repeat-x; padding-top:5px; border-bottom:solid 1px #dddddd; }
#header:after { content:''; clear:both; display:block;}
#header a, #headerm a{
    color: #B5FCFF;
}
#topmenu {  width:1000px; margin:0 auto;}
#topmenu .util {    
    width: 1000px;
    text-align: right;
    font-size: 13px;
    letter-spacing: -0.5px;
    font-weight: bold;
    margin-top: 10px;
    color: white;}
#topmenu .util span {    padding: 0px 8px;}
#topmenu .util span:last-child { padding:0 0 0 8px;}
#topmenu .util span a { text-decoration:none; color:#B5FCFF;}
#topmenu .util span a:hover{ color:white;}
#topmenu .logo { float:left; padding: 0;}
#topmenu .tmenu { float:right; margin:0 auto; }
#topmenu .tmenu ul li { float:left; }
#topmenu .tmenu ul li a { display:inline-block; padding: 25px 0 30px 55px;}


/* main content */
#main { width:100%; height:100%;  background-position:top center; position:relative; background-color:#000;}

#headertop { width:100%; margin:0 auto; position:absolute; z-index:1000; }
#headertop .topmenu_off { width:1000px; margin:0 auto; }
#headertop .topmenu_off .logo { float:left; display:inline-block; margin-top:40px;}
#headertop .topmenu_off .menu_btn { float:right; display:inline-block; margin-top:40px;}



#main .layout_m{width:100%; height:100%; margin:0 auto; overflow:hidden; position:relative}
#main .layer{width:1000px; height:100%; margin:0 auto; position:relative; z-index:50; }
#main .layer .toggle_btn{position:absolute; right:125px; bottom:200px; z-index:150;}
#main .layer .img_nav{position:absolute; margin:0 auto; top:56%; width:1000px; text-align:center}
#main .layer .img_nav span{margin:0 1px; z-index:150;}
#main .layer .copy{position:relative; width:995px; height:750px;}
#main #main01{height:100%; background:url(../img/main_bg01.jpg) center top no-repeat; left:0;
              background-size: 100% 100%;
}
#main #main02{height:100%; background:url(../img/main_bg02.jpg) center top no-repeat; left:100%;}
#main #main03{height:100%; background:url(../img/main_bg03.jpg) center top no-repeat; left:200%;}
#main #main04{height:100%; background:url(../img/main_bg04.jpg) center top no-repeat; left:300%;}
#main #main05{height:100%; background:url(../img/main_bg05.jpg) center top no-repeat; left:400%;}
#main #main06{height:100%; background:url(../img/main_bg06.jpg) center top no-repeat; left:500%;}
#main .layout{width:1000px; margin:0 auto; position:relative; top:28%;}
#main .layout:after {content:''; clear:both; display:block;}
#main .layout .title{position:absolute; text-align:center; width:100%; padding-bottom:4%; background-image:url(../img/main_tbar.gif); background-position:bottom center; background-repeat:no-repeat;}
#main .layout .text1{position:absolute; top:145px; font-size:24px; text-align:center; width:100%; font-size:12px; line-height:20px; color:#ffffff;}
#main .vis{position:absolute; width:100%; margin:0 auto; left:0; top:0; height:750px; z-index:1;}

.show_btn { width:48px; height:48px; opacity:0;}
.mbtn { width:48px; height:48px; overflow:hidden; display:inline-block;}
.mbtn1 { width:48px; height:100px; background-image:url(../img/micon01.png); background-repeat:no-repeat; background-position:top; display:inline-block;  }
.mbtn2 { width:48px; height:100px; background-image:url(../img/micon02.png); background-repeat:no-repeat; background-position:top; display:inline-block;}
.mbtn3 { width:48px; height:100px; background-image:url(../img/micon03.png); background-repeat:no-repeat; background-position:top; display:inline-block; }
.mbtn4 { width:48px; height:100px; background-image:url(../img/micon04.png); background-repeat:no-repeat; background-position:top; display:inline-block; }
.mbtn5 { width:48px; height:100px; background-image:url(../img/micon05.png); background-repeat:no-repeat; background-position:top; display:inline-block;}
.mbtn6 { width:48px; height:100px; background-image:url(../img/micon06.png); background-repeat:no-repeat; background-position:top; display:inline-block;}



/* footer */
#footerm { width:100%;  background-color:#3C454A; padding:30px 0; position:absolute; bottom:0;  z-index:9999; position:fixed}
#footer { width:100%; background-color:#3C454A; padding:30px 0;  bottom:0; z-index:999; margin-top: 50px;}
#footer:after { content:''; clear:both; display:block;}
#foot { width:1000px; margin:0 auto;}
#foot .logo { float:left; width:185px; }
#foot .copy { float:left; color:white; font-size:11px; line-height:16px;}
#foot .copy .flink { padding-bottom:8px; font-size:12px; font-weight:bold;}
#foot .copy .flink a{color:white;}
#foot .copy .flink a:hover { color:white;}
#foot .sns { float:right;
             display: none;}
#foot .sns span { padding:0 0 0 20px;}
#foot .sns span a { opacity:0.5;}
#foot .sns span a:hover { opacity:1;}




/* sub content */
#navi { width:100%; background-color:#ffffff; border-bottom:solid 1px #dddddd;
        display: none;
}
#navi #navicon { width:1000px; margin:0 auto; height:46px; }
#navi #navicon ul li { float:left; height:46px; line-height:46px; padding:0 13px;  margin:0; font-size:12px; color:#787878; }
#navi #navicon ul li a{ font-family: 'Nanum Gothic, nanumsquarebold', sans-serif ;}
#navi #navicon ul li img {
    vertical-align: middle;
    margin: 0;
    max-height: 100%;
    display: block;

}



#content , .content_add_platform{ width:100%;   padding-top: 50px; background-color:#ffffff; 
                                  /*min-height:650px;*/ 
                                  background:url(../img/bg_1.png) center top no-repeat; background-size: 100% auto; left:0;}
#content:after { content:''; clear:both; display:block;}
#content #subcon { width:1000px; margin:0 auto;}

.sub_conb { width:100%; padding:80px 0;  }
.sub_conb_slide { width:100%; padding:80px 0;  }
.sub_conb_t { width:100%; padding:50px 0 80px 0; border-bottom:dashed 1px #dddddd;  }
.sub_conb_l { width:100%; padding:50px 0 0 0; }
.sub_conb:after { content:''; clear:both; display:block;}

.sub_tit { width:100%; text-align:center; padding-bottom:50px; background:url(../img/sub_tbar.gif) center bottom no-repeat; }
.sub_stit { width:100%; text-align:center; color:#151515; font-size:28px; padding-bottom:20px; font-weight:bold;}
.sub_img { width:100%; padding-bottom:50px;}
.sub_simg { width:100%; padding-top:50px;}
.sub_simg_c { width:100%; padding-top:10px;}
.sub_simg_t { width:100%; }
.sub_txt { width:100%; text-align:center; font-size:13px; line-height:22px; color:#787878; }


/*sub01*/
.phonem { width:1000px; position:relative; height:730px; overflow:hidden;}
.phonem .sbSlider { position:absolute; z-index:500; width:5000px; height:730px; cursor:hand; margin:0 0 0 -1000px;}
.phonem .arrow01 { position:absolute; left:0; top:305px; z-index:501; margin-left:50px; }
.phonem .arrow02 { position:absolute;  right:0; top:305px; z-index:502; margin-right:50px; cursor:pointer}

/************************Cert container**********************************************/
.cert_ul li{
    width: 19%;
    float: left;
    display: inline-block;
    margin-right: 1%;
}

.cert_ul li img{
    width: 100%;
}
/************************Cert container end**********************************************/

.hd_pops_con img  {
    width: 100%;
}



/*************************** New styles ****************************************************/

#com_wrap img {
    max-width: 100%; 
    width: 100%;
}

#com_wrap .his img {
    width: 428px;
}


.sub_conb img{
    max-width: 100%;
}

.foot_ul li{
    float: left;
    display: inline-block;
    padding-right: 25px;

}

.main_title{
    font-size: 36px;
    color: white;
    font-weight: bold;
}

.sub_title {
    font-size: 18.79px;
    color: white;
    font-weight: 600;
}

.com_sub_title{
    margin-bottom: 20px;
}

.yellow_delim {
    width: 50px;
    height: 5px;
    background: #FFAF04;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
}


.inter_title {
    margin-bottom: 40px;
    font-size: 33.8px;
    font-weight: 600;
    border-bottom: 1px solid #46D6FF;
    padding: 20px;
} 

.bottom_app_down_inter {
    margin-bottom: 40px;
    margin-top: 20px;
    font-weight: 600;
    border-top: 1px solid #46D6FF;
    padding: 20px;
    position: relative;
}

.inter_title_1 {
    text-align: center;
} 

.inter_double_title { 
    margin: 0 auto;
    width: 90%;
    text-align: center;
    font-size: 34.5px;
    font-weight: 600;
    border-bottom: 1px solid #46D6FF ;
    border-top: 1px solid #46D6FF ;
    padding: 20px;
    display: inline-block;

} 

.inter_double_title.blue {
    margin-bottom: 40px;
    /*border-image: url(../img/line_1.png) 1;*/
}

.inter_double_title.white {
    color: white;
    margin-top: 39px;
    margin-bottom: 40px;
    border-image: url(../img/line_2.png) 1;
}


p.company_text {
    font-size: 18px;
    margin-top: 25px;
    font-weight: bold;
    line-height: 1.7;
}


.company_text_1 {
    text-align: right;
    font-size: 19.54px;
    font-weight: bold;
    margin-top: 20px;
}


.digit_title_cont{
    margin-top: 25px;
    margin-bottom: 15px;    
}

span.digit_title {
    font-family: 'bm_dohyeonregular';
    font-size: 33.83458646616541px;
    color: #FFA800;
    margin-right: 10px;
}

span.medium_title {
    font-size: 25.5px;
    font-weight: bold;
}

p.cont_text{
    line-height: 1.7;
    font-size: 16.5px;
    font-weight: bold;
}



.left_slider_img_cont {
    width: 42%;
    float: left;
    text-align: center;
}

.left_slider_img_cont img{
    box-sizing: border-box;
    padding: 20px;
    width: 35%;
    float: left;
    text-align: center;
}


.owl-carousel.owl-theme.right_slider_cont {
    width: 50%;
    display: inline-block;
}


.slider_title {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}


.split_slider_cont {
    width: 80%;
    margin: 0 auto; 
}

.slider_text_blog {
    padding: 40px;
}


.slider_sub_title {
    font-size: 16.5px;
    font-weight: bold;
    margin-top: 15px;
}

.slider_delim {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 25px;
    height: 3px;
    background: #FF9600
}

.main_slider_cont {
    margin-top: 15px;
    display: inline-block;
    position: relative;
    width: 100%;
}


.arrow_right_cont, .arrow_left_cont, .arrow_right_cont1, .arrow_left_cont1 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30%;
    /* width: 100%; */
    z-index: 9000;
}

.arrow_left_cont, .arrow_left_cont1{
    left: 0;
}

.arrow_right_cont, .arrow_right_cont1{
    right   : 0;
}

ul.slider_ul {
    font-size: 13.5px;
}


.mid_slider_cont {
    width: 50%;
    float: left;
}

.top_slider_img_cont .owl-carousel .owl-item img{
    margin: 0 auto;
    width: 80%;
} 


.content_add {
    width: 100%;
    /*margin-top: 50px;*/
    background-color: #ffffff;
    left: 0;
    position: relative;
    /*padding-top: 40px;*/
}

.content_add_after_title {
    width: 100%;
    /*margin-top: 40px;*/
    background-color: #ffffff;
    left: 0;
    position: relative;
}




.content_add_1_2{
    background: url(../img/bg_6.png) center top no-repeat;
    background-size: 100% auto;
}


.content_add_1_4{
    background: url(../img/bg_5.png) center top no-repeat;
    background-size: 100% 35%;
}


.content_add_1_3{
    background: #FAFAFA;
}


.subcon {
    width: 1000px;
    margin: 0 auto;
}

.subcon img{
    width: 100%;
}


.beacon_title, .beacon_title_1{
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}


.beacon_title_1{
    color: #2EBFEF;
}

.header_img_cont img{
    width: 100%;
}

.right_slider_cont{
    float: right;
    display: inline-block;
    width: 58%;   
}

.subcon .contact_img{
    margin: 0 auto;
    display: block;
    width: auto;
    margin-top: 25px;
}


.paging_ino{
    position: absolute;
    top: 0; 
    bottom: 0;
    left: 0;    
    margin: auto;   
    width: 100px;
}


.paging_ino_top{
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    margin-top: 40px; 
    width: 100px;
}

.title_cont_1_3_left {
    width: 53%;
    float: left;
}

.title_cont_1_3_right {
    display: inline-block;
    margin-left: 15px;
}


.subcon ul.platform_ul {
    width: 30%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-left: 3%;
}

.platform_cont{
    padding-bottom: 60px;
    border-bottom: 1px solid #46D6FF;
}

.platform_cont_top{
    padding-bottom: 60px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #46D6FF;
}

.platform_cont_top_bottom{
    padding-bottom: 40px;
    margin-top: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #46D6FF;
    border-top: 1px solid #46D6FF;
}

.subcon ul.platform_ul li{
    font-family: 'nanumsquareregular', sans-serif;
}

ul.platform_ul  .platform_li_title{
    font-size: 24px;
}


.platform_mobile_cont_left{
    float: left;
    width: 31%;
}

.platform_mobile_cont_right{
    width: 69%;
    position: relative;
    display: inline-block;
}

.platform_mobile_main_cont {
    position: relative;
    display: inline-block;
    padding-bottom: 40px;
    border-bottom: 1px solid #46D6FF;
}

.mobile_main_cont_white{
    color: white;
}

.platform_mobile_text_cont{
    font-size: 18px;
    font-weight: bold;
    white-space: pre-line;
    line-height: 1.5;
}

.platform_mobile_title{
    overflow: visible;
    color: #46d6ff;
    font-weight: bold;
    font-size: 33px;
    white-space: pre;
    margin-bottom: 15px;
}

.mobile_title_white{
    color:white;
}

.platform_mobile_sub_title{
    font-size: 24px;
    font-weight: bold;
    /*margin-bottom: 5px;*/
}

.download_but_cont {
    width: 300px;
    display: inline-block;
    float: right;
}

.download_but_cont img{
    width: 45%;
    float: left;
    right: 0;
}

.download_but_cont .download_but_img1{
    margin-right: 10%;
}

.bottom_app_down_inter_title{
    margin-right: 15px;
    font-size: 20px;
}

.bottom_app_down_inter_text{
    font-size: 16px;
}

img.bottom_app_down_inter_button {
    top: 12px;
    position: absolute;
    right: 0;
    width: 170px;
    max-height: 100%;
}

.clearfix{
    clear: both;
}

.company_text.about{
    margin-top: 10px;
} 













/*******************************************/