/************ common style ************/
/* Basic */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        /* font-size:100%; */
        font-family: 'NanumGothic', 'Malgun Gothic', dotum, Helvetica, sans-serif;
        vertical-align:baseline;
        background:transparent;
    }

	a {color: #629DD1;}
	    a:hover {text-decoration: none;}
	p {/* margin: 0 0 1em 0; */ line-height: 2em;}

	h1, h2, h3, h4, h5, h6 {
	    color: #666f77;
	    font-weight: 300;
	    line-height: 1em;
	    margin: 0 0 1em 0;
	    letter-spacing: 0.1em;
	}

	    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	        color: inherit;
	        text-decoration: none;
	    }

/************ } common style ************/

/** Header Layout { **/
	#skel-layers-wrapper {
	    padding-top: 3em;
	}

	#header {
	    background: #fff;
	    color: #555f66;
	    cursor: default;
	    height: 80px;
	    left: 0;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 10000;
	    box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.25);
	}

	#header .logo {float: left;margin-top: 20px;}

/* 	#header a.hamburger{
	    text-decoration: none;
	    display: none;
	    float: right;
	    margin-top: 30px;
	    width: 24px;
	    height: 19px;
	    background: url('../images/main/hamburger_icon_blue.png') no-repeat;
	}
	#header a.hamburger.opned{
	    width: 19px;
	    background: url('../images/main/close_menu_icon_blue.png') no-repeat;
	} */

	#header #nav {float: right; margin-top: 30px;}

		#header #nav ul {
		    list-style: none;
		}

		#header #nav ul li {
			display:block;
			float: left;
    		margin-left: 50px;
		}

		#header #nav ul li a {
			text-decoration: none;
		    color: #555f66;
		    font-family: 'NanumGothic', 'Malgun Gothic', dotum, Helvetica, sans-serif;
		    font-size: 16px;
		    letter-spacing: 1px;
		}


		#header #nav > ul > li a:hover {
		    color: #629DD1;
		}

		#header #nav > ul > li:first-child {
		    margin-left: 0;
		}

		.allcontent{
		    width: 880px;
		    margin: 0 auto;
		}



/** } Header Layout **/


/** Footer Layout { **/
            #footer {
                background: #272727;
                /*padding: 4em 0 6em 0;*/
                padding: 0;
                clear: both;
            }

                #footer a {
                    color: inherit;
                    text-decoration: none;
                }

            #footer .container {
                padding: 1em 0;
				width: 880px;
                margin: 0 auto;
                text-align: center;
			}
            #footer .container p {
                font-size: 14px;
                color: #bbb;
            }

/* @media (max-width:1500px){
	.ctt {max-width: 1450px;}
	.imgcontent > img {width:100%;}
}

@media (max-width:1150px){
	 .allcontent{
	     padding: 0 40px;
	     max-width: 1080px;
	 }
}

@media (max-width:800px){
	    #header a.hamburger{
	     display: block;
	 }
	 #header #nav{
	     position: absolute;
	     display: none;
	     width: 92.72727272727273%;
	     top: 50px;
	     left: 3.636363636363636%;
	     float: none;
	     z-index: 20;
	     overflow: hidden;
	     background: #fff;
	     border-top: 5px solid #3776A4;
	 }
	    #header #nav.active{
	   		display: block;
		}
	    #header #nav ul{
	     display: block;
	     width: 100%;
	     text-align: center;
	     margin-top: 0;
	 }
	 #header #nav ul li{
	     display: block;
	     width: 100%;
	     float: none;
	     margin-left: 0;
	 }

	 #header #nav ul li a{
	     display: block;
	     padding: 25px 0;
	     border-bottom: 1px solid #f2f3f3;

	     transition: background .2s linear;
	     -webkit-transition: background .2s linear;
	     -moz-transition: background .2s linear;
	     -o-transition: background .2s linear;
	 }
	    #header #nav ul li a:active{
	     background: #f2f3f3;
	 }
	    #header #nav ul li a{
	     color: #1c3655;
	 }
	    #header #nav ul li:last-child{
	     border: 0;
	 }



	 .ctt {width: 75%;}
	.productBox .pVisual > img {width: 100%;}
	#one , .directions , #footer .container {
		max-width: 700px;
        margin: 0 auto;
	}

	.map_container {width: 700px;}
	.content .edu1 {width: 100%;}
	.solusion .imgcontent > img {width:100%;}
	.edu_info .imgcontent {width:100%; clear: both; float: left;}
	.edu_info .imgcontent > img {width: 100%;}
}


@media (max-width:500px){

	#footer .container {max-width: 400px; margin: 0 auto;}
} */