@import url('../../../css/normalize.css');
@import url('../../../css/common.css');
@import url('../../../css/webfont.css');

/*
------------------------------------------------
 common 
------------------------------------------------
*/

body, html{background: #fff}
.body_wrap{width:1280px; height:900px;}
.content_container { display:none; position:absolute; top:0; left:50%; width:1280px; height:900px; margin:0 0 0 -640px; overflow:hidden;}
.content_page_wrap { display:none; background: #000}
/*#content_page {position:absolute; width:1280px; height:900px; z-index:1;}*/
div.pages { display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }

.show { display:block; }
.hide { display:none; }

/* btns */
.bn-back, .bn-preview, .bn-next{display:none; position:absolute;} 
.bn-back {top:0; right:0; z-index:10;}
.bn-preview {top:50%; left:0; margin-top:-33px;z-index:100; padding:23px 25px;}
.bn-next {top:50%; right:0; margin-top:-33px; z-index:100; padding:23px 25px;}
.bn-back span, .bn-preview span, .bn-next span{display:block; text-indent:-9999px; overflow: hidden;}
.bn-back span{width:60px; height:60px; background:url('../img/bn_back.png') no-repeat left top; overflow: hidden;}
.bn-preview span{width:14px; height:21px; background:url('../img/bn_preview_white.png') no-repeat left top}
.bn-next span{width:14px; height:21px; background:url('../img/bn_next_white.png') no-repeat left top}
.inverse.bn-back span{background:url('../img/bn_back.png') no-repeat left top;}
.inverse.bn-preview span{background:url('../img/bn_preview.png') no-repeat left top;}
.inverse.bn-next span{background:url('../img/bn_next.png') no-repeat left top;}

/* sns */
.sns-bns {position:absolute; bottom:40px; left:32px; display:none; z-index:10000;}
.sns-bns li {border-bottom:1px solid #fff}
.sns-bns li.inverse{border-bottom:1px solid #000;}
.sns-bns li a { display:block; overflow: hidden; width:21px; height:51px; background-position:left center; background-repeat:no-repeat; text-indent:-9999px}
.sns-bns li.sns_3 { border: none}
.sns-bns li.sns_0 a{background-image:url('../img/bn_facebook_white.png');}
.sns-bns li.sns_1 a{background-image:url('../img/bn_twitter_white.png');}
.sns-bns li.sns_2 a{background-image:url('../img/bn_qqq_white.png');}
.sns-bns li.sns_3 a{background-image:url('../img/bn_google_white.png');}
.sns-bns li.inverse.sns_0 a{background-image:url('../img/bn_facebook.png');}
.sns-bns li.inverse.sns_1 a{background-image:url('../img/bn_twitter.png');}
.sns-bns li.inverse.sns_2 a{background-image:url('../img/bn_qqq.png');}
.sns-bns li.inverse.sns_3 a{background-image:url('../img/bn_google.png');}

/* indicator */
.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-105px; }
.indicator li{position:relative; width:15px; height:15px; margin: 0px 6px 0px 0px; float: left; cursor : pointer;}
.indicator li a{display:block; width:15px; height:15px; text-indent:-10000px; overflow:hidden;}
.indicator-btn {background:URL('../img/indicator_white.png') 0 0 no-repeat;}
.indicator-btn.on {background:URL('../img/indicator_on_white.png') 0 0 no-repeat;}
.indicator-btn.inverse {background:URL('../img/indicator.png') 0 0 no-repeat;} 
.indicator-btn.inverse.on {background:URL('../img/indicator_on.png') 0 0 no-repeat;}

/* focus */
.sns-bns li a:focus { outline: 1px dotted #fff}
.indicator-btn a:focus { outline: 1px dotted #fff}
a.bn-next:focus { outline: 1px dotted #fff}
a.bn-preview:focus { outline: 1px dotted #fff}
.sns-bns li.inverse a:focus { outline: 1px dotted #000}
.indicator-btn.inverse a:focus { outline: 1px dotted #000}
a.bn-next.inverse:focus { outline: 1px dotted #000}
a.bn-preview.inverse:focus { outline: 1px dotted #000}

/* loading */
.loading { position:absolute; top:50%; left:50%; margin:-8px 0 0 -38px; width:76px; height:16px; background:url('../img/loading.png') 0 0; }
.loading p { position:relative; left:0%; top:25px; text-align:center; font:12px/1 'samsungif_bd'; }

/* info_rotate */
.info_rotate { position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999; display:none; }
.info_rotate img { width:100%; }

/*
------------------------------------------------
 customized contents
------------------------------------------------
*/

/* common */


.content_page_wrap p {font:15px/26px 'secgcm'; text-align:justify; letter-spacing:-0.3px;}

.cover{position:absolute; width:1280px; height: 900px;}

/* pages */


.page01{position:relative;}
.page01 h1{position:absolute; top:317px; left:121px; margin:-57px 0 0 -53px;}

.page02 > img {position:absolute; top:0; right:0;} 
.page02 img.layer-top {position:absolute; z-index:10; top:0; left:0;}
.page02 .txt-area {position:absolute; top:120px; left:90px; z-index:20; width:276px;}
.page02 .txt-area p {margin-top:33.5px;}

.page03 .content-con {position:absolute; left:0; top:0;}
.page03 .gate-con img.centered {position:absolute; top:291px; left:239px;}
.page03 .content-con img.deco {position:absolute; top:0; right:0;}
.page03 .content-con .txt-area{position:absolute;}
.page03 .content-con .txt-area{position:absolute; top:120px; left:884px;}
.page03 .content-con .txt-area> p{width:306px; margin:33.5px 0 45.5px 0;}
.page03 .content-con .txt-area> p span{font-family:'secgcb';}
.page03 .content-con .txt-area div h4{font-family:'secgcb'; font-size:13px;}
.page03 .content-con .txt-area div{width:258px;}
.page03 .content-con .txt-area div p{margin-top:7.5px; font-size:13px; line-height:20px;}

.page04 {background:#fff;}
.page04 ul li{float:left; position:relative;}
.page04 ul li .mask {position:absolute; left:0; top:0; width:100%; height:570px; opacity: 0; filter: alpha(opacity=0);}
.page04 ul li.menu0 .mask{background:url('../img/btn_sc_4_1_on.jpg') 0 0 no-repeat;}
.page04 ul li.menu1 .mask{background:url('../img/btn_sc_4_2_on.jpg') 0 0 no-repeat; cursor:pointer;}
.page04 ul li.menu2 .mask{background:url('../img/btn_sc_4_3_on.jpg') 0 0 no-repeat; cursor:pointer;}
.page04 ul li.menu2 {width:427px;}
.page04 ul li a{display:block;}
.page04 > div{height:330px; width:1040px; margin-left:120px;}
.page04 > div h3{margin-top:59px;}
.page04 > div p{margin:34.5px 0 0 1px; line-height:28px;}

.page05 {background:#fff}
.page05 .img_02, .page05 .img_03{display:none;}
.page05 .animate span {display:block; position:absolute; top:0; left:0; }
.page05 .animate span img {display:block;}
/* .page05> div{height:330px; width:1280px; background:#fcd53d;} */
.page05 .txt-area{position:absolute; top:570px; width:1160px; padding:59px 0 0 120px; border-top:10px solid #fcd53d; }
.page05 .txt-area h3{margin-bottom:34.5px;}
.page05 .txt-area p{font:15px/26px; width:1040px; }

.page06> div{position:relative; height:210px; background:#fff; border-bottom:10px solid #ffd800;}
.page06> div h3{position:absolute; top:50%; left:50%; margin-top:-17px; margin-left:-267.5px;}
.page06 ul li{position:relative; float:left;}
.page06 ul li span{z-index:1;}
.page06 ul li span.right{position:absolute; top:156px; left:622px;}
.page06 ul li span.down{position:absolute; top:327px; left:303px;}
.page06 ul li span.left{position:absolute; top:155px; left:622px;}
.page06 ul li .txt-box{position:relative; width:640px; height:345px;}
.page06 ul li .txt-box-01{background:url('../img/img_sc_6_1.jpg');}
.page06 ul li .txt-box-02{background:url('../img/img_sc_6_2.jpg');}
.page06 ul li .txt-box-03{background:url('../img/img_sc_6_3.jpg');}
.page06 ul li .txt-box-04{background:url('../img/img_sc_6_4.jpg');}
.page06 ul li .txt-box> img{position:absolute; top:99px; left:120px;}
.page06 ul li .txt-box .txt-inner{position:absolute; width:400px; height:146px; top:99px; left:120px; text-align:center;}
.page06 ul li .txt-box .txt-inner h4{margin:36px 0 14.5px 0;}
.page06 ul li .txt-box .txt-inner p{font-size:15px; line-height:24px; color:#fff; padding:0 22px; text-align:center;}
.page06 ul li .txt-box-02 .txt-inner h4{margin:47px 0 14.5px 0;}
.page06 ul li .txt-box-02 .txt-inner p{padding:0;}


.page07 {background:#fff}
.page07 .img_02, .page05 .img_03{display:none;}
.page07 .animate span {display:block; position:absolute; top:0; left:0; }
.page07 .animate span img {display:block;}
/* .page05> div{height:330px; width:1280px; background:#fcd53d;} */
.page07 .txt-area{position:absolute; top:570px; width:1160px; padding:59px 0 0 120px; border-top:10px solid #fcd53d; }
.page07 .txt-area h3{margin:0 0 34.5px -13px;}
.page07 .txt-area p{font:15px/26px; width:1040px; }

.page08 .img-box{position:relative; width:640px; height:900px; float:left;}
.page08 .img-box img{position:absolute; top:0; left:0;}
.page08 .img-box .txt-box{position:absolute; top:570px; left:0; width:100%; height:210px;}
.page08 .img-box .txt-box-1{background:url(../img/bg_sc_8_3.jpg);}
.page08 .img-box .txt-box-2{background:url(../img/bg_sc_8_4.jpg);}
.page08 .img-box .txt-box .txt-box-inner-1{width:390px; margin:44.5px 0 0 121px;}
.page08 .img-box .txt-box .txt-box-inner-1 h3{font-family:'secgcm'; font-size:15px; margin:25.5px 0 0 0; line-height:1; float:right;}
.page08 .img-box .txt-box .txt-box-inner-1 p {padding-left:6px; text-indent:-5px; font-style:italic;}
.page08 .img-box .txt-box .txt-box-inner-2{width:390px; margin:43.5px 0 0 125px; /* background:url('../img/bg_sc_8_4.jpg'); */}
.page08 .img-box .txt-box .txt-box-inner-2 h3{font-family:'secgcm'; font-size:15px; margin:25.5px 0 0 0; line-height:1; float:right;}
.page08 .img-box .txt-box .txt-box-inner-2 p {padding-left:7px; text-indent:-5px; font-style:italic;}

.page09> div{height:330px; border-top:10px solid #fcd53d; box-sizing:border-box; background:#fff; }
.page09> div .txt-area{width:1040px; padding:59px 0 0 120px;}
.page09> div .txt-area h3{margin:0 0 33.5px 0px;}
.page09> div .txt-area p{font:15px/28px;}

.page10> div {height:330px; border-top:10px solid #fcd53d; box-sizing:border-box; background:#fff; }
.page10> div .txt-area{width:500px; padding:59px 0 0 120px;}
.page10> div .txt-area h3{margin:0 0 35.5px -1px;}
.page10> div .txt-area ul li{font-size:15px;font-family:'secgcm'; line-height:28px; float:left; letter-spacing:0;}
.page10> div .txt-area ul li.mg01{margin-right:24px;}
.page10> div .txt-area ul li.mg03{margin-right:20px;}
.page10> div .txt-area ul li span{font-size:15px; font-family:'secgcb'; line-height:28px;}
.page10> div .txt-area span{font-size:15px; font-family:'secgcm'; line-height:28px;}


/* popup */
.pages, .popup-pages { display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}/* 2014.07.22 jongjin */
.popup-pages:first-child{display: block; }
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }

.show { display:block; }
.hide { display:none; }

.popup {position:absolute; left:0px; top:0px; width:1280px; height:900px;}
.popup {z-index:10000 !important;}
.popup .close-btn {position: absolute; z-index: 1000; right: 30px; top: 30px; width:83px; height:83px;}
.popup .close-btn a {
	display:block;
	width:83px; height:83px;
	background: url('../img/close_btn.png') 0 0 no-repeat;
	text-indent:-9999px; overflow:hidden; color:#fff;
}
.popup .close-btn.inverse a{background:url('../img/close_btn_black.png') 0 0 no-repeat; color:#000}
.popup .txt-area {width:553px; position:absolute; left:118px; top:119px;}
.popup .txt-area p {margin:41px 0 0 2px; font:15px/26px 'secgcm'; text-align:justify;}
.popup01 {background:url('../img/popup/pop_sc_4_1.jpg') 0 0 no-repeat;}
.popup02 {background:url('../img/popup/pop_sc_4_2.jpg') 0 0 no-repeat;}
.popup02 .txt-area {width:1102px; position:absolute; left:118px; top:119px;}
.popup02 .img-area {width:1040px; position:absolute; left:120px; top:405px;}
.popup02 .img-area img {float:right;}
.popup02 .img-area img:first-child {float:left;}