@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{font-family: 'secgcm';}
.content_container {width:1280px; background:#fff; position:relative; left:50%; margin-left:-640px; display:none; }
.content_page_wrap {background:#fff;display:none; position:relative;width:1280px; padding:0;margin:0 auto;}

/* 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:1000;}
.sns-bns li {}
.sns-bns li a { display:block; width:21px; height:51px }
.sns-bns li a.underline{border-bottom:1px solid #333;}
.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%; }

.curved_surface{position:relative;width:1280px;margin:0 auto;background:#fff;}
.curved_surface .txt{color:#666;font-size:15px;}

.section01{height:1867px;background:url('../img/bg_section01.png') no-repeat 0 0;}
.section01>div{width:1052px;margin:0 auto;text-align:center;}
.section01 .logo{position:absolute;top:60px;left:110px;}
.section01 .txt{position:absolute;top:0;left:0;}

.section02{position:relative;padding:148px 210px 0 506px;height:1102px;line-height:180%;background:url('../img/bg_section02.png') no-repeat 0 bottom;}
.section02 .tit{position:absolute;top:148px;left:238px;}
.section02 .sub_tit{margin-bottom:4px;}

.section03{position:relative;padding:133px 150px 0 506px;height:886px;line-height:180%;background:url('../img/bg_section03.png') no-repeat 0 bottom;}
.section03 .tit{position:absolute;top:133px;left:238px;}
.section03 .sub_tit{margin-bottom:16px;}

.section04{position:relative;padding:80px 0 0 100px;height:1406px;background:url('../img/bg_section04.png') no-repeat 0 0;line-height:180%;}
.section04 .tit{margin:0 0 5px 0;}
.section04 .protractor{margin:0 0 50px 0;}
.section04 .txt{padding:0 600px 0 0;}
.section04 .pick_test{position:absolute;top:105px;right:120px;}

.section05{height:712px;background:url('../img/bg_section05.png') no-repeat 0 0;line-height:180%;padding:78px 740px 0 100px;}
.section05 .angle{margin:0 0 50px 0;}
.section05 .tit{margin:0 0 5px 0;}
.section05 .txt{margin:0 0 76px 0;}
.section05 .sub_txt{width:252px;font-size:14px;color:#666;background:url('../img/gray_bullet.png') no-repeat 0 7px;padding-left:13px;line-height:150%;}

.section06{height:232px;background:url('../img/bg_section06.png') no-repeat 0 0;line-height:180%;padding:558px 0 0 723px;}
.section06 .sub_txt{width:325px;font-size:14px;color:#666;background:url('../img/gray_bullet.png') no-repeat 0 7px;padding-left:13px;line-height:150%;}

.section07{position:relative;padding:148px 180px 0 506px;height:1102px;line-height:180%;background:url('../img/bg_section07.png') no-repeat 0 bottom;}
.section07 .tit{position:absolute;top:148px;left:238px;}
.section07 .sub_tit{margin-bottom:15px;}

.section08{position:relative;height:933px;line-height:180%;border-bottom:1px #c2c2c2 solid;}
.section08 .slide_wrap{position:absolute;top:121px;left:164px;}
.section08 .slide{}
.section08 .slide>ul{position:relative;width:471px;height:680px;overflow:hidden;}
.section08 .slide>ul>li{position:absolute;top:0;left:0;opacity:0;}
.section08 .slide>ul>li>dl{position:relative;}
.section08 .slide>ul>li>dl>dt{position:absolute;top:620px;width:471px;text-align:center;color:#666;font-size:14px;display:block;}
.section08 .slide>ul>li>dl>dd{padding-bottom:20px;}
.section08 .slide .slide_indicator{width:471px;margin:0 auto;}
.section08 .slide .slide_indicator>ul{text-align:center;}
.section08 .slide .slide_indicator>ul>li{display:inline-block;margin:0 3px;border:none;}
.section08 .slide .slide_indicator>ul>li>a{display:block;width:16px;height:16px;background:url('../img/slide_indicator.png') no-repeat 0 0;}
.section08 .slide .slide_indicator>ul>li>a>span{text-indent:-9999px;visibility:hidden;height:0;}
.section08 .slide .slide_indicator>ul>li>a.on{background-position:0 -16px;}
.section08 .contents{padding:143px 0 0 710px;}
.section08 .contents .edge_screen{margin:0 0 50px 0;}
.section08 .contents .tit{margin:0 0 15px 0;}
.section08 .txt{width:380px;}

.section09{position:relative;height:885px;line-height:180%;border-bottom:1px #c2c2c2 solid;}
.section09 .slide_wrap{position:absolute;top:120px;left:658px;}
.section09 .slide{}
.section09 .slide>ul{position:relative;width:493px;height:650px;overflow:hidden;}
.section09 .slide>ul>li{position:absolute;top:0;left:0;opacity:0;}
.section09 .slide>ul>li>dl{position:relative;}
.section09 .slide>ul>li>dl>dt{position:absolute;top:580px;width:493px;text-align:center;color:#666;font-size:14px;display:block;}
.section09 .slide>ul>li>dl>dd{padding-bottom:20px;}
.section09 .slide .slide_indicator{width:471px;margin:0 auto;}
.section09 .slide .slide_indicator>ul{text-align:center;}
.section09 .slide .slide_indicator>ul>li{display:inline-block;margin:0 3px;border:none;}
.section09 .slide .slide_indicator>ul>li>a{display:block;width:16px;height:16px;background:url('../img/slide_indicator.png') no-repeat 0 0;}
.section09 .slide .slide_indicator>ul>li>a>span{text-indent:-9999px;visibility:hidden;height:0;}
.section09 .slide .slide_indicator>ul>li>a.on{background-position:0 -16px;}
.section09 .contents{width:400px;padding:146px 0 0 220px;}
.section09 .contents .touch{margin:0 0 50px 0;}
.section09 .contents .tit{margin:0 0 2px 0;}

.section10{position:relative;height:533px;line-height:180%;padding:120px 0 0 218px;border-bottom:1px #c2c2c2 solid;}
.section10 .contents{width:777px;padding:0;background:url('../img/ico_edgeScreen_function.png') no-repeat 0 0;padding:0 0 0 135px;}
.section10 .contents .tit{margin:0 0 15px 0;}
.section10 .slide_wrap{position:absolute;top:325px;left:188px;}
.section10 .slide{}
.section10 .slide>ul{position:relative;width:905px;height:210px;overflow:hidden;}
.section10 .slide>ul>li{position:absolute;top:0;left:0;opacity:0;}
.section10 .slide>ul>li>dl{position:relative;}
.section10 .slide>ul>li>dl>dt{position:absolute;top:140px;width:905px;text-align:center;color:#666;font-size:14px;display:block;}
.section10 .slide>ul>li>dl>dd{padding-bottom:20px;}
.section10 .slide .slide_indicator{width:471px;margin:0 auto;}
.section10 .slide .slide_indicator>ul{text-align:center;}
.section10 .slide .slide_indicator>ul>li{display:inline-block;margin:0 3px;border:none;}
.section10 .slide .slide_indicator>ul>li>a{display:block;width:16px;height:16px;background:url('../img/slide_indicator.png') no-repeat 0 0;}
.section10 .slide .slide_indicator>ul>li>a>span{text-indent:-9999px;visibility:hidden;height:0;}
.section10 .slide .slide_indicator>ul>li>a.on{background-position:0 -16px;}

.section11{position:relative;height:778px;line-height:180%;text-align:center;}
.section11 .tit{padding-top:127px;}
.section11 .sub_tit{margin:60px 0 100px 0;}
.section11 .txt{width:825px;margin:0 auto;}
