/* reset */
html,body { width:100%; height:100%; }
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,button,input { margin:0; padding:0; }
body,h1,h2,h3,h4,input,button { font:14px "Century Gothic";}
ul,li,ol { list-style:none; }
img,fieldset,iframe { border:0; }
img { vertical-align:top; }
table { border-collapse:collapse; }    
a {text-decoration:none; color:#444444;}

/*base*/    
body {overflow-x: hidden; }
#event {z-index:5000; position:relative; width:100%; height:35px; background:#444444; }
.event_typo {position:absolute; left:50%; margin-left:-127px; top:30%; }
#header {z-index: 2000; position:fixed; top:0; width:25%;height: 100%; background:white;}     
#visual {z-index:3000; position:relative; left:25%; width:70.9%; height:1023px; ;}    
#sidebar {z-index:6000; position:fixed; right:0; top:0; width:4.16%; height:100%; background:#fff; border-left: 1px solid #e8e8e8;}    
#contents1 {z-index:3100;position:relative; left:25%; top:78px; width:70.8%; height:2100px; background:#444444;}
#contents2 {position:relative; left:25%; top:160px; width:70.8%; height:1344px; }
#contents3 {position:relative; left:25%; top:320px; width:70.8%; height:1190px; }
#footer {z-index:3000;  position:relative; left:0; width:100%; height:500px; background:#444444;}    
    
    
/*header*/
#header_inner {position:absolute; left:34.5%; top:62px; width:460px; height:100%; }     
.logo {position:absolute; }
.gnb {padding-top:100px; width: 120px;}
.gnb li {padding-bottom: 15px;}

.lnb_box {position:absolute; left:0; top:-50px;  width:700px; height:1080px; background:#fff;  border-right:1px solid #d1d1d1; }
.lnb1 {transition:0.5s; position:absolute; padding-left:100px; left:100px; top:100px; width:220px; height:600px; font:14px "Century Gothic"; color:#444444;}
.lnb1 li a:hover {color: #c8c8c8;}
#header .lnb1 li {padding-bottom: 5px;}
#header .lnb1 li:first-child {padding-top: 10px;}
.lnb2 {transition:0.5s; position:absolute; padding-left:100px; left:100px; top:100px; width:220px; height:600px; font:14px "Century Gothic"; color:#444444;}
.lnb2 li a:hover {color: #c8c8c8;}
#header .lnb2 li {padding-bottom: 5px;}
#header .lnb2 li:first-child {padding-top: 10px;}    
.lnb3 {transition:0.5s; position:absolute; padding-left:100px; left:100px; top:100px; width:220px; height:600px; font:14px "Century Gothic"; color:#444444;}
.lnb3 li a:hover {color: #c8c8c8;}
#header .lnb3 li {padding-bottom: 5px;}
#header .lnb3 li:first-child {padding-top: 10px;}        
.lnb4 {transition:0.5s; position:absolute; padding-left:100px; left:100px; top:100px; width:220px; height:600px; font:14px "Century Gothic"; color:#444444;}
.lnb4 li a:hover {color: #c8c8c8;}
#header .lnb4 li {padding-bottom: 5px;}
#header .lnb4 li:first-child {padding-top: 10px;}  
.lnb5 {transition:0.5s; position:absolute; padding-left:100px; left:100px; top:100px; width:220px; height:600px; font:14px "Century Gothic"; color:#444444;}
.lnb5 li a:hover {color: #c8c8c8;}
#header .lnb5 li {padding-bottom: 5px;}
#header .lnb5 li:first-child {padding-top: 10px;}  
    
    
/*sidebar*/
.bag {position:absolute; left:50%; margin-left:-7px; top:30%; }    
.bag_typo {position:absolute; left:50%; margin-left:-7px; top:33%; color:#444444;}    
.search {position:absolute; left:50%; margin-left:-7px; top:55%}    
.login {position:absolute; left:50%; margin-left:-7px; top:71.5%; }    
.sign {position:absolute; left:50%; margin-left:-7px; top:77%}    
    
    
/*visual*/
#visual_inner {position:absolute;  left:0px; width:100%; height:100%; /*border:1px dashed blue;*/}
#visual .v_mas  {overflow:hidden; position:relative; left:19.7%; top:30px; width:1080px; height:969px; /*border:1px dashed red;*/}
#visual .v_gall {position:absolute; left:0; top:0; width:6480px; height:969px;}
#visual .v_gall li {float:left; }

#visual .v_box {position: absolute; left: 0px; top: 350px;  width: 32%; height:26.5%; background:#fff;}
#visual .b_box {position:absolute; right:-70px; top:45%; width:26.4%; height:3.5%; background: #343434;}
#visual .prev {width:10px; position:absolute; left:60px; top:20px;}
#visual .next {width:10px; position:absolute; left:120px; top:20px;}

#visual .nav {position: absolute; left: 60px; top: 60px;  width:70px; height:10px; font-size: 12px; color: #bebebe;}
#visual .nav li {float: left; margin-left:15px; width:11px; height:10px; color:#bbbbbb; cursor:pointer;}
#visual .nav li:first-child {color:#bbbbbb; margin-left:0px; }

#visual dl {position:absolute; left:55px; top:90px; color:#444444; }
#visual dt {font: 33px "Century Gothic"; margin-top: 10px; margin-bottom:20px; color:#444444;}

    
/*contents1*/
#contents1_inner {position:absolute; left:0; top:0; width:1190px; height:100%; /*border:1px dashed red;*/}
#contents1 .c1_typo {position: absolute; left:233px; top:150px; }
#contents1 p {color: #fff; font-weight:200; font:14px "Century Gothic";}
#contents1 h2{ color: #fff; font: 33px "Century Gothic"; font-weight: 100; margin-bottom: 20px; font-weight: 500;}

#contents1 .c1_box {position: absolute; left:-60px; top:20px;width:9px; height: 114px; background: #fff; }
#contents1 .c1_box2 {position:absolute; left:0px; top:450px; width:80% ; height:1414px; background: #fff;}
.photo {position: absolute; right:-50px; top:540px;}
.photo .p1 img {width: 85%;}
.photo .p2 img {width: 85%;}
.photo .p3 img {width: 85%;}
#contents1 .p1 {margin-bottom: 20px;}
#contents1 .p2 {margin-bottom: 20px;}

#contents1 .p1_box {  position: absolute; left:-380px; top:90px;  width: 70%; height: 15%; background: white; }
#contents1 .p2_box { position: absolute; left:-380px; top:510px;  width: 70%; height: 15%;  background: white; }
#contents1 .p3_box { position: absolute; left:-380px; top:910px;  width: 70%; height: 15%;  background: white; }

#contents1 .photo dt {font-size: 24px; margin-top: 50px; margin-bottom: 20px; color:#444444;}
#contents1 .photo dd {font-size: 14px; color:#444444;}

#contents1 .photo .p1 .arrow_v img { position: absolute; left: 70px;  top: 170px; width: 10px; }
#contents1 .photo .p2 .arrow_v img { position: absolute; left: 70px;  top: 590px; width: 10px; }
#contents1 .photo .p3 .arrow_v img { position: absolute; left: 70px;  top: 990px; width: 10px; }

    
/*contents2*/
#contents2_inner {position:absolute; left:0px; top:0; width:100%; height:1344px; /*border:1px dashed red;*/}
#contents2 .c2_typo { margin-left: 50px;}
#contents2 p {font:14px "Century Gothic"; color:#444444;}
#contents2 h2{ padding-top: 15px; margin-bottom: 15px; font: 33px "Century Gothic"; font-weight: 100; color:#444444;}
#contents2 .c2_box {position: absolute; left:0px; top:0px; width:9px; height: 114px; background: #444444; }
#contents2 .c2_visual img {margin-right: 17px; margin-bottom: 17px; float: left; width:28.3%; }
#contents2 .c2_visual {margin-top: 100px;}

    
/*contents3*/    
#contents3_inner {position:absolute; left:0px; top:0; width:100%; height:630px; /*border:1px dashed red;*/}
#contents3 h3 {margin-left: 50px; margin-top:35px; font: 33px "Century Gothic"; font-weight:100; margin-bottom: 0px; color:#444444;}
#contents3 .c3_box1 {position: absolute; left:0px; top:0px; width:9px; height: 114px; background: #444444; }
#contents3 .c3_visual1 img {float: left; margin-right: 20px;width:220px; }
#contents3 .c3_visual1 {margin-top: 100px;}

#contents3 .c3_font {position: absolute; left: 0; bottom:0px; color:#444444;}
#contents3 .c3_font2 {position: absolute; left: 240px; bottom:55px; color:#444444;}
#contents3 .c3_font3 {position: absolute; left: 480px; bottom:-15px; color:#444444;}
#contents3 .c3_font4 {position: absolute; left: 722px; bottom:40px;color:#444444; }

#contents3 .c3_visual1 dt {font-size: 14px;}
#contents3 .c3_visual1 dd {font-size:12px;}

    
/*footer*/
#footer_inner {position:absolute; left:25%; top:0; width:942px; height:100%; /*border:1px dashed yellow;*/}
.s5_id {width: 320px; height: 25px; margin-left: 100px;outline: none; margin-top:15px;border-left: 0;border-right: 0;border-top: 0; border-bottom:1; border-bottom-color: #777777;}
.footer_search { margin:0 auto;margin-right: 220px; width:942px; height: 130px; background: #fff; }
#s5_for p {padding-left:100px;padding-top:25px; font-size: 14px; color:#444444;}

.f_join {position:absolute; right:410px; top:45px; width:98px; height:39px; background: #444444; color: #fff;}
.f_join p { text-align: center; font-size:14px; line-height:35px; cursor: pointer;}
    
.sns {position: absolute; right:80px; top:55px; width:118px; height:24px; /*border:1px dashed red;*/}
.sns li {float:left; margin-left:30px;}
.sns li:first-child {margin-left:0px;}
    
.f_gnb1 {position:absolute; right:722px; top:190px; width:220px; height:115px; }
.f_gnb1 a {color:#d2d2d2; font:13px/24px "Helvetica"; font-weight:400;}
.f_gnb2 {position:absolute; right:482px; top:190px; width:220px; height:115px; }
.f_gnb2 a {color:#d2d2d2; font:13px/24px "Helvetica"; font-weight:400;}    
.f_gnb3 {position:absolute; right:232px; top:190px; width:220px; height:115px; }
.f_gnb3 a {color:#d2d2d2; font:13px/24px "Helvetica";font-weight:400;}        
.f_gnb4 {position:absolute; right:18px; top:190px; width:220px; height:115px; }
.f_gnb4 a {color:#d2d2d2; font:13px/24px "Helvetica"; text-decoration: underline; font-weight:400;}           
.copyright {position:absolute; right:4520x; top:370px;  width:490px; color:#d2d2d2; font:13px/20px "Helvetica"; font-weight:400;}