*{margin:0;padding:0}
body{overflow-x:hidden;overflow-y:scroll}
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
    }
input{

}
@font-face{
    font-family:"NettoWeb";
    src:url('/fonts/NettoWeb.eot');
    src:local(※), url('/fonts/NettoWeb.woff') format('woff');
}

@font-face{   
    font-family:"NettoWeb-Light";
    src:url('/fonts/NettoWeb-Light.eot');
    src:local(※), url('/fonts/NettoWeb-Light.woff') format('woff');
}    
@font-face{
    font-family:"NettoWeb-Bold";
    src:url('/fonts/NettoWeb-Bold.eot');
     src:local(※), url('/fonts/NettoWeb-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(/fonts/NanumBarunGothic.eot);
  src: url(/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumBarunGothic.woff) format('woff'),
       url(/fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(/fonts/NanumBarunGothicBold.eot);
  src: url(/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumBarunGothicBold.woff) format('woff'),
       url(/fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/* Default Font Style*/
html,body,a,p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,table,td,input,textarea,button,select,iframe,section,nav,header,footer{
	font-family: 'Nanum Barun Gothic', sans-serif;
}
 .file-input-wrapper {
    width: 100px;
    height: 40px;
    overflow: hidden;
    position: relative;
  }
  .file-input-wrapper > input[type="file"] {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
  }
  .file-input-wrapper > .btn-file-input {
    display: inline-block;
    width: 200px;
    height: 40px;
  }
  
.hidden{overflow:hidden;overflow-x:hidden;overflow-y:hidden;width:100%;height:100%;position:fixed;left:0;top:0}



ul,ol,li{list-style:none}

.b{font-family:'NettoWeb-Bold'}

/* html5 미지원 브라우저를 위한 설정 */
section, article, aside, footer, header, nav, hgroup {
  display:block;
}

/* -----------------------------
	Comon elements
-------------------------------- */

/* common */
.wrap{width:980px;margin:0px auto}
.bg1{background:#f4f4f4}

#wrapper{width:100%}

/* -----------------------------
	HEADER
-------------------------------- */
header{background:rgba(0,0,0,0.6);border-bottom:1px solid #333;position:fixed;z-index:9998;width:100%;height:80px}
header .wrap{height:80px;line-height:80px;position:relative}
header #logo{float:left;margin-top:0px;margin-left:15px}
header #logo a{display:block;background:url(./image/logo.png) no-repeat 0 0;text-indent:-1000em;overflow:hidden;width:113px;height:80px;cursor:pointer}
header #logo_mobile #logo a{background-image:url(./image/logo_mobile1.png);height:71px}
header #logo_mobile #logo.close a{background-image:url(./image/logo_mobile2.png);height:71px}
header #logo .line{height:1px;width:86px;background:red;display:inline-block;position:absolute;bottom:0;left:20px;display:none}

/* nav */
nav{float:right;position:relative}
nav ul{text-align:center}
nav li{display:inline-block;padding:0 10px}
nav li a{color:#fff;text-decoration:none;font-family:'NettoWeb-Light'}
nav li i{color:#fff;font-size:11px}
nav a:hover{color:#ddd}
nav .active a{color:#c9001a}
nav .sub{background:#000;position:absolute;z-index:9999;top:80px;margin-left:-41px;display:none;width:180px;border-top:1px solid #333}
nav .sub li{display:block;clear:both;line-height:100%;padding:0}
nav .sub li a{display:block;color:#fff;font-size:13px;border-bottom:1px solid #333;padding:10px 50px;font-family:'NettoWeb'}
nav .sub li:last-child a{border:none}
nav .sub li:hover a{background:#181818;color:#c9001a}
nav .sub li:hover a.scroll{background:#f9f9f9}

nav .setup a{color:red}
nav .setup .sub{margin-left:-70px}




/* visual */
#visual{text-align:center;color:#fff;clear:both;background:#000;padding-top:160px;padding-bottom:40px}
#visual h2{font-weight:normal;font-family:'NettoWeb';font-size:75px}

/* title */
.title{clear:both;text-align:center;height:270px;position:relative;overflow:hidden;padding-bottom:60px}
.title h3{font-size:75px;background:#fff;display:inline;position:relative;top:87px;z-index:11;padding:0 24px;font-weight:normal;font-family:'NettoWeb'}
.title h3:first-letter{font-size:73px}
.title p{font-size:20px;color:#9d9d9d;margin-top:160px}
.title .line{border-bottom:1px solid #d7d7d7;position:absolute;top:130px;width:100%;z-index:5;left:0}

/* -----------------------------
	Title Box
-------------------------------- */
.titlebox{clear:both;border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:30px}
.titlebox h3{font-size:25px}
.titlebox p{padding-top:5px;color:#666;font-size:14px}


/* -----------------------------
	Mobile Menu
-------------------------------- */
.mobile-menu{display:none;background:#000;opacity: .9;width:100%;height:100%;position:fixed;left:0;top:0px;z-index:9998}

.mobile-menu .body{padding-top:0;height:100%}
.mobile-menu .box{float:left;width:50%;text-align:center;height:33.3333333%;vertical-align:middle;display:table-cell}
.mobile-menu .box .inner{border:1px solid #4e4e4e;height:100%;color:#fff}
.mobile-menu .box a{display:block;color:#fff;width:100%;height:100%;text-decoration:none;font-family:'NettoWeb';font-size:18px;display:none}
.mobile-menu .box .inner a span{display:inline-block;width:100%;height:100%}
.mobile-menu .box .inner a:active{color:red}
/*
.mobile-menu{display:none;background:#000;opacity: .9;width:100%;height:100%;position:fixed;left:0;top:0;z-index:9998}
.mobile-menu .body{margin-top:0px}
.mobile-menu .box{float:left;width:50%;text-align:center}
.mobile-menu .box .inner{border:1px solid #4e4e4e;height:100%;color:#fff}
.mobile-menu .box a{display:block;color:#fff;width:100%;height:100%;text-decoration:none;font-family:'NettoWeb';font-size:18px;display:none}
.mobile-menu .box .inner a span{display:inline-block}
.mobile-menu .box .inner a:active{color:red}
*/

#content{clear:both;padding:50px 0 100px 0;overflow:hidden}

.process ol{list-style:none}
.process li{float:left;width:25%;background:red;}
.process li .box{padding:10px;text-align:center;height:237px;padding-right:5px;padding-bottom:5px}
.process li .desc{font-size:13px;line-height:150%}

/* -----------------------------
	FOOTER
-------------------------------- */
footer{clear:both}
footer .title{}
footer .title .fa-long-arrow-down{display:inline-block;clear:both;width:100%;margin-top:180px;font-size:20px}

/* we are Adela */
#weAreAdela{border-top:1px solid #ededed}
#weAreAdela .title{padding-bottom:120px;overflow:hidden}
#weAreAdela .inside{height:415px;background:#000;margin-top:50px}
#weAreAdela ul{position:relative;text-align:center;top:-70px}
#weAreAdela li{margin-left:20px;display:inline-block}
#weAreAdela li:first-child{margin-left:0}
#weAreAdela .box{width:312px;height:306px;overflow:hidden;background:#f3f3f3;background-position:center center;background-repeat:no-repeat;background-size:100px;display:block;cursor:pointer;text-indent:-1000em;-ms-behavior: url('backgroundsize.min.htc')}
#weAreAdela .box.ico1{background-image:url(./image/ico_1_off.png)}
#weAreAdela .box.ico2{background-image:url(./image/ico_2_off.png)}
#weAreAdela .box.ico3{background-image:url(./image/ico_3_off.png)}
#weAreAdela .box.ico1:hover{background:url(./image/ico_1_on.png) no-repeat center center #c9001a;background-size:100px}
#weAreAdela .box.ico2:hover{background:url(./image/ico_2_on.png) no-repeat center center #c9001a;background-size:100px}
#weAreAdela .box.ico3:hover{background:url(./image/ico_3_on.png) no-repeat center center #c9001a;background-size:100px}
#weAreAdela .info{clear:both;padding-top:60px}
#weAreAdela .info dt,
#weAreAdela .info dd{display:block}
#weAreAdela .info dt{color:#fff;font-family:'NettoWeb-bold';font-size:23px}
#weAreAdela .info dd{color:#c9001a;font-family:'NettoWeb-Light';font-size:18px;letter-spacing:1px;padding-top:5px}

/* bottom logo */
#bottom-logo{clear:both;text-align:center;padding:140px 0px;background:url(./image/logo2.png) no-repeat center;position:relative}
#bottom-logo span{color:#999;font-size:17px;position:relative;top:70px}
#bottom-logo .line{width:100%;position:absolute;top:0;z-index:1000;margin-top:-19px}
#bottom-logo .line em{width:100px;height:4px;background:#c9001a;display:inline-block;margin:0 auto;text-indent:-1000em;overflow:hidden}



/* end Footer */
#endFooter{border-top:1px solid #dadada;padding-top:100px;padding-bottom:150px}
#endFooter address{color:#999;font-size:12px;text-align:center;font-style:normal}
#endFooter address span{display:block;clear:both;line-height:150%;color:#000}

#endFooter ul{text-align:center;clear:both;margin-top:50px}
#endFooter ul li{display:inline;padding:0 10px}
#endFooter ul li a{color:#000;font-size:12px;text-decoration:none;font-family:'NettoWeb'}
#endFooter ul li a:hover{color:#c9001a}
#endFooter em{font-style:normal;color:#333;top:0}
#endFooter .copyright{padding-top:5px}