body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}


@media (max-width: 1000px) {


    header h1{
        float: none;
    }

    header a{
        margin-top: 25px;
        float: none;
    }

}


/* -- Demo ads -- */

@media (max-width: 1200px) {
    #bsaHolder{ display:none;}
}

/* -- Link to Tutorialzine -- */

.tz-link{
    text-decoration: none;
    color: #fff !important;
    font: bold 36px Arial,Helvetica,sans-serif !important;
}

.tz-link span{
    color: #da431c;
}

a{
	color: #333;
	text-decoration: none;
}

/*////////////////////////////////////////////////////////////////////////////*/
     /*  Page styles  */

        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body{ 
	font-weight: 400; 
 
	overflow-y: scroll;
	overflow-x: hidden;
        }

        .skrollr-desktop body {
            height:100% !important;
        }

        #skrollr-body {
            height:100%;
            overflow:visible;
            position:relative;
        }


        /*  Styles for this example */

        .parallax-image.skrollable-between {
            display:block;
        }

        .no-skrollr .parallax-image-wrapper {
            display:none !important;
        }

        .parallax-image-wrapper {
            position:fixed;
            left:0;
            width:100%;
            overflow:hidden;

            height:80vh;
            top:-80vh;
        }


        .parallax-image {
            display:none;
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            background-repeat:no-repeat;
            background-position:center;
            background-size:cover;

            height:100vh;
            top:0;
        }


        .parallax-image.skrollable-between {
            display:block;
        }

        .no-skrollr .parallax-image-wrapper {
            display:none !important;
        }

        .gap {
            background:transparent center no-repeat;
            background-size:cover;
            height:80vh;
        }

        .skrollr .gap {
            background:transparent !important;
        }

 
        .gap1 {
            background:transparent center no-repeat;
            background-size:cover; height:150px;
        }
        .skrollr .gap1 {
            background:transparent !important;
        }
        .gap2 {
            background:transparent center no-repeat;
            background-size:cover; height:120px;
        }
        .skrollr .gap2 {
            background:transparent !important;
        }
		

/*/////////////////////////////////////////////////////////////////////////////////////*/	
.sub_warp{position: relative;text-align: center;}
.codrops-top{ width: 100%; background: #000; z-index: 9999; position: relative;  height:30px;}

#topMenu_nav {
	float : left;
	padding-left: 5%;
	padding-top:4px;
	font-size :15px;
	letter-spacing :0.5px;
}

#topMenu_nav .menu_nav_kor {
float : left;
}

#topMenu_nav .menu_nav_kor img {
	margin: 0 7px 0 0;
}

#topMenu_nav .menu_nav_kor a {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#topMenu_nav .menu_nav_eng {
float : left;
padding-left: 10px;
}

#topMenu_nav .menu_nav_eng img {
	margin: 0 7px 0 0;
}

#topMenu_nav .menu_nav_eng a {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



.top_menu h2 {
	font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.2px;
	color: #f8f8f8;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6); margin-bottom:13px;
}

