@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 {
	background:url('../img/bg_cnt_1.jpg') 0 bottom no-repeat;
	height:3916px;
	background-size:100%;
}

/* btns */
.bn-back {background:url('../img/bn_back.png') 0 0 no-repeat; width:60px; height:60px; overflow:hidden; text-indent:-10000px; display:block; position:absolute; right:0; top:0; z-index:1000}
.btns {position:absolute; right:0; bottom:20px}
.btns a {display:block; overflow:hidden; text-indent:-10000px; width:211px; height:12px; padding:6px 0 12px 11px;}
.btns .first {background:url('../img/nav_1.jpg') 12px 5px no-repeat;}
.btns .first:hover {background:url('../img/nav_1_on.jpg') 12px 5px no-repeat;}
.btns .second.on {background:url('../img/nav_2_on.jpg') 12px 11px no-repeat; border:5px solid #000; margin:0 0 0 -5px;}
.btns .third {background:url('../img/nav_3.jpg') 12px 16px no-repeat;}
.btns .third:hover {background:url('../img/nav_3_on.jpg') 12px 16px no-repeat;}
.gotop_1 {position:absolute; bottom:0; right:30px; width:69px; height:10px; padding:30px 10px; display:block; overflow:hidden; text-indent:-1000px; background:url('../img/btn_top.png') 50% 50% no-repeat;}

.sns-bns {position:absolute; top: 31px; left: 32px; z-index:10;}
.sns-bns li a { display:block; width:21px; height:51px }
.sns-bns li a.underline{border-bottom:1px solid #000;}
.sns-bns li a > img{margin-top:12px;}
.sns-bns li a > img.mTop14{margin-top:14px;}

/* 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 */
.hide_text{position:absolute; left:-9999px; top:-9999px; width:0; height:0; visibility:hidden;font-size:0;}

/* 2014.04.16 webFont ADD */
h3{ margin-bottom:18px; font-size: 35px; line-height: 44px; font-family:secgcb; letter-spacing: -2px}
.webfont{ font-size: 16px; font-family: secgcm; line-height: 30px; letter-spacing: -0.6px; text-align:justify; word-break: normal; color: #242424}
.webfont span {letter-spacing: 0;}
/* 2014.04.16 webFont ADD */

.section-1, .section-2, .section-3, .section-4, .section-5{
	position: relative; width: auto;
}

.section-1 { height: 760px;}
.section-1 .title_h{ position: absolute; left: 104px; top: 160px; z-index: 1}
.section-1 .img_box{ position: absolute; width: 817px; height: 430px; right: 0px; top:149px}
.section-1 .img_box img {position: absolute; right: 0px; bottom: 0px;}
.section-1 p.webfont { position: absolute; left: 112px; top: 672px; font-size: 17px; line-height: 30px;}

.section-2 { height: 598px;}
.section-2 .visual{ position: absolute; left: 13px; top: 194px;}
.section-2 h3{ padding-bottom:17px }
.section-2 .webfont{ position: absolute; top: 124px; width: 443px; right: 109px;}

.section-3 { height: 770px;}
.section-3 .visual{ position: absolute; right: 0px; top:14px;}
.section-3 p{ position: absolute; left: 2px; top: 56px;}
.section-3 .webfont{ position: absolute; left: 109px; top: 364px; width: 530px}


.section-4 { height: 1080px;}
.section-4 .visual_1{ position: absolute; left: 101px; top: 95px;}
.section-4 .visual_2{ position: absolute; right: 152px; bottom: 38px;}
.section-4 p{position: absolute; left: 1px; top: 57px;}
.section-4 .webfont{ position: absolute; right: 110px; top: 96px; width: 355px}

.section-5 { height: 590px;}
.section-5 .webfont{ position: absolute; left: 109px; top: 157px; width: 350px; color: #fff; line-height: 40px;}

.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 }


.video-container {
	position:relative;
	width:912px; height:514px; 
	margin:0 auto 22px;
}
.video-container > p { visibility:hidden; width:0; height:0px; }