/* pages public css */
/*인트로*/
.intro {width: 100%; height:100%; position:fixed; z-index:99; overflow: visible;top:0;left:0; background:#999999;}
.intro_l {position: absolute;width: 100%; height: 100%; background: url(/pages/image/intro_left.png)50% 0;transition:background 2s;
 -o-transition: background 2s;-ms-transition: background 2s; -moz-transition: background 2s;-webkit-transition:background 2s;}
.intro_r {position: absolute;width: 100%; height: 100%; background: url(/pages/image/intro_right.png)50% 0;transition:background 2s;
 -o-transition: background 2s;-ms-transition: background 2s; -moz-transition: background 2s;-webkit-transition:background 2s;}
.intro .main_go {text-align: center; position: absolute;  top: 318px; left: 50%;   margin-left: -600px;}
.intro .main_gos {width:100%; height:401px;position: absolute;  top: 318px; background: url('/pages/image/intro_center.png')50% 0;}
.intro_go{width: 100%;position: absolute;z-index:99;color:#ffffff;bottom:81px;}
.intro_go .r_in{width:282px; height: 90px;background: url('/pages/image/r_in.png') bottom no-repeat; margin-left: 60px; float: left;}
.intro_go .r_in a {}
.intro_go .r_in a h1{color:#ffffff;text-align: right;font-weight: 100;padding: 0; margin: 0;font-size: 34px;line-height: 1;}
.intro_go .l_in{width:282px; height: 90px;background:url('/pages/image/l_in.png') bottom no-repeat; margin-right: 60px; float: right;}
.intro_go .l_in a {}
.intro_go .l_in a h1{color:#ffffff;font-weight: 100;padding: 0; margin: 0;font-size: 34px; line-height: 1;}

.intro_l {animation-duration: 1s; animation-name: slidein_l;}
@keyframes slidein_l { from { margin-left: -100%; width: 100%}  to { margin-left: 0%; width: 100%;}}
.intro_r {animation-duration: 1s;  animation-name: slidein_r;}
@keyframes slidein_r { from { margin-left: 100%; width: 100%  }  to { margin-right: 0%; width: 100%;}}

.mainh2 {margin: 0 0 15px 0 !important;}
/*vender wiget*/
.venders {width: 13.7%;position: relative;margin: 5px 3.5% 15px 0;float: left;}
.venders_img {width: 100%; height: 163px; border:1px #e5e5e5 solid;position: relative; }
.venders_img img {max-width:95%; max-height: 140px; position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto;}

/*토탈메인*/
.main_div {width: 100%; height: 94px; background: url('/pages/image/main_div_bg.jpg')50% 0;}
.main_div .semi_go {width:50%; height: 94px;background: url('/pages/image/go_semi.png')112px 44px no-repeat;position: relative;display: inline-block;float: left;cursor: pointer;}
.main_div .semi_go h1 {font-size: 25px; color:#ffffff; font-weight: 100;text-align: right;padding:9px 165px  0 0;margin: 0;}
.main_div .semi_go h3 {font-size: 16px; color:#ffffff; font-weight: 100;text-align: right;padding:0 165px  0 0;margin: 0;}
.main_div .semi_go a {font-size: 12px; color:#ffffff; font-weight: 100;padding: 0;margin: 0; position: absolute; left: 155px; bottom: 24px;}
.main_div .semi_go img {position: absolute; right: 74px; bottom:18px;}
.main_div .led_go {width: 50%; height: 94px;background: url('/pages/image/go_led.png')163px 44px no-repeat;position: relative; display: inline-block;float: left;cursor: pointer;}
.main_div .led_go h1 {font-size: 25px; color:#ffffff; font-weight: 100;padding:9px 0 0 165px;margin: 0;}
.main_div .led_go h3 {font-size: 16px; color:#ffffff; font-weight: 100;padding:0 0 0 165px;margin: 0;}
.main_div .led_go a {font-size: 12px; color:#ffffff; font-weight: 100;padding: 0;margin: 0; position: absolute; right: 155px; bottom: 24px;}
.main_div .led_go img {position: absolute; left: 69px; bottom:18px;}

.all_notice {width: 48%;padding:30px 30px 0 0;display: inline-block;float: left;}
.all_qna {width: 48%;display: inline-block;float: left; padding: 30px 0 0;}

.fservice{margin: 40px 0; max-width: 100%;}
.fservice img{float: left;}
.fservice_ico {width:68%;height:131px; float:left; background:#e7e7e7;}
.fsicos {width: 25%;height: 107px;margin:12px 0 10px;border-right: 1px #898989 solid;position: relative;float: left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align: center;}
.fsicos_img {height: 85px;position: relative;}
.fsicos img {float: none;position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto;}
.fsicos a {font-size: 16px; color:#898989;text-decoration: none;}

#prepare {position: absolute;width: 920px;height: 600px;margin: -290px 0 0 -473px; top: 50%; left: 50%;}

.mprepare {display:none; }

.led_links {position: relative; width: 100%; margin: 30px 0; }
.ledc {width: 380px; height: 285px; float: left; margin-right: 30px;text-align: right;}
.ledc a {color:#322771;    display: block;    width: 100%;    height: 100%;}
.ledc a:HOVER {text-decoration: none; color:#322771;}
.ledc a h1 {padding: 145px 0 0 20px;font-size: 2.5em; margin: 0;text-align: left;line-height: 100%;font-weight: 500;}
.ledc a p{text-align: left;padding: 0 0 0 20px;font-size:1.1em;}
.ledc a div {background-color:#0a50a1; display: inline-block; padding:8px 14px; border-radius: 30px;margin-top: 20px;  margin-right: 20px;}
.ledc a div span {opacity:1 !important; color:#ffffff;} 

.cal {width: 380px; height: 285px; float: left; margin-right: 0;text-align: right;}
.cal a {color:#322771;    display: block;    width: 100%;    height: 100%;}
.cal a:HOVER {text-decoration: none; color:#322771;}
.cal a h1 {padding: 145px 0 0 20px;font-size: 2.5em; margin: 0;text-align: left;line-height: 100%;font-weight: 500;}
.cal a p{text-align: left;padding: 0 0 0 20px;font-size: 1.1em;}
.cal a div {background-color:#0a50a1; display: inline-block; padding:8px 14px; border-radius: 30px;margin-top: 20px;  margin-right: 20px;}
.cal a div span {opacity:1 !important; color:#ffffff;} 

.bg1 {background: url('/pages/image/led_links1-3.jpg'); }
.bg2 {background: url('/pages/image/led_links2-3.jpg'); }
.bg3 {background: url('/pages/image/ca-2.jpg'); }

/*모바일 인트로*/
/*인트로*/
.introm {width: 100%; height:100%; position:fixed; overflow: visible;top:0;left:0; background:#999999;}
.intro_t {position: absolute; width: 100%;transition:background 2s;
 -o-transition: background 2s;-ms-transition: background 2s; -moz-transition: background 2s;-webkit-transition:background 2s;}
.intro_t img {max-width: 100%;}
.intro_b {position: absolute;width: 100%;transition:background 2s;
 -o-transition: background 2s;-ms-transition: background 2s; -moz-transition: background 2s;-webkit-transition:background 2s;}
.intro_b img {max-width: 100%;}
.introm .mainm_go {position: absolute; z-index: 99; width: 100%; top: 25%;}
.introm .mainm_go a img{width: 100%;}

.intro_t img{animation-duration: 1s; animation-name: slidein_t;}
@keyframes slidein_t { from { margin-top: -100%; width: 100%}  to { margin-top: 0%; width: 100%;}}
.intro_b img{animation-duration: 1s;  animation-name: slidein_b;}
@keyframes slidein_b { from { margin-top: 100%; width: 100%  }  to { margin-bottom:0%; width: 100%;}}

.tonly {display: none;}

@media screen and (max-width: 960px) {
.tonly {display: block;}
.pconly, .monly  {display: none;}
	
}
/* mediaquery for mobile */
@media screen and (max-width: 640px) {
.pconly, .tonly {display: none;}
.monly {display: block;}

.main_div .semi_go img {right: 5%;}	
.main_div .semi_go {background: none;}
.main_div .semi_go a {display: none;}
.main_div .semi_go h1 {display: none;}
.main_div .semi_go h3 {text-align: left; padding: 0; margin: 0; position: absolute; right: 93px; top: 29px; letter-spacing: -1px; font-size: 1.3em;font-weight: 500;}

.main_div .led_go {background: none;}
.main_div .led_go img {right: 5%; left: auto;}
.main_div .led_go a {display: none;}
.main_div .led_go h1 {display: none;}
.main_div .led_go h3 {text-align: left; padding: 0; margin: 0; position: absolute; right: 69px; top: 29px; letter-spacing: -1px;font-size: 1.3em;font-weight: 500;}
.all_notice {width: 95%;padding: 0;margin: 0 auto;float: none;display: block;}
.all_qna{width: 95%;padding: 10px 0 20px;margin: 0 auto;float: none;display: block;}

img.fsimg {display: none;}
.fservice_ico {width: 100%; margin-top: 5px;height: 152px;}
.fsicos_img img {width: 70%;}
.fsicos a{font-size: 1.2em;}

#prepare {display: none;}
.mprepare {display:block;position: absolute; top: 20%; }
.mprepare img{display:block;width: 100%;}

.venders {width: 29%;position: relative;margin: 5px 1% 15px 3%;float: left;}
.venders_img {width: 100%; height: 75px; border:0; position: relative; }
.venders_img img {max-width:95%; max-height: 75px; max-height: 140px; margin: auto;}

.mainh2 {margin: 15px 0 15px 0 !important;}


.led_links {position: relative; width: 100%; margin:0; text-align: center;}
.ledc {width: 96%; margin: 2%;}

.cal {width: 96%; margin: 2%;}

.bg1 {background: url('/pages/image/led_links1-3.jpg')center; }
.bg2 {background: url('/pages/image/led_links2-3.jpg')center; }
.bg3 {background: url('/pages/image/ca-2.jpg')center; }


}


@media screen and (max-width:320px) {	
.main_div .semi_go h3 {text-align: left; padding: 0; margin: 0; position: absolute; right: 74px; top: 29px; letter-spacing: -1px;}
.main_div .led_go h3 {text-align: left; padding: 0; margin: 0; position: absolute; right: 58px; top: 29px; letter-spacing: -1px;}

.fsicos a{font-size: 1.1em;}
}



.intro2 {width: 100%; height:100%; position:fixed; z-index:99; overflow: visible;top:0;left:0; background:#999999;background: url('/pages/image/main2.jpg')50% 0;}

.intro3 {width: 100%; height:100%; position:fixed; z-index:99; overflow: visible;top:0;left:0; background:#999999;background: url('/pages/image/main3.jpg')50% 0;}