@charset"utf-8";

/*메뉴*/
header{position:fixed; z-index:9999; background:#fff; width:100%; margin:0 auto; min-height:100px;}
.logo{position:relative;z-index:123; float:left;width:15%; height:100px; line-height:100px;}
.logo img {margin-top:33px; width:170px;}
nav{position:relative;width: calc(100% -200px);margin:0 100px;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1px;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul{float:right;}
#cssmenu > ul > li{float:left; box-sizing:border-box; padding:0 40px;}
#cssmenu > ul > li > a{text-transform: uppercase; font-size:20px;letter-spacing:1px; color:#000;font-weight:700; line-height:100px;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#0f83d3}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:rgba(15,131,211,0.8); transition:all .25s ease}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:17px 15px;width:170px;font-size:14px;text-decoration:none;color:#fff;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:rgba(255,255,255,0.8)}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#404040;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
.lang, .lang a {font-size:14px !important; line-height:100px !important; height:100px; font-weight:300 !important; padding:0!important}
.lang {padding:0 8px !important; }
.lang2 {opacity:0.3}
.ml30 {margin-left:30px;}

/*메인비주얼*/
#main_visual{position:relative;overflow:hidden;width:calc (100% - 200px); margin:0 100px;border:0; margin-bottom:60px;}
.bx-wrapper{box-shadow:none; border:0;margin-bottom:0;width:100%}
.bx-wrapper .bx-viewport {left:0; border:none;  box-shadow:none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:30px;}
.bxslider li.bg_01{background:url(../images/main/main_bg1.png) no-repeat 50% 50%;background-size:cover;min-height:900px; min-height:94vh;width:100%}
.bxslider li.bg_02{background:url(../images/main/main_bg2.jpg) no-repeat 50% 50%;background-size:cover;min-height:900px; min-height:94vh;width:100%}
.bxslider li.bg_03{background:url(../images/main/main_bg3.jpg) no-repeat 50% 50%;background-size:cover;min-height:900px; min-height:94vh;width:100%}
.visual_txt{position:absolute;z-index:99;width:80%;top:50%;left:50%;margin-left:-40%; color:#fff;}
.visual_txt .tit{color:#fff; font-size:34px;line-height:130%; font-weight:400; margin-bottom:0.25em; writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl; transform: translateX(-50%); -webkit-transform: translateX(-50%); position: absolute; left: 50%; text-align: justify; letter-spacing:4px; z-index:999;	}
.main_v_line {position:absolute; color:white; width:500px; height:500px; ;transform: translateX(-50%); -webkit-transform: translateX(-50%); position: absolute; left: 50%;  top:-220px}
.main_v_line > div {position:absolute; color:white; width:280px; height:2px; background:#fff; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) }
.main_v_line > div:first-child {left:-40px; bottom:100px;}
.main_v_line > div:last-child {right:-40px; top:100px;}


/*회사소개*/
#container {width:100%;overflow:hidden}
.capther_01 {position:relative;overflow:hidden;width:calc (100% - 200px); margin:0 100px;  overflow:hidden;}
.main_about_wrap {width:100%; display:table;  overflow:hidden;}
.main_about_wrap > div {display:table-cell; width:50%;  overflow:hidden;}
.main_about_wrap > div:first-child {background-image:url(../images/main/main_c1.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}
.main_about_wrap > div:nth-child(2) {padding:110px 180px; text-align:center; box-sizing:border-box;}
.main_about_wrap > div:nth-child(2)> p:first-child {font-size:40px; color:#000; font-weight:600;}
.main_about_wrap > div:nth-child(2) > p:first-child span {color:#0f83d3;}
.dot {width:93px; overflow:hidden; margin:40px auto;}
.dot > div {float:left; width:15px; height:15px; border-radius:15px; margin:0 8px; background:#c9c9c9;}
.main_about_wrap > div:nth-child(2) > div:last-child {width:100%; word-break: break-all; font-size:20px; color:#000;}

/*주요사업*/
.capther_02 {position:relative;overflow:hidden;width:calc (100% - 200px); margin:0 100px;  overflow:hidden;}
.main_prod_wrap {width:100%; display:table;  overflow:hidden;}
.main_prod_wrap > div {display:table-cell; width:50%;  overflow:hidden;}
.main_p_l {background:#f3f8fb; padding:0 70px; box-sizing:border-box; text-align:center;}
.main_p_l > p {font-size:40px; color:#000; font-weight:500; margin:60px 0;}
.main_p_l_tb {width:100%; display:table; border-collapse: collapse;}
.main_p_l_tb > div {width:50%; display:table-cell; border:1px solid #d0dce3; background:#fff; padding:45px 30px; box-sizing:border-box;}
.main_p_l_tb > div > p {word-break: break-all;}
 .main_p_tit {color:#0a84da; font-size:22px; font-weight:500; margin:20px 0;}
.main_p_l_tb:last-child > div {border-top:0;}
.main_p_num {width:60px; height:60px; line-height:60px; border-radius:60px; background:#0a84da; color:#fff; margin:0 auto; font-size:22px}
.main_p_r {width:100%;height:900px; padding:0; vertical-align:top;}
.main_p_r > a, .main_p_r > a > div {width:100%; height:225px; color:#fff; font-size:28px}
.main_p_r > a > div {line-height:225px; padding-left:110px; box-sizing:border-box;}
.main_p_r > a:nth-child(1) > div {background-image:url(../images/main/main_c2_1.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}
.main_p_r > a:nth-child(2) > div {background-image:url(../images/main/main_c2_2.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}
.main_p_r > a:nth-child(3) > div {background-image:url(../images/main/main_c2_3.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}
.main_p_r > a:nth-child(4) > div {background-image:url(../images/main/main_c2_4.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}

/*파트너*/
.capther_03 {position:relative;overflow:hidden;width:calc (100% - 200px); margin:0 100px;  overflow:hidden; text-align:center;}
.capther_03 > p {font-size: 40px; color: #000; font-weight: 500; margin: 60px 0;}
.main_partner_wrap {width:100%; overflow:hidden; margin-bottom:50px;}
.main_partner_wrap > ul {width:100%; overflow:hidden;}
.main_partner_wrap > ul li {width:10%; margin-right:2.8%; float:left; border:1px solid #ddd; box-sizing:border-box; margin-bottom:20px;}
.main_partner_wrap > ul li img {width:100%;}
.main_partner_wrap > ul li:nth-child(8n) {margin-right:0;}

/*지도*/
.map {width:100%; height:500px;}
.map iframe {width:100%; height:100%;}

/*footer*/
footer {background:#242a3e; text-align:center; padding:50px 0; overflow:hidden; width:100%; position:relative;}
footer p {color:#fff;}
.copyright {color:rgba(255,255,255,0.5); margin-top:10px;}
footer > p:first-child {font-size:24px; margin-bottom:10px;}