@font-face {
    font-family: 'nanum-barun-gothic-regular';
    src: url('font/nanumbarungothicregular.eot');
    src: url('font/nanumbarungothicregular.eot?#iefix') format('embedded-opentype'),
         url('font/nanumbarungothicregular.woff2') format('woff2'),
         url('font/nanumbarungothicregular.woff') format('woff'),
         url('font/nanumbarungothicregular.ttf') format('truetype'),
         url('font/nanumbarungothicregular.svg#nanum-barun-gothic-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, thead, tbody, tfoot,  tr, th, td, caption
{margin:0; padding:0; border:0; font-size:100%; font-style:normal;  text-decoration:none; text-align:left; vertical-align:top; background:transparent;}
caption {visibility:hidden; width:0;height:0;text-indent:-9999px;}
select {vertical-align:top;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
body{font-family:'nanum-barun-gothic-regular';}
.blind{visibility:hidden; width:0;height:0;text-indent:-9999px;}
.section{background:#ccc; overflow:hidden; min-width:1200px;}
.intro{width:100%; padding-top:/*287*/237px; position:relative; overflow:hidden;}
.intro .bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.intro .bg img{width:100%; height:100%; backface-visibility: hidden;}
.intro h1{font-size:50px; color:#fff; text-align:center; margin-bottom:20px; position:relative; z-index:100; font-weight:normal;}
.intro h1 strong{display:inline-block; padding:0 10px; background:rgba(0,0,0,0.7); color:#ff3300; font-weight:normal;}
.intro2 h1 strong{color:#70b910;}
.intro3 h1 strong{color:#00bff3;}
.intro p{font-size:/*28*/24px; color:#fff; text-align:center; line-height:/*34*/26px; margin-bottom:/*35*/27px; position:relative; z-index:1;}

.btn{display:block; width:218px; height:48px; border:1px solid #fff; font-size:20px; line-height:48px; text-align:center; margin:0 auto; color:#fff;}
.btn:hover{background:#fff; color:#000;}

#section0{height:auto;}
#fp-nav ul li a span{background:#333;}
#fp-nav{z-index: 500;}
.bx-wrapper {position: relative; margin:0 auto; padding:0; *zoom:1;}
.bx-wrapper img {max-width: 100%; display: block;}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; position:absolute; left:0; right:0; top:/*500*/400px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: transparent; text-indent: -9999px; display: block; width: 10px; height: 10px; border:3px solid #fff; margin: 0 8px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: /*-100*/-30px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-direction .bx-prev {left:150px; border:0; width:35px; height:62px; background:url("../_img/common/slider_left.png") no-repeat 0 0;}
.bx-wrapper .bx-controls-direction .bx-next {right:150px; border:0; width:35px; height:62px; background:url("../_img/common/slider_right.png") no-repeat 0 0;}
.bx-wrapper .bx-controls-auto {text-align: center; position:absolute; left:50%; top:/*503*/403px; margin-left:50px;} 
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../_img/common/controls.png) -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../_img/common/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/*
#slideNavi{position:fixed; z-index:500; top:50%; right:17px; opacity:1; -webkit-transform: translate3d(0,0,0); margin-top:-90px;}
#slideNavi ul{margin:0; padding:0;}
#slideNavi ul li{display:block; width:14px; height:13px; margin:7px; position:relative;}
#slideNavi ul li a{display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none;}
#slideNavi ul li a span{content:""; display:block; border-radius:50%; position:absolute; z-index:1; height:10px; width:10px; border:0; background:#666; left:50%; top:50%; margin:-5px 0 0 -5px;     
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;}
#slideNavi ul li a.on span, #slideNavi ul li:hover a span{content:""; display:block; height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; background:#339900;}
#slideNavi ul li .tooltip{position: absolute; top: -4px; right:20px; color: #fff; font-size: 11px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; padding: 5px 5px; background:#339900; display: block; opacity: 0; width: 0; cursor: pointer; border-radius:2px;
}
#slideNavi ul li .tooltip::after{content:""; position:absolute; top:50%; margin-top:-6px; right:-4px; display:block; width:0; height:0; border-left: 6px solid #339900; border-top:6px solid transparent; border-bottom:6px solid transparent;}
#slideNavi ul li:hover .tooltip, #slideNavi ul li a.active + .tooltip{width:auto; opacity:1; -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;}
*/
#slideNavi{position:fixed; z-index:500; top:50%; right:17px; opacity:1; -webkit-transform: translate3d(0,0,0); margin-top:-90px;}
#slideNavi ul{margin:0; padding:0;}
#slideNavi ul li{display:block; width:15px; height:20px; margin:7px; position:relative;}
#slideNavi ul li a{display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none;}
#slideNavi ul li a span{content:""; display:block; border-radius:50%; position:absolute; z-index:1; height:12px; width:12px; border:0; background:#333; left:50%; top:50%; margin:-6px 0 0 -6px;     
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;}
#slideNavi ul li a.on span, #slideNavi ul li:hover a span{content:""; display:block; height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; background:#339900;}
#slideNavi ul li .tooltip{position: absolute; top: -4px; right:20px; color: #fff; font-size: 11px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; padding: 5px 5px; background:#339900; display: block; opacity: 0; width: 0; cursor: pointer; border-radius:2px;
}

#slideNavi ul li .tooltip::after{content:""; position:absolute; top:50%; margin-top:-6px; right:-4px; display:block; width:0; height:0; border-left: 6px solid #339900; border-top:6px solid transparent; border-bottom:6px solid transparent;}
#slideNavi ul li:hover .tooltip, #slideNavi ul li a.active + .tooltip{width:auto; opacity:1; -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;}


/*common*/
.section, .intro {position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; height:900px;}
.section-wrap{width:100%; height:100%;}
.logo{position:absolute; top:30px; left:50%; margin-left:-600px;}
.logo1{position:absolute; top:30px; left:50%; margin-left:460px;}
.obj{display:block; position:absolute; left:50%; z-index:50;}
.part-top{background:#fff;}
.part-top h1{font-size:35px; color:#000; font-weight:normal; text-align:center; position:relative; z-index:100; margin-bottom:25px;}
.part-top p{font-size:20px; text-align:center; color:#333; line-height:30px;}
.part-bottom{background:#ccc; text-align:center;}

/*section00*/
.intro1 .obj1{background:url("../_img/intro/obj_intro_01.png") no-repeat 0 0; width:183px; height:154px; display:block; top:/*179*/129px; margin-left:-528px;}
.intro1 .obj1 .obj-inner{background:url("../_img/intro/obj_intro_05.png") no-repeat 0 0; width:183px; height:154px; display:block; top:0; left:0;}
.intro1 .obj2{background:url("../_img/intro/obj_intro_02.png") no-repeat 0 0; width:502px; height:273px; display:block; top:/*107*/57px; margin-left:11px;}
.intro1 .obj3{background:url("../_img/intro/obj_intro_03.png") no-repeat 0 0; width:181px; height:213px; display:block; top:/*87*/37px; margin-left:-355px;}
.intro1 .obj4{background:url("../_img/intro/obj_intro_04.png") no-repeat 0 0; width:108px; height:108px; display:block; top:/*264*/214px; margin-left:176px;}

.intro2 .obj1{background:url("../_img/intro/obj_intro_06.png") no-repeat 0 0; width:407px; height:296px; display:block; top:87px; margin-left:-528px;}
.intro2 .obj2{background:url("../_img/intro/obj_intro_07.png") no-repeat 0 0; width:76px; height:76px; display:block; top:162px; margin-left:301px;}
.intro2 .obj3{background:url("../_img/intro/obj_intro_08.png") no-repeat 0 0; width:252px; height:97px; display:block; top:281px; margin-left:301px;}
.intro2 .obj4{background:url("../_img/intro/obj_intro_09.png") no-repeat 0 0; width:175px; height:147px; display:block; top:529px; left:auto; right:15px; z-index:60;}
.intro2 .obj5{background:url("../_img/intro/obj_intro_10.png") no-repeat 0 0; width:108px; height:108px; display:block; top:267px; margin-left:-427px;}
.intro2 .obj6{background:url("../_img/intro/obj_intro_11.png") no-repeat 0 0; width:207px; height:208px; display:block; top:596px; left:auto; right:100px;}

.intro3 .obj1{background:url("../_img/intro/obj_intro_12.png") no-repeat 0 0; width:199px; height:164px; display:block; top:181px; margin-left:-606px;}
.intro3 .obj2{background:url("../_img/intro/obj_intro_13.png") no-repeat 0 0; width:58px; height:49px; display:block; top:403px; margin-left:414px;}
.intro3 .obj3{background:url("../_img/intro/obj_intro_14.png") no-repeat 0 0; width:166px; height:94px; display:block; top:419px; margin-left:258px;}

/* Ãß°¡ */
.deep_link {overflow:hidden; width:1280px; margin:0 auto; position:relative; z-index:100; margin-bottom:25px; }



.deep_link li {float:left; width:20%; padding-top:60px;}
.deep_link li div {text-align: center;}
.deep_link img {display: inline-block;}
.deep_link li h2 {font-size:16px; font-weight:bold; color:#fff; text-align:center;}
.deep_link li h2 a {color:#fff;}

.deep_link li div img {width:80px;}

/*section01*/
#section1 .part-top{height:50%; padding-top:240px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section1 .part-bottom{height:50%;}
#section1 .obj1{background:url("../_img/sect01/obj_sec01_01.png") no-repeat 0 0; width:141px; height:118px; display:block; top:/*149*/119px; margin-left:-373px;}
#section1 .obj2{background:url("../_img/sect01/obj_sec01_02.png") no-repeat 0 0; width:140px; height:164px; display:block; top:/*86*/56px; margin-left:-227px;}
#section1 .obj3{background:url("../_img/sect01/obj_sec01_03.png") no-repeat 0 0; width:387px; height:210px; display:block; top:/*94*/64px; margin-left:24px;}
.feature{position:relative;}
.feature li{width:300px; height:270px; position:absolute; top:/*60*/30px; left:50%; padding-top:125px;}
.feature li.f01{margin-left:-600px; background:url("../_img/sect01/icon_part01.png") no-repeat 50% 0;}
.feature li.f02{margin-left:-300px; background:url("../_img/sect01/icon_part02.png") no-repeat 50% 0;}
.feature li.f03{margin-left:0px; background:url("../_img/sect01/icon_part03.png") no-repeat 50% 0;}
.feature li.f04{margin-left:300px; background:url("../_img/sect01/icon_part04.png") no-repeat 50% 0;}
.feature li h2{font-size:24px; text-align:center; color:#000; margin-bottom:15px; font-weight:bold;}
.feature li p{font-size:18px; color:#252525; font-weight:normal; text-align:center;}

/*section02*/
#section2 .part-top{height:330px; padding-top:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section2 .part-top h1{margin-bottom:15px;}
#section2 .part-bottom{height:570px;}
#section2 .obj1{background:url("../_img/sect02/obj_sec02_01.png") no-repeat 0 0; width:173px; height:153px; display:block; top:106px; margin-left:-343px;}
#section2 .obj2{background:url("../_img/sect02/obj_sec02_02.png") no-repeat 0 0; width:119px; height:184px; display:block; top:54px; margin-left:152px;}
.gallery{overflow:hidden; width:1280px; margin:0 auto;}
.gallery li{float:left; width:213px; height:190px;}
.gallery li a{display:block; position:relative; width:213px; height:190px; overflow:hidden;}
.gallery li a:before{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:50;}
.gallery li a.hover:before, .gallery li a:hover::before{background:rgba(0,0,0,0);}
.gallery li a img{width:100%; height:100%;}

/*section03*/
#section3 .part-top{height:330px; padding-top:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section3 .part-top h1{margin-bottom:15px;}
#section2 .part-bottom{height:570px;}
#section3 .obj1{background:url("../_img/sect03/obj_sec03_01.png") no-repeat 0 0; width:191px; height:147px; display:block; top:98px; margin-left:-398px;}
#section3 .obj2{background:url("../_img/sect03/obj_sec03_02.png") no-repeat 0 0; width:314px; height:211px; display:block; top:55px; margin-left:142px;}
.benefit{display:inline-block; width:1240px; margin:110px auto 0;}
.benefit li{float:left; width:400px; height:410px; position:relative; margin-right:20px;}
.benefit li.be01{background:url("../_img/sect03/box_benefit01.jpg") no-repeat 0 0;}
.benefit li.be02{background:url("../_img/sect03/box_benefit02.jpg") no-repeat 0 0;}
.benefit li.be03{margin-right:0; background:url("../_img/sect03/box_benefit03.jpg") no-repeat 0 0;}
.benefit li h2{font-size:24px; text-align:center; font-weight:bold; color:#000; margin:95px 0 45px;}
.benefit li p{text-align:center; font-size:18px; color:#252525; line-height:26px;}
.benefit li p strong{font-weight:bold; font-size:24px;}
.benefit li .label{position:absolute; width:140px; height:141px; top:-61px; left:50%; margin-left:-70px;}
.benefit li.be01 .label{background:url("../_img/sect03/icon_benefit01.png") no-repeat 0 0;}
.benefit li.be02 .label{background:url("../_img/sect03/icon_benefit02.png") no-repeat 0 0;}
.benefit li.be03 .label{background:url("../_img/sect03/icon_benefit03.png") no-repeat 0 0;}

/*section04*/
#section4 .part-top{height:330px; padding-top:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section4 .part-top h1{margin-bottom:15px;}
#section4 .part-top p a{color:#333;}
#section4 .part-bottom{height:570px;}
#section4 .obj1{background:url("../_img/sect04/obj_sec04_01.png") no-repeat 0 0; width:197px; height:117px; display:block; top:98px; margin-left:-398px;}
#section4 .obj2{background:url("../_img/sect04/obj_sec04_02.png") no-repeat 0 0; width:247px; height:147px; display:block; top:110px; margin-left:165px;}
#section4 .obj3{background:url("../_img/sect04/obj_sec04_03.png") no-repeat 0 0; width:57px; height:59px; display:block; top:224px; margin-left:104px;}
#section4 .bg-anchor{background:url("../_img/sect04/bg_anchor.jpg") no-repeat 50% 0; background-size:100% 100%;}

.anchor{overflow:hidden; width:1280px; margin:0 auto; position:relative; z-index:100;}
.anchor li{float:left; width:20%; padding-top:/*265px*/100px;}

/*
.anchor li.a01{background:url("../_img/sect04/icon_anchor01.png") no-repeat 50% 107px;}
.anchor li.a02{background:url("../_img/sect04/icon_anchor02.png") no-repeat 50% 107px;}
.anchor li.a03{background:url("../_img/sect04/icon_anchor03.png") no-repeat 50% 107px;}
.anchor li.a04{background:url("../_img/sect04/icon_anchor04.png") no-repeat 50% 107px;}
*/
.anchor li div {text-align: center;}
.anchor li h2{font-size:20px; font-weight:bold; color:#fff; text-align:center;}
.anchor li h2 strong{font-size:24px;}
.anchor li h2 a{color:#fff;}

.article{background:#707070; height:150px; position:absolute; bottom:0; width:100%; left:0; right:0; z-index:200;}
.article dl{width:1280px; margin:0 auto; overflow:hidden; padding-left:130px; padding-top:36px;}
.article dt{float:left; width:170px; padding-left:50px; height:28px; font-size:20px; color:#fff; background:url("../_img/sect04/icon_article.png") no-repeat 0 0; padding-top:2px;}
.article dd{float:right; width:1060px;}
.article dd a{font-size:14px; color:#fff; line-height:28px; text-decoration:underline;}

/*section05*/
#section5 .part-top{height:330px; padding-top:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section5 .part-top h1{margin-bottom:15px;}
#section5 .part-bottom{height:570px; position:relative;}
#section5 .bg01{background:url("../_img/sect05/bg_sec05_01.png") no-repeat 0 0; width:415px; height:554px; display:block; top:-34px; margin-left:-615px;}
#section5 .bg02{background:url("../_img/sect05/bg_sec05_02.png") no-repeat 0 0; width:360px; height:554px; display:block; top:-31px; margin-left:-180px;z-index:100;}
#section5 .bg03{background:url("../_img/sect05/bg_sec05_03.png") no-repeat 0 0; width:368px; height:554px; display:block; top:-44px; margin-left:210px;}
#section5 .obj1{background:url("../_img/sect05/obj_sec05_01.png") no-repeat 0 0; width:358px; height:260px; display:block; top:-77px; left:73px;}
#section5 .obj2{background:url("../_img/sect05/obj_sec05_02.png") no-repeat 0 0; width:401px; height:212px; display:block; top:137px; left:30px;}
#section5 .obj3{background:url("../_img/sect05/obj_sec05_03.png") no-repeat 0 0; width:443px; height:269px; display:block; top:312px; left:-16px;}
#section5 .obj4{background:url("../_img/sect05/obj_sec05_04.png") no-repeat 0 0; width:502px; height:413px; display:block; top:113px; left:-53px; z-index:200;}
#section5 .obj5{background:url("../_img/sect05/obj_sec05_05.png") no-repeat 0 0; width:380px; height:297px; display:block; top:-73px; left:22px;}
#section5 .obj6{background:url("../_img/sect05/obj_sec05_06.png") no-repeat 0 0; width:440px; height:415px; display:block; top:191px; left:-29px;}

/*section06*/
#section6 .part-top{height:330px; padding-top:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section6 .part-bottom{height:570px; position:relative; overflow:hidden;}
#section6 .obj1{background:url("../_img/sect06/obj_sec06_01.png") no-repeat 0 0; width:314px; height:120px; display:block; top:123px; margin-left:-377px;}
#section6 .obj2{background:url("../_img/sect06/obj_sec06_02.png") no-repeat 0 0; width:150px; height:155px; display:block; top:82px; margin-left:198px;}
#section6 .mask{float:left; width:50%; height:100%;}
#section6 .mask01{background:url("../_img/sect06/mask01.jpg") no-repeat 50% 50%; background-size:100% 570px;}
#section6 .mask02{background:url("../_img/sect06/mask02.jpg") no-repeat 50% 50%; background-size:100% 570px;}
.snack{}
.snack li{position:absolute; top:130px; left:50%; width:252px; height:251px; text-indent: -9999px;}
.snack li.s01{background:url("../_img/sect06/obj_sec06_03.png") no-repeat 0 0; margin-left:-526px;}
.snack li.s02{background:url("../_img/sect06/obj_sec06_04.png") no-repeat 0 0; margin-left:-126px;}
.snack li.s03{background:url("../_img/sect06/obj_sec06_05.png") no-repeat 0 0; margin-left:272px;}

/*section07*/
#section7 .part-top{height:330px; padding-top:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section7 .part-bottom{height:570px; position:relative; overflow:hidden;}
#section7 .obj1{background:url("../_img/sect07/obj_sec07_01.png") no-repeat 0 0; width:145px; height:114px; display:block; top:89px; margin-left:-351px;}
#section7 .obj2{background:url("../_img/sect07/obj_sec07_02.png") no-repeat 0 0; width:129px; height:120px; display:block; top:97px; margin-left:261px;}
.wrap-checklist{background:url("../_img/sect07/box_sec07.png") no-repeat 0 0; width:1002px; height:413px; margin:30px auto 40px auto;}
.checklist{padding-left:380px; padding-top:45px}
.checklist li{font-size:24px; padding-left:40px; background:url("../_img/sect07/icon_bullet.jpg") no-repeat 0 8px; line-height: 48px;}
#section7 .txt{text-align:center; font-size:30px;}

/*section08*/
#section8 .part-top{height:290px; padding-top:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section8 .part-bottom{height:610px; position:relative; overflow:hidden; background-color:#e0e0e0;}
#section8 .obj1{background:url("../_img/sect08/obj_sec08_01.png") no-repeat 0 0; width:168px; height:128px; display:block; top:67px; margin-left:-287px;}
#section8 .obj2{background:url("../_img/sect08/obj_sec08_02.png") no-repeat 0 0; width:306px; height:114px; display:block; top:96px; margin-left:31px;}
#section8 .map{position:relative; background:url(../_img/sect08/map.jpg) no-repeat 0 0; width:990px; height:430px; margin:30px auto 50px auto;}
#section8 .txt{font-size:24px; text-align:center;}
#section8 .txt a{display:inline-block; padding-right:45px; height:38px; line-height:38px; background:url("../_img/sect08/arrow.jpg") no-repeat 100% 0; text-decoration:underline; color:#252525;}
.pot{width:15px; height:15px; background:#ffd253; border-radius:50%; position:absolute; display:block; opacity:0.5;}
.pot01{top:73px; left:365px;}
.pot02{top:67px; left:401px;}
.pot03{top:51px; left:519px;}
.pot04{top:137px; left:473px;}
.pot05{top:186px; left:382px;}
.pot06{top:213px; left:431px;}
.pot07{top:197px; left:576px;}
.pot08{top:279px; left:410px;}
.pot09{top:268px; left:548px;}
.pot10{top:351px; left:380px;}
.pot11{top:321px; left:519px;}
.pot12{top:303px; left:618px;}
.pot13{top:339px; left:601px;}

/*section09*/
#section9 .part-top{height:330px; padding-top:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#section9 .part-top h1{margin-bottom:15px;}
#section9 .part-top p a{color:#333;}
#section9 .part-bottom{height:570px;}
#section9 .obj1{background:url("../_img/sect04/obj_sec04_01.png") no-repeat 0 0; width:197px; height:117px; display:block; top:98px; margin-left:-398px;}
#section9 .obj2{background:url("../_img/sect04/obj_sec04_02.png") no-repeat 0 0; width:247px; height:147px; display:block; top:110px; margin-left:165px;}
#section9 .obj3{background:url("../_img/sect04/obj_sec04_03.png") no-repeat 0 0; width:57px; height:59px; display:block; top:224px; margin-left:104px;}
#section9 .bg-anchor{background:url("../_img/sect04/bg_anchor.jpg") no-repeat 50% 0; background-size:100% 100%;}

/* viewer layer */
#mask {display:none;position:absolute;left:0;top:0;opacity:0.8;filter: alpha(opacity=80);-webkit-transform: translateZ(0);background:#000;z-index:500;} 

.layer_pop {display:none;position:absolute;left:50%;width:960px;height:699px;z-index:600; background:#252525;}

/*
.layer_pop {display:none;position:absolute;left:50%;width:860px;height:699px;z-index:600; background:#252525;}
*/
.layer_pop .inner{padding:70px 30px 30px;}
.layer_pop .g-title{font-size:24px; color:#fff; position:absolute; top:30px; left:30px;}
.layer_pop .g-title .loc{font-size:18px; color:#999; vertical-align:bottom;}
.layer_pop .view {width:900px; height:599px;}
.layer_pop .view iframe{width:900px; height:599px;}

/*
.layer_pop .view {width:800px; height:599px;}
.layer_pop .view iframe{width:800px; height:599px;}
*/
.layer_pop .view img{width:100%; height:100%;}
.layer_pop .btn_close {overflow:hidden;position:absolute;right:14px;top:15px;width:21px;height:21px;z-index:500; background:url("../_img/common/btn_close.gif") no-repeat 0 0; text-indent:-9999px;}

/* ±æ¿µ - °øÅë »ç¿ë */
.anchor a:hover{color:#fff;/*background:#fff;*/text-decoration:underline;}
.article a:hover{color:#000;background:#fff;}
.part-top p a:hover{ text-decoration:underline;}
/* ³¡*/