@charset "utf-8";



@import url('common.css');

@import url('layout.css');



body.uiWeb{overflow-y:none;background:url(../../images/common/bg_head.gif) repeat-x 0 0 #fff !important}

.uiWeb .visualM_ui{height:417px;text-indent:-5000px;background:url(../../images/main/img_mVisual.jpg) no-repeat 50% 0;} 



.uiWeb #dMbody{margin-top:-30px;min-height:300px;}

.uiWeb #dMbody .m_content{overflow:hidden;position:relative;width:1000px;min-height:500px;margin:0 auto 19px;}


/*레이어팝업*/
.popup_layer_box{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../../images/main/popup_layer_bg.png) repeat; z-index:99999999;}
.pop_re{position:relative; width:603px; height:80%; margin:0 auto;}
.popup_layer{position:absolute; left:50%; top:50%; width:603px; height:80%; background:#fff;
	-webkit-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
	-moz-transform: translate(-50%, -55%);
	-o-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
	overflow-y:scroll;
	overflow-x:auto;
}
.popup_layer img{max-width:100%; height:auto;}
.btn_layer{position:fixed; bottom:86px; width:100%; text-align:center;}
.btn_layer a{display:inline-block; padding:10px 0; color:#fff !important; width:302px; margin:0 auto; font-size:18px;}
.btn_layer a.btn_install_saving{background:#008a7b;}
.btn_layer a.btn_layer_close{background:#999;}
.install_saving{position:absolute; top:1779px; left:45px; display:block; padding: 27px 0; background:#008a7b; color:#fff !important; font-weight:bold; width: 496px; text-align: center; border-radius: 8px; font-size: 24px;}
.uiMobile .popup_layer{position:absolute; left:50%; top:50%; width:85%; height:85%; background:#fff;
	-webkit-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
	-moz-transform: translate(-50%, -55%);
	-o-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
	overflow-y:scroll;
	overflow-x:auto;
}
.uiMobile .btn_layer{position:fixed; bottom:4%; width:100%; text-align:center;}
.uiMobile .btn_layer a{display:inline-block; padding:10px 0; color:#fff !important; width:43%; margin:0 auto;}

.sellmenu{width:245px;height:30px;margin:0 auto 0;text-align:center;/*background:url(../../images/main/bg_sellmenu.png) no-repeat 0 0;*/}

.sellmenu li{display:inline;margin-right:-6px;}

.sellmenu li:first-child{margin-left:0;}

.sellmenu li a{display:inline-block;width:80px;height:28px;line-height:28px;font-size:13px;text-align:center;color:#000;border:1px solid #cacaca;background:#efefef;}

.sellmenu li .on{border:1px solid #326ca9;background:#326ca9;text-decoration:underline;color:#fff;}



.mBanner_ui{height:76px;border-bottom:1px solid #326ca9;background:#d6dadd;}

.mBanner_ui .mBanner_scroll{position:relative;;width:930px;margin:0 auto;zoom:1}

.mBanner_ui .mBanner_scroll ul{overflow:hidden;}

.mBanner_ui .mBanner_scroll li{float:left;padding-top:0;}

.mBanner_ui .mBanner_scroll a{display:block;width:83px;text-align:center;}

.mBanner_scroll .flex-viewport{max-height:2000px}

.mBanner_scroll .slides{zoom:1;margin:0;padding:0; border:0 solid #ddd;}

.mBanner_scroll .slides > li{display:none;-webkit-backface-visibility:hidden}

.mBanner_scroll .flex-direction-nav{}

.mBanner_scroll .flex-direction-nav .flex-prev,.mBanner_scroll .flex-direction-nav .flex-next{position:absolute;top:31px;width:20px;height:20px;text-indent:-5000px;}

.mBanner_scroll .flex-direction-nav .flex-prev{left:-35px;background:url(../../images/main/flex-prev.gif) no-repeat 0 0;}

.mBanner_scroll .flex-direction-nav .flex-next{right:-35px;background:url(../../images/main/flex-next.gif) no-repeat 0 0;}

.mBanner_scroll .flex-control-paging{display:none;}

.mBanner_scroll .flex-disabled{background:none ! important;}

.pd_ipsi {padding-left:270px !important;}

/*.pd_kyo {padding-left:20px !important;}*/



.col,.col02,.col03{position:relative;float:left;width:321px;height:190px;margin-top:17px;border:1px solid #e4e4e4;border-top:0;}

.col:before{content:"";position:absolute;top:0;left:-1px;z-index:9;display:block;width:323px;height:3px;background:#4381c2;}

.col h2,.col02 h2,.col03 h2{position:absolute;z-index:9;top:20px;left:23px;font-size:18px;color:#002e66;font-family:'normal'}

.col02:before{content:"";position:absolute;top:0;left:-1px;z-index:9;display:block;width:323px;height:3px;background:#1f4779;}

.col03:before{content:"";position:absolute;top:0;left:-1px;z-index:9;display:block;width:323px;height:3px;background:#5f5f5f;}

.btn_more{position:absolute;top:20px;right:20px;z-index:9;}



.board_block{position:relative;float:left;width:321px;height:190px;margin:17px 0 0 0;border:1px solid #e4e4e4;border-top:0;}

.board_block:before{content:"";position:absolute;top:0;left:-1px;z-index:9;display:block;width:323px;height:3px;background:#4381c2;}

.board_block:after{content:"";position:absolute;top:0;margin-top:3px;width:71px;top:0;right:0;height:39px;background:#efefef;}

.board_block h2{position:absolute;top:3px;z-index:9;border-right:1px solid #fff;}

.board_block h2 a{display:inline-block;width:48px;height:39px;line-height:39px;text-align:center;border-right:1px solid #e4e4e4;font-size:14px;color:#4b5052;background:#efefef;}

.board_block h2 .on{position:relative;color:#326ca9;height:40px;background:#fff;text-decoration:underline;}

/* 메인 게시판 CSS */
.board_block .tit_1{left:0;}
/*.board_block .tit_1 a{width:75px;}*/
.board_block .tit_2{left:47px;}
.board_block .tit_3{left:92px;}
.board_block .tit_4{left:138px;}
.board_block .tit_5{left:184px}
.board_block .tit_6{left:230px}


.board_ui{padding-top:left;margin:42px 0 0;padding:12px 15px 0;border-top:1px solid #e4e4e4;}

.board_ui li{position:relative;line-height:22px;margin:3px 0 0 0;}

.board_ui li:first-child{margin-top:0;}

.board_ui li span{position:absolute;top:0;right:0;font-size:12px;letter-spacing:-1px;color:#9c9c9c;/*font-family:돋움,dotum;*/}

.board_ui li a{display:block;width:215px;padding-left:9px;color:#6c6c6c;font-size:12px;/*font-family:돋움,dotum;*/overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(../../images/main/ico_li.gif) no-repeat 0 9px;}

.board_ui li a:hover{text-decoration:underline;color:#000;}

.board_ui .btn_more{top:12px;right:10px;}



.pop_zone{overflow:hidden;}

.pop_zone .flex-viewport {width:100%;height:240px;margin:0 auto;}

.pop_zone .slides {position:relative;zoom: 1;}

.pop_zone .slides > li {display:none;}

.pop_zone .slides img {margin-top:3px;}

.pop_zone .slides a{display:block;}

.pop_zone .slides a:first-child{margin-left:0;}

.pop_zone .flex-control-nav{position:absolute;top:17px;right:23px;}

.pop_zone .flex-control-nav li{display:inline}

.pop_zone .flex-control-nav a{display:inline-block;width:13px;height:13px;margin-left:2px;cursor:pointer;font-size:11px;border:1px solid #d5d5d5;background:#fff;text-align:center;font-family:verdana;}

.pop_zone .flex-control-paging{display:none;}

.pop_zone .flex-pauseplay{position:absolute;top:16px;right:35px;}

.pop_zone .flex-pauseplay a{display:inline-block;width:16px;height:16px;text-indent:-5000px;cursor:pointer;}

.pop_zone .flex-pauseplay .flex-pause{background:url(../../images/main/flex-pause.gif) no-repeat 0 0;}

.pop_zone .flex-pauseplay .flex-play{background:url(../../images/main/flex-play.gif) no-repeat 0 0;}

.pop_zone .flex-direction-nav .flex-prev,.pop_zone .flex-direction-nav .flex-next{position:absolute;top:16px;width:16px;height:16px;text-indent:-5000px;}

.pop_zone .flex-direction-nav .flex-prev{right:55px;background:url(../../images/main/flex-prev02.gif) no-repeat 0 0;}

.pop_zone .flex-direction-nav .flex-next{right:15px;background:url(../../images/main/flex-next02.gif) no-repeat 0 0;}



/*.vision_2020_ui{overflow:hidden;margin-left:15px;margin-right:15px;text-align:center; background:#f7f7f7;}*/

.vision_2020_ui h2{margin-left:0px;}



.cam_ui{overflow: hidden;margin-left: 15px;margin-right: 15px;text-align: center;background: #f7f7f7; padding: 12px 20px; box-sizing: border-box;}

.cam_ui.col h2{color:#fff; left:20px;	padding:2px 5px; background-color:rgba(0, 0, 0, 0.6);}

.cam_ui p{position:relative; padding:0; height:166px;}

.cam_ui p a{}

.cam_ui p span{display:block;/*font-family:돋움, dotum*/}

.cam_ui p .tit{font-size:18px; font-weight:bold; color:#212121; position:absolute;	bottom:0; width:100%; z-index:1; height:56px; text-align:left; padding:5px 10px; box-sizing:border-box;	background-color:rgba(0, 0, 0, 0.6);}

.cam_ui p .tit a{line-height:24px;font-weight:bold;color:#fff;}

.cam_ui p .memo{margin-top:5px;line-height:16px;font-size:12px;color:#646464;}

.cam_ui p .thum{position:relative; top:0; left:0; height:100%;}

.cam_ui p .thum img{width:100%; height:100%; margin-top:0;}


.cam_ui .flex-viewport {width:100%;height:240px;margin:0 auto;}
.cam_ui .slides {position:relative;zoom: 1;}
.cam_ui .slides > li {display:none;}
.cam_ui .slides img {margin-top:3px;}
.cam_ui .slides a{display:block;}
.cam_ui .slides a:first-child{margin-left:0;}
.cam_ui .flex-control-nav{position:absolute;top:17px;right:23px;}
.cam_ui .flex-control-nav li{display:inline}
.cam_ui .flex-control-nav a{display:inline-block;width:13px;height:13px;margin-left:2px;cursor:pointer;font-size:11px;border:1px solid #d5d5d5;background:#fff;text-align:center;font-family:verdana;}
.cam_ui .flex-control-paging{display:none;}
.cam_ui .flex-pauseplay{position:absolute;top:74px;right:2px;}
.cam_ui .flex-pauseplay a{display:inline-block;width:17px;height:39px;text-indent:-5000px;cursor:pointer;}
.cam_ui .flex-pauseplay .flex-pause{background:url(../../images/main/flex-pause03.gif) no-repeat 0 0;}
.cam_ui .flex-pauseplay .flex-play{background:url(../../images/main/flex-play03.gif) no-repeat 0 0;}
.cam_ui .flex-direction-nav .flex-prev,.cam_ui .flex-direction-nav .flex-next{position:absolute;width:17px;height:43px;text-indent:-5000px;}
.cam_ui .flex-direction-nav .flex-prev{top:12px; right:2px;background:url(../../images/main/flex-prev03.gif) no-repeat 0 0;}
.cam_ui .flex-direction-nav .flex-next{top:135px; right:2px;background:url(../../images/main/flex-next03.gif) no-repeat 0 0;}


.webzine_ui{background:#f7f7f7; margin-right:15px;}

.webzine_ui p{padding:88px 0 0 150px;min-height:72px;line-height:18px;font-size:12px;color:#646464;background:url(../../images/main/img_webzine.jpg) no-repeat 25px 80px;}

.webzine_ui p a{display:block}



.midia_ui{margin-left:0px;background:url(../../images/main/pattern_midia.png) repeat 0 0;}

.midia_ui p{padding:88px 0 0 105px;min-height:72px;line-height:18px;font-size:12px;color:#646464;background:url(../../images/main/img_midia.png) no-repeat 25px 70px;}

.midia_ui p a{display:block}



.snsGroup_ui{margin-left:15px;margin-right:15px;background:#f7f7f7;}

.snsGroup_ui ul{overflow:hidden;padding:66px 0 0 10px;}

.snsGroup_ui ul li{float:left;}

.snsGroup_ui ul li a{display:block;padding-top:67px;line-height:18px;font-size:12px;text-align:center;color:#646464;}

.snsGroup_ui .blog a{width:70px;background:url(../../images/main/img_blog.jpg) no-repeat 50% 0;}

.snsGroup_ui .blog strong{color:#48a100;}

.snsGroup_ui .face a{width:80px;background:url(../../images/main/img_face.jpg) no-repeat 50% 0;}

.snsGroup_ui .face strong{color:#354b86;}

.snsGroup_ui .twit a{width:105px;background:url(../../images/main/img_twit.jpg) no-repeat 50% 0;}

.snsGroup_ui .twit strong{color:#2dc1ff;}

.snsGroup_ui .instar a{width:80px;background:url(../../images/main/img_instar.png) no-repeat 50% 0;}

.snsGroup_ui .instar strong{color:#e10644;}

.snsGroup_ui .youtu a{width:72px;background:url(../../images/main/img_youtube.jpg) no-repeat 50% 0;}

.snsGroup_ui .youtu strong{color:#c11b1b;}


.emved_ui{margin-right:15px; margin-left:15px}

.emved_ui p{padding:50px 0 0 0;text-align:center;}

.emved_ui span{position:absolute;top:22px;right:20px;font-size:12px;color:#646464;}

.emved_ui span strong{color:#326ca9}



.pr_ui{margin-left:15px;background:#f7f7f7;}

.pr_ui h2{width:135px;height:25px;background:url(../../images/main/img_pr02.jpg) no-repeat right 0;}

.pr_ui p{margin-right:23px;padding:88px 95px 0 25px;min-height:72px;line-height:22px;letter-spacing:-1px;font-size:12px;color:#646464;background:url(../../images/main/img_pr.jpg) no-repeat right 70px;}

.pr_ui p a{display:block}

.pr_ui p strong{letter-spacing:0;font-size:15px;color:#272727;}



.people_ui{background:url(../../images/main/img_people.jpg) no-repeat 222px 67px;}

.people_ui .memo{margin-right:22px;padding:70px 85px 0 25px;min-height:72px;line-height:18px;letter-spacing:-1px;font-size:12px;color:#646464;}

.people_ui p a{display:block}





 /* side pop */

.side_pop {position:relative;}

.mjc_pop {position:absolute; z-index:999; top:0; left:350px;  }

.mjc_wrap {display:none; border:1px solid #000; text-align:center; background:#fff; width:210px; padding:10px 10px 20px 10px;}

.mjc_wrap h3{font-size:13px  !important; font-weight:bold; text-decoration:underline;  padding:5px; margin:0 0 10px 0; text-align:left; color:#000000;}

.mjc_wrap ul li{display:inline-block; text-align:center; padding:0 30px 0px 0px;}

.mjc_wrap ul li span{font-size:12px;}

.mjc_wrap ul li.last{padding:0;}

.mjc_wrap span.closeBtn{position:absolute; font-size:11px; top:10px; right:10px; border:1px solid #ddd; padding:0px 6px;}


/*190923_슬라이드 추가본*/
.bg_invitation{background:url(../../images/main/bg_invitation.jpg) no-repeat 0 0;  background-size:cover; min-height:191px; overflow:hidden;}
.bg_invitation > div{width:100%; padding:75px 15px 0 15px;}
.bg_invitation > div > p{color:#fff;}
.bg_invitation > div > p.small_inv{font-size:18px; letter-spacing:-0.5px; margin-bottom:3px;}
.bg_invitation > div > p.big_inv{font-size:26px; font-weight:bold; letter-spacing:-0.5px; }
.btn_inv_go{border:1px solid #fff; color:#fff; font-size:14px; display:inline-block; text-align:right; padding:5px 10px; margin:15px 0 0 15px;}



/* mobile */

.uiMobile .m_content{overflow:hidden;padding:0 5px;}

.uiMobile .visualM_ui{height:150px;text-indent:-5000px;background:url(../../images/main/m/m_visual.png) no-repeat 0 0;background-size:cover;}

.uiMobile .sellmenu{/*display:none;*/margin-top:-30px;}

.uiMobile .col,.uiMobile .col02,.uiMobile .col03{margin:17px 0 0 0;width:99%;}

.uiMobile .col:before,.uiMobile .col02:before,.uiMobile .col03:before{width:100.4%;}



.uiMobile .vision_2020_ui img{width:300px;}



.uiMobile .board_block{width:99%;margin-bottom:17px;margin-top:17px;}

.uiMobile .board_block:before{width:100.4%;}

.uiMobile .board_block:after{width:70%;}

.uiMobile .board_block span{right:-10px;}

.uiMobile .board_ui{padding-left:10px;}



.uiMobile .pop_zone{background:#f7f7f7;}

.uiMobile .pop_zone .slides{text-align:center;}

.uiMobile .mBanner_ui .mBanner_scroll li{}

.uiMobile .mBanner_ui .mBanner_scroll{width:auto;width:250px;margin:0 auto;}

.uiMobile .mBanner_scroll .flex-direction-nav .flex-prev{left:-20px;}

.uiMobile .mBanner_scroll .flex-direction-nav .flex-next{right:-20px;}

.uiMobile .pd_ipsi {padding-left:20px !important;}

.uiMobile .pd_kyo {padding-left:0 !important;}



@media only screen and  (min-width: 350px) and (max-width: 399px){ 

	.uiMobile .mBanner_ui .mBanner_scroll{width:300px;}

}

@media only screen and  (min-width: 400px) and (max-width: 479px){ 

	.uiMobile .mBanner_ui .mBanner_scroll{width:340px;}

}



@media only screen and  (min-width: 480px) and (max-width: 540px){ 

	.uiMobile .mBanner_ui .mBanner_scroll{width:420px;}

}



@media only screen and  (min-width: 540px) and (max-width: 640px){ 

	.uiMobile .mBanner_ui .mBanner_scroll{width:500px;}

}
.mBanner_ui{height:76px;border-bottom:1px solid #326ca9;background:#d6dadd;}
.mBanner_ui .mBanner_scroll{position:relative;;width:930px;margin:0 auto;zoom:1}
.mBanner_ui .mBanner_scroll ul{overflow:hidden;}
.mBanner_ui .mBanner_scroll li{float:left;padding-top:0;}
.mBanner_ui .mBanner_scroll a{display:block;width:83px;text-align:center;}
.mBanner_scroll .flex-viewport{max-height:2000px}
.mBanner_scroll .slides{zoom:1;margin:0;padding:0; border:0 solid #ddd;}
.mBanner_scroll .slides > li{display:none;-webkit-backface-visibility:hidden}
.mBanner_scroll .flex-direction-nav{}
.mBanner_scroll .flex-direction-nav .flex-prev,.mBanner_scroll .flex-direction-nav .flex-next{position:absolute;top:31px;width:20px;height:20px;text-indent:-5000px;}
.mBanner_scroll .flex-direction-nav .flex-prev{left:-35px;background:url(../../images/main/flex-prev.gif) no-repeat 0 0;}
.mBanner_scroll .flex-direction-nav .flex-next{right:-35px;background:url(../../images/main/flex-next.gif) no-repeat 0 0;}
.mBanner_scroll .flex-control-paging{display:none;}
.mBanner_scroll .flex-disabled{background:none ! important;}
.pd_ipsi {padding-left:270px !important;}
/*.pd_kyo {padding-left:20px !important;}*/



@media only screen and  (min-width: 641px) and (max-width: 900px){ 
.board_block{position:relative;float:left;width:321px;height:190px;margin:17px 0 0 0;border:1px solid #e4e4e4;border-top:0;}
.board_block:before{content:"";position:absolute;top:0;left:-1px;z-index:9;display:block;width:323px;height:3px;/*background:#e9511c;*/}
.board_block:after{content:"";position:absolute;top:0;margin-top:3px;width:71px;top:0;right:0;height:39px;background:#efefef;}
.board_block h2{position:absolute;top:3px;z-index:9;border-right:1px solid #fff;}
.board_block h2 a{display:inline-block;width:81px;height:39px;line-height:39px;text-align:center;border-right:1px solid #e4e4e4;font-size:14px;color:#4b5052;background:#efefef;}
.board_block h2 .on{position:relative;color:#326ca9;height:40px;background:#fff;text-decoration:underline;}
.board_block .tit_1{left:0;}
.board_block .tit_1 a{width:82px;}
.board_block .tit_2{left:84px;}
.board_block .tit_3{left:167px;}
.board_ui{padding-top:left;margin:42px 0 0;padding:12px 15px 0;border-top:1px solid #e4e4e4;}
.board_ui li{position:relative;line-height:22px;margin:3px 0 0 0;}
.board_ui li:first-child{margin-top:0;}
.board_ui li span{position:absolute;top:0;right:0;font-size:12px;letter-spacing:-1px;color:#9c9c9c;/*font-family:돋움,dotum;*/}
.board_ui li a{display:block;width:215px;padding-left:9px;color:#6c6c6c;font-size:12px;/*font-family:돋움,dotum;*/overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(../../images/main/ico_li.gif) no-repeat 0 9px;}
.board_ui li a:hover{text-decoration:underline;color:#000;}
.board_ui .btn_more{top:12px;right:10px;}

	.uiMobile .mBanner_ui .mBanner_scroll{width:580px;}

}




@media all and (min-width:768px) and (max-width:1024px){



.uiWeb .visualM_ui, .mBanner_ui{width:1024px;}

}
.emved_ui{margin-right:15px;}
.emved_ui p{padding:50px 0 0 0;text-align:center;}
.emved_ui span{position:absolute;top:22px;right:20px;font-size:12px;color:#646464;}
.emved_ui span strong{color:#326ca9}





.uiMobile .snsGroup_ui{text-align:center;}

.uiMobile .snsGroup_ui ul{display:inline-block;padding-left:0;}

.uiMobile .snsGroup_ui .blog a{width:78px;}

.uiMobile .snsGroup_ui .face a{width:85px;}

.uiMobile .snsGroup_ui .twit a{width:97px;}

.uiMobile .snsGroup_ui .instar a{width:85px;}

.uiMobile .snsGroup_ui .youtu a{width:70px;}





.uiMobile .webzine_ui p{padding-left:130px;background-position:10px 80px;}



.uiMobile .midia_ui p{padding-left:105px;background-position:15px 70px;}



.uiMobile .pr_ui p{padding-left:10px;}