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

/* common */
.hide {display:none;}
.show {display:block;}
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.border { border:1px solid red }

body {}
.cont_mask{width:100%; height:100%;}
.content_container {width:1280px; background:#fff; position:relative; left:50%; margin-left:-640px; display:none; }
.content_page_wrap {
	height:4589px;
	background: #000;
}

/* 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; top:32px; left:32px; 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');}

/* 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%; }

/* contents */
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }

/* webFont */
h3{ margin-bottom:18px; font-size: 32px; line-height: 44px; font-family:secgcl; letter-spacing:-0.7px}
.webfont{ font-size: 16px; font-family: secgcl; line-height: 30px; letter-spacing:0px;
	text-align:justify; word-break: normal; color: #fff}
.webfont span {letter-spacing: 0;}


.wrapimg01 {background:url('../img/bg_cnt_1.jpg') no-repeat 0 0; background-size: 100%; }
.wrapimg02 {background:url('../img/bg_cnt_2.jpg') no-repeat 0 100%; background-size: 100%;}
.section-1, .section-2, .section-3, .section-4, .section-5{
	position: relative; width: auto;
}

.section-1 { height: 801px;}
.section-1 h1{ position: absolute; left: 140px; top: 325px;}
.section-1 h2{ position: absolute; left: 141px; top: 380px;}
.section-1 .txt01 p{ position: absolute; width: 690px; left: 140px; top: 573px;}

.section-2 { height: 239px;}
.section-2 h3{ position: absolute; left: 140px; top: 1px}
.section-2 p{ position: absolute; width: 1000px; left: 140px; top: 59px}

.section-3 { height: 1391px;}
.section-3 h3{ position: absolute; left: 140px; top: 0px; line-height: 40px}
.section-3 .txt01 p{ width: 1000px; position: absolute; left: 140px; top: 55px}
.section-3 .txt02 p{ width: 1000px; position: absolute; left: 140px; top: 1241px}
.section-3 .img_box{ position: absolute; left: 255px; top: 273px; text-indent:-9999px;
background: url("../img/img_sc_11.png") no-repeat; width: 772px; height: 914px }

.section-4 { height: 846px; margin-top:0px}
.section-4 h3{ position: absolute; left: 139px; top: 602px; line-height: 42px;}
.section-4 .txt01 p{ width: 985px; position: absolute; left: 140px; top: 659px;}
.section-4 .txt01 p span { letter-spacing: -1px}
.section-4 .img_box{ position: absolute; left: 171px; top: 0px; text-indent:-9999px;
background: url("../img/img_sc_12.png") no-repeat; width: 939px; height: 558px }

.section-5 { height: 1312px;}
.section-5 h3{ position: absolute; left: 140px; top: 1px}
.section-5 .txt01 p{ width: 1000px; position: absolute; left: 140px; top: 60px}
.section-5 .txt02 p{ width: 1000px; position: absolute; left: 140px; top: 910px}
.section-5 .txt02 p span{ letter-spacing: -1px;}
.section-5 .img_box{ position: absolute; left: 140px; top: 222px; text-indent:-9999px;
background: url("../img/img_sc_13.png") no-repeat; width: 1000px; height: 573px }

.gotop_1 {
	position: absolute; bottom: 38px; right: 45px; height: 10px; padding: 10px 0px; display: block;
}

.inner_link{text-align:center}
.img_ab_divs{margin-bottom:48px}
.txt_ab_divs{margin:0 43px 78px}
.img_thumb{padding:0 42px 8px}
.img_thumb img{margin-right:12px}
.img_thumb img.last{margin-right:0}
.msg_thumb{display:block; padding:0 43px 53px; font-size: 14px }