html, body{width: 100%; height: 100%;}

body{font-family: 'NanumSquareOTFR00', 'Nanum Gothic', sans-serif;}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;}

.main-wrapper{position:relative;width: 100%;overflow: hidden;}

.posi{position: relative;top: -16px;}
.link a{color:  #FF1493;}

section{position: relative;width: 100%;margin: 0 auto;background-color: #FFDBD4;}
section p{color: #BA55D3;}

#header-aside{position: relative;width: 100%;height: auto;z-index: 970;background-color: #FFDBD4;}
#header-aside div a{float: left;}
#header-aside a{display: block;width: 7.692307%;}
#header-aside img{width: 100%;height: auto;}

#title .left{height: 200px;border: 8px solid #ffffff;width: 502px;}
#title .left .wrap{width: 350px;height: 120px;margin: 0 auto;margin-top: 43px;}
#title .right{height: 200px;border: 8px solid #ffffff;border-left: 0px;width: 434px;}
#title .right .wrap{width: 370px;margin: 0 auto;height: 120px;margin-top: 43px;}
#title .left p{font-size: 60px;color: #FF1493;}
#title .right p{font-size: 20px;line-height: 28px;color: #4169E1;}
#title{position: relative;width: 100%;}
#title > .inner{width: 960px;margin: 0 auto;padding-top: 150px;}
#title > .inner > div{float: left;}
#title .information{width: 600px;margin: 0 auto;margin-top: 50px;height: 200px;}
#title .information p{font-size: 20px;line-height: 25px;}

.contents{width: 100%;margin: 0 auto;overflow: hidden;}
.contents img{width: 100%;height: auto;}
.contents small{display: block;font-size: 16px;margin-top: 10px;color:  #FF1493;}
.contents p{font-size: 20px;line-height: 25px;}

#block1{position: relative;width: 100%;height: 650px;}
#block1 .image-section{width: 67%;margin: 0 auto;top: 0px;padding-bottom: 200px;}
#block2{position: relative;width: 100%;height: 800px;padding: 100px 0;}
#block2 .image-section{position: absolute;width: 50%;left: 10%;}
#block2 .description{position: absolute;width: 330px;height: 300px;	top: 30%;right: 15%;}
#block3{position: relative;width: 100%;height: 900px;}
#block3 .image-section{position: absolute;width: 55%;right: 10%;}
#block3 .description{position: absolute;height: 300px;top: 28%;left: 15%;}
#block4{position: relative;width: 100%;height: 650px;}
#block4 .image-section{position: absolute;width: 62%;left: 5%;top: 5%;}
#block4 .description{position: absolute;width: 350px;height: 300px;top: 35%;right: 11%;}
#block5{position: relative;width: 100%;height: 1000px;}
#block5 .image-section{position: absolute;width: 60%;right: 5%;}
#block5 .description{position: absolute;width: 350px;height: 300px;top: 25%;left: 15%;}

#block6 .space{margin-bottom: 30px;}

#sub_header_aside{position: fixed;z-index: 990;/* right: 5%; */top: 20%;right: 5%;}
#sub_header_aside .inner{width: 100%;margin: 0 auto;}
#sub_header_aside .inner a{position: absolute;top: 0;right: 0;z-index: 995;}
#sub_header_aside img{width: 58px;height: 58px;}
#sub_header_aside .click_nav{width: 200px;background-color: #ffffff;opacity: 0;position: relative;top: 58px;}
#sub_header_aside .click_nav a{position: relative;display: block;padding: 0 21px 0 21px;background: #fff;font-size: 16px;color: #666;line-height: 58px;border-bottom: 1px solid #e2e4e6;z-index: 994;}
#sub_header_aside .click_nav a.last{border-bottom: none;}
#sub_header_aside .title{line-height: 58px;position: relative;right: 70px;color: #555555;float: right;}

#footer-aside{position: fixed;z-index: 999;bottom: 7%;right: -100%;}
#footer-aside img{width: 72px;height: 72px;}

.contact_box .h2_word{position: relative; opacity: 0; top: 30px}
.contact_box .a{position: relative; opacity: 0; top: 60px}
.contact_box .b{position: relative; opacity: 0; top: 90px}
.contact_box .c{position: relative; opacity: 0; top: 120px}
.contact_box{position: relative;background-color: #000000;}
.contact_box .inner{width: 1180px;height: 500px;margin: 0 auto;}
.contact_box h2{font-size: 30px;margin-left: 45px;color: #ffffff;padding-top: 80px;margin-bottom: 30px;border-bottom: 1px solid #aaaaaa;padding-bottom: 40px;}
.contact_box li{position: relative;float: left;}
.contact_box li img{height: 230px;}

.personal_data{width: 490px;margin: -279px 0 0 -245px;position: fixed;z-index: 851;left: 50%;top: 50%;display: none;}
.personal_data h2{background: #4e4e4e;color: #bbbbbb;height: 54px;line-height: 54px;font-size: 16px;text-indent: 24px;z-index: 30;font-weight: lighter;}
.personal_data button{position: absolute;width: 18px;top: 20px;right: 20px;border: 0;cursor: pointer;height: 17px;background: url(../img/common/close_button.png) no-repeat 0 0;z-index: 855;}
.personal_data .outer{background: #fff;padding: 15px 20px;}
.personal_data .outer .inner{border: 1px solid #dadada;}
.personal_data .text{padding: 15px;overflow-y: scroll;height: 420px;font-size: 12px;line-height: 18px;}

.global_nav {position: fixed;width: 610px;height: 420px;margin-top: -210px;margin-left: -305px;z-index: 851;left: 50%;top: 50%;display: none;}
.global_nav .wrap{width: 100%;position: relative;}
.global_nav .wrap > div{float: left;}
.global_nav p{height: 70px;line-height: 70px;font-size: 17px;}
.global_nav .box{width: 200px;height: 420px;}
.global_nav .box .title{background-color: #4e4e4e;text-align: center;}
.global_nav .box .title a{color: #cdcdcd;}
.global_nav span{color: #ff0000;}
.global_nav p{box-sizing: border-box;border: 1px solid #ffffff;position: relative;}
.global_nav p a{display: block;width: 100%;}
.global_nav .box .inner p{background-color: #ffffff;padding-left: 30px;border: 1px solid #dadada;}
.global_nav .box .inner p.unique{position: relative;padding-left: 0px;text-align: center;}
.global_nav .box_space{width: 5px;height: 420px;}

.overlay{width: 100%;height: 100%;z-index: 850;background-color: #000;opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";position: fixed;top: 0;left: 0;margin: 0;padding: 0;display: none;}

footer{position: relative;background-color: #242424;}
footer .inner{width: 1180px;margin: 0 auto;height: 100px;overflow: hidden;}
footer .inner li{position: relative;float: left;}
footer .inner .first{height: 100px;padding-left: 50px;}
footer .inner .first img{padding-top: 15px;height: 70px;}
footer .inner .second{height: 100px;color: #eeeeee;padding-top: 25px;padding-left: 50px;}
footer .inner .second p{font-size: 13px;line-height: 16px;color: #aaaaaa;}
footer .inner .third{height: 100px;padding-left: 50px;}
footer .third img{height: 100px;}

@media only screen and (min-width: 601px) and (max-width: 1674px){	
#block1{position: relative;width: 100%;height: 450px;}
#block2{position: relative;width: 100%;height: 570px;padding: 100px 0;}
#block2 .image-section{position: absolute;width: 50%;left: 7%;}
#block2 .description{position: absolute;width: 400px;height: 300px;top: 37%;right: 8%;}
#block3{position: relative;width: 100%;height: 630px;}
#block3 .description{position: absolute;height: 300px;top: 28%;right: 7%;}
#block4{position: relative;width: 100%;height: 440px;}
#block4 .description{position: absolute;width: 400px;height: 300px;top: 43%;right: 2%;}
#block5{position: relative;width: 100%;height: 750px;}
#block5 .description{position: absolute;width: 300px;height: 300px;top: 35%;left: 8%;}
}
@media only screen and (min-width: 1675px) and (max-width: 1800px){	
#block1{position: relative;width: 100%;height: 580px;}
#block2{position: relative;width: 100%;height: 700px;padding: 100px 0;}
#block2 .description{position: absolute;width: 400px;height: 300px;top: 35%;right: 10%;}
#block3{position: relative;width: 100%;height: 750px;}
#block3 .description{position: absolute;height: 300px;top: 33%;right: 15%;}
#block4{position: relative;width: 100%;height: 600px;}
#block4 .description{position: absolute;width: 350px;height: 300px;top: 45%;right: 10%;}
#block5{position: relative;width: 100%;height: 900px;}
#block5 .description{position: absolute;width: 300px;height: 300px;top: 35%;left: 15%;}
}
@media only screen and (min-width: 1801px) and (max-width: 5000px){	
#block1{position: relative;width: 100%;height: 640px;}
#block2{position: relative;width: 100%;height:810px;padding: 100px 0;}
#block2 .description{position: absolute;width: 350px;height: 300px;top: 40%;right: 12%;}
#block3{position: relative;width: 100%;height: 860px;}
#block3 .description{position: absolute;height: 300px;top:  40%;right: 13%;}
#block4{position: relative;width: 100%;height: 650px;}
#block4 .description{position: absolute;width: 400px;height: 300px;top: 47%;right: 10%;}
#block5{position: relative;width: 100%;height: 1000px;}
#block5 .description{position: absolute;width: 300px;height: 300px;top: 35%;left: 15%;}
}