@charset "utf-8";


@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal; }

.nanumsquare {
    font-family: 'NanumSquare', sans-serif !important;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,form,imput,select,table,th,td,tr,textrea{ margin:0; padding:0; list-style:none; }
a{ text-decoration:none; }
img{ border:0; }

body{ font-family:NanumSquare sans-serif; }


#header{ width:100%; height:90px; background: #00abe9; position:fixed; }
.header_wrap{ width:1200px; height:90px; margin:0 auto; }
h1{ float:left; margin:20px 0 0 10px; }
nav{ float:right; margin:30px 10px 0 0; }
.gnb li{ float:left; margin-left:15px; }
.gnb li button{ border:0; background:none; font-size:18px; font-family:"NanumSquare"; color:#fff; cursor:pointer; }
.gnb li button:hover{ border-bottom:2px solid #fff; font-weight:bold; }


#container{ clear:both; }
.visual{ height:778px; padding-top:90px; background:url(../images/visual_background.gif) no-repeat center bottom; }
.visual h2{ display:none; }
.visual_wrap{ width:1200px; height:778px; margin:0 auto; }
.visual_wrap p:nth-of-type(1) img{ margin:130px 91px 0 91px; }
.visual_wrap p:nth-of-type(2) img{ width:1200px; height:452px; margin-top:35px; }

.newest{ width:1200px; height:790px; margin:0 auto; }
.newest div{ float:left; margin:235px 0 0 50px; }
.newest div p:nth-child(2){ font-family:"yg-jalnan"; font-size:50px; margin:25px 0 55px 0; }
.newest div p:nth-child(3){ font-family:"NanumSquare"; font-size:20px; line-height:35px; }
.newest>p img{ float:right; margin:96px 40px 96px 0; }

.phonecase{ height:850px; background:#00abe9; }
.phonecase_wrap{ width:1200px; height:850px; margin:0 auto; }
.phonecase_wrap>p{ font-family:"yg-jalnan"; font-size:50px; color:#fff; text-align:center; padding-top:100px; }
.phonecase_wrap li{ float:left; text-align:center; margin-left:30px; margin-top:100px; }
.phonecase_wrap li p:nth-child(2){ font-family:"NanumSquare"; font-size:20px; color:#fff; line-height:30px; margin-top:30px; }
.phonecase_wrap li p:nth-child(3){ width:205px; height:45px; line-height:45px; border:3px solid #fff; border-radius:50px; margin:70px auto 0 auto; }
.phonecase_wrap li p:nth-child(3) a{ display:block; color:#fff; background:url(../images/more.png) no-repeat center right 20px; }
.phonecase_wrap li p:nth-child(3) a:hover{ color:#00abe9; font-weight:bold; background:#fff; border-radius:50px; margin:0 auto; }

.sticker{ height:790px; background:url(../images/sticker_background3.jpg) no-repeat center bottom fixed; }
.sticker_wrap{ width:1200px; height:790px; margin:0 auto; }
.sticker_wrap p:nth-child(1){ font-family:"yg-jalnan"; font-size:50px; padding:255px 0 0 50px;}
.sticker_wrap p:nth-child(2){ font-family:"NanumSquare"; font-size:20px; line-height:30px; padding:50px 0 0 50px; }

.spigenmall{ height:765px; background:#00abe9; }
.sapigenmall_wrap{ width:1200px; height:765px; background:url(../images/jinlo.png) no-repeat left bottom; margin:0 auto; }
.sapigenmall_wrap p:nth-child(1){ font-family:"NanumSquare"; font-size:40px; line-height:70px; font-weight:bold; color:#fff; text-align:right; padding-top:235px; }
.sapigenmall_wrap p:nth-child(1) strong{ font-family:"yg-jalnan"; }
.sapigenmall_wrap p:nth-child(2){ width:515px; height:70px; line-height:70px; border:3px solid #fff; border-radius:50px; margin:70px 0 0 690px; }
.sapigenmall_wrap p:nth-child(2) a{ display:block; font-family:"NanumSquare"; font-size:20px; text-align:center; color:#fff; background:url(../images/more2.png) no-repeat center right 35px; }



#footer{ height:100px; background:#00abe9; }
.footer_wrap{ width:1200px; height:100px; margin:0 auto; }
.footer_wrap p:nth-child(1){ float:left; margin:33.333px; }
.footer_wrap p:nth-child(2){ float:right; color:#fff; margin:33.333px; }