@charset "utf-8"; /* main_content */ /*#content #main_visual .visu{overflow:hidden;position:relative;top:-70px;width:100%;height:1080px} #content #main_visual .visu .nav_wrap{position:absolute;bottom:88px;left:50%;margin-left:-46px} #content #main_visual .visu .nav_wrap:after{display:block;content:"";clear:both} #content #main_visual .visu .nav_wrap li{margin:0 7px;float:left} #content #main_visual .visu .nav_wrap li a{display:inline-block;width:17px;height:17px;background:url(../img/main/ico_main_visual.png) no-repeat 0 0;text-indent:-9999px} #content #main_visual .visu .img_wrap>div{height:1080px;background-size:100% 1080px} #content #main_visual .visu .img_wrap .img01{background:url(../img/main/bg_main_visu01.jpg) no-repeat 0 0;background-size:100% 1080px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/bg_main_visu01.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/bg_main_visu01.jpg',sizingMethod='scale')"} #content #main_visual .visu .img_wrap .img02{background:url(../img/main/bg_main_visu02.jpg) no-repeat 0 0;background-size:100% 1080px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/bg_main_visu02.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/bg_main_visu02.jpg',sizingMethod='scale')";} #content #main_visual .visu .img_wrap .img03{background:url(../img/main/bg_main_visu03.jpg) no-repeat 0 0;background-size:100% 1080px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/bg_main_visu03.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/bg_main_visu03.jpg',sizingMethod='scale')";} #content #main_visual .visu .img_wrap .txt{width:1018px;margin:0 auto;padding-top:377px}*/ /* main_visual */ .mSlider{position:relative;width:100%;height:630px;overflow:hidden;background:#000;} .mSlider ul.msPages {overflow:hidden;z-index:10;position:absolute;left:50%;bottom:150px;margin-left:-62px} .mSlider ul.msPages:after{display:block;content:"";clear:both} .mSlider ul.msPages li{float:left;margin:0 5px} .mSlider li a{display:block;width:17px;height:17px;padding:7px;background:url('../img/main/ico_main_visual.png') no-repeat 50% 50%;color:#fff;text-indent:-9999px} .mSlider li.selected a{opacity:0.5;} /*.mSlider li a strong{display:block;margin:0 0 2px;font-family:'frame_bold';font-size:18px;font-weight:normal;letter-spacing:0.03em} .mSlider li.on a strong, .mSlider li a:hover strong{color:#fff} .mSlider button{display:none}*/ .inSlider{position:absolute;left:0;top:0;height:630px;width:1920px;left:50%; margin-left:-960px;} .msAll{position:relative;height:630px;} [class*="ms-"]{float:left;width:1920px; height:630px; background-position:center top;background-repeat:no-repeat;background-color:#000;overflow:hidden} [class*="ms-"] .inbox{position:relative;width:950px;margin:0 auto;font-size:18px;color:#fff;z-index:8} [class*="ms-"] .inbox a{display:inline-block;padding-right:33px;font-size:18px;color:#fff;background:url('../img/main/set_btn_go.png') right 2px no-repeat} [class*="ms-"] .inbox a:hover{background-position:right -58px} [class*="ms-"] .inbox p{position:absolute;z-index:9;font-size:0;text-indent:-9999px} [class*="ms-"] .line{position:absolute;left:-1995px;top:105px;display:block;width:5000px;min-width:950px; height:380px;background-position:left top;background-repeat:no-repeat} [class*="ms-"].on{display:block} [class*="ms-"].off{display:none} #mSliderCarousel li{background-size:cover;} .ms-0{background-image:url('../img/main/main_slide1.png'); background-position:center center;} .ms-0 .line{background-image:url('../img/main/txt_main_visu01.png')} .ms-1{background-image:url('../img/main/main_slide2.png'); background-position:center 70%;} .ms-1 .line{background-image:url('../img/main/txt_main_visu02.png')} .ms-2{background-image:url('../img/main/main_slide3.jpg'); background-position:center center;} .ms-2 .line{background-image:url('../img/main/txt_main_visu03.png')} .ms-3{background-image:url('../img/main/main_slide4.jpg'); background-position:center center;} .ms-3 .line{background-image:url('../img/main/txt_main_visu03.png')} .ms-0 .inbox p{top:440px;left:20px} .ms-1 .inbox p{top:426px;left:268px} .ms-2 .inbox p{top:396px;left:30px} #content .estimate_ques{z-index:2;position:relative;width:100%;height:105px;margin-top:-70px;background-color:#30282a} #content .estimate_ques .ques_li{width:898px;padding:0 59px 0 61px;margin:0 auto} #content .estimate_ques .ques_li:after{display:block;content:"";clear:both} #content .estimate_ques .ques_li li{width:209px;height:120px;margin:-28px 0 0 20px;float:left;border-radius:5px;background-color:#30282a;text-align:center} #content .estimate_ques .ques_li li{*background:url(../img/main/bg_estimate_ques.png) no-repeat 0 0;*background-color:none;background:url(../img/main/bg_estimate_ques.png) no-repeat 0 0 \0/IE8;background-color:none \0/IE8}/* ie7, ie8 */ #content .estimate_ques .ques_li li:first-child{margin-left:0} #content .estimate_ques .ques_li li:hover, #content .estimate_ques .ques_li li:focus, #content .estimate_ques .ques_li li:active{background-color:#f63c3c} #content .estimate_ques .ques_li li:hover, #content .estimate_ques .ques_li li:focus, #content .estimate_ques .ques_li li:active{*background:url(../img/main/bg_estimate_ques_on.png) no-repeat 0 0;*background-color:none;background:url(../img/main/bg_estimate_ques_on.png) no-repeat 0 0 \0/IE8;background-color:none \0/IE8}/* ie7, ie8 */ #content .estimate_ques .ques_li li a{display:block;padding:45px 0 20px; font-size:25px; color:#fff;} #content .prd_intro{width:100%;background-color:#fafafa} #content .prd_intro>section{width:1018px;margin:0 auto;padding:50px 0 20px} #content .prd_intro>section h3{padding-bottom:15px; font-size:35px; font-weight:bold;} #content .prd_intro>section .add_txt{margin-bottom:45px;line-height:20px; font-size:15px;} #content .prd_intro>section .add_txt+ul{margin-bottom:35px;} #content .prd_intro>section ul:after{display:block;content:"";clear:both} #content .prd_intro>section ul li{width:245px;float:left;margin-left:12px} #content .prd_intro>section ul li:first-child{margin-left:0} #content .prd_intro>section ul li img{/*filter:url(css/grayscale.svg#greyscale); firefox error*/filter:gray;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter:grayscale(1)} #content .prd_intro>section ul li:hover img, #content .prd_intro>section ul li:focus img, #content .prd_intro>section ul li:active img{filter:none;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);-webkit-filter:grayscale(0)} #content .prd_intro>section ul li .txt01, #content .prd_intro>section ul li .txt02{display:block} #content .prd_intro>section ul li .txt01{padding-top:25px;font-weight:bold} #content .prd_intro>section ul li .txt01>span{font-size:16px} #content .prd_intro>section ul li .txt02{padding:15px 25px 0 0;font-size:15px;letter-spacing:1px;line-height:23px} #content .prd_intro>section ul li:hover span, #content .prd_intro>section ul li:focus span, #content .prd_intro>section ul li:active span{color:#f63c3c} #content .prd_intro>section ul li .txt01 .en{display:none} #content .prd_intro>section ul li:hover .txt01 .kr, #content .prd_intro>section ul li:focus .txt01 .kr, #content .prd_intro>section ul li:active .txt01 .kr{display:none} #content .prd_intro>section ul li:hover .txt01 .en, #content .prd_intro>section ul li:focus .txt01 .en, #content .prd_intro>section ul li:active .txt01 .en{display:block} #content .social_info{position:relative;margin:120px 0 135px;text-align:center} #content .social_info>img{height:300px;} #content .social_info .btn_social{position:absolute;bottom:45px;left:50%;margin-left:-124px} #content .social_info .btn_social>a{float:left}