.main_menu{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.top_menu {
	padding: 30px 70px 10px 20px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: right; 
}
.menu_list ul,.menu_list li { display: inline-block; }
.menu_list a {padding: 10px 10px 10px 10px;
	font-size: 13px;
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 800; background:#000000; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; display:block}
	
.menu_list a:hover {background: #49a4f9;}
.menu_on { background:#49a4f9;padding: 10px 10px 10px 10px;
	font-size: 13px;
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 800; background:#49a4f9; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; }
.in_warp { width:900px; margin:auto; text-align:center; padding-top:30px;}	
	
 
/*
p.main_menu{ display: block; padding: 15px 0px;width:600px; float:right}
p.main_menu a,
p.main_menu a.main_menu,
 
p.main_menu a.main_menu:hover{
    display: inline-block; 
	padding: 10px 10px 10px 10px;
	font-size: 13px;
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 800; background:#000000; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;
 
}
p.main_menu a:hover{
	background: #49a4f9;
}
p.main_menu a.main_menu:hover{
	color: #A5727D;
	background: #6d0019;
}



/***********************ȸ»ç¼Ò°³**********************************************************************************/
.cont_warp { display:block; position:relative; width:1200px; margin:auto; padding-top:20px;}
.cont_warp h2{
	font-size: 90px;  
	color: #fff;
	color: rgba(255,255,255,0.9);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
 
.cont_warp p{
	font-size: 15px;
	padding: 10px;
	line-height: 24px;
	color: #fff;
	display: inline-block;
	background: black;
	padding: 10px;
	margin: 3px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.dummy-content{
            padding: 100px 0;
            background-color: #fff;
            color: #221f51;
            font-size: 24px;
            min-width:1200px; margin:auto;
            text-align: center;  position:relative;
        }

.dummy-content h2{    padding-top: 30px; position:relative;
    margin-bottom: 30px;
    font-size: 38px;
    color: #333; font-weight:200;
        }
	
.dummy-content  .bar{content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 17px;
    height: 2px;
    margin-left: -9px;
    background: #428aed;}
.dummy-content  .title_01 {    font-size: 18px; letter-spacing: -0.5px; line-height:25px;}	

/*ºÎ¼­¼Ò°³*/
.ntrex_about { background:url(../images/about_img.jpg) no-repeat; display:block; width:1200px; margin:auto; height:600px; margin-top:30px; margin-bottom:100px;}
.about_01 {padding-top:200px; font-size:13px; width:200px; line-height:20px; color:#666; margin-left:50px;float:left} 
.about_02 {padding-top:200px; font-size:13px; width:200px; line-height:20px; color:#666; margin-left:30px; float:left} 
.about_01 h2,.about_02 h2 { font-size:16px; color:#428aed; font-weight:bold; margin-bottom:15px}
.about_02 p{ border:1px solid #737373; width:160px; padding:7px; margin:0 0 10px 23px; text-align:center} 
/*È÷½ºÅ丮*/
.history { background:url(../images/about_img1.jpg) no-repeat; display:block; width:1100px; height:1000px; margin:auto; margin-top:30px; margin-bottom:0px; position:relative}
.history1 { width:1100px;   display:block; text-align:center}
.history1 ul{ display:inline-block; width:330px; padding-top:18px;} 
.history1  .left { text-align:left;  }
.history1  .leftf { padding-left:25px;}
.history1  .right { text-align:right; padding-right:37px;}
.history1  .title {font-size:16px; font-weight:700; color:#428aed}
.history1  .data {font-size:16px; color:#FFFFFF; padding-top:20px;}
.history2  {overflow: hidden; margin-top:35px; font-size:13px;   display:inline-block; margin-left:30px; vertical-align:top}
.history2 dt{    clear: both;
    float: left;
    width: 42px;
    font-weight: 700;
    line-height: 22px;
    color: #428aed;}
.history2 dd { line-height: 20px; color:#6c6c6c; text-align:left; padding-left:5px;    float: left;
    width:280px;
    margin-bottom: 15px; line-height:-0.5px;}	
	
/*ÀÎÁõ¼¾ÅÍ*/
.in_about { background:url(../images/bg_12.jpg); width:100%;   background-repeat: no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed;
            background-position: center center; height:350px; text-align:center}	
			
			
.in_about h2 {padding-top: 120px; position:relative;
    margin-bottom: 30px;
    font-size: 38px;
    color: #fff; font-weight:200;}		
.in_about .title_01 {    font-size: 18px; letter-spacing: -0.5px; line-height:25px; color:#FFFFFF}	
.hoverbox { width:1200px; margin:auto; padding-top:30px;}			
	
	
	

.about-us h2{    padding-top: 30px; position:relative;
    margin-bottom: 30px;
    font-size: 38px;
    color: #fff; font-weight:200;
        }
 
.about-us .title_01 {    font-size: 18px; letter-spacing: -0.5px; line-height:25px; color:#FFFFFF}	


/***ÀÎÁõÀ̹ÌÁö*/
.gallery_iframe { width:1200px; margin:auto; padding-top:100px}
 
/********ǪÅÍ******************/
.footer { width: 100%; min-width: 1000px; height: 155px;  background-color: #3b3b3b;} 
.footer .inner {position: relative;  display:block; width:1000px; margin:auto;}
.footer h2 { position: absolute;  top: 55px; left: 0;}
.footer address{margin-top: 15px; font-size: 12px;  color: #8a8a8a;position: absolute;  top: 45px; left: 230px;}

/*¹®¿öĿŸÀÌƲ*/
.moon_title {}
.moon_title{
            padding: 100px 0;
            background-color: #fff;
            color: #221f51;
            font-size: 24px;
            min-width:1200px; margin:auto;
            text-align: center;  position:relative;
        }

.moon_title h2{    padding-top: 30px; position:relative;
    margin-bottom: 30px;
    font-size: 38px;
    color: #333; font-weight:200;
        }
	
.moon_title  .bar{content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 17px;
    height: 2px;
    margin-left: -9px;
    background: #428aed;}
.moon_title  .title_01 {    font-size: 18px; letter-spacing: -0.5px; line-height:25px;}	
 .moon_pr_01 { position:relative; min-width:1200px; width:1200px; margin:auto; overflow:hidden}
.moon_pr_01 h2{    margin-bottom: 30px;margin-top: 30px;  font-size: 40px; font-weight: 700; line-height: 50px; font-size:28px}
.moon_pr_01 ul, .moon_pr_01 li { float:left; display:block}
.moon_pr_01 li { width:180px; font-size:15px; padding:20px 10px 10px 10px; font-weight:200; color:#333; border:1px dotted #e1e1e1; margin-right:10px; height:180px;  }
.moon_pr_01 span { clear:both;  color:#1784e1; display:block; font-weight:bold}
.moonk { position:relative; }



.moonk h2{padding-top: 30px; position:relative; margin-bottom: 90px;  font-size: 38px;  color: #fff; font-weight:200;}
.moonk li { display:inline-block; color:#FFFFFF; font-size:16px; width:200px; height:300px; padding-top:150px; vertical-align:top; }
.moonk .pr01 { background:url(../images/moon_icon.png) 40px 0 no-repeat;}
.moonk .pr02 { background:url(../images/moon_icon.png) -150px 0 no-repeat;}
.moonk .pr03 { background:url(../images/moon_icon.png) -320px 0 no-repeat;}
.moonk .pr04 { background:url(../images/moon_icon.png) -500px 0 no-repeat;}


.moonk_mm { position:relative; background:url(../images/bg_07.jpg); width:100%;   background-repeat: no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed;
            background-position: center center; height:450px; text-align:center}
 .moonk_mm h2{padding-top: 30px; position:relative; margin-bottom: 90px;  font-size: 38px;  color: #fff; font-weight:200;}
 


 
.moonllink{min-width:1200px; margin:auto;text-align: center;  position:relative; padding-bottom:120px}

.moonllink h3{    padding-top: 30px; position:relative;
    margin-bottom: 10px;
    font-size: 34px;
    color: #333; font-weight:200;
        }
	
.moonllink  .bar{content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 17px;
    height: 2px;
    margin-left: -9px;
    background: #428aed;}
.moonllink  .title_01 {    font-size: 18px; letter-spacing: -0.5px; line-height:25px; margin-bottom:50px}	
.moonllink li{ display:inline-block; text-align:center; border:1px solid #E3E3E3;}
.moonllink span { clear:both; display:block; padding-bottom:20px;}


/*µð¹Ù*/
.devicemart_top{
    padding-top: 150px;
    background-color: #fff;
  
    text-align: center; position:relative
}

.devicemart_top{min-width:1200px; margin:auto;text-align: center;  position:relative; }

.devicemart_top h3{    padding-top: 30px; position:relative;
    margin-bottom: 10px;
    font-size: 34px;
    color: #333; font-weight:200;
        }
	
.devicemart_top  .bar{content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 17px;
    height: 2px;
    margin-left: -9px;
    background: #428aed;}
.devicemart_top  .title_01 {    font-size: 18px; letter-spacing: -0.5px; line-height:25px; margin-bottom:50px}	

.devicemart_top div{
    display: inline-block;
    width: 20%;
    margin: 5px;
    border: 1px solid #ccc;
    padding: 35px;  
}

.devicemart_top div p{
    font-size: 20px; text-decoration:none;
    margin-bottom: 20px;
    color: #1784e1; font-weight:600;
}

.devicemart_top div h4{
    font-size: 18px;
    text-transform: uppercase;
    color: #425F67;
    font-weight: normal;
}


@media (max-width: 900px){

    .devicemart_top div{
        width: 90%; 
    }

}
/**ÀåÁ¡1*/
.devicemart_top1{ 
    background-color: #fff;
  
    text-align: center; position:relative
}

.devicemart_top1{min-width:1200px; margin:auto;text-align: center;  position:relative;  }

 .devicemart_top1 div{
    display: inline-block;
    width: 20%;
    margin: 5px;
    border: 1px solid #ccc;
    padding: 35px;  
}

.devicemart_top1 div p{
    font-size: 20px; text-decoration:none;
    margin-bottom: 20px;
    color: #1784e1; font-weight:600;
}

.devicemart_top1 div h4{
    font-size: 18px;
    text-transform: uppercase;
    color: #425F67;
    font-weight: normal;
}


@media (max-width: 900px){

    .devicemart_top div{
        width: 90%;
        margin-bottom: 30px;
    }

}

/*µð¹Ù¸ÂÃã¼­ºñ½º*/
.dev_se { width:1100px; margin:auto; padding-top:30px; overflow:hidden}
.dev_se li {   display: inline-block;  margin: 3px; }
.dev_se1 { font-size:15px; width:1100px; margin:auto; padding-top:30px;line-height: 24px; }
.dev_se1 li { border-bottom:1px solid #CCCCCC; text-align:left; padding-bottom:40px; padding-right:20px; padding-top:30px; height:120px; }
.dev_se1  p { color:#1784e1; font-size:19px; float:left; font-weight:600;width:270px; padding-left:10px;}

/*µð¹Ù°ø¸ðÀü*/
.dev_cap {}
.dev_cap{min-width:1200px; margin:auto;text-align: center;  position:relative; padding-bottom:120px;color:#FFFFFF; padding-top:120px;}

.dev_cap h3{    padding-top: 80px; position:relative;
    margin-bottom: 10px;
    font-size: 34px;
    color: #333; font-weight:200;
        }
/*±æã±â*/
.app_ntrex { padding-top:35px;}		
.app_ntrex h3{ padding-bottom:35px; font-size:26px;}	
.app_cont { text-align:left; font-size:15px; width:800px; margin:auto; color:#333333}	
.app_cont  div { padding-top:10px;}
.app_cont strong { width:250px; display:block}
 /**/
 .scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed; bottom:1px;
	right:40px;
	display:none;
	background: url('../images/icon_up.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}