@charset "utf-8";

@font-face {
	font-family:'Nanum Gothic';
	src:url('../fonts/NanumGothic');
	src:local(※),
		url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic.woff') format('woff'),
		url('../fonts/NanumGothic.ttf') format('truetype');
	font-style: normal;
}
@font-face {
	font-family:'Nanum Gothic';
	src:url('../fonts/NanumGothic-Regular');
	src:local(※),
		url('../fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic-Regular.woff') format('woff'),
		url('../fonts/NanumGothic-Regular.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


@font-face {
	font-family:'Nanum Gothic';
	src:url('../fonts/NanumGothic-Bold.eot');
	src:local(※),
		url('../fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic-Bold.woff') format('woff'),
		url('../fonts/NanumGothic-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}


@font-face {
	font-family:'Nanum Gothic';
	src:url('../fonts/NanumGothic-ExtraBold.eot');
	src:local(※),
		url('../fonts/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic-ExtraBold.woff') format('woff'),
		url('../fonts/NanumGothic-ExtraBold.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*/
html,body {width:100%;min-width:320px}
body {background: #ffffff;font-family:"Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;font-weight: 300;}
*{word-break:keep-all}
a {text-decoration:none;}
a:hover {text-decoration:none;}
a:focus{outline:none !important;}
legend, caption{display:none}
.hidden-obj{position:absolute;visibility:hidden;top:-9000px;}
.hide-obj{visibility:hidden;height:0 !important}
#skip-nav a{overflow:hidden;position:absolute;width:1px;height:1px;margin-bottom:-1px;}
#skip-nav a:focus, #skip-nav a:active{overflow:auto;display:block;position:absolute;width:100%;height:30px;margin:0;background-color:#000;color:#fff;text-align:center;font-weight:600;font-size:14px;line-height:30px;z-index:900 !important;}

/* Layout */
#wrap {position:relative;width:100%;z-index:10}
#header{width:100%;background:url(../images/common/bg_header.png) 50% 0 repeat-x;}
#header .header-wrap{position:relative;width:100%;max-width:1140px;margin:0 auto;z-index:110}
#footer{overflow:hidden;position:relative;width:100%;background:#fff;z-index:100;margin-top:50px;}
.loader{position:relative;background:#fff;left: 0;top: 0;width: 100%;height: 100vh;text-align:center;}
.loader img{position:absolute;top:50%;left:50%;margin-left:-33px;margin-top:-33px;}


/* Header */
#header .sta{position:relativewidth:100%;max-width:1140px;height:32px;margin:0 auto;}
#header .sta > ul{position:absolute;right:0}
#header .sta > ul > li{float:left;margin-right:24px}
#header .sta > ul > li:last-child{margin-right:0px;}
#header .sta > ul > li > a{font-size:12px;color:#fff;text-decoration:none;font-weight:700;line-height:28px;}
#header .sta > ul > li > a > em{color:#71e8fa}
#header .logo{position:absolute;top:32px;margin-left:0;height:84px;z-index:120;padding-right:0;padding-left:0;}
#header .logo > a{display:inline-block;width:100%;line-height:70px;}
#header .logo > a > img{width:100%;max-width:202px;}
#header .gnb{position:relative;height:84px}
#header .gnb > ul{position:absolute;top:30px}
#header .gnb > ul > li{position:relative;float:left;text-align:left;padding-bottom:20px;width:12.7%}
#header .gnb > ul > li.ir{width:15.5%;}
#header .gnb > ul > li.ir > .depth > li > a{padding-left:8px;}
#header .gnb > ul > li.csr{width:15.5%}
/* #header .gnb > ul > li.csr > .depth > li > a{padding-left:25px;} */
#header .gnb > ul > li > a{color:#444;font-size:17px;font-weight:600;padding-top:10px;padding-bottom:20px;letter-spacing:0;}
#header .gnb > ul > li > a:hover {color:#008fd5;text-decoration:none;}
#header .gnb > ul > li > a:focus {color:#008fd5;text-decoration:none;}
#header .gnb > ul > li > a.on{color:#008fd5}
#header .gnb > ul > li > .depth{position:absolute;display:none;overflow:hidden;width:100%;height:1px;margin-top:20px;padding-top:35px}
#header .gnb > ul > li > .depth > li{padding-left:2px;text-align:left;font-size:13px;font-weight:600;line-height:25px;height:25px;}
#header .gnb > ul > li > .depth > li > a{color:#444;text-decoration:none;/*-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;transition: all 0.5s ease;*/}
#header .gnb > ul > li > .depth > li > a:hover{color:#008fd5;}
#header .gnb > ul > li > .depth > li > a:focus{color:#008fd5;}
#header .header-bg{background:url(../images/common/bg_header_sub.png) 50% 100% repeat-x;height:8px;overflow:hidden !important;clear:both;}


#header_m{z-index:5000}
#header_m .snb_all{background:#444}
#header_m .snb_all > li{position:relative;text-align:center}
#header_m .snb_all > li > a{color:#fff;font-size:15px;padding-left:20px;font-weight:700;text-align:left;}
#header_m .snb_all > li > .depth{display:none;overflow:hidden;width:100%;background:#dadada}
#header_m .snb_all > li > .depth > li{padding-left:2px;text-align:left;font-size:13px;font-weight:700;line-height:25px;}
#header_m .snb_all > li > .depth > li > a{color:#444;text-decoration:none;border-bottom: 1px solid #f0f0f0;padding-left:20px;}
#header_m .snb_all > li > .depth > li > a:hover{color:#2a6496}
#header_m .snb_all > li > .depth > li > a:focus{color:#2a6496}
#header_m .close_all{height:40px;line-height:40px;background:#008fd5;text-align:right;padding-right:15px}
#header_m .close_all i{color:#fff;font-size:24px;line-height:36px;cursor:pointer;}
#gray-window{display:none;position:fixed;top:0;background:#000;opacity:0.7;filter:alpha(opacity:'70');width:100%;height:100%;z-index:1000;}
#gray-window{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.m_top{height:50px; background:url('../images/common/m_h_bg.jpg') no-repeat 0 100%; background-size:100% 5px;position:relative; z-index:150}
.m_top h1{background:url('../images/common/logo.jpg') no-repeat 50% 50%; text-indent:-9999px;height:100%; margin:0;; position:absolute; top:0; width:100%; background-size:129px 30px; background-position:50% 40%}
.m_top h1 a{display:block; width:30%; height:100%; margin:0 auto; position:relative; z-index:1;}
.m_top .nav{float:left; position:relative; z-index:5; width:100%;}
.m_top .nav .nav_btn{display:block; position:absolute;width:30px; height:36px;top:12px; left:13px;}
.m_top .nav .nav_btn i{color:#0086d1;font-size:22px;line-height:22px;cursor:pointer;  width:37px; height:30px;}
.m_top .language{float:right; position:relative; z-index:100;top:13px; right:13px;}
.m_top .language a{float:right; position:relative; z-index:100; display:block; font-size:12px;}
.m_top .language .cu_language{border:1px solid #c9c9c9; color:#656565; border-radius:10px;padding:2px 7px; font-size:10px;}
.m_top .language ul{position:absolute; border:1px solid #c9c9c9; color:#656565; border-radius:10px; padding:1px 7px; top:0; background:#fff;}
.m_top .language ul li{line-height:120%}
.m_top .language ul li a{font-size:10px}



#container{min-height:300px;}

/* Footer */
@media (min-width: 768px) {
    #footer .footer_visual{position:relative;width:1920px;height:220px;min-width:1140px;left:50%;margin-left:-960px;margin-top:130px}
    #footer .footer_visual > .ani01{position:absolute;top:0;width:1920px;height:220px;min-width:1140px;left:50%;margin-left:-960px}
    /*#footer .footer_visual > .ani02{position:absolute;top:0;width:1920px;height:270px;min-width:1140px;left:50%;margin-left:-960px}
    #footer .footer_visual > .ani03{position:absolute;top:0;width:1920px;height:270px;min-width:1140px;left:50%;margin-left:-960px}*/
    #footer .footer_visual_main{position:relative;overflow:hidden;width:1920px;height:220px;min-width:1140px;left:50%;margin-left:-960px}
    #footer .footer_visual_main > .ani01{position:absolute;top:50px;width:1920px;height:220px;min-width:1140px;left:50%;margin-left:-960px;opacity:0.0;filter: alpha(opacity = 0)}
    /*#footer .footer_visual_main > .ani02{position:absolute;top:50px;width:1920px;height:270px;min-width:1140px;left:50%;margin-left:-960px;opacity:0.0;filter: alpha(opacity = 0)}
    #footer .footer_visual_main > .ani03{position:absolute;top:50px;width:1920px;height:270px;min-width:1140px;left:50%;margin-left:-960px;opacity:0.0;filter: alpha(opacity = 0)}*/
    #footer .fnb{width:100%;height:50px;background:#008fd5;z-index:210}
    #footer .fnb > ul {width:1140px;margin:0 auto}
    #footer .fnb > ul > li{float:left}
    #footer .fnb > ul > li.all_off > a{display:inline-block;height:30px;margin:10px 18px;padding:0 14px;font-size:13px;line-height:30px;background:#0e79b4}
    #footer .fnb > ul > li.all_on > a{display:inline-block;height:30px;margin:10px 18px;padding:0 14px;font-size:13px;line-height:30px;background:#0e79b4}
    #footer .fnb > ul > li > a{height:50px;margin:0 30px;line-height:46px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;}
    #footer .footer-section{position:relative;width:1140px;height:120px;margin:0 auto;font-weight:700}
    #footer .footer-section > .footer-logo{position:absolute;width:107px;top:30px;margin-left:18px;}
    #footer .footer-section > address{position:absolute;width:800px;height:16px;top:35px;margin-left:270px;font-size:13px;color:#595959;letter-spacing:0.4px}
    #footer .footer-section > .copyright{position:absolute;width:690px;height:16px;top:80px;margin-left:270px;font-size:13px;color:#595959;letter-spacing:0.4px}
    #footer .all_family{display:none;}
}

@media (max-width: 767px) {
    #footer .footer_visual{display:none}
    #footer .footer_visual > .ani01{position:absolute;top:0;width:100%;height:220px;min-width:100%;left:50%;margin-left:-960px}
    /*#footer .footer_visual > .ani02{position:absolute;top:0;width:100%;height:270px;min-width:100%;left:50%;margin-left:-960px}
    #footer .footer_visual > .ani03{position:absolute;top:0;width:100%;height:270px;min-width:100%;left:50%;margin-left:-960px}*/
    #footer .footer_visual_main{display:none;position:relative;overflow:hidden;width:100%;height:220px;min-width:100%;left:50%;margin-left:-960px}
    #footer .footer_visual_main > .ani01{position:absolute;top:50px;width:100%;height:220px;min-width:100%;left:50%;margin-left:-960px;opacity:0.0;filter: alpha(opacity = 0)}
    /*#footer .footer_visual_main > .ani02{position:absolute;top:50px;width:100%;height:270px;min-width:100%;left:50%;margin-left:-960px;opacity:0.0;filter: alpha(opacity = 0)}
    #footer .footer_visual_main > .ani03{position:absolute;top:50px;width:100%;height:270px;min-width:100%;left:50%;margin-left:-960px;opacity:0.0;filter: alpha(opacity = 0)}*/
    #footer .fnb{width:100%;height:120px;background:#008fd5;z-index:210}
    #footer .fnb > ul {width:100%;margin:0 auto}
    #footer .fnb > ul > li{float:left;width:25%;}
    #footer .fnb > ul > li.all_off > a{display:none;height:30px;margin:10px 18px;padding:0 14px;font-size:13px;line-height:30px;background:#0e79b4}
    #footer .fnb > ul > li.all_on > a{display:none;height:30px;margin:10px 18px;padding:0 14px;font-size:13px;line-height:30px;background:#0e79b4}
    #footer .fnb > ul > li > a{display:inline-block;text-align:center;width:100%;font-size:13px;font-weight:700;color:#fff;text-decoration:none;padding:5px 0 6px 0}
    #footer .footer-section{position:relative;overflow:hidden;width:100%;margin:0 auto;font-weight:700;border-top:2px solid #008fd5}
    #footer .footer-section > .footer-logo{display:none;position:absolute;width:107px;top:15px;margin-left:18px;}
    #footer .footer-section > address{position:relative;overflow:hidden;display:block;width:100%;padding:20px 20px 0;font-size:12px;color:#595959;letter-spacing:-0.5px;margin-bottom:10px;}
    #footer .footer-section > .copyright{position:relative;display:block;width:100%;padding:0 20px 20px;margin-top:0;font-size:12px;color:#595959;letter-spacing:0.4px}

    .all_family {}
    .all_family > div > a{display:inline-block;width:94%;height:30px;margin:10px 3%;padding:0 14px;font-size:13px;line-height:30px;background:#0e79b4;color:#fff;text-align:center;}
}


@media (min-width: 1111px) {
    .mainvisual-bg{position:relative;width:100%;height:100vh;z-index:70;overflow:hidden;}
    .mainvisual-bg > ul{position:relative;z-index:80;/*margin-top:124px;*/}
    .mainvisual-bg > ul > li{position:absolute;width:1920px;height:100vh;left:50%;margin-left:-960px;top:42px;transform:translate3d(0,0,0);-webkit-transform: translate3d(0, 0, 0);}
    .mainvisual-bg > ul > li > div{position:relative; }
    .mainvisual-bg > ul > li {transform:scale(1.4);-webkit-transform:scale(1.4);-webkit-backface-visibility: hidden;visibility: hidden}
    .mainvisual-bg > ul > li.on {transform:scale(1.0);-webkit-transform:scale(1.0);transition:transform 6s ease-in-out; -webkit-transition:-webkit-transform 6s ease-in-out;-webkit-backface-visibility: hidden;visibility:visible}
    .mainvisual-bg .con-wrap{position:absolute;width:1920px;height:200px;left:50%;margin-left:-960px;top:204px;z-index:999}
    .mainvisual-bg .con-wrap .con-txt{position:relative;width:100%;height:200px}
    .mainvisual-bg .con-wrap .con-txt li{width:1100px;position:absolute;left:50%;margin-left:-646px;opacity:0.0;filter: alpha(opacity = 0);transition:all 1s ease-in-out; }
    .mainvisual-bg .con-wrap .con-txt li.on{width:1100px;position:absolute;left:50%;margin-left:-554px;opacity:1.0;filter: alpha(opacity = 100);transition:all 3s ease-in-out; }
    .mainvisual-bg .con-wrap .con-txt li .visual-con{}
    .mainvisual-bg .con-wrap .con-txt li .visual-con > .k-txt{font-size:24px;font-weight:600;color:#fff;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
    .mainvisual-bg .con-wrap .con-txt li .visual-con > .e-txt{font-size:46px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.0;margin-top:6px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
    .main-ctl{position:absolute;overflow:hidden;width:320px;height:160px;left:50%;margin-left:-554px;bottom:10%;z-index:120;}
    .main-ctl > p.s-tit{text-align:left;color:#fff;font-weight:900;font-size:20px;letter-spacing:0px;margin-bottom:10px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

    .main-ctl > .ctl-txt{position:relative;clear:both;}
    .main-ctl > .ctl-txt > li{position:absolute;left:3px;top:0;display:none;}
    .main-ctl > .ctl-txt > li.on{display:block;}
    .main-ctl > .ctl-txt > li > p.s-txt{display:inline-block;text-align:center;color:#fff;font-weight:700;font-size:15px;letter-spacing:0px;margin-top:22px;border:2px solid #fff;padding:3px 30px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

    .main-ctl > .ctl-menu{width:320px;}
    .main-ctl > .ctl-menu > li{float:left;width:46px;height:46px;margin:0 3px;}
    .main-ctl > .ctl-menu > li > a{display:inline-block;width:46px;height:46px;}
    .main-ctl > .ctl-menu > li.on > a{border:3px solid #93c63a;}
    .main-ctl > .ctl-menu > li#ctl01{background:url('/kor/images/common/visual_icon01.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl02{background:url('/kor/images/common/visual_icon02.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl03{background:url('/kor/images/common/visual_icon03.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl04{background:url('/kor/images/common/visual_icon04.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl05{background:url('/kor/images/common/visual_icon05.jpg') 0 0 no-repeat;}

    .main-ctl-stop{float:left;width:46px;height:46px;text-align:center;margin-left:6px;background:#000;color:#fff;cursor:pointer;line-height:42px;opacity:0.75;filter: alpha(opacity = 75);}
    .main-ctl-play{float:left;width:46px;height:46px;text-align:center;margin-left:6px;background:#000;display:none;color:#fff;cursor:pointer;line-height:42px;opacity:0.75;filter: alpha(opacity = 75);}

}
@media (max-width:1110px) and (min-width: 768px) {
    .mainvisual-bg{position:relative;width:100%;height:700px;z-index:70;overflow:hidden;}
    .mainvisual-bg > ul{position:relative;z-index:80;/*margin-top:124px;*/}
    .mainvisual-bg > ul > li{position:absolute;width:1920px;height:100vh;left:50%;margin-left:-960px;top:42px;transform:translate3d(0,0,0);-webkit-transform: translate3d(0, 0, 0);}
    .mainvisual-bg > ul > li > div{position:relative; }
    .mainvisual-bg > ul > li {transform:scale(1.4);-webkit-transform:scale(1.4);-webkit-backface-visibility: hidden;visibility: hidden}
    .mainvisual-bg > ul > li.on {transform:scale(1.0);-webkit-transform:scale(1.0);transition:transform 6s ease-in-out; -webkit-transition:-webkit-transform 6s ease-in-out;-webkit-backface-visibility: hidden;visibility:visible}
    .mainvisual-bg .con-wrap{position:absolute;width:1100px;height:200px;left:10px;top:204px;z-index:999}
    .mainvisual-bg .con-wrap .con-txt{position:relative;width:100%;height:200px}
    .mainvisual-bg .con-wrap .con-txt li{width:100%;position:absolute;left:-50px;opacity:0.0;filter: alpha(opacity = 0);transition:all 1s ease-in-out; }
    .mainvisual-bg .con-wrap .con-txt li.on{width:100%;position:absolute;left:10px;;opacity:1.0;filter: alpha(opacity = 100);transition:all 3s ease-in-out; }
    .mainvisual-bg .con-wrap .con-txt li .visual-con{}
    .mainvisual-bg .con-wrap .con-txt li .visual-con > .k-txt{font-size:24px;font-weight:600;color:#fff;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
    .mainvisual-bg .con-wrap .con-txt li .visual-con > .e-txt{font-size:46px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.0;margin-top:6px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

    .main-ctl{position:absolute;overflow:hidden;width:320px;height:160px;left:10px;top:476px;;z-index:120;}
    .main-ctl > p.s-tit{text-align:left;color:#fff;font-weight:900;font-size:20px;letter-spacing:0px;margin-bottom:10px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

    .main-ctl > .ctl-txt{position:relative;clear:both;}
    .main-ctl > .ctl-txt > li{position:absolute;left:3px;top:0;display:none;}
    .main-ctl > .ctl-txt > li.on{display:block;}
    .main-ctl > .ctl-txt > li > p.s-txt{display:inline-block;text-align:center;color:#fff;font-weight:700;font-size:15px;letter-spacing:0px;margin-top:22px;border:2px solid #fff;padding:3px 30px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

    .main-ctl > .ctl-menu{width:320px;}
    .main-ctl > .ctl-menu > li{float:left;width:46px;height:46px;margin:0 3px;}
    .main-ctl > .ctl-menu > li > a{display:inline-block;width:46px;height:46px;}
    .main-ctl > .ctl-menu > li.on > a{border:3px solid #93c63a;}
    .main-ctl > .ctl-menu > li#ctl01{background:url('/kor/images/common/visual_icon01.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl02{background:url('/kor/images/common/visual_icon02.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl03{background:url('/kor/images/common/visual_icon03.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl04{background:url('/kor/images/common/visual_icon04.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl05{background:url('/kor/images/common/visual_icon05.jpg') 0 0 no-repeat;}

    .main-ctl-stop{float:left;width:46px;height:46px;text-align:center;margin-left:6px;background:#000;color:#fff;cursor:pointer;line-height:42px;opacity:0.75;filter: alpha(opacity = 75);}
    .main-ctl-play{float:left;width:46px;height:46px;text-align:center;margin-left:6px;background:#000;display:none;color:#fff;cursor:pointer;line-height:42px;opacity:0.75;filter: alpha(opacity = 75);}
}
@media (max-width: 767px) {
    .mainvisual-bg{position:relative;width:100%;height:280px;;z-index:70;overflow:hidden;margin-top:0px;}
    .mainvisual-bg > ul{position:relative;z-index:80;/*margin-top:124px;*/}
    .mainvisual-bg > ul > li{position:absolute;width:767px;height:280px;left:50%;margin-left:-383px;top:0px;transform:translate3d(0,0,0);-webkit-transform: translate3d(0, 0, 0);}
    .mainvisual-bg > ul > li > div{position:relative; }
    .mainvisual-bg > ul > li > div img{width:100%;}
    .mainvisual-bg > ul > li {transform:scale(1.2);-webkit-transform:scale(1.2);-webkit-backface-visibility: hidden;visibility: hidden}
    .mainvisual-bg > ul > li.on {transform:scale(1.0);-webkit-transform:scale(1.0);transition:transform 6s ease-in-out; -webkit-transition:-webkit-transform 6s ease-in-out;-webkit-backface-visibility: hidden;visibility:visible}

    .mainvisual-bg .con-wrap{position:absolute;width:100%;height:200px;left:30px;top:60px;z-index:999}
    .mainvisual-bg .con-wrap .con-txt{position:relative;width:100%;height:200px}
    .mainvisual-bg .con-wrap .con-txt li{width:100%;position:absolute;left:30px;margin-left:-100px;opacity:0.0;filter: alpha(opacity = 0);transition:all 1s ease-in-out; }
    .mainvisual-bg .con-wrap .con-txt li.on{width:100%;position:absolute;left:30px;margin-left:0;opacity:1.0;filter: alpha(opacity = 100);transition:all 3s ease-in-out; }
    .mainvisual-bg .con-wrap .con-txt li .visual-con{}
    .mainvisual-bg .con-wrap .con-txt li .visual-con > .k-txt{font-size:13px;font-weight:600;color:#fff;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
    .mainvisual-bg .con-wrap .con-txt li .visual-con > .e-txt{font-size:20px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.0;margin-top:6px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

    .main-ctl{position:absolute;overflow:hidden;width:320px;height:160px;left:50px;top:100px;z-index:120;}
    .main-ctl > p.s-tit{text-align:left;color:#fff;font-weight:900;font-size:20px;letter-spacing:0px;margin-bottom:10px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

    .main-ctl > .ctl-txt{position:relative;clear:both;}
    .main-ctl > .ctl-txt > li{position:absolute;left:3px;top:0;display:none;}
    .main-ctl > .ctl-txt > li.on{display:block;}
    .main-ctl > .ctl-txt > li > p.s-txt{display:inline-block;text-align:center;color:#fff;font-weight:700;font-size:15px;letter-spacing:0px;margin-top:22px;border:2px solid #fff;padding:3px 30px;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

    .main-ctl > .ctl-menu{width:320px;}
    .main-ctl > .ctl-menu > li{float:left;width:46px;height:46px;margin:0 3px;}
    .main-ctl > .ctl-menu > li > a{display:inline-block;width:46px;height:46px;}
    .main-ctl > .ctl-menu > li.on > a{border:3px solid #93c63a;}
    .main-ctl > .ctl-menu > li#ctl01{background:url('/kor/images/common/visual_icon01.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl02{background:url('/kor/images/common/visual_icon02.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl03{background:url('/kor/images/common/visual_icon03.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl04{background:url('/kor/images/common/visual_icon04.jpg') 0 0 no-repeat;}
    .main-ctl > .ctl-menu > li#ctl05{background:url('/kor/images/common/visual_icon05.jpg') 0 0 no-repeat;}

    .main-ctl-stop{float:left;width:46px;height:46px;text-align:center;margin-left:6px;background:#000;color:#fff;cursor:pointer;line-height:42px;opacity:0.75;filter: alpha(opacity = 75);}
    .main-ctl-play{float:left;width:46px;height:46px;text-align:center;margin-left:6px;background:#000;display:none;color:#fff;cursor:pointer;line-height:42px;opacity:0.75;filter: alpha(opacity = 75);}
}

.product-wrap{position:relative;max-width:1140px;margin:0 auto;overflow:hidden;height:400px;margin-top:50px;margin-bottom:20px;}
.product-wrap h3{font-size:30px;font-weight:900;color:#333;text-align:center;margin-bottom:50px;position:relative;padding-bottom:15px;}
.product-wrap h3::after{background:#b8b8b8;width:60px;height:1px;position:absolute;bottom:0;left:50%;margin-left:-30px;content:'';}
.product-wrap .slide-box{height:40px;line-height:38px;background:#008fd5;font-size:16px;font-weight:600;text-align:center;color:#fff;-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}
.product-wrap .slide-box-on{background:#99ca3a;-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}
/*
.product-wrap .product-area .arrow-left{width:35px;float:left;}
.product-wrap .product-area .arrow-right{width:35px;float:left;}
.product-wrap .product-area .product{position:relative;width:1140px;overflow:hidden;float:left;}
*/
.sp-mask{width:95% !important;margin:0 auto;}
@media (max-width: 767px) {
    .product-wrap{position:relative;width:100%;margin-top:50px;}
    .sp-mask{width:80% !important;margin:0 auto;}
}



.main-section01 .row{margin-left:0;margin-right:0;}
.main-section01 .row > div{padding-left:0;padding-right:0;}
.main-section01 {margin-top:-32px;z-index:120;position:relative;}
.main-section01 .info01{background:url('/kor/images/common/main_section01_bg01.jpg') 50% 12px repeat-x;min-height:185px;padding-top:12px;position:relative;}
.main-section01 h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:15px;}
.main-section01 p{font-size:27px;line-height:34px;font-weight:400;color:#fff;}
.main-section01 p strong{font-weight:600;}

.main-section01 .info02 h3{color:#3e3e3e;margin-bottom:24px;}
.main-section01 .info02 p{color:#3e3e3e;}

.main-section01 .info02{background:url('/kor/images/common/main_section01_bg02.jpg') 50% 12px repeat-x;min-height:185px;padding-top:12px;position:relative;}
.main-section01 .info03{background:url('/kor/images/common/main_section01_bg03.jpg') 50% 12px repeat-x;min-height:185px;padding-top:12px;position:relative;}
.main-section01 .area{margin:40px 30px 30px 30px;}

.main-section01 .off{opacity:0.0;filter: alpha(opacity = 100);-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;z-index:905}
.main-section01 .on{opacity:1.0;filter: alpha(opacity = 0);-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;z-index:910}
.main-section01 .info .area{-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}

.main-section01 .info_over{position:absolute;width:100%;height:201px;top:0px;webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}
.main-section01 .info_over h3{font-size:19px;margin-bottom:10px;padding:40px 30px 0 30px;}
.main-section01 .info_over .txt{font-size:16px;line-height:22px;padding:0 30px;}
.main-section01 .info01_over{background:url('/kor/images/common/main_section01_bg01_over.jpg') 50% 0 repeat-x;}
.main-section01 .info02_over{background:url('/kor/images/common/main_section01_bg02_over.jpg') 50% 0 repeat-x;}
.main-section01 .info03_over{background:url('/kor/images/common/main_section01_bg03_over.jpg') 50% 0 repeat-x;}

@media (max-width: 767px) {
    .main-section01 .info_over{position:absolute;width:100%;height:auto;top:0px;webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;padding-bottom:30px;}
    .main-section01 .info_over h3{font-size:16px;margin-bottom:10px;padding:30px 20px 0 20px;}
    .main-section01 .info_over .txt{font-size:13px;line-height:16px;padding:0 20px;}
    .main-section01 h3{font-size:13px;font-weight:600;color:#fff;margin-bottom:10px;}
    .main-section01 p{font-size:20px;line-height:24px;font-weight:400;color:#fff;}
    .main-section01 .area{margin:30px 20px 20px 20px;}
    .main-section01 .info02 h3{color:#3e3e3e;margin-bottom:10px;}
    .main-section01 .info01{background:url('/kor/images/common/main_section01_bg01.jpg') 50% 0 repeat-x;min-height:125px;padding-top:0px;position:relative;}
    .main-section01 .info02{background:url('/kor/images/common/main_section01_bg02.jpg') 50% 0 repeat-x;min-height:125px;padding-top:0px;position:relative;}
    .main-section01 .info03{background:url('/kor/images/common/main_section01_bg03.jpg') 50% 0 repeat-x;min-height:125px;padding-top:0px;position:relative;}
}

@media (min-width: 768px) {
    .main-section03{position:relative;overflow:hidden;width:100%;min-height:255px;background:#fff url("../images/common/bg_main_section03.jpg") 50% 0 repeat;}
    .main-section03 .main-section03-content{position:relative;width:100%;max-width:1140px;height:160px;margin:0 auto;padding-top:12px;}

    .main-section03 .main-section03-content .info{margin-top:30px;margin-bottom:37px;}
    .main-section03 .main-section03-content .info h3{font-size:30px;color:#008fd5;font-weight:900;letter-spacing:-1px;}
    .main-section03 .main-section03-content .info .info-content{margin-top:25px;}
    .main-section03 .main-section03-content .info .info-content ul{overflow:hidden}
    .main-section03 .main-section03-content .info .info-content ul li{float:left}
    .main-section03 .main-section03-content .info .info-content ul .info-img{}
    .main-section03 .main-section03-content .info .info-content ul .info-img a img{width:100%;max-width:153px}
    .main-section03 .main-section03-content .info .info-content ul .info-txt{}
    .main-section03 .main-section03-content .info .info-content ul .info-txt h4 a,
    .main-section03 .main-section03-content .info .info-content ul .info-txt h4 a:link{font-size:19px;color:#333;font-weight:700;line-height:24px;letter-spacing:-1px}
    .main-section03 .main-section03-content .info .info-content ul .info-txt p{margin-top:5px}
    .main-section03 .main-section03-content .info .info-content ul .info-txt p a,
    .main-section03 .main-section03-content .info .info-content ul .info-txt p a:link{font-size:15px;color:#333;font-weight:700;line-height:18px;letter-spacing:-1px}
    .main-section03 .main-section03-content .info .info-content ul .info-txt .btn-detail{display:inline-block;background:#008fd5;color:#fff;font-size:11px;padding:3px 10px;margin-top:20px;}

}

@media (max-width: 767px) {
    .main-section03{position:relative;overflow:hidden;width:100%;min-height:255px;background:#fff url("../images/common/bg_main_section03.jpg") 50% 0 repeat;}
    .main-section03 .main-section03-content{position:relative;width:100%;max-width:1140px;height:160px;margin:0 auto;padding-top:12px;}
    .main-section03 .main-section03-content .info{margin-top:30px;margin-bottom:37px;;text-align:center}
    .main-section03 .main-section03-content .info h3{font-size:30px;color:#008fd5;font-weight:900;letter-spacing:-1px;}
    .main-section03 .main-section03-content .info .info-content{margin-top:25px;}
    .main-section03 .main-section03-content .info .info-content ul{overflow:hidden}
    .main-section03 .main-section03-content .info .info-content ul li{float:left}
    .main-section03 .main-section03-content .info .info-content ul .info-img{}
    .main-section03 .main-section03-content .info .info-content ul .info-img a img{width:100%;max-width:153px}
    .main-section03 .main-section03-content .info .info-content ul .info-txt{margin-top:20px;}
    .main-section03 .main-section03-content .info .info-content ul .info-txt h4 a,
    .main-section03 .main-section03-content .info .info-content ul .info-txt h4 a:link{font-size:19px;color:#333;font-weight:700;line-height:24px;letter-spacing:-1px}
    .main-section03 .main-section03-content .info .info-content ul .info-txt p{margin-top:5px}
    .main-section03 .main-section03-content .info .info-content ul .info-txt p a,
    .main-section03 .main-section03-content .info .info-content ul .info-txt p a:link{font-size:15px;color:#333;font-weight:700;line-height:18px;letter-spacing:-1px}
    .main-section03 .main-section03-content .info .info-content ul .info-txt .btn-detail{display:inline-block;background:#008fd5;color:#fff;font-size:11px;padding:3px 10px;margin-top:20px;}

}



/*전체 메뉴*/
.nav-aside{overflow:auto;position:absolute;left:-70%;top:0;width:70%;height:100%;background:#e9e9e9;z-index:9999 !important;}
.nav-aside.active{left:0;}
.nav-aside.inactive{left:-70% !important;}
.nav-all{width:100%;background:#e9e9e9;}
.nav-all .title-area{overflow:hidden;background:#008fd5}
.nav-all .tit{float:left;margin-left:30px;padding:20px 0;font-weight:bold;font-size:35px;color:#ffffff;}
.nav-all .btn-close{float:right;padding:20px;}
.nav-all .btn-close img{height:77px;}
.nav-list>ul{}
.nav-list>ul>li>a{display:block;padding:20px 30px;border-top:1px solid #ffffff;border-bottom:1px solid #b8b8b8;background:#e9e9e9 url(../images/com/bg_arrow_navall.png) 218px 12px no-repeat;font-family:'os_b';font-size:35px;color:#333333;text-decoration:none}
.nav-list>ul>li.active>a{border-top:1px solid #af8d5e;border:-bottom1px solid #6b4d2a;color:#fff;background:#333;;text-decoration:none}
.nav-list .dep02{display:none;}
.nav-list .dep02 li{background:#c4c4c4;}
.nav-list .dep02 li:first-child a{border-top:none;}
.nav-list .dep02 li a{display:block;padding:20px 30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #b8b8b8;color:#333;font-size:30px;text-decoration:none}
.parallax-section {background-attachment: fixed !important;background-size: cover !important;}


/* 계열사 */
/*.familySite{background:#8ccbf2;}*/
.familySite{background:#fff}
.allMenu_On{display:none; width:1140px; margin:0 auto; padding:32px 0 26px 0}
.allMenu_On ul{overflow:hidden;}
.allMenu_On ul li{float:left; width:25%; padding-bottom:6px;}
.allMenu_On ul li a{color:#3b4145; font-size:14px; font-weight:500; display:block; line-height:50px; margin-right:7px; padding-left:84px;}
.allMenu_On ul li.posi_right a{margin:0;}



/*#98d4fa*/
.allMenu_On ul li#allMenu_bg_gbio a{background:#e5e5e5 url('../images/common/allMenu_bg_gbio.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg01 a{background:#e5e5e5 url('../images/common/allMenu_bg01.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg02 a{background:#e5e5e5 url('../images/common/allMenu_bg02.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg03 a{background:#e5e5e5 url('../images/common/allMenu_bg03.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg04 a{background:#e5e5e5 url('../images/common/allMenu_bg04.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg05 a{background:#e5e5e5 url('../images/common/allMenu_bg05.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg06 a{background:#e5e5e5 url('../images/common/allMenu_bg06.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg07 a{background:#e5e5e5 url('../images/common/allMenu_bg07.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg08 a{background:#e5e5e5 url('../images/common/allMenu_bg08.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg09 a{background:#e5e5e5 url('../images/common/allMenu_bg09.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg10 a{background:#e5e5e5 url('../images/common/allMenu_bg10.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg11 a{background:#e5e5e5 url('../images/common/allMenu_bg11.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg12 a{background:#e5e5e5 url('../images/common/allMenu_bg12.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg13 a{background:#e5e5e5 url('../images/common/allMenu_bg13.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg22 a{background:#e5e5e5 url('../images/common/allMenu_bg22.png') no-repeat 30px center;}



@media (max-width: 767px) {

/* 계열사 */
/*.familySite{background:#8ccbf2;}*/
.familySite{background:#eee}
.allMenu_On{display:none; width:100%; margin:0 auto; padding:15px 0}
.allMenu_On ul{width:94%;overflow:hidden;margin:0 3%;}
.allMenu_On ul li{float:left; width:100%; padding-bottom:6px;}
.allMenu_On ul li a{color:#3b4145; font-size:14px; font-weight:500; display:block; line-height:40px; text-align:right;margin-right:7px;margin-left:7px;}
.allMenu_On ul li.posi_right a{margin:0;}


/*#98d4fa*/
body .allMenu_On ul li#allMenu_bg_gbio a{background:#fff url('../images/common/allMenu_bg_gbio.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg01 a{background:#fff url('../images/common/allMenu_bg01.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg02 a{background:#fff url('../images/common/allMenu_bg02.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg03 a{background:#fff url('../images/common/allMenu_bg03.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg04 a{background:#fff url('../images/common/allMenu_bg04.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg05 a{background:#fff url('../images/common/allMenu_bg05.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg06 a{background:#fff url('../images/common/allMenu_bg06.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg07 a{background:#fff url('../images/common/allMenu_bg07.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg08 a{background:#fff url('../images/common/allMenu_bg08.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg09 a{background:#fff url('../images/common/allMenu_bg09.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg10 a{background:#fff url('../images/common/allMenu_bg10.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg11 a{background:#fff url('../images/common/allMenu_bg11.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg12 a{background:#fff url('../images/common/allMenu_bg12.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg13 a{background:#fff url('../images/common/allMenu_bg13.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg22 a{background:#fff url('../images/common/allMenu_bg22.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}


}


.all_on{display:none;}

@media (min-width: 768px) {
.sub_content{max-width:1140px;margin:0 auto;}
}
@media (max-width: 767px) {
.sub_content{max-width:938px;margin:0 auto;padding:0 20px 40px}
}

/* Subvisual-area */
@media (min-width: 768px) {
    .sub_visual{position:relative;overflow:hidden;width:100%;min-width:1140px;height:250px;z-index:105;margin-top:124px;}
    .sub_visual > .visual01{position:absolute;width:1920px;height:250px;min-width:1140px;left:50%;margin-left:-960px;background:url("../images/common/sub_visual01.jpg") 0 0 no-repeat;z-index:86}
    .sub_visual > .visual02{position:absolute;width:1920px;height:250px;min-width:1140px;left:50%;margin-left:-960px;background:url("../images/common/sub_visual02.jpg") 0 0 no-repeat;z-index:86}
    .sub_visual > .visual03{position:absolute;width:1920px;height:250px;min-width:1140px;left:50%;margin-left:-960px;background:url("../images/common/sub_visual03.jpg") 0 0 no-repeat;z-index:86}
    .sub_visual > .visual04{position:absolute;width:1920px;height:250px;min-width:1140px;left:50%;margin-left:-960px;background:url("../images/common/sub_visual04.jpg") 0 0 no-repeat;z-index:86}
    .sub_visual > .visual05{position:absolute;width:1920px;height:250px;min-width:1140px;left:50%;margin-left:-960px;background:url("../images/common/sub_visual05.jpg") 0 0 no-repeat;z-index:86}
    .sub_visual > .visual06{position:absolute;width:1920px;height:250px;min-width:1140px;left:50%;margin-left:-960px;background:url("../images/common/sub_visual06.jpg") 0 0 no-repeat;z-index:86}
    .sub_visual > .visual07{position:absolute;width:1920px;height:250px;min-width:1140px;left:50%;margin-left:-960px;background:url("../images/common/sub_visual07.jpg") 0 0 no-repeat;z-index:86}
    .sub_visual > div > h2{position:absolute;width:1140px;height:50px;min-width:1140px;left:50%;margin-left:-570px;z-index:87;bottom:5px;font-size:36px;font-weight:600;letter-spacing:-1px;color:#333333;}
    /* Location */
    .root{position:absolute;width:1140px;height:16px;min-width:1140px;left:50%;margin-left:-570px;z-index:87;bottom:15px;}
    .root .root-area { width:1140px; margin:0 auto;font-size:12px;color:#333333;text-align:right;}
    .root .root-area a{margin-left:5px;padding-right:13px;font-size:12px;color:#333333}
    .root .root-area .last{margin-left:5px;padding-right:13px;font-size:12px;color:#333333}
    .root .root-area .con{margin-left:10px;padding-right:12px;background:url(../images/com/bg_arrow01.png) 100% 6px no-repeat;font-size:12px;color:#333333}
    .root .root-area a:first-child{margin-left:0}
    .root .root-area strong{margin-left:10px;font-weight:6000;font-size:12px;color:#333333}
}
@media (max-width: 767px) {
    .sub_visual{position:relative;overflow:hidden;width:100%;height:80px;z-index:105;margin-top:0px;}
    .sub_visual > .visual01{position:absolute;width:100%;height:80px;background:url("../images/common/sub_visual01.jpg") 0 0 no-repeat;background-size:cover;z-index:86}
    .sub_visual > .visual02{position:absolute;width:100%;height:80px;background:url("../images/common/sub_visual02.jpg") 0 0 no-repeat;background-size:cover;z-index:86}
    .sub_visual > .visual03{position:absolute;width:100%;height:80px;background:url("../images/common/sub_visual03.jpg") 0 0 no-repeat;background-size:cover;z-index:86}
    .sub_visual > .visual04{position:absolute;width:100%;height:80px;background:url("../images/common/sub_visual04.jpg") 0 0 no-repeat;background-size:cover;z-index:86}
    .sub_visual > .visual05{position:absolute;width:100%;height:80px;background:url("../images/common/sub_visual05.jpg") 0 0 no-repeat;background-size:cover;z-index:86}
    .sub_visual > .visual06{position:absolute;width:100%;height:80px;background:url("../images/common/sub_visual06.jpg") 0 0 no-repeat;background-size:cover;z-index:86}
    .sub_visual > .visual07{position:absolute;width:100%;height:80px;background:url("../images/common/sub_visual07.jpg") 0 0 no-repeat;background-size:cover;z-index:86}
    .sub_visual > div > h2{position:absolute;width:100%;top:20px;padding-left:20px;z-index:87;font-size:20px;font-weight:900;letter-spacing:-1px;color:#333333;}
        /* Location */
    .root{position:absolute;width:100%;z-index:87;top:46px;}
    .root .root-area { width:100%;font-size:12px;color:#333333;padding-left:21px}
    .root .root-area a{margin-left:5px;padding-right:13px;font-size:12px;color:#333333}
    .root .root-area .last{margin-left:5px;padding-right:13px;font-size:12px;color:#333333}
    .root .root-area .con{margin-left:10px;padding-right:12px;background:url(../images/com/bg_arrow01.png) 100% 6px no-repeat;font-size:12px;color:#333333}
    .root .root-area a:first-child{margin-left:0}
    .root .root-area strong{margin-left:10px;font-weight:6000;font-size:12px;color:#333333}

}

.btn-cyan{transition: all 0.5s ease-in-out;}

/* 메인 */
.table-main-ir{margin-top:17px;font-size:14px;}
.table-main-ir td{font-weight:900}
.table-main-ir td strong{font-weight:900}
.table-main-ir .line-first{border-bottom:3px double #b4b4b4}
.table-main-ir .line-none{border-bottom:0}

/* point color */
.point01{color:#008fd5 !important}/*skyblue*/
.point02{color:#99ca3c !important}
/*.point02{color:#73a21b !important}*/*green*/
.point02_01{color:#97c936 !important}
.point03{color:#b4985a !important}/*yellow*/
.point04{color:#f2650f !important}/*yellow*/



/* 말줄임 */
.ell{overflow:hidden}
.ell .text{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}


.tab-type{margin-bottom:50px;margin-left:0;margin-right:0;}
.tab-type > li{margin-top:10px;padding-left:0;padding-right:0;}
.tab-type > li > a{display:inline-block;width:100%;padding:0;text-align:center;color:#999;font-size:19px;font-weight:700;background:#fff;border:1px solid #e9e9e9;padding:8px 0;transition: all 0.4s ease-in-out}
.tab-type > li.active > a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:19px;font-weight:700;background:#008fd5;border:1px solid #008fd5;padding:8px 0}
.tab-type > li:hover> a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:19px;font-weight:700;background:#99ca3c;border:1px solid #99ca3c;padding:8px 0}
.tab-type > li > a > span{position:relative;padding-left:30px;}
.tab-type > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:25px;position:absolute;left:0;top:-2px}

@media (max-width: 767px) {
    .tab-type{margin-bottom:30px;margin-left:0;margin-right:0;}
    .tab-type > li{margin-top:10px;padding-left:0;padding-right:0;}
    .tab-type > li > a{display:inline-block;width:100%;padding:0;text-align:center;color:#999;font-size:15px;font-weight:700;background:#fff;border:1px solid #e9e9e9;padding:4px 0;transition: all 0.4s ease-in-out}
    .tab-type > li.active > a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:15px;font-weight:700;background:#008fd5;border:1px solid #008fd5;padding:4px 0}
    .tab-type > li:hover> a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:15px;font-weight:700;background:#99ca3c;border:1px solid #99ca3c;padding:4px 0}
    .tab-type > li > a > span{position:relative;padding-left:30px;}
    .tab-type > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:25px;position:absolute;left:0;top:-2px}
}

.tab-type02{margin-bottom:50px;margin-left:0;margin-right:0;}
.tab-type02 > li{margin-top:10px;padding-left:0;padding-right:0;}
.tab-type02 > li > a{display:inline-block;width:100%;padding:0;text-align:center;color:#959595;font-size:19px;font-weight:700;background:#fff;padding:8px 0;border-top:1px solid #d7d8d9;border-bottom:1px solid #d7d8d9;transition: all 0.4s ease-in-out}
.tab-type02 > li.active > a{display:inline-block;width:100%;padding:0;text-align:center;color:#008fd5;font-size:19px;font-weight:700;background:#d7d8d9;padding:8px 0}
.tab-type02 > li:hover> a{display:inline-block;width:100%;padding:0;text-align:center;color:#008fd5;font-size:19px;font-weight:700;background:#d7d8d9;padding:8px 0}
.tab-type02 > li > a > span{position:relative;padding-left:30px;}
.tab-type02 > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:25px;position:absolute;left:0;top:-2px}

@media (max-width: 767px) {
    .tab-type02{margin-bottom:30px;margin-left:0;margin-right:0;}
    .tab-type02 > li{margin-top:10px;padding-left:0;padding-right:0;}
    .tab-type02 > li > a{display:inline-block;width:100%;padding:0;text-align:center;color:#959595;font-size:15px;font-weight:700;background:#fff;padding:4px 0;border-top:1px solid #d7d8d9;border-bottom:1px solid #d7d8d9;transition: all 0.4s ease-in-out}
    .tab-type02 > li.active > a{display:inline-block;width:100%;padding:0;text-align:center;color:#008fd5;font-size:15px;font-weight:700;background:#d7d8d9;padding:4px 0}
    .tab-type02 > li:hover> a{display:inline-block;width:100%;padding:0;text-align:center;color:#008fd5;font-size:15px;font-weight:700;background:#d7d8d9;padding:4px 0}
    .tab-type02 > li > a > span{position:relative;padding-left:30px;}
    .tab-type02 > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:25px;position:absolute;left:0;top:-2px}

}

.tab-type03{margin-bottom:50px;margin-left:0;margin-right:0;}
.tab-type03 > li{padding-left:0;padding-right:0;}
.tab-type03 > li > a{display:inline-block;width:100%;padding:0;text-align:center;color:#999;font-size:14px;font-weight:700;background:#fff;border:1px solid #e9e9e9;padding:8px 0;transition: all 0.4s ease-in-out}
.tab-type03 > li.active > a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:14px;font-weight:700;background:#008fd5;border:1px solid #008fd5;padding:8px 0}
.tab-type03 > li.on > a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:14px;font-weight:700;background:#99ca3c;border:1px solid #99ca3c;padding:8px 0}
.tab-type03 > li:hover> a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:14px;font-weight:700;background:#99ca3c;border:1px solid #99ca3c;padding:8px 0}
.tab-type03 > li > a > span{position:relative;padding-left:30px;}
.tab-type03 > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:15px;position:absolute;left:0;top:-2px}

@media (max-width: 767px) {
    .tab-type03{margin-bottom:30px;margin-left:0;margin-right:0;}
    .tab-type03 > li{margin-bottom:2px;padding-left:0;padding-right:0;}
    .tab-type03 > li > a{display:inline-block;width:100%;padding:0;text-align:center;color:#999;font-size:13px;font-weight:700;background:#fff;border:1px solid #e9e9e9;padding:4px 0;transition: all 0.4s ease-in-out}
    .tab-type03 > li.active > a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:13px;font-weight:700;background:#008fd5;border:1px solid #008fd5;padding:4px 0}
    .tab-type03 > li.on > a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:13px;font-weight:700;background:#99ca3c;border:1px solid #99ca3c;padding:4px 0}
    .tab-type03 > li:hover> a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:13px;font-weight:700;background:#99ca3c;border:1px solid #99ca3c;padding:4px 0}
    .tab-type03 > li > a > span{position:relative;padding-left:30px;}
    .tab-type03 > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:12px;position:absolute;left:0;top:-2px}
}

.tbl-01{margin-top:50px;border-bottom:1px solid #e5e5e5;transition: all 0.7s ease-in-out;}
.tbl-01:hover{background:#eef7fe;}
.tbl-01 > div > dl > dt{font-size:15px;color:#333;font-weight:700;text-align:center;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;line-height:20px;}
.tbl-01 > div > dl > dd{font-size:15px;color:#333;font-weight:300;text-align:left;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;line-height:20px;}
.tbl-01 > div > dl > dt.line02{border-bottom:2px solid #d1d1d1}
.tbl-01 > div > dl > dd.line02{border-bottom:2px solid #d1d1d1}
.tbl-01 > div > dl > dt.line_no{border-bottom:0}
.tbl-01 > div > dl > dt.counter-tit{padding-top:50px;}
.tbl-01 > div > dl > dd.line_no{border-bottom:0}
.tbl-01 > div > dl > dd.tit{font-size:19px;color:#008fd5;font-weight:700;letter-spacing:-1px;}
.tbl-01 > div > dl > dd.counter-item{padding-top:20px;}
.tbl-01 > div > dl > dd > .count-bg{float:left;width:83px;height:83px;background:url("../images/common/bg_num.png") 0 0 no-repeat;text-align:center;line-height:70px;font-size:26px;font-weight:700;color:#fff;letter-spacing:-1px;}
.tbl-01 > div > dl > dd > .count-graph{float:left;width:100%;max-width:300px;margin-left:20px;margin-top:33px;height:16px;background:url("../images/common/bg_graph.png") 0 0 repeat;text-align:center;line-height:70px;font-size:26px;font-weight:700;color:#fff;letter-spacing:-1px;}

.tbl-01 > .img-area{padding-left:40px;text-align:center;}
.tbl-01 > .img-area > .img{border:1px solid #c4c4c4}
.tbl-01 > .img-area > .img > img{width:100%;border:5px solid #fff;}
.tbl-01 > .img-area > button{margin-top:15px;transition: all 0.4s ease-in-out;margin-bottom:15px;}

.table-board > tbody > tr{transition: all 0.5s ease-in-out;}
.table-board > tbody > tr:hover{background:#eef7fe;}

.table-distribution > tbody > tr{transition: all 0.5s ease-in-out;}
.table-distribution > tbody > tr:hover{background:#eef7fe;}
.table-distribution > thead > tr > th{font-size:15px;font-weight:700;border-top:0;border-bottom:2px solid #d1d1d1}
.table-distribution > tbody > tr > td{font-size:15px;border-top:0;border-bottom:1px solid #e5e5e5;padding-top:12px;padding-bottom:12px}
.table-distribution > tbody > tr > td.project_name{font-size:17px;font-weight:700;letter-spacing:-1px}
.table-distribution > tbody > tr > td .btn-orange{transition: all 0.4s ease-in-out;}

.table-view{}
.table-view .subject{padding-top:15px;padding-bottom:10px;}
.table-view .regdate{padding-bottom:15px}
.table-view .content-area{min-height:300px}
.table-view .content-area img{max-width:100%;margin-bottom:30px;}
.table-btn .btn{transition: all 0.4s ease-in-out;}


/*입력폼*/
.board-form{width:100%;border-top:2px solid #444444;text-align:left}
.board-form th,
.board-form td{padding:10px 0;border-bottom:1px solid #b4b4b4;color:#666666}
.board-form th{border-right:1px solid #e3e3e3;background:#f3f3f3;font-weight:700}
.board-form th label,
.board-form th .label{margin:0 20px;vertical-align:middle}
.board-form input,
.board-form select{vertical-align:middle}
.board-form .file{font-size:1.0em;vertical-align:middle}
.board-form .form{margin:0 10px}
.board-form .label-para01{margin-top:8px;font-size:1.0em;color:#767676}
.board-form .label-para01 label{margin-top:1px !important}
.board-form .reco-form .label-wrap{width:100px;margin:5px 0}
.board-form .old_address{font-size:0.846em;color:#767676}
.board-form .box-privecy{height:180px;overflow-y:scroll;border:1px solid #e5e5e5}
.board-form .item{margin-top:6px;margin-bottom:6px;;}
.board-form .item.row{margin-left:-2px;margin-right:-2px;}
.board-form .item.row > div{padding-left:2px;padding-right:2px;margin-top:2px;margin-bottom:2px;}
.board-form .item.row > div > .btn{padding:5px 0px;width:100%;}
.board-form .btn-add-item{margin-left:30px;margin-top:6px;display:block;width:70px;}
.board-form .bg01{background:#fafafa;}
@media (max-width: 767px) {

 .board-form th, .board-form td{display:block}
 input[type="radio"], input[type="check"], select{	/*-webkit-appearance: none;	-moz-appearance: none;	appearance: none;*/	}
 select{line-height:1.0 !important;padding:0 !important}
.board-form .item{margin-top:10px;margin-bottom:10px;;}
.board-form .btn-add-item{margin-left:10px;margin-top:0px;display:inline-block;}
.board-form .item.row > div > .input-sm{padding:5px 2px;}
}
@media (min-width: 768px) {
 .board-form th, .board-form td{display:table-cell}
}

@media (min-width: 768px) {
    /* title */
    .title-page{margin-top:20px;margin-bottom:30px;font-weight:700;font-size:20px; color:#202020;letter-spacing:-1px;line-height:1.6}
    .title-page .point01{margin-top:5px;line-height:1.4}
    .title-page .eng{font-weight:600;font-size:22px;}
    .title-page-underline{position:relative;padding-bottom:14px;margin-bottom:18px !important;}
    .title-page-underline::before{position:absolute;width:100%;height:1px;background:#e6e7e7;bottom:0px;content:"";left:0;}

    .title-page02{margin-top:50px;margin-bottom:40px;font-weight:500;font-size:18px; color:#202020;letter-spacing:-1px;line-height:1.6}
    .title-page02 .point01{font-size:42px;font-weight:600;margin-bottom:10px;}

    .title-page-txt{margin-top:10px;font-weight:700;font-size:32px; color:#202020;letter-spacing:-1px;line-height:1.4}
    .title-page-txt02{margin-top:10px;font-weight:800;font-size:39px; color:#202020;letter-spacing:-1px;line-height:1.4}
    .title-sub01{margin:50px 0 20px 0;font-size:20px;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
    .title-sub02{margin:0 20px 8px 0;font-size:18px;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
    .title-sub03{margin:0 40px 8px 40px;font-size:1.0em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
    .title-sub04{margin:0 60px 8px 60px;font-size:0.923em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
    .title-sub05{margin:0 80px 8px 80px;font-size:0.846em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}

    /* text */
    .txt-sub01{margin:0 0 20px 0;font-size:15px;color:#202020;letter-spacing:0;line-height:26px;}
    .txt-sub01-01{margin:0 0 20px 0;font-size:17px;color:#202020;letter-spacing:0;line-height:26px;}
    .txt-sub01-point{margin:20px 0 20px 0;font-size:18px;font-weight:600;color:#202020;letter-spacing:0;line-height:26px;margin-bottom:20px;}
    .txt-sub{margin:40px 0 0 0;font-size:20px;color:#202020;letter-spacing:0;line-height:28px}
    .txt-sub02{margin:0 20px 8px 20px;font-size:1.0em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
    .txt-sub03{margin:0 40px 8px 40px;font-size:1.0em;color:#666;letter-spacing:0;line-height:1.7}
    .txt-sub04{margin:0 60px 8px 60px;font-size:0.846em;color:#202020;letter-spacing:0;line-height:1.7}
    .txt-sub05{margin:0 80px 8px 80px;font-size:0.846em;color:#666;letter-spacing:0;line-height:1.7}
    .content-tit{font-size:3.0em;font-weight:700;letter-spacing:-0.05em;line-height:1.7}
    .content-txt{font-size:1.0em;font-weight:700;color:#999;line-height:1.5}

    .txt-green{font-size:56px;font-weight:700;color:#99ca3c;margin-bottom:50px;line-height:1.0;text-align:center}

    .content_txt01{font-size:83px;color:#99cc33;font-weight:300;letter-spacing:2px;line-height:83px;margin-top:50px}
    .content_txt01 strong{font-weight:700}
    .content_txt01_02{font-size:83px;color:#666;font-weight:100;letter-spacing:-2px;line-height:83px;margin-top:5px}
    .content_txt01_02 strong{font-weight:500;color:#89b7e1;}
    .content_txt02{font-size:28px;color:#333;font-weight:500;line-height:36px;margin-top:50px;letter-spacing:-1px;}
    .content_txt02 strong{font-weight:700}
    .content_txt02_01{font-size:30px;color:#000;font-weight:500;line-height:36px;margin-top:50px;letter-spacing:-1px;}m
    .content_txt02_01 strong{font-weight:700}
    .content_txt02_02{font-size:26px;color:#333;font-weight:500;line-height:36px;margin-top:50px;letter-spacing:-1px;}
    .content_txt02_02 strong{font-weight:700}
    .content_txt03{font-size:22px;font-weight:500;line-height:28px;letter-spacing:-1px;margin-top:50px;margin-bottom:10px;}
    .content_txt03 strong{font-weight:700;}
    .content_txt04{font-size:20px;font-weight:700;line-height:34px;letter-spacing:-1px;}
    .content_txt05{font-size:15px;font-weight:500;line-height:22px;}
}
@media (max-width: 767px) {
    /* title */
    .title-page{margin-top:20px;margin-bottom:20px;font-weight:700;font-size:16px; color:#202020;letter-spacing:-1px;line-height:1.4}
    .title-page-txt{margin-top:10px;font-weight:700;font-size:22px; color:#202020;letter-spacing:-1px;line-height:1.4}
    .title-page-txt02{margin-top:10px;font-weight:800;font-size:26px; color:#202020;letter-spacing:-1px;line-height:1.4}


    .title-page02{margin-top:30px;margin-bottom:40px;font-weight:500;font-size:15px; color:#202020;letter-spacing:-1px;line-height:1.5}
    .title-page02 .point01{font-size:30px;font-weight:600;margin-bottom:5px;}


    .title-sub01{margin:50px 0 8px 0;font-size:16px;font-weight:800;color:#202020;letter-spacing:0;line-height:1.7}
    .title-sub02{margin:30px 20px 8px 0px;font-size:1.154em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
    .title-sub03{margin:0 40px 8px 40px;font-size:1.0em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
    .title-sub04{margin:0 60px 8px 60px;font-size:0.923em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
    .title-sub05{margin:0 80px 8px 80px;font-size:0.846em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}

    /* text */
    .txt-sub01{margin:0 0 8px 0;font-size:13px;color:#202020;letter-spacing:0;line-height:1.4}
    .txt-sub01-01{margin:0 0 8px 0;font-size:14px;color:#202020;letter-spacing:0;line-height:1.4}
    .txt-sub01-point{margin:0 0 8px 0;font-size:15px;font-weight:600;color:#202020;letter-spacing:0;line-height:1.4;margin-bottom:15px;}
    .txt-sub{margin:20px 0 0 0;font-size:15px;color:#202020;letter-spacing:0;line-height:1.4}
    .txt-sub02{margin:0 20px 8px 20px;font-size:13px;font-weight:700;color:#202020;letter-spacing:0;line-height:1.5}
    .txt-sub03{margin:0 40px 8px 40px;font-size:13px;color:#666;letter-spacing:0;line-height:1.5}
    .txt-sub04{margin:0 60px 8px 60px;font-size:11px;color:#202020;letter-spacing:0;line-height:1.5}
    .txt-sub05{margin:0 80px 8px 80px;font-size:11px;color:#666;letter-spacing:0;line-height:1.5}
    .content-tit{font-size:22px;font-weight:700;letter-spacing:-0.05em;line-height:1.5}
    .content-txt{font-size:13px;font-weight:700;color:#999;line-height:1.5}

    .txt-green{font-size:24px;font-weight:700;color:#99ca3c;margin-bottom:10px;}

    .content_txt01{font-size:46px;color:#99cc33;font-weight:300;letter-spacing:2px;line-height:60px;margin-top:30px}
    .content_txt01 strong{font-weight:700}
    .content_txt01_02{font-size:46px;color:#666;font-weight:100;letter-spacing:-2px;line-height:60px;margin-top:5px}
    .content_txt01_02 strong{font-weight:500;color:#89b7e1;}
    .content_txt02{font-size:16px;color:#333;font-weight:500;line-height:1.4;margin-top:30px;letter-spacing:-1px;}
    .content_txt02 strong{font-weight:700}
    .content_txt02_01{font-size:18px;color:#000;font-weight:500;line-height:1.4;margin-top:30px;letter-spacing:-1px;}
    .content_txt02_01 strong{font-weight:700}
    .content_txt02_02{font-size:15px;color:#333;font-weight:500;line-height:1.4;margin-top:30px;letter-spacing:-1px;}
    .content_txt02_02 strong{font-weight:700}
    .content_txt03{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-1px;margin-top:30px;margin-bottom:6px;}
    .content_txt03 strong{font-weight:700;}
    .content_txt04{font-size:13px;font-weight:700;line-height:1.4 !important;letter-spacing:-1px;}
    .content_txt05{font-size:13px;font-weight:500;line-height:1.4 !important;}
}



/* 회사소개 */
.mov_area{margin-top:40px;z-index:10}
.table-company{margin-top:50px;border-top:3px solid #e5e5e5}
.table-company tr, .table-company tr th, .table-company tr td{border-bottom:1px solid #e0e0e0 !important;border-top:0;}
@media (min-width: 768px) {
    .table-company tr th{font-size:15px;font-weight:700}
    .table-company tr td{font-size:15px}
    .table-company tr td.name{font-size:15px;font-weight:700;color:#008fd5}
}
@media (max-width: 767px) {
    .table-company tr th{font-size:13px;font-weight:700}
    .table-company tr td{font-size:13px}
    .table-company tr td.name{font-size:13px;font-weight:700;color:#008fd5}
}

.company_logo{margin:30px 0;text-align:center;overflow:hidden;}
.company_logo img{width:100%; max-width:363px}

.csrcyber-result-box{background:#f6f6f6;border:1px solid #d7d7d7;padding:35px;}
.csrcyber-result-box .line-middle{border-bottom:1px solid #dfdfe1;height:20px;margin-bottom:20px;}

.box_group{background:#f7fafb;overflow:hidden;padding:30px 10px 20px 10px;}
.box_group .area{float:left;width:16.66%;min-width:150px;padding:0 8px;min-height:265px;}
.box_group .area > h4 span.txt{position:absolute;top:1px; margin-left:7px; }
.box_group .area > p{margin-top:12px;}
.box_group .area > p > img{width:100%;}
.box_group .area > ul{margin-top:15px}
.box_group .area > ul li{width:100%;}
.box_group .area > ul li a i.more {display:block; position:absolute; top:8px; right:0px; z-index:1; width:14px; height:14px; background:url(../images/company/group_ico01.png) no-repeat center -42px; background-size:14px auto;}
.box_group .area > ul li a:hover i.more {background-image:url(../images/company/group_ico01.png); background-position:center top; background-size:14px auto;}
.box_group .area > ul li a{position:relative;}


.box_group .area > ul li a:hover{color:#008fd5}

@media (min-width: 768px) {
    .box_group .area > h4{font-size:15px;color:#333;font-weight:700;line-height:24px;position:relative}
    .box_group .area > h4 span.bg{display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;font-weight:900;letter-spacing:0px;color:#fff;background:#008fd5;text-align:center;}
    .box_group .area > ul li a{display:inline-block;padding:7px 5px;width:100%;font-size:14px;color:#666;font-weight:600;letter-spacing:-1px;line-height:18px;}

}
@media (max-width: 767px) {
    .box_group .area > h4{font-size:14px;color:#333;font-weight:700;line-height:24px;position:relative}
    .box_group .area > h4 span.bg{display:inline-block;width:24px;height:24px;line-height:22px;font-size:12px;font-weight:900;letter-spacing:0px;color:#fff;background:#008fd5;text-align:center;margin-right:4px;}
    .box_group .area{clear:both;width:100%;margin-bottom:30px;min-height:1px;padding-left:15px;;padding-right:15px;}
    .box_group .area > ul li a{display:inline-block;padding:7px 5px;width:100%;font-size:13px;color:#666;font-weight:700;letter-spacing:-1px;line-height:18px;}
}

.ir-section .tab-type03{margin-left:-1px;margin-right:-1px;}
.ir-section .tab-type03 > li{width:20%;float:left;margin-bottom:8px;display:table;padding-left:1px;padding-right:1px;}
.ir-section .tab-type03 > li > a{min-height:56px;display:table-cell;vertical-align:middle;letter-spacing:-1px;}
.ir-section .title-sub02{margin-top:20px;}
.ir-section .area{display:none;}
.ir-section .area01{display:block;}

@media (max-width: 767px) {
    .ir-section .tab-type03 > li{width:100%;}
}


.box_business{min-height:308px;overflow:hidden;padding:40px;background:url("../images/company/bg_box_business.jpg") 0 0 repeat;margin-top:40px;font-size:18px;color:#fff;font-weight:700;line-height:30px;letter-spacing:-1px;}

.overview-table > tbody > tr > th{background:#e5e5e5;text-align:center;font-weight:600;}
.introduction-product{margin-left:-30px;margin-right:-30px}
.introduction-product > div{padding-left:30px;padding-right:30px}
.introduction-product > div > div{position:absolute;width:100%;text-align:center;top:50%;margin-top:-10px;color:#fff;font-size:21px;font-weight:600;margin-left:-30px;line-height:24px}
.introduction-product > div > div a{color:#fff;}
.introduction-product > div > div.sulfur{margin-top:-28px}
@media (max-width: 767px) {
    .overview-table > tbody > tr > th, .overview-table > tbody > tr > td{display:block;text-align:center;}
    .introduction-product{margin-left:-10px;margin-right:-10px}
    .introduction-product > div{position:relative;padding-left:10px;padding-right:10px;margin-bottom:20px}
.introduction-product > div > div{position:absolute;width:100%;text-align:center;top:50%;margin-top:-10px;color:#fff;font-size:21px;font-weight:600;margin-left:-10px}
}
.ceo-section{max-width:1100px;min-height:367px;margin:0 auto;padding:0 80px;background:url("../images/company/ceo_img01.jpg") 50% 0 no-repeat;}
.ceo-sign-area{float:right;overflow:hidden;margin:40px 35px 40px 0;}
.ceo-sign-area::after{clear:both;}
.ceo-sign-area .company-name{float:left;font-weight:600;margin-top:17px;margin-right:30px;}
.ceo-sign-area .ceo-sign{float:left;font-size:25px;font-weight:600;  }
.ceo-sign-area .ceo-sign img{width:100%;max-width:180px;}
@media (max-width: 767px) {
    .ceo-section{padding:0 20px;background:none;min-height:10px; }
    .ceo-sign-area .company-name{float:none;text-align:center;;margin-right:0;}
    .ceo-sign-area .ceo-sign{float:none;text-align:center;margin-top:20px;}
    .ceo-sign-area .ceo-sign img{margin-top:10px}
}
.history-section{position:relative;}
.history-since{font-size:51px;color:#000;font-weight:600;letter-spacing:-1px;line-height:40px;margin-top:5px;text-align:center;}
@media (max-width: 767px) {
    .history-section{padding-bottom:0;}
    .history-since{font-size:35px;}
}

/* 회사연혁 */
/*.table-history{transition: all 0.5s ease-in-out;margin-bottom:0;}*/
.table-history{position:relative;width:100%;max-width:420px;margin:0 auto;z-index:99}
.table-history > thead > tr > th, .table-history > tbody > tr > th, .table-history > tfoot > tr > th, .table-history > thead > tr > td, .table-history > tbody > tr > td, .table-history > tfoot > tr > td{border-bottom:0;padding:12px 0;}
.table-history > tbody > tr > th{font-size:21px;font-weight:700;color:#e59532;line-height:22px;}
.table-history > tbody > tr > td{font-size:15px;}
.table-history .bg{background:url("../images/company/history_bg.gif") 50% 73px repeat-y;}
.table-history .bg-t{background:url("../images/company/history_bg_t.gif") 50% 73px repeat-y;}
.table-history .bg-b{background:url("../images/company/history_bg_b.gif") 50% 73px repeat-y;}
.history_bg{position:absolute;width:938px;overflow:hidden;margin-top:62px;top:120px;background:url("../images/company/history_bg_img.jpg") 0 0 no-repeat;z-index:80}
@media (max-width: 939px) {
    .history_bg{display:none;}
}
@media (max-width: 767px) {
    .table-history > tbody > tr > th{font-size:16px}
    .table-history > tbody > tr > td{font-size:14px;}
}


.product-area h5{font-weight:800;}
.product-area .img-area img{width:100%;}
.product-area .table > thead > tr > th{background:#f3f3f3;}
.product-area .product-info > div{margin-bottom:20px;}

.equipment-list{}
.equipment-list .info-box{background:#eee;border:1px solid #cacaca;border-radius:0px;padding:30px;margin-bottom:30px;}
.equipment-list .info-box .img-area{padding-bottom:20px;border-bottom:1px solid #d3d3d3}
.equipment-list .info-box h5{border-top:1px solid #fff;padding-top:18px;font-size:15px;font-weight:800;color:#199ad9;margin-bottom:10px;}
.equipment-list .info-box ul li{font-size:14px;padding-top:2px;padding-bottom:2px;}
@media (max-width: 767px) {
    .equipment-list .info-box{background:#eee;border:1px solid #cacaca;border-radius:10px;padding:15px;margin-bottom:20px;}
    .equipment-list .info-box ul li{font-size:13px;padding-top:1px;padding-bottom:1px;}
}

.product-copy{margin-top:70px;padding-left:-10px;padding-right:-10px;}
.product-copy > li{padding-left:10px;padding-right:10px;margin-bottom:20px;}
.product-copy > li > div{border:3px solid #008fd5;padding:13px 10px;}
.product-copy > li > div > h4{font-size:26px;font-weight:700;letter-spacing:-1px;color:#008fd5}
.product-copy > li > div > p{font-weight:700;letter-spacing:-1px;margin-top:6px}




.sub_content_full_default{position:relative;overflow:hidden;}
.sub_content_full{position:relative;overflow:hidden;margin-top:80px;}
.sub_content_full > div{width:938px;margin:50px auto;max-width:100%;}
.sub_content_full02{position:relative;overflow:hidden;background:url("../images/product/product03_img02_bg.jpg") 50% 0 repeat;margin-top:80px;}
.sub_content_full02 > div{width:938px;margin:50px auto;max-width:100%;}

.box-recruit01{background:#a1ce4a;color:#fff;font-size:46px;font-weight:700;padding:19px 0 20px 0;line-height:46px;}
.recruit-txt{font-size:59px;color:#97c936;font-weight:700;letter-spacing:-1px;line-height:69px;margin-top:5px;margin-bottom:30px;text-align:center;}
@media (max-width: 767px) {
    .box-recruit01{background:#a1ce4a;color:#fff;font-size:32px;font-weight:700;padding:9px 0 10px 0;line-height:32px;}
    .recruit-txt{font-size:30px;line-height:35px}
}
/* 복리후생 */
.recruit02{margin-top:65px;background:url("../images/recruit/bg_recruit02.png") 0 0 repeat;}
.recruit02 .img_area img{width:100%;max-width:442px}
.recruit02 .txt_area h4{font-size:34px;font-weight:700;color:#008fd5;letter-spacing:-1px;line-height:40px;margin-top:30px;}
.recruit02 .txt_area p{font-size:18px;letter-spacing:-1px;line-height:26px;margin-top:10px;}
@media (max-width: 767px) {
    .recruit02 .txt_area h4{text-align:left;font-size:24px;font-weight:700;color:#008fd5;letter-spacing:-1px;line-height:28px;margin-top:20px;}
    .recruit02 .txt_area p{text-align:left;font-size:15px;letter-spacing:-1px;line-height:18px;margin-top:10px;}
}

.bg_recruit02_02{background:url("../images/recruit/bg_recruit02_02.jpg") 50% 0 repeat;margin-bottom:50px}
.recruit02_02{width:938px;margin:0 auto !important;}
.recruit02_02 .img_area img{width:100%;max-width:442px}
.recruit02_02 .txt_area h4{font-size:34px;font-weight:700;color:#008fd5;letter-spacing:-1px;line-height:40px;margin-top:70px;}
.recruit02_02 .txt_area p{font-size:18px;letter-spacing:-1px;line-height:26px;margin-top:10px;}
@media (max-width: 767px) {
    .bg_recruit02_02{background:url("../images/recruit/bg_recruit02_02.jpg") 50% 0 repeat;margin-bottom:0px}
    .recruit02_02 .img_area{text-align:left}
    .recruit02_02 .txt_area h4{font-size:24px;font-weight:700;color:#008fd5;letter-spacing:-1px;line-height:40px;margin-top:50px;}
    .recruit02_02 .txt_area p{font-size:15px;letter-spacing:-1px;line-height:18px;margin-top:10px;}
}

.recruit01-area{overflow:hidden;margin-top:70px;}
.recruit01-area .row{margin-bottom:40px;;}
.recruit01-area h4{font-size:27px;color:#008fd5;font-weight:600;margin-bottom:15px;}
.recruit01-area p{font-size:17px;font-weight:400;}
.recruit01-area img{width:100%;max-width:382px;float:right;}
@media (max-width: 767px) {
    .recruit01-area img{float:left;margin-bottom:20px;}
    .recruit01-area h4{font-size:18px;color:#008fd5;font-weight:600;margin-bottom:10px;}
    .recruit01-area p{font-size:13px;font-weight:400;}
}
/* 오시는길 */
.map_tit{width:100%;max-width:938px;margin:0 auto;font-size:48px;letter-spacing:-1px;font-weight:700;margin-top:40px;}
.map_txt{width:100%;max-width:938px;margin:0 auto;font-size:15px;line-height:22px;;font-weight:700;margin-top:40px;text-align:center}
.map_area{min-height:400px;}
@media (max-width: 767px) {
.map_tit{width:100%;max-width:938px;margin:0 auto;font-size:32px;letter-spacing:-1px;font-weight:700;margin-top:30px;line-height:32px}
.map_txt{width:100%;max-width:938px;margin:0 auto;font-size:15px;line-height:22px;;font-weight:700;margin-top:20px;text-align:center}
.map_area{min-height:200px;}
}

.contactus-section .table thead tr th{background:#f3f3f3;}
.contactus-section01 .box-bg{padding:20px 10px;background:#f7f7f7;border:1px solid #e7e7e7;margin-bottom:20px;}
.contactus-section01 .info > p.txt-sub01{margin-bottom:4px;line-height:1.5}
@media (max-width: 767px) {
    .contactus-section01 .img-area{margin-bottom:20px;}
}

/* Contact */
.contactBox{padding-bottom:40px;border-top:1px solid #008fd5}
.contactBox.first{border-top:none;}
.contact_tit{width:100%;max-width:938px;margin:0 auto;font-size:48px;letter-spacing:-1px;font-weight:700;margin-top:40px;}
.contact_txt{width:100%;max-width:938px;margin:0 auto;font-size:15px;line-height:22px;;font-weight:700;margin-top:40px}
.contact_info{overflow:hidden;width:100%;margin-top:10px;}
@media (max-width: 767px) {
.contact_tit{width:100%;max-width:938px;margin:0 auto;font-size:32px;letter-spacing:-1px;font-weight:700;margin-top:30px;line-height:32px}
.contact_txt{width:100%;max-width:938px;margin:0 auto;font-size:15px;line-height:22px;;font-weight:700;margin-top:20px}
}

/*=====================================================================================================*/
/*NEWS & NOTICE list_page*/
.news_list_tab{position:relative;width:1000px;height:70px;top:0;left:50%;margin-left:-470px;margin-top:35px}
.news_list_tab > ul{position:relative;width:100%;height:100%;}
.news_list_tab > ul > li{width:172px;height:38px;background:#8f8f8f;float:left;margin-top:0;margin-left:2px;}
.news_list_tab > ul > li.active{background:#99ca3c;}
.news_list_tab > ul > li a{display:block;width:170px;height:38px;color:#fff;font-size:22px;text-align:center;line-height:38px;}


.news_list_form{position:relative;width:1000px;left:50%;margin-left:-470px;margin-top:35px}

.content_title{font-size:22px;color:#444;}
.news_list_form .content_title_img{width:100%;margin-left:80px;}
.news_list_form .list_search_form{position:relative;width:1000px;height:57px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;background:#f1f1f1;}

.news_list_form .search-form01{width:730px;line-height:57px;margin:0 auto;}
.news_list_form .search-form01 .select{vertical-align:middle;line-height:24px;font-size:12px;color:#515151;text-align:center;}
.news_list_form .search-form01 .text{vertical-align:middle;}
.news_list_form .search-form01 .btn-type-blue-01{position:relative;background:#008fd5;vertical-align:middle;text-align:center;line-height:25px;}
.news_list_form .search-form01 .btn-type-blue-01 a{display:block;color:#fff;}

.news_list_form .list_form{position:relative;margin-top:17px;}
.news_list_form .list_form .isu-btn-recruit01{position:relative;width:63px;height:20px;background:#f06b08;vertical-align:middle;text-align:center;line-height:20px;}
.news_list_form .list_form .isu-btn-recruit01 a{display:block;color:#fff;font-size:12px;}
.news_list_form .list_form .isu-btn-recruit02{position:relative;width:63px;height:20px;background:#a8a8a8;vertical-align:middle;text-align:center;line-height:20px;}
.news_list_form .list_form .isu-btn-recruit02 a{display:block;color:#fff;font-size:12px;}

.news_list_form .board-list01{width:100%;border-top:3px solid #dddddd;}
.news_list_form .board-list01 thead th{padding:5px 0;background-color:#f1f1f1;color:#515151;font-size:12px;}
.news_list_form .board-list01 th,
.news_list_form .board-list01 td{padding:10px 0;border-bottom:1px solid #e0e0e0;text-align:center;color:#515151;font-size:12px;}
.news_list_form .board-list01 td > a{display:block;margin:0 10px;}
.news_list_form .board-list01 img{vertical-align:middle;}
.news_list_form .board-list01 .con-no{height:100px;}
.news_list_form .board-list01 .con{margin:0 10px;}
.news_list_form .board-list01 .tag-notice{margin-right:5px;}
.news_list_form .board-list01 .tag-new{margin-left:5px;}
.news_list_form .board-list01 .tit-article{}
.news_list_form .board-list01 .tit-article a{}
.news_list_form .board-list01 .tit-article .tit{display:block;margin-bottom:10px;}
.news_list_form .board-list01 .tit-article .desc{}
.news_list_form .board-list01 .padding80{padding-left:80px;}

/*****페이징 *******************/
.news_list_form .isu_board_paging{margin:30px 0;text-align:center;width:100%;height:150px;font-family:ng_b;font-size:12px;}
.news_list_form .isu_board_paging a,
.news_list_form .isu_board_paging strong{width:25px;height:25px;vertical-align:middle;line-height:25px;vertical-align:top;color:#555555;}
.news_list_form .isu_board_paging img{ vertical-align:middle;}
.news_list_form .isu_board_paging strong{color:#008fd5;}
.news_list_form .isu_board_paging .btn-confirm{border:none;}



/*NEWS & NOTICE view_page*/
.news_view_form{position:relative;width:1000px;left:50%;margin-left:-470px;margin-bottom:50px;margin-top:35px;}
.news_view_form .content_title{font-size:22px;color:#444;}

.news_view_form > .isu-board-view01{width:100%;border-top:3px solid #ddd;text-align:left;font-size:12px;color:#515151;}
.news_view_form > .isu-board-view01 th,
.news_view_form > .isu-board-view01 td{border:none;background:#f1f1f1;height:35px;}
.news_view_form > .isu-board-view01 th{height:50px;border-top:3px solid #ddd;}
.news_view_form > .isu-board-view01 th label,
.news_view_form > .isu-board-view01 th .label{margin:0 30px;vertical-align:middle;}
.news_view_form > .isu-board-view01 .con_title{margin:0 30px;font-size:18px !important; color:#0099cc !important;}
.news_view_form > .isu-board-view01 .con_file{}
.news_view_form > .isu-board-view01 .td_file{border-top:3px solid #ddd;}
.news_view_form > .isu-board-view01 .con_body .textarea{padding:0 30px;min-height:400px;background:#fff;padding-top:30px;}

/*이전글, 다음글*/
.news_view_form .isu-board-move{overflow:hidden;width:100%;margin-top:2px;}
.news_view_form .isu-board-move dt,
.news_view_form .isu-board-move dd{float:left;padding:10px 0;}
.news_view_form .isu-board-move dt{width:10%;border-top:1px solid #e0e0e0;font-size:12px;}
.news_view_form .isu-board-move dd{width:90%;border-top:1px solid #e0e0e0;font-size:12px;}
.news_view_form .isu-board-move dd a{display:block;}
.news_view_form .isu-board-move span{margin-left:20px;padding-right:20px;background:url(../images/com/bg_arrow02.gif) no-repeat;}
.news_view_form .isu-board-move .prev span{background-position:100% 5px;}
.news_view_form .isu-board-move .next span{background-position:100% -40px;}


.imgViewerCerti{position:fixed;width:554px;height:773px;top:50%;left:50%;margin-top:-386px;margin-left:-277px;text-align:center;background:#111;z-index:9999 !important}
.imgViewerCerti > div{height:80px;text-align:right}
.imgViewerCerti > div > a{color:#fff;font-size:50px;text-decoration:none;padding-right:20px}
.imgViewerCerti > img{width:454px;height:643px;cursor:pointer}

/******** popup **************/
@media all and (min-width: 1140px) {
	.modal-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.8;filter: alpha(opacity = 80);z-index:9998 !important;}
	.overlay-alpha{opacity:0;filter: alpha(opacity = 0);}

	.movie-play{position:fixed;width:1000px;height:563px;top:50%;left:50%;margin-top:-361px;margin-left:-500px;z-index:9999 !important}
	.movie-play > div{height:80px;text-align:right}
	.movie-play > div > a{color:#fff;font-size:50px;text-decoration:none}

	.imgViewer{position:fixed;width:522px;height:730px;top:50%;left:50%;margin-top:-365px;margin-left:-211px;text-align:center;background:#111;z-index:9999 !important}
	.imgViewer > div{height:80px;text-align:right}
	.imgViewer > div > a{color:#fff;font-size:50px;text-decoration:none;padding-right:20px}
	.imgViewer > img{width:422px;height:600px;cursor:pointer}


	.imgViewerSports{position:fixed;width:1038px;height:770px;top:50%;left:50%;margin-top:-385px;margin-left:-519px;text-align:center;background:#111;z-index:9999 !important}
	.imgViewerSports > div{height:80px;text-align:right}
	.imgViewerSports > div > a{color:#fff;font-size:50px;text-decoration:none;padding-right:20px}
	.imgViewerSports > img{width:938px;height:640px;cursor:pointer}
}

@media all and (max-width: 1139px) {

	.modal-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.8;filter: alpha(opacity = 80);z-index:9998 !important;}
	.overlay-alpha{opacity:0;filter: alpha(opacity = 0);}

	.movie-play{position:absolute;top:0;width:100%;height:100%;z-index:9999 !important}
	.movie-play > div{height:80px;text-align:right}
	.movie-play > div > a{color:#fff;font-size:50px;text-decoration:none}

	.imgViewer{position:fixed;width:522px;height:730px;top:50%;left:50%;margin-top:-365px;margin-left:-211px;text-align:center;background:#111;z-index:9999 !important}
	.imgViewer > div{height:80px;text-align:right}
	.imgViewer > div > a{color:#fff;font-size:50px;text-decoration:none;padding-right:20px}
	.imgViewer > img{width:100%;cursor:pointer}


	.imgViewerSports{position:fixed;width:1038px;height:770px;top:50%;left:50%;margin-top:-385px;margin-left:-519px;text-align:center;background:#111;z-index:9999 !important}
	.imgViewerSports > div{height:80px;text-align:right}
	.imgViewerSports > div > a{color:#fff;font-size:50px;text-decoration:none;padding-right:20px}
	.imgViewerSports > img{width:938px;height:640px;cursor:pointer}
}



.product-section .product-item{margin-bottom:0px;}
.product-section .product-item::first-item .prodcut-name{border-top:2px solid #7fc7ea}
.product-section .product-item .prodcut-name{background:#e5f4fb;border-bottom:1px solid #c1e4f5;font-size:14px;font-weight:200;color:#333;padding:8px 10px;margin-bottom:0;overflow:hidden;-webkit-transition: all 0.7s ease;	-moz-transition: all 0.7s ease;	transition: all 0.7s ease;cursor:pointer}
.product-section .product-item .prodcut-name:hover{background:#7fc7ea;color:#fff}
.product-section .product-item .prodcut-name strong{font-weight:700;padding-left:10px;padding-right:10px;font-size:17px;display:inline-block;width:140px;text-align:left;}
.product-section .product-item .prodcut-name span{float:right;}
.product-section .product-item .prodcut-name2{background:#e5f4fb;border-bottom:1px solid #c1e4f5;font-size:14px;font-weight:200;color:#333;padding:8px 10px;margin-bottom:0;overflow:hidden;-webkit-transition: all 0.7s ease;	-moz-transition: all 0.7s ease;	transition: all 0.7s ease;cursor:pointer}
.product-section .product-item .prodcut-name2:hover{background:#7fc7ea;color:#fff}
.product-section .product-item .prodcut-name2 strong{font-weight:700;padding-left:10px;padding-right:10px;font-size:17px;display:inline-block;width:140px;text-align:left;}
.product-section .product-item .prodcut-name2 span{float:right;}
.product-section .product-item .product-box{border:1px solid #e5f4fb;border-top:0;display:none;padding:20px 20px 0;}
.product-section .product-item .product-box h4{position:relative;font-size:15px;font-weight:600;color:#202020;margin-left:14px;margin-bottom:10px;margin-top:10px;}
.product-section .product-item .product-box h4::before{position:absolute;width:10px;height:3px;background:#0070c6;content:"";top:5px;left:-14px}

.product-section .product-item .table{margin-bottom:30px;border-top:2px solid #202020;border-right:1px solid #b4b4b4;}
.product-section .product-item .table th, .product-section .table td{border-left:1px solid #b4b4b4;vertical-align:middle;text-align:center;}
.product-section .product-item .table tbody th{background:#f3f3f3;font-weight:600;color:#202020;}
.product-section .product-item .table .no-border{border-left:0}
.product-section .product-item .table .border-t-1{border-top:1px solid #333}
.product-section .product-item .table .graph{position:relative;background:url("../images/product/bg_graph.gif") 0 50% repeat-x;}
/*.product-section .product-item .table .graph::before{position:absolute;width:100%;height:6px;background:#84bae4;content:"";margin-left:-5px;margin-top:-3px;}*/

.product-section .product-item .product-box .product-info .table-condensed th, .product-section .product-item .product-box .product-info .table-condensed td{font-size:12px;}
.product-section .product-item .product-box .product-info .table-condensed thead th{background:#e5e5e5}
.product-section .product-item .product-box .product-info{margin-bottom:30px;overflow:hidden;}
.product-section .product-item .product-box .product-info h4 button{float:right;}
.product-section .product-item .product-box .product-info h4{background:url("../images/product/dot_line.png") 40px 8px no-repeat;}
.product-section .product-item .product-box .product-info .btn-detail{width:90px;}
.product-section .product-item .product-box .product-info .product-info-table{display:none;overflow:hidden;overflow-x:auto;}
.product-section .product-item .product-box .product-info  h5{position:relative;font-size:14px;font-weight:600;color:#202020;margin-left:10px;margin-bottom:10px;margin-top:10px;}
.product-section .product-item .product-box .product-info  h5::before{position:absolute;width:6px;height:2px;background:#999;content:"";top:6px;left:-10px}

.tab-products{width:100%;margin-left:-2px;margin-right:-2px;overflow:hidden;}
.tab-products > li{float:left;width:20%;padding-left:2px; padding-right:2px;}
.tab-products > li > a{background:#c3c3c3}

.product-section .dropdown {margin-bottom:30px;}
.product-section .dropdown .dropdown-toggle{width:100%;text-align:center;color:#fff;font-size:19px;font-weight:700;background:#99ca3c;padding:8px 0;border-radius:0}
.product-section .dropdown .dropdown-menu{width:100%;border-radius:0;}

@media (max-width: 767px) {
    .product-section .product-item .prodcut-name{font-size:13px;}
    .product-section .product-item .prodcut-name strong{font-size:15px;display:block;padding-left:0;}
    .product-section .product-item .prodcut-name2{font-size:13px;}
    .product-section .product-item .prodcut-name2 strong{font-size:15px;display:block;padding-left:0;}
    .product-section .product-item > .product-box > .table th, .product-section .product-item > .product-box > .table td{display:block;}
}

.login-box{width:100%;max-width:750px;margin:0 auto;background:url("../images/order/bg_login.gif") 0 0 repeat;border:1px solid #cecece;border-radius:15px;padding:40px 20px;margin-top:40px;}
.login-box .login-form{width:100%;max-width:530px;margin:0 auto;}
.login-box .login-form .row{margin-bottom:4px;margin-left:-5px;margin-right:-5px;}
.login-box .login-form .row > div{margin-bottom:4px;padding-left:5px;padding-right:5px;}
.login-box .login-form label{font-size:22px;font-weight:600;}
.login-box .login-form .btn-login{width:100%;height:75px;color:#fff;font-weight:600;border-radius:5px;border:1px solid #008fd5;background:#008fd5}
.login-box .login-form .btn-join{width:100%;height:75px;color:#fff;font-weight:600;border-radius:5px;border:1px solid #99ca3a;background:#99ca3a}
.login-box .login-txt{font-size:14px;font-weight:600;text-align:center;margin-top:30px;}
@media (max-width: 767px) {
    .login-box .login-form .btn-login{margin-top:20px;}
    .login-box .login-form .btn-join{margin-top:20px;}
}


.table-order-contact{border-top:2px solid #202020;margin-top:50px;}
.table-order-contact > thead > tr > th{border-top:0;background:#e5e5e5;text-align:center;}
.table-order-contact > tbody > tr > th{background:#f3f3f3;font-weight:600;text-align:center;}
.table-order-contact > tbody > tr > td{border-left:1px solid #b4b4b4;text-align:center;}
@media (max-width: 767px) {
    .table-order-contact > thead > tr > th{display:block}
    .table-order-contact > tbody > tr > th{display:block}
    .table-order-contact > tbody > tr > td{display:block;border-left:0;}
}

.ci-img {width:100%;max-width:767px;margin:0 auto;margin-bottom:80px;}
.ci-img img{width:100%;}
@media (max-width: 767px) {
    .ci-img {margin-bottom:40px;}
}


.page_top{position:fixed;bottom:20px;right:50%;margin-right:-530px;;z-index:99999;width:40px;height:40px;}
@media (max-width: 767px) {
    .page_top{position:fixed;bottom:20px;right:10px;margin-right:0;z-index:99999;width:40px;height:40px;}
}



.gallery-list01{}
.gallery-list01 li{margin-bottom:20px;}
.gallery-list01 li > div{background:#f3f3f3;padding-bottom:20px;border:1px solid #e5e5e5}
.gallery-list01 li a{width:100%;}
.gallery-list01 li a p{text-align:center;margin-top:10px;}
.gallery-list01 li .thum_wrap{position:relative;padding-top:130%;overflow:hidden;}
.gallery-list01 li .thum_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;}


.gallery-list02{}
.gallery-list02 li{margin-bottom:20px;}
.gallery-list02 li > div{background:#f3f3f3;padding-bottom:20px;border:1px solid #e5e5e5}
.gallery-list02 li a{width:100%;}
.gallery-list02 li a p{text-align:center;margin-top:10px;}
.gallery-list02 li .thum_wrap{position:relative;padding-top:75%;overflow:hidden;}
.gallery-list02 li .thum_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;}

.ellipsis{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:92%;overflow:hidden;margin:0 auto;}


.sumary-info h4{font-size:19px;font-weight:900;color:#202020;margin-bottom:4*fpx;}
.sumary-info .txt-l{font-size:23px;font-weight:900;color:#202020;text-decoration:underline;margin-top:16px;}
.sumary-info .txt{font-size:15px;font-weight:400;color:#202020;}
.sumary-info > div{min-height:150px;background-color:#f1f1f1;padding:20px 20px}
.sumary-info > .bg01{background-color:#99ca3b !important;}
.sumary-info > .bg01 h4{color:#fff;}
.sumary-info > .bg01 .txt-l{color:#fff;}
.sumary-info > .bg01 .txt{color:#fff;}
.sumary-info > .bg02{background-color:#008fd5 !important;}
.sumary-info > .bg02 h4{color:#fff;}
.sumary-info > .bg02 .txt-l{color:#fff;}
.sumary-info > .bg02 .txt{color:#fff;}

.section-introduction .icon01{background-image:url("../images/company/introduction_icon01.jpg");background-position: 100% 100%;background-repeat: no-repeat;}
.section-introduction .icon02{background-image:url("../images/company/introduction_icon02.jpg");background-position: 100% 100%;background-repeat: no-repeat;}
.section-introduction .icon03{background-image:url("../images/company/introduction_icon03.jpg");background-position: 100% 100%;background-repeat: no-repeat;margin-bottom:20px;}
.section-introduction .icon04{background-image:url("../images/company/introduction_icon04.jpg");background-position: 100% 100%;background-repeat: no-repeat;margin-bottom:20px;;}
.area-btn{padding-top:30px;}
.btn-type01{display:inline-block;background:#008fd5;font-size:15px;font-weight:600;color:#fff;padding:13px 60px 15px 60px;-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}
.btn-type01:hover{color:#fff;background:#99ca3b;-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}
.btn-type-md{display:inline-block;background:#008fd5;font-size:14px;font-weight:600;color:#fff;padding:5px 24px 5px 24px;-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}
.btn-type-md:hover{color:#fff;background:#99ca3b;-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}

@media (max-width: 767px) {
    .btn-type01{display:inline-block;background:#008fd5;font-size:13px;font-weight:600;color:#fff;padding:10px 30px 12px 30px;-webkit-transition: all 1.0s ease;	-moz-transition: all 1.0s ease;transition: all 1.0s ease;}
}

.csrcyber-section > .row > div{position:relative;}
.csrcyber-section .title-circle{display:inline-block;width:140px;height:140px;border:10px solid #fff;border-radius:70px;position:absolute;left:50%;top:0;margin-left:-70px;margin-top:0;margin-bottom:0;line-height:114px;color:#fff;}
.csrcyber-section .csr-box{position:relative;padding:30px 20px;text-align:center;margin-top:70px;padding-top:110px;}
.csrcyber-section .box01{background:#0185c6;}
.csrcyber-section .box02{background:#8ab931;}
.csrcyber-section .csr-box p{color:#fff;font-weight:700;font-size:15px;line-height:26px;text-align:center;}
.csrcyber-section .csr-box a{display:inline-block;padding:3px 35px;background:#fff;font-weight:700;font-size:15px;margin-top:30px;}
.csrcyber-section .box01 a{color:#0185c6;}
.csrcyber-section .box02 a{color:#8ab931;}
.csrcyber-section .table-condensed{border-top:2px solid #202020;}
.csrcyber-section .table-condensed tbody tr th{text-align:center;font-weight:700;}

/* 이수그룹 - 이수소개 */
 .introduction-section02{height:258px;background-image:url('../images/company/introduction_ceo_bg.jpg');background-position: 50% 0;background-repeat:no-repeat;background-size:cover;margin-top:50px}
.introduction-section02 .introduction-txt{font-size:26px;font-weight:600;color:#333;margin-top:70px;line-height:30px;}
.introduction-section02 .introduction-txt2{font-size:18px;font-weight:600;color:#333;margin-top:20px;line-height:24px;}
@media (max-width: 767px) {
    .introduction-section02{height:150px;margin-top:10px}
    .introduction-section02 .introduction-txt{font-size:16px;font-weight:600;color:#333;margin-top:30px;line-height:22px;letter-spacing:-1px;}
    .introduction-section02 .introduction-txt2{font-size:14px;font-weight:600;color:#333;margin-top:10px;line-height:24px;}
}
.introduction-section03{overflow:hidden;}
.introduction-section03 h4{font-size:56px;font-weight:700;color:#99ca3c;line-height:1.0;margin:70px 0 50px 0;}
.introduction-section03 .box-con{width:100%;max-width:355px;padding:25px;background:#008fd5;color:#fff;font-size:15px;text-align:left;line-height:24px;margin:40px auto 40px auto;-webkit-transition: all 1.5s ease;	-moz-transition: all 1.5s ease;transition: all 1.5s ease;opacity:0.0;filter:alpha(opacity:'0');transform:scale(0.7)}
.introduction-section03 .box-con-ani{opacity:1.0;filter:alpha(opacity:'100');margin:40px auto 40px auto;transform:scale(1);}

@media (max-width: 767px) {
    .introduction-section03 h4{font-size:24px;font-weight:700;color:#008fd5;margin-top:30px;margin-bottom:10px;line-height:35px;letter-spacing:-1px;}
    .introduction-section03 .box-con{width:100%;max-width:355px;min-height:auto;padding:30px 20px;background:#008fd5;color:#fff;font-size:13px;text-align:center;line-height:18px;margin:20px auto;}
}
/* CEO인사말 */
.ceo-sign{text-align:right;margin-top:50px}
.ceo-sign img{width:100%;max-width:344px;}

.ceo-section02{height:258px;background-image:url('../images/company/ceo_bg.jpg');background-position: 50% 0;background-repeat:no-repeat;background-size:cover;margin-top:50px;display:none;}
.ceo-section02 h3{margin-top:85px;}
@media (max-width: 767px) {
    .ceo-section02{height:150px;margin-top:10px}
    .ceo-section02 h3{margin-top:45px;}
}


.history-section .tab-type{margin-left:0px;margin-right:0px;z-index:999;background:#fff;width:100%;max-width:1140px;}
@media (max-width: 1140px) {
    .history-section .tab-type{margin-left:0px;margin-right:0px;z-index:999;background:#fff;width:100%;}
}

.history-section .tab-type > li{float:left;width:20%;padding-left:0px;padding-right:0px;}
.history-section .history-area h3{margin-top:0;margin-bottom:20px;}
.history-section .history-area > div > ul > li{font-size:15px;padding-top:2px;padding-bottom:2px;}
.history-section .history-area .box-line{height:30px;line-height:30px;border-bottom:1px solid #c0c0c0;}
.history-section .history-area .history-img-area{background:#f0f0f0;padding:20px 40px 0 40px;margin-top:1px;display:none;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;}
.history-section #history01 .history-img-area{display:block;}
.history-section .history-area .history-img-area img{width:100%;}
.history-section .history-area .history-img-area p{margin-top:10px;margin-bottom:20px;}
@media (max-width: 767px) {
    .history-section .tab-type{margin-left:-2px;margin-right:-2px;}
    .history-section .tab-type > li{float:left;width:50%;padding-left:2px;padding-right:2px;}
}
.business-area{margin-bottom:50px;}
.business-area > .row{margin-left:-20px;margin-right:-20px;}
.business-area > .row > div{padding-left:20px;padding-right:20px;margin-bottom:30px;}
.business-area > .row > div > img{width:100%;}
.business-area .box-line{height:10px;line-height:10px;border-top:1px solid #cfcfcf;}
.business-area .box-line02{height:1px;line-height:1px;border-bottom:1px solid #c0c0c0;clear:both;margin-left:20px;margin-right:20px;}
.business-area ul{}
.business-area ul li{font-size:15px;padding-top:3px;padding-bottom:3px;}
.business-area .txt-sub01{margin-bottom:10px;}
.business-area .btn-type-md{margin-top:18px;cursor:pointer;}
.business-area .business-map-wrap{overflow:hidden;height:0px;-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.business-area .business-map{margin-top:30px;min-height:400px;}
#business03{display:none;}
#business04{display:none;}
#business08{display:none;}
#business09{display:none;}
#business10{display:none;}
#business11{display:none;}
/* 경영이념 */
.philosophy-section02{margin-top:50px;position:relative;}
.philosophy-section02 .philosophy_copy{margin-top:30px;padding-bottom:10px;}

.philosophy-section02 .value-area{background:#ebebec;border:1px solid #cdcdcd;border-radius:0px;padding:20px 25px 20px 25px;cursor:pointer;}
.philosophy-section02 .value-area img{width:100%;max-width:233px;}
.philosophy-section02 .section01 > div{margin-bottom:20px;}
.philosophy-section02 .diagram-area{position:absolute;top:160px;}
.diagram-area{visibility:hidden;}

.con-diagram{width:694px;height:544px;margin:0 auto;position:relative;margin-top:40px;}
.con-circle{position:absolute;width:172px;height:172px;border-radius:100%;background:#fff;color:#008fd5;cursor:pointer;-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;transition: all 0.5s ease;z-index:98}


.con-circle-bg{position:absolute;width:172px;height:172px;border-radius:100%;background:#99ca3a;z-index:90;animation: con-circle-ani 3.0s infinite;-webkit-animation: con-circle-ani 3.0s infinite;-moz-animation: con-circle-ani 3.0s infinite;}
@keyframes con-circle-ani{0% {-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:0.5;filter:alpha(opacity:'50')}100% {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);opacity:0.0;filter:alpha(opacity:'0')}}
@-webkit-keyframes con-circle-ani{0% {-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:0.5;filter:alpha(opacity:'50')}100% {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);opacity:0.0;filter:alpha(opacity:'0')}}
@-moz-keyframes con-circle-ani{0% {-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:0.5;filter:alpha(opacity:'50')}100% {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);opacity:0.0;filter:alpha(opacity:'0')}}

.con-circle-bg-off{visibility:hidden;}
.con-circle-bg-on{visibility:show;}



.con-circle:hover{background:#99ca3a;color:#fff;}
.con-circle.hover{background:#99ca3a;color:#fff;}

.con-circle:hover  h4::before{position:absolute;width:48px;left:50%;margin-left:-24px;height:1px;background:#fff;top:32px;content:"";}
.con-circle.hover  h4::before{position:absolute;width:48px;left:50%;margin-left:-24px;height:1px;background:#fff;top:32px;content:"";}

.con-circle h4{font-size:24px;font-weight:700;margin-top:36px;position:relative;}
.con-circle h4::before{position:absolute;width:48px;left:50%;margin-left:-24px;height:1px;background:#008fd5;top:32px;content:"";}

.con-circle p.con-small{font-size:15px;font-weight:600;letter-spacing:-1px;margin-top:15px;line-height:20px;}
.con-circle p{font-size:16px;font-weight:600;letter-spacing:0px;margin-top:5px;line-height:20px;}

.con-bg{position:absolute;top:0;left:0;width:694px;height:544px;}
.con-diagram .con01{/*top:47.24%;left:13%;*/top:257px;left:0px;}
.con-diagram .con02{/*top:66.72%;left:40.93%;*/top:363px;left:262px;}
.con-diagram .con03{/*top:47.24%;left:68.55%*/top:257px;left:521px;}

.con-box{position:absolute;width:100%;max-width:694px;height:290px;background:#fff;border:2px solid #008fd5;left:50%;margin-left:-347px;padding:10px 40px;text-align:left;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;}
.con-box h4{font-size:20px;font-weight:700;color:#000;position:relative;padding-left:14px;margin-bottom:28px;}
.con-box h4::before{position:absolute;width:7px;height:2px;background:#008fd5;content:"";left:0px;top:10px;}
.con-box h4 span{font-size:15px;color:#008fd5;font-weight:600;}
.con-box .st{font-size:17px;font-weight:700;margin-bottom:10px;}
.con-box ul{margin-left:16px;}
.con-box ul li{list-style:disc;font-size:15px;letter-spacing:-1px;padding:6px 0 0 0;}
.con-box .btn-con-close{margin-right:-20px;cursor:pointer}

.con-diagram .content_off{top:10px;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.con-diagram .content_on{top:-40px;opacity:1.0;filter:alpha(opacity:'100');visibility:show;}
/*
.con-diagram .content_off{top:640px;opacity:0.0;filter:alpha(opacity:'0');}
.con-diagram .content_on{top:550px;opacity:1.0;filter:alpha(opacity:'100');}
*/

.bg-black{position:absolute;top:0;width:100%;height:823px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;z-index:97;}
.bg-black-off{opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.bg-black-on{opacity:1.0;filter:alpha(opacity:'100');visibility:show;}

@media (max-width: 767px){
    .philosophy-section01{padding-bottom:0 !important;}
    .philosophy-section02{margin-top:0px;padding-bottom:0 !important;}
    .philosophy-section02 .philosophy_copy{margin-top:20px;padding-bottom:20px;text-align:center;}
    .philosophy-section02 .philosophy_copy img{width:90%;max-width:416px;}
    .con-diagram-info{position:relative;margin:20px 0;}
    .con-box-m{position:relative;background:#fff;;padding:20px 20px;text-align:left;}
    .con-box-m h4{font-size:17px;font-weight:700;color:#000;position:relative;padding-left:14px;margin-bottom:10px;}
    .con-box-m h4::before{position:absolute;width:7px;height:2px;background:#008fd5;content:"";left:0px;top:10px;}
    .con-box-m h4 span{font-size:14px;color:#008fd5;font-weight:600;}
    .con-box-m ul{margin-left:14px;}
    .con-box-m ul li{list-style:disc;font-size:13px;letter-spacing:-1px;padding:6px 0 0 0;}
}


.certificate-section{margin-top:30px;}
.certificate-section > div{margin-bottom:20px;}
.certificate-section > div img{max-width:100%;margin-bottom:20px;}


/* 찾아오시는 길 */
.map-section02{overflow:hidden;margin-top:40px;}
.map-section02 > div > img{width:100%;margin-bottom:20px;}

/* 사업분야 */

.business01_section01{position:relative;}
.business01_section01 .img-bg{z-index:10;}
.business01_section01 .info-circle{position:absolute;z-index:12;width:120px;height:120px;border-radius:100%;background:#fff;border:1px solid #008fd5;text-align:center;font-size:15px;padding-top:48px;color:#666;font-weight:600;cursor:pointer;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.business01_section01 .info-circle:hover{color:#fff;background:#97cb3a;border:1px solid #97cb3a;}
.business01_section01 .info-circle.hover{color:#fff;background:#97cb3a;border:1px solid #97cb3a;}
.business01_section01 .info00{top:176px;left:229px;}
.business01_section01 .info01{top:62px;left:424px;}
.business01_section01 .info02{top:176px;left:617px;}
.business01_section01 .info03{top:371px;left:644px;}
.business01_section01 .info04{top:517px;left:537px;padding-top:34px;}
.business01_section01 .info05{top:517px;left:313px;}
.business01_section01 .info06{top:370px;left:202px;}

.business01_section01 .info-box{position:absolute;z-index:22;width:330px;background:#fff;border-radius:15px;border:3px solid #9a9a9a;padding:15px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;}

.business01_section01 .info-box .btn-con-close{position:absolute;right:10px;top:10px;cursor:pointer;}
.business01_section01 .info-box .btn-con-close img{width:15px;}
.business01_section01 .info-box .icon{float:left;width:105px;height:73px;}
.business01_section01 .info-box .con{float:left;width:165px;}
.business01_section01 .info-box .con > ul{overflow:hidden;}
.business01_section01 .info-box .con > ul > li{overflow:hidden;padding-bottom:8px}
.business01_section01 .info-box .con > ul > li.line{padding-top:8px;border-top:1px solid #e5e5e5}

.business01_section01 .box00 ul {margin-top:20px;}
.business01_section01 .box02 ul {margin-top:20px;}
/*.business01_section01 .box04 ul {margin-top:20px;}*/
.business01_section01 .box05 .icon {margin-top:50px;}
.business01_section01 .box06 ul {margin-top:20px;}
.business01_section01 .box00_off{top:45px;left:-60px;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.business01_section01 .box00_on{top:65px;left:-60px;opacity:1.0;filter:alpha(opacity:'100');visibility:show;}
.business01_section01 .box01_off{top:-65px;left:530px;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.business01_section01 .box01_on{top:-45px;left:530px;opacity:1.0;filter:alpha(opacity:'100');visibility:show;}
.business01_section01 .box02_off{top:45px;left:710px;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.business01_section01 .box02_on{top:65px;left:710px;opacity:1.0;filter:alpha(opacity:'100');visibility:show;}
.business01_section01 .box03_off{top:470px;left:740px;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.business01_section01 .box03_on{top:490px;left:740px;opacity:1.0;filter:alpha(opacity:'100');visibility:show;}
.business01_section01 .box04_off{top:600px;left:650px;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.business01_section01 .box04_on{top:620px;left:650px;opacity:1.0;filter:alpha(opacity:'100');visibility:show;}
.business01_section01 .box05_off{top:540px;left:-30px;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.business01_section01 .box05_on{top:560px;left:-30px;opacity:1.0;filter:alpha(opacity:'100');visibility:show;}
.business01_section01 .box06_off{top:465px;left:-105px;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.business01_section01 .box06_on{top:485px;left:-105px;opacity:1.0;filter:alpha(opacity:'100');visibility:show;}
.business01_section01 .txt-green{margin-top:70px;}

.tab-type-business{margin-top:20px;margin-bottom:30px;}
.tab-type-business > li{margin-top:10px}
.tab-type-business > li > a{display:inline-block;width:100%;position:relative;padding:0;text-align:center;color:#fff;font-size:15px;font-weight:700;background:#008fd5;padding:8px 0;transition: all 0.4s ease-in-out;perspective:150px;}
.tab-type-business > li > a > .icon-img{height:21px;margin-right:10px;animation: icon-img-ani 2.0s infinite;}
.tab-type-business > li > a > .icon-img2{height:21px;margin-right:10px;animation: icon-img-ani2 2.0s infinite;}
@keyframes icon-img-ani{
    0% {transform: translate3d(0px,0px,0px) rotateZ(0.001deg);}
    50% {transform: translate3d(-10px,0px,0px) rotateZ(0.001deg);}
    100% {transform: translate3d(0px,0px,0px) rotateZ(0.001deg);}
}
@keyframes icon-img-ani2{
    0% {transform: translate3d(-10px,0px,0px) rotateZ(0.001deg);}
    50% {transform: translate3d(0px,0px,0px) rotateZ(0.001deg);}
    100% {transform: translate3d(-10px,0px,0px) rotateZ(0.001deg);}
}

.tab-type-business > li > a:after{content: '\00bb';position: absolute;opacity: 0;top: 6px;left: 20%;transition: all 0.4s ease-in-out}
.tab-type-business > li.active > a{background:#99ca3c;}
.tab-type-business > li:hover > a{background:#99ca3c;padding-right: 30%;}
.tab-type-business > li:hover > a:after{opacity:1;left: 80%;}
.tab-type-business > li > a > span{position:relative;padding-left:30px;}
.tab-type-business > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:25px;position:absolute;left:0;top:-2px;}
/*
.business02_section01 > div > div{position:relative;padding-top:140%;overflow:hidden;margin-bottom:20px;}
.business02_section01 > div > div.img-wrap{padding-top:65.4%;}
.business02_section01 > div > div > img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:100%;max-width: 100%; height: auto;-webkit-transform:scale(1) rotateY(0);-moz-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0);-webkit-transition:1.0s;-moz-transition:1.0s;transition:1.0s;}
*/
.business02_section01 > div > div{margin-bottom:20px;}
.business02_section01 > div > div > img{width:100%;max-width: 100%; height: auto;-webkit-transform:scale(1) rotateY(0);-moz-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0);-webkit-transition:1.0s;-moz-transition:1.0s;transition:1.0s;}
/*.business02_section01 > div > div:hover > img{-webkit-transform:scale(0.90) rotateY(360deg) ;-moz-transform:scale(0.90) rotateY(360deg);transform:scale(0.90) rotateY(360deg);}*/

.business02_section01 .img-thum {position: relative;overflow: hidden;background-color: #e5e5e5;-webkit-perspective: 1200px;perspective: 1200px;}
.business02_section01 .img-thum * {-webkit-transition: all 2.0s ease;-moz-transition: all 2.0s ease;transition: all 2.0s ease;}
.business02_section01 .img-thum > img {opacity: 1;width: 100%/*;-webkit-transform-origin: 50% 0%;-moz-transform-origin: 50% 0%;transform-origin: 50% 0%;*/}
.business02_section01 .img-thum .img-copy {position: absolute;top: 0;left: 0;bottom: 0;width: 100%;/*-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;  transform-origin: 50% 100%;*/z-index: 1;opacity: 0;}
.business02_section01 .img-thum.hover > img {/*-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg);*/opacity: 0;}
.business02_section01 .img-thum.hover .img-copy {/*-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg);*/opacity: 1;/*-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;transition-delay: 0.2s;*/}
.business02_section01 .img-copy > img{width:100%;}
.business02_section02 h4{font-size:56px;font-weight:700;color:#99ca3c;line-height:1.0;margin:25px 0 50px 0;text-align:center;letter-spacing:-2px;}

.business-info-wrap{position:relative;}
.business-info{position:absolute;margin-top:40px;margin-bottom:20px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;}
.business-info-off{opacity:0.0;filter:alpha(opacity:'0');top:30px;z-index:88;}
.business-info-on{opacity:1.0;filter:alpha(opacity:'100');top:0;z-index:98;}
.business-info .tit-text{font-size:18px;font-weight:700;margin-top:20px;;margin-bottom:6px;letter-spacing:-1px;}
.business-info h5{font-size:30px;font-weight:700;color:#008fd5;margin-bottom:30px;}
.business-info ul{}
.business-info ul li{font-size:15px;letter-spacing:-1px;padding:6px 0 0 0;}
.business-info .btn{margin-top:30px;}
.business-info .btn i{transition: all 0.4s ease-in-out}
.business-info .btn:hover i{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}


.business-info .img-thum {position: relative;overflow: hidden;-webkit-perspective: 1200px;perspective: 1200px;}
.business-info .img-thum * {-webkit-transition: all 2.0s ease;-moz-transition: all 2.0s ease;transition: all 2.0s ease;}
.business-info .img-thum > img {opacity: 1;width: 100%;}
.business-info .img-thum .img-copy {position: absolute;top: 0;left: 0;bottom: 0;width: 100%;z-index: 1;opacity: 0;padding-left:15px;padding-right:15px;}
.business-info .img-thum.hover > img {opacity: 0;}
.business-info .img-thum.hover .img-copy {opacity: 1;}
.business-info .img-copy > img{width:100%;}


.business-info .con02{margin-top:30px;}
.business-info .con02 .txt-sub01{margin-bottom:20px;}
@media (max-width: 767px) {
    .business02_section02 h4{font-size:22px;margin:10px 0 15px 0;}
    .business-info{margin-top:10px;margin-bottom:20px;}
    .business-info .tit-text{font-size:15px;margin-top:16px;margin-bottom:6px;}
    .business-info h5{font-size:24px;margin-bottom:10px;}
    .business-info ul{margin-left:0px;}
    .business-info ul li{font-size:13px;padding:4px 0 0 0;}
    .business-info .btn{margin-top:20px;}
    .business-info .con02{margin-top:20px;}
    .business-info .con02 .txt-sub01{margin-bottom:20px;}
}

.business08_section02 h4{font-size:56px;font-weight:700;color:#99ca3c;line-height:1.0;margin:0px 0 50px 0;text-align:center;}
.business08_section02 .map-area{position:relative;width:938px;margin:30px auto 60px auto;}
.business08_section02 .map-area .map-bg{overflow:hidden;z-index:10}
.business08_section02 .map-area .icon-box{position:absolute;width:18px;height:18px;/*background:#99ca3c;*/z-index:21;opacity:0.0;filter:alpha(opacity:'0');cursor:pointer;}
.business08_section02 .map-area .b01{top:134px;left:422px;animation: icon-b01 2.0s infinite;-webkit-animation: icon-b01 2.0s infinite;-moz-animation: icon-b01 2.0s infinite;}
.business08_section02 .map-area .b02{top:141px;left:725px;animation: icon-b01 2.0s 0.5s infinite;-webkit-animation: icon-b01 2.0s 0.5s infinite;-moz-animation: icon-b01 2.0s 0.5s infinite;}
.business08_section02 .map-area .b03{top:169px;left:707px;animation: icon-b01 2.0s 1.5s infinite;-webkit-animation: icon-b01 2.0s 1.5s infinite;-moz-animation: icon-b01 2.0s 1.5s infinite;}
.business08_section02 .map-area .b04{top:199px;left:763px;animation: icon-b01 2.0s infinite;-webkit-animation: icon-b01 2.0s infinite;-moz-animation: icon-b01 2.0s infinite;}
.business08_section02 .map-area .b05{top:217px;left:410px;animation: icon-b01 2.0s 0.5s infinite;-webkit-animation: icon-b01 2.0s 0.5s infinite;-moz-animation: icon-b01 2.0s 0.5s infinite;}
.business08_section02 .map-area .b06{top:240px;left:641px;animation: icon-b01 2.0s 1.5s infinite;-webkit-animation: icon-b01 2.0s 1.5s infinite;-moz-animation: icon-b01 2.0s 1.5s infinite;}
.business08_section02 .map-area .b07{top:244px;left:155px;animation: icon-b01 2.0s infinite;-webkit-animation: icon-b01 2.0s infinite;-moz-animation: icon-b01 2.0s infinite;}
.business08_section02 .map-area .b08{top:258px;left:382px;animation: icon-b01 2.0s 0.5s infinite;-webkit-animation: icon-b01 2.0s 0.5s infinite;-moz-animation: icon-b01 2.0s 0.5s infinite;}
.business08_section02 .map-area .b09{top:278px;left:646px;animation: icon-b01 2.0s 1.5s infinite;-webkit-animation: icon-b01 2.0s 1.5s infinite;-moz-animation: icon-b01 2.0s 1.5s infinite;}
.business08_section02 .map-area .b10{top:323px;left:230px;animation: icon-b01 2.0s infinite;-webkit-animation: icon-b01 2.0s infinite;-moz-animation: icon-b01 2.0s infinite;}

@keyframes icon-b01{0% {opacity:0.0;filter:alpha(opacity:'0');}50% {opacity:1.0;filter:alpha(opacity:'100');}100% {opacity:0.0;filter:alpha(opacity:'0');}}
@-webkit-keyframes icon-b01{0% {opacity:0.0;filter:alpha(opacity:'0');}50% {opacity:1.0;filter:alpha(opacity:'100');}100% {opacity:0.0;filter:alpha(opacity:'0');}}
@-moz-keyframes icon-b01{0% {opacity:0.0;filter:alpha(opacity:'0');}50% {opacity:1.0;filter:alpha(opacity:'100');}100% {opacity:0.0;filter:alpha(opacity:'0');}}

.business08_section02 h5{font-size:15px;font-weight:600;color:#202020;line-height:18px;margin-bottom:10px;}
.business08_section02 .info-box{position:absolute;z-index:50;width:600px;top:0;left:50%;margin-left:-300px;background:#fff;border-radius:15px;border:3px solid #9a9a9a;padding:15px 15px 5px 15px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;}
.business08_section02 .info-box-line{position:absolute;z-index:60;top:0;left:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.business08_section02 .box06{top:-70px !important;}
.business08_section02 .info-box p{font-size:13px;line-height:1.6;}
.business08_section02 .box-off{opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;}
.business08_section02 .box-on{opacity:1.0;filter:alpha(opacity:'100');visibility:show;}



.business08_section03{overflow:hidden;margin-top:50px;}
.business08_section03 > .row > div > h4{clear:both;overflow:hidden;display:inline-block;font-size:20px;font-weight:600;color:#202020;line-height:30px;letter-spacing:-1px;margin-bottom:20px;border-bottom:2px solid #99ca3a;padding-bottom:6px;}
.business08_section03 > .line{padding-top:40px;border-top:1px solid #e5e5e5}
.business08_section03 > .row > div > h5{font-size:15px;font-weight:600;color:#202020;line-height:18px;margin-bottom:10px;}
.business08_section03> .row  > div > h5.point01{font-weight:800;}
.business08_section03> .row  > div > h5.mb{margin-bottom:15px;}
.business08_section03> .row  > div > p.txt-sub01{margin-bottom:30px;}
@media (max-width: 938px) {
    .business08_section02 h4{font-size:22px;margin:10px 0 15px 0;}
    .business08_section02 .map-area{width:100%;max-width:767px;margin:40px auto;}
    .business08_section02 .map-area .map-bg img{width:100%;}
    .business08_section02 .map-area .icon-box{display:none;}
    .business08_section03 > .row > div > h4{font-size:18px;font-weight:600;color:#202020;line-height:24px}
    .business08_section03 > .line{padding-top:30px}
    .business08_section03> .row  > div > p.txt-sub01{margin-bottom:20px;}
}



.csr01_section01{}
.csr01_section01 .img-area{text-align:center;margin-top:0px;}
.csr01_section01 .img-area img{width:100%}
.csr01_section01 h4{font-size:19px;font-weight:700;margin-top:50px;margin-bottom:20px;}
@media (max-width: 767px) {
    .csr01_section01 .img-area{text-align:center;margin-top:20px;}
    .csr01_section01 h4{font-size:17px;font-weight:700;margin-top:30px;margin-bottom:10px;}
}

.csr01_section02{margin-top:70px;}
.csr01_section02 .row > div{margin-bottom:30px;}
.csr01_section02 img{width:100%;border:1px solid #e5e5e5;}

.csr02_section01{}
.csr02_section01 .img-area{text-align:center;margin-top:5px}
.csr02_section01 .img-area img{width:100%;}
.csr02_section01 h4{font-size:19px;font-weight:700;margin-top:50px;margin-bottom:20px;}
@media (max-width: 767px) {
    .csr02_section01 .img-area{text-align:center;margin-top:20px;}
    .csr02_section01 h4{font-size:17px;font-weight:700;margin-top:30px;margin-bottom:10px;}
}

 .perfomances-section .tab-type03{margin-left:0px;margin-right:0px;}
 .perfomances-section .tab-type03 > li{padding-left:0px;padding-right:0px;margin-bottom:6px;}

 .product-section01 .tab-type03{margin-left:0px;margin-right:0px;}
 .product-section01 .tab-type03 > li{padding-left:0px;padding-right:0px;margin-bottom:6px;width:20%;}
@media (max-width: 767px) {
    .product-section01 .tab-type03 > li{width:50%;}
}

.box-csr{margin:0;padding:20px;background:#f7f7f7;border:1px solid #d9d9d9;}
.box-csr h4{margin-bottom:6px;font-size:13px;font-weight:700;}
.box-csr p{font-size:13px;}
.tab-type-csr{margin-top:20px;margin-bottom:30px;}
.tab-type-csr > li{margin-top:10px}
.tab-type-csr > li > a{display:inline-block;width:100%;position:relative;padding:0;text-align:center;color:#fff;font-size:15px;font-weight:700;background:#008fd5;padding:8px 0;transition: all 0.4s ease-in-out}
.tab-type-csr > li > a:after{content: '\00bb';position: absolute;opacity: 0;top: 6px;left: 20%;transition: all 0.4s ease-in-out}
.tab-type-csr > li.active > a{background:#99ca3c;}
.tab-type-csr > li:hover > a{background:#99ca3c;padding-right: 30%;}
.tab-type-csr > li:hover > a:after{opacity:1;left: 80%;}
.tab-type-csr > li > a > span{position:relative;padding-left:30px;}
.tab-type-csr > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:25px;position:absolute;left:0;top:-2px;}


.crs-info-wrap{position:relative;}
.crs-info{position:absolute;width:100%;margin-top:40px;margin-bottom:20px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;}
.crs-info .clear-line{overflow:hidden;clear:both;border-bottom:1px solid #dfdfdf;margin-bottom:15px;padding-top:15px;}
.crs-info-off{opacity:0.0;filter:alpha(opacity:'0');top:30px;z-index:88;}
.crs-info-on{opacity:1.0;filter:alpha(opacity:'100');top:0;z-index:98;}
.crs-info h5{font-size:19px;font-weight:700;color:#99ca3c;margin-top:20px}
.crs-info .img-area{margin-bottom:20px;}
.crs-info .txt-sub01{margin:0 0 0 0 !important;}
@media (max-width: 767px) {
    .crs-info{margin-top:10px;margin-bottom:20px;}
    .crs-info h5{font-size:16px}
}
.crs-container{width:100%; display:inline-block; vertical-align:top;}
.grid{margin-left:-15px;margin-right:-15px;}
.grid-sizer, .grid-item {width: 50%;}
.gutter-sizer { width: 1%; }
.grid-item {float: left; padding:0px 15px 30px 15px;}
.grid-item img {width:100%;}
.grid-item .social-box{border:1px solid #cecece;padding:20px;}
@media (max-width: 767px) {
    .grid-sizer, .grid-item {width: 100%;}
}
@media (max-width: 767px) {
    .csr-photo{margin-left:-5px;margin-right:-5px;}
    .csr-photo > div{padding-left:5px;padding-right:5px;}
    .csr-photo > div > p{font-size:13px;letter-spacing:-1px;}
}


.crs04-section02{width:100%;max-width:1100px;margin:40px auto; text-align:center;}
.crs04-section02 img{width:100%;max-width:200px;}
.crs-04-section03 img {width:100%;margin-bottom:20px;}
@media (max-width: 767px) {
    .crs04-section01{padding-bottom:0 !important}
    .crs04-section02{width:100%;max-width:1100px;margin:10px auto;}
    .crs04-section02 img{width:100%;max-width:160px;margin-bottom:30px;}
}
.csr04-section03{}
.csr04-section03 h4{font-size:19px;font-weight:700;margin-top:20px;margin-bottom:20px;}
@media (max-width: 767px) {
    .csr04-section03 h4{font-size:17px;font-weight:700;margin-top:30px;margin-bottom:10px;}
}

.klpga{position:relative;overflow:hidden;}
.klpga37{position:absolute;top:0;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;transition: all 1.5s ease;}
.klpga38{position:absolute;top:0;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;transition: all 1.5s ease;}
.klpga39{position:relative;top:0;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;transition: all 1.5s ease;}
.klpga_on{position:relative;opacity:1.0;filter:alpha(opacity:'100');visibility:show;padding-top:0px;;}
.klpga_off{position:absolute;opacity:0.0;filter:alpha(opacity:'0');visibility:hidden;padding-top:20px;;}
.recruit01-img{overflow:hidden;padding-bottom:40px;}
.recruit01-section01{}
.recruit01-section01 .img-area{text-align:center;margin-top:50px;}
.recruit01-section01 .img-area img{width:100%}
.recruit01-section01 h4{font-size:19px;font-weight:700;margin-top:10px;margin-bottom:10px;}
@media (max-width: 767px) {
    .recruit01-section01 .recruit01-img{margin-bottom:20px;}
    .recruit01-section01 .img-area{text-align:center;margin-top:20px;}
    .recruit01-section01 h4{font-size:17px;font-weight:700;margin-top:20px;margin-bottom:10px;}
}

.recruit02-section01{}
.recruit02-section01 > div{margin-bottom:30px;}
.recruit02-section01 .img-area{position:relative;}
.recruit02-section01 .img-area img{width:100%}
.recruit02-section01 h4{margin-bottom:10px;font-size:25px;font-weight:700;letter-spacing:-1px}
.recruit02-section01 .info{padding:35px;font-size:15px;color:#fff;border-radius:0px;}
.recruit02-section01 .bg01{background:#008fd5;}
.recruit02-section01 .bg02{background:#99ca3c;}
.recruit02-section01 .bg03{background:#9a9a9a;}
.recruit02-section01 .info ul li{padding:1px 0;}
@media (max-width: 767px) {
    .recruit02-section01 > div{margin-bottom:20px;}
    .recruit02-section01 h4{position:absolute;left:15px;bottom:10px;margin-bottom:0;font-size:18px;font-weight:700;letter-spacing:-2px;}
    .recruit02-section01 .info{padding:15px;font-size:13px;color:#fff;}
}

.paper-section .paper-box{max-width:400px;text-align:center;background:#ededed;border:1px solid #d4d4d4;margin:0 auto;margin-top:20px;padding:27px;}
.paper-section .btn-type01{margin-top:24px;}

.btn-ci-section{margin:50px 0;}
.btn-ci-section .btn img{-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;transform:rotateX(0deg);-webkit-perspective: 1200px;perspective: 1200px;}
.btn-ci-section .btn:hover img{transform:rotateX(360deg);}
.btn-ci-section .btn-01{margin-right:10px;}
@media (max-width: 767px) {
    .btn-ci-section .btn-01{margin-right:0px;margin-bottom:10px;}
}
.ci-section{position:relative;overflow:hidden;margin-bottom:30px;}
.ci-section .txt-sub01{padding-bottom:20px;}
.ci-section .text-center img{padding-bottom:20px;}
.ci-section h4{margin-top:0;margin-bottom:20px;line-height:1.0;}
.ci-section .con-warning{clear:both;}
.ci-section .pd-t-30{padding-top:10px;}
.ci-section .con-warning .point02{font-weight:600;}
.logo-ani-section{position:relative;overflow:hidden;margin-bottom:0px;}
.logo-ani-section img{width:100%;max-width:457px;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;transition: all 1.5s ease;}
.logo-ani-section img.ani-on{opacity:1.0;filter:alpha(opacity:'100');top:0;}
.logo-ani-section img.ani-off{opacity:0;filter:alpha(opacity:'0');top:30px;}
.logo-ani-section img.img-logo{position:absolute;width:100%;max-width:457px;}
@media (max-width: 767px) {
    .logo-ani-section{margin-bottom:30px;}
}

.select-company{width:160px !important;}
.input-search{width:160px !important;}
@media (max-width: 767px) {
    .select-company{margin-bottom:10px;width:100%  !important;}
    .input-search{margin-bottom:10px;width:100%  !important;}
    .button-submit{width:100%;}
}

.movie-list{margin-top:10px;}
.movie-list > ul{margin-bottom:30px;}
.movie-list > ul > li{text-align:center;min-height:200px;margin-bottom:20px;}
.movie-list > ul > li .thum_movie img{width:100%;}
.movie-list > ul > li .category{margin-top:10px;font-weight:600;font-size:15px;}
.movie-list > ul > li .subject{margin-top:6px;font-weight:400;}
.movie-list > ul > li .year{margin-top:2px;font-weight:400;color:#999;}
.img-100{width:100%;}
.mg-wrap{margin-top:80px;}
.mg-section{margin-top:50px;}
.mg-area{margin-top:20px;}
@media (max-width: 767px) {
    .mg-wrap{margin-top:50px;}
    .mg-section{margin-top:30px;}
    .mg-area{margin-top:14px;}
}

.cyber-bg .cyber-ctl {float:left; float:left; width:25%;}
.cyber-bg .con {float:left; width:70%; margin-left:5%; border:1px solid #cccccc;}
.cyber-ctl > .ctl-txt{margin-bottom:30px;margin-left:0;margin-right:0;overflow:hidden;}
.cyber-ctl > .ctl-txt > li{list-style:none; margin-top:0px;padding-left:0;padding-right:0;width:100%;float:none;}
.cyber-ctl > .ctl-txt > li > a{display:inline-block;width:100%;padding:0;text-align:center;color:#999;font-size:13px;font-weight:700;background:#fff;border:1px solid #e9e9e9;padding:5px 0;transition: all 0.4s ease-in-out;letter-spacing:-1px;}
.cyber-ctl > .ctl-txt > li.on > a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:13px;font-weight:700;background:#008fd5;border:1px solid #008fd5;padding:5px 0;letter-spacing:-1px;}
/*.cyber-ctl > .ctl-txt > li:hover> a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:13px;font-weight:700;background:#008fd5;border:1px solid #008fd5;padding:4px 0;letter-spacing:-1px;}*/
.cyber-ctl > .ctl-txt > li > a > span{position:relative;padding-left:30px;}
.cyber-ctl > .ctl-txt > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:25px;position:absolute;left:0;top:-2px}
    
    
@media (max-width: 767px) {
	.cyber-bg .cyber-ctl {float:none; width:auto;}
.cyber-bg .con {float:none; width:auto; margin-left:0; border:0;}

    .cyber-bg{position:relative;text-align:center;min-height:440px;}
    .cyber-bg > .con{position:relative;min-height:440px;}
    .cyber-bg > .con > li{position:absolute;top:0;width:100%;}
    .cyber-bg > .con > li img{border:1px solid #d3d3d3;max-width:596px;}


    .cyber-ctl > .ctl-txt{margin-bottom:30px;margin-left:0;margin-right:0;overflow:hidden;}
    .cyber-ctl > .ctl-txt > li{margin-top:0px;padding-left:0;padding-right:0;width:50%;float:left;}
    .cyber-ctl > .ctl-txt > li > a{display:inline-block;width:100%;padding:0;text-align:center;color:#999;font-size:13px;font-weight:700;background:#fff;border:1px solid #e9e9e9;padding:5px 0;transition: all 0.4s ease-in-out;letter-spacing:-1px;}
    .cyber-ctl > .ctl-txt > li.on > a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:13px;font-weight:700;background:#008fd5;border:1px solid #008fd5;padding:5px 0;letter-spacing:-1px;}
    /*.cyber-ctl > .ctl-txt > li:hover> a{display:inline-block;width:100%;padding:0;text-align:center;color:#fff;font-size:13px;font-weight:700;background:#008fd5;border:1px solid #008fd5;padding:4px 0;letter-spacing:-1px;}*/
    .cyber-ctl > .ctl-txt > li > a > span{position:relative;padding-left:30px;}
    .cyber-ctl > .ctl-txt > li > a > span > .axi, .tab-type > li > a > span > .fa{font-size:25px;position:absolute;left:0;top:-2px}
}
@media (max-width: 500px) {
    .cyber-bg{position:relative;text-align:center;min-height:300px;}
    .cyber-bg > .con{position:relative;min-height:300px;}

}
.csr-title-bg{background:#008fd5 url('/kor/images/csr/csr_tile_bg.png') 0 0 repeat;padding:30px;}
.csr-title-bg02{background:#99ca3c url('/kor/images/csr/csr_tile_bg.png') 0 0 repeat;padding:30px;}
.csr-title-bg03{background:#008fd5 url('/kor/images/csr/csr_tile_bg02.png') 0 0 repeat;padding:30px;}
.csr-title-bg h5{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;}
.csr-title-bg p{font-size:14px;font-weight:400;color:#fff;}
@media (max-width: 767px) {
    .csr-title-bg{padding:20px;}
    .csr-title-bg h5{font-size:15px;font-weight:700;color:#fff;margin-bottom:8px;}
    .csr-title-bg p{font-size:12px;font-weight:400;color:#fff;}
}

.sta .site{position:relative;padding-right:20px;}
.sta .site::before{position:absolute;right:0;width:1px;height:11px;top:9px;content:'';background:#80c7ea;}

/* 고객센터 > 공지사항 */
.brdTopLogoBox {position:absolute; bottom:0; right:5px; z-index:1; text-align:right;}
.brdTopLogoBox.viewType {position:static; float:none; width:100%; padding-right:5px; box-sizing:border-box;}
.brdTopLogoBox a {display:inline-block; padding:10px 0; vertical-align:top;}
.brdTopLogoBox a img {width:auto; height:18px; vertical-align:top;}