/* Incomms Web Standard UI Part KMJ 20131014 */

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;font-size:12px}
img,fieldset,button{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
caption{display:none}
button{cursor:pointer}
img{vertical-align:top}
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;width:0;height:0;font-size:0}
select{vertical-align:middle}


/* layout */
html,body,#wrap{height:100%}
#wrap{position:relative; margin:0 auto; width:100%;}
.intro_wrap{/* background:#efefef */}
#intro{position:relative; margin:0 auto; width:1024px; height:100%; }
#intro .line{position:absolute;top:0; left:50%; width:1px; height:100%; background:#e2e2e2}
#intro .company{position:absolute;top:50%; left:50px; margin-top:-100px;}
#intro .shopping{position:absolute;top:50%; right:50px; margin-top:-100px;}
#intro .center{position:absolute;top:50%; left:440px; margin-top:-120px;}
#intro .copyright{position:absolute;bottom:10px; left:330px; }
#header{position:relative;width:1024px;  margin:0 auto; z-index:100;border-bottom: 1px solid #eee;}
#header h1{padding: 20px 0;text-align:center;}

#header .navi{padding-top: 16px;}
#header .navi ul{overflow: hidden;}
#header .navi li{float:left;}
#header .navi li>a{display:block; height:50px;text-indent: -9999px;}
#header .navi li.m1>a{width:262px; background:url(/img/menu01.gif) no-repeat 0 0}
#header .navi li.m2>a{width:261px; background:url(/img/menu02.gif) no-repeat 0 0}
#header .navi li.m3>a{width: 250px; background:url(/img/menu03.gif) no-repeat 0 0}
#header .navi li.m4>a{width: 251px; background:url(/img/menu04.gif) no-repeat 0 0}

#header .navi li.m1>a.on,
#header .navi li.m2>a.on,
#header .navi li.m3>a.on,
#header .navi li.m4>a.on{background-position:0 -50px}

#header .navi_fix{position:fixed; top:0; display: none; padding:0;border-bottom: 1px solid #eee;}


.topUtil{position:absolute;top:9px;right:5px;height:10px;}
.topUtil>.menu{float: left;margin-top: 3px;}
.topUtil>.menu>li{float:left; padding:0 10px; border-left:1px dotted #999; line-height: 0}

.topUtil>.menu>li:first-child{border-left:none;}
.topUtil>.social{float: left;}
.topUtil>.social li{float:left; padding-right:8px; }
.btn_top{position: fixed; bottom:50px; right:20px; width: 50px; height: 50px; background: url(/img/btn_top.png) no-repeat center; z-index: 5000; cursor: pointer; display: none}


/* section01 */
#section01{position:relative; margin:0 auto; width:100%; height:768px; /* background:#f1f1f1; */overflow: hidden;min-width: 1024px;}
#section01 .content{position:relative; margin:0 auto; height:768px;width: 1024px;}
#section01 .sun{position:absolute;top: -99px; left:50%; margin-left:400px;}
#section01 .typo{position:absolute;top:107px; left:50%; margin-left:-368px;}
#section01 .bt01{position:absolute;top:252px; left:50%; margin-left:-125px;}
#section01 .bt02{position:absolute;top:288px; left:50%; margin-left:80px;}
#section01 .bt03{position:absolute;top:202px; left:50%; margin-left:265px;}
#section01 .wave01{position:absolute;bottom:0;width: 3000px; left: -1500px;z-index:30; height:225px;background:url(/img/wave_back.png) repeat-x}
#section01 .ship{position:absolute;top:400px; left:50%; margin-left:-450px; z-index:40}
#section01 .wave02{position:absolute;bottom:0;width: 3000px; left: -1500px;z-index:50; height:183px;background:url(/img/wave_front.png) repeat-x}


/* section02 */
#section02{position:relative; margin:0 auto; width:100%;  background:#fff;}
#section02 .line{position:absolute;top: 300px; left:50%; width:5px; height:830px; background:url(/img/dot_line.gif) repeat-y}
#section02 .content{margin:0 auto; width:1024px; padding:55px 0; }
#section02 .content h1{padding-bottom:100px;padding-top: 50px;}
#section02 .content .banner{overflow: hidden;}
#section02 .content .banner div{float:left;}
#section02 .content .left_area{padding-left:40px; }
#section02 .content .left_area li{width:392px; height:240px; }
#section02 .content .left_area li+li{padding-top: 80px;}
#section02 .content .right_area{padding-left:155px; }
#section02 .content .right_area li{width:392px; height:240px}
#section02 .content .right_area li+li{padding-top: 80px;}


/* section03 */
#section03{position:relative; margin:0 auto;   background:#2c68a4;}
#section03 .content{margin:0 auto; width:1024px; padding: 100px 0; }
#section03 .content h1{padding-bottom:50px;padding-top: 20px;}


/* section04 */
#section04{position:relative; margin:0 auto;   background:#fff; border-bottom:1px solid #ccc;}
#section04 .content{margin:0 auto; width:1024px; padding: 100px 0; }
#section04 .content h1{padding-bottom: 50px;}
#section04 .content .banner {border:2px solid #ddd;}


/* section04_1 */
#section04_1{position:relative;background:#fff;}
#section04_1 .content{margin:0 auto; width:1024px; padding: 100px 0; }
#section04_1 .content h1{padding-bottom: 61px;}
#section04_1 .content .btn{text-align: center;padding-top: 30px;}
#section04_1 .content .btn>a{display: inline-block; padding: 15px 30px; border-radius: 6px; text-align: center; vertical-align: middle; font-size: 18px; border:1px solid #2c68a4; color:#2c68a4; font-weight: bold;}
#section04_1 .content .btn>a:hover{text-decoration: none; background:#2c68a4; color:#fff; }


/* section05 */
#section05{position:relative; margin:0 auto;   background:#2c68a4;}
#section05 .content{margin:0 auto; width:1024px; padding: 300px 0 400px; }
#section05 .content h1{padding-bottom:100px;padding-top: 100px;display: none;}
#section05 .content .banner {text-align:center}