/* common */
.mainCon { padding-bottom: 69px;}

/* mainVisual */
.mainVisual { width: 100%; height: 480px; position: relative;}
.visual { width: 100%; height: 100%; position: relative;}
.visual li { width: 100%; height: 480px; position: absolute;}
.vs1 { background: url(/img/main/mainVisual1.jpg) no-repeat center; background-size: cover;}

.vsT { width: 1100px; margin: 0 auto; text-align: center; padding-top: 130px;}
/* .vsT span { font-family: 'Nanum Square'; font-weight: bold; font-size: 15px; line-height: 25px; color: #2e2e2e; display: block; margin-bottom: 57px; animation:vsTit 1s 1.5s; animation-fill-mode:forwards; opacity: 0;} */
.vsT h2 { font-family: 'Nanum Barun Gothic', sans-serif; font-size: 59px; line-height: 100%; color: #2e2e2e; margin-bottom: 6px; animation:vsTit 1s 0.5s; animation-fill-mode:forwards; opacity: 0;}
.vsT em { font-family: 'Nanum Barun Gothic', sans-serif; font-size: 28px; line-height: 52px; color: #2e2e2e; margin-bottom: 17px; display: block; animation:vsTit 1.5s 1s; animation-fill-mode:forwards; opacity: 0;}
.vsT p { font-family: 'Nanum Square'; font-weight: bold; font-size: 15px; line-height: 36px; color: #fff; background: url(/img/main/bg_visual1.gif) repeat-x; width: 399px; height: 36px; margin: 0 auto;  animation:vsTit 2s 1.5s; animation-fill-mode:forwards; opacity: 0;}

/* mainVisual ¹öÆ° ºÎºÐ */
.mainVisual .bx-pager {  position:absolute; bottom: 23px; width:auto; left: 0; right: 0; text-align: center; font-size: 0; z-index: 9999;}
.mainVisual .bx-pager div { display: inline-block; margin: 0 5px 0 6px; }
.mainVisual .bx-pager a {display: block; width:20px; height:20px; text-indent:-9999px; background: transparent; border-radius: 50%;box-sizing: border-box; padding: 6px; }
.mainVisual .bx-pager a:hover, .mainVisual .bx-pager a.active { background: rgba( 1, 158, 231, .3); }
.mainVisual .bx-pager a i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #fff;}
.mainVisual .bx-pager a:hover i, .mainVisual .bx-pager a.active i { background: #019ee7;}

@keyframes vsTit {
	0% { margin-top: 100px; opacity:0; }
	100% { margin-top: 0; opacity:1; }
}


/* m_noticeW */
.m_noticeW { width: 100%; height: 84px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.m_notice { width: 1100px; margin: 0 auto; position: relative;}
.m_notice h3 {font-family: 'Nanum Square'; font-weight: bold; font-size: 24px; line-height: 84px; color: #000; float: left; width: 100px;}
.m_notice > a { display: block; position: absolute; font-size: 0; background: url(/img/main/plus.gif) no-repeat; top: 43px; right: 2px; width: 12px; height: 12px; margin-top: -6px;}
.m_notice_sdW { float: left;overflow: hidden; position: relative; width: 1000px; height: 84px;}
.m_notice_sdW .slider { overflow: hidden; position: relative; }
.m_notice_sdW .slider li { overflow: hidden; position: relative; width: 1000px; height: 84px;}
.m_notice_sdW .slider li div { height: 84px; float: left; font-size: 15px; box-sizing: border-box; width: 462px; position: relative;}
.m_notice_sdW .slider li div:nth-of-type(2):before { content: "|"; position: absolute; top: 31px; left: -1.5px;}
.m_notice_sdW .slider li div a { display: block; height: 100%; line-height: 84px; color: #666; padding-left: 16px; }
.m_notice_sdW .slider li div:nth-of-type(2) a { padding-left: 39px;}
.m_notice_sdW .slider li div a p { float: left; width: calc( 100% - 133px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_notice_sdW .slider li div a span { float: left; width: 133px; text-align: center;}



/* ¸ÞÀÎ ÄÜÅÙÃ÷ ·¦ */
.mainCont { width: 1100px; margin: 0 auto; overflow: hidden; padding-top: 80px; margin-bottom: 263px;}
.mainCont2 { width: 1100px; margin: 0 auto; padding-bottom: 80px; position: relative; }
.mainCont > div { float: left;}
.mainCont2 > div { position: absolute; left: 0; right: 0; bottom: 0; }
.mainCont2 > div > div { float: left;}

/* About company */
.m_company { width: 343px; height: 405px; border: 1px solid #e8e8e8; box-sizing: border-box; background: #f8f8f8; padding: 34px 29px 0; }
.m_company h3 { font-size: 18px; line-height: 100%; color: #2e5390; margin-bottom: 26px;}
.m_company h3 span { font-family: 'Nanum Square'; font-weight: 900; font-size: 16px; line-height: 100%; color: #1a4385; display: block; margin-bottom: 11px;}
.m_company p { font-size: 16px; line-height: 25px; color: #666; padding-left: 4px; height: 214px; border-bottom: 1px solid #ddd;}
.m_company a { font-family: 'Nanum Square'; font-weight: 900; font-size: 12px; line-height: 65px; color: #222; text-transform:uppercase; text-indent: 8px;}

/* Business result */
.m_bs { width: 343px; height: 405px; margin-left: 35px; position: relative; border: 1px solid #e8e8e8; box-sizing: border-box; }
.m_bs h3 { font-size: 18px; line-height: 100%; color: #2e5390; background: #f8f8f8; padding: 34px 29px 28px; box-sizing: border-box;}
.m_bs h3 span { font-family: 'Nanum Square'; font-weight: 900; font-size: 16px; line-height: 100%; color: #1a4385; display: block; margin-bottom: 11px;}
/*.m_bs h3 { font-size: 18px; line-height: 100%; color: #fff; position: absolute; z-index: 99; top: 34px; left: 37px;}
.m_bs h3 span { font-family: 'Nanum Square'; font-weight: 900; font-size: 16px; line-height: 100%; color: #fff; display: block; margin-bottom: 11px;}*/
.m_bs ul { width: 100%; height: 100%; position: relative;}
.m_bs ul li { width: 100%; height: 315px; position: absolute; }
.m_bs ul li a { display:block; height: 100%;}
.m_bs ul li a .img { width: 100%; height: 227px;}
.m_bs ul li a .img img { width: 100%; height: 100%;}
.m_bs ul li .txt { /* position: absolute; bottom: 0; left: 0; right: 0;  */text-align: center; overflow: hidden; padding:20px; background: #000; height: 70px; box-sizing: border-box;}
.m_bs ul li .txt strong { display: block; font-size: 16px; line-height: 100%; color: #a8a8a8; margin-bottom: 10px;}
.m_bs ul li .txt p { font-size: 12px; line-height: 100%; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 37px; box-sizing: border-box;}

/* Business result ¹öÆ° */
.m_bs .bx-controls-direction { position:absolute; z-index:99; top:181px; left: 0; right: 0; width:auto; }
.m_bs .bx-controls-direction a { position:absolute; width:43px; height:43px; display:block; cursor:pointer; text-indent:-9999px; z-index: 999;}
.m_bs .bx-prev { background: #000 url(/img/main/btn_L2.gif) no-repeat center; left: 0;}
.m_bs .bx-next { background: #000 url(/img/main/btn_R2.gif) no-repeat center; right: 0;}

/* m_area */
.m_area { width: 343px; height: 300px; padding: 34px 29px 10px; box-sizing: border-box; background: url(/img/main/bg_m_area1.jpg) no-repeat left top; margin-left: 35px;}
.m_area h3 { font-size: 18px; line-height: 100%; color: #fff; margin-bottom: 31px;}
.m_area h3 span { font-family: 'Nanum Square'; font-weight: 900; font-size: 16px; line-height: 100%; color: #fff; display: block; margin-bottom: 11px;}
.m_area ul { overflow: hidden;}
.m_area ul li { font-family: 'Nanum Square'; font-weight: 900; font-size: 16px;}
.m_area ul li a { display: inline-block; line-height: 38px; color: #fff; border-bottom: 1px solid #fff;}

/* m_inq */
.m_inq { width: 343px; height: 300px; background: url(/img/main/bg_m_inq1.jpg) no-repeat left top; padding: 34px 0 0 34px; box-sizing: border-box;}
.m_inq a { display: block; height: 100%;}
.m_inq a h3 { font-size: 18px; line-height: 100%; color: #fff;}
.m_inq a h3 span { font-family: 'Nanum Square'; font-weight: 900; font-size: 16px; line-height: 100%; color: #fff; display: block; margin-bottom: 11px;}

/* m_partner */
.m_partner { width: 343px; height: 300px; background: #f8f8f8 url(/img/main/bg_m_partner1.jpg) no-repeat left bottom; border: 1px solid #e8e8e8; padding: 34px 0 0 34px; box-sizing: border-box; margin-left: 35px;}
.m_partner a { display: block; height: 100%;}
.m_partner a h3 { font-size: 18px; line-height: 100%; color: #1b1b1b;}
.m_partner a h3 span { font-family: 'Nanum Square'; font-weight: 900; font-size: 16px; line-height: 100%; color: #1b1b1b; display: block; margin-bottom: 11px;}

/* m_location */
.m_location { width: 343px; height: 420px; background: #1a4385; padding: 34px 30px 0 34px; box-sizing: border-box; margin-left: 35px; position: absolute; right: 0; bottom: 0;}
.m_location h3 { font-size: 18px; line-height: 25px; color: #fff; margin-bottom: 28px;}
.m_location h3 span { font-family: 'Nanum Square'; font-weight: 900; font-size: 16px; line-height: 100%; color: #fff; display: block; margin-bottom: 8px;}
.m_location ul { overflow: hidden; border-bottom: 1px solid #9cb0d1; /* padding-bottom: 16px; */}
.m_location ul li { overflow:hidden; margin-bottom: 23px;}
.m_location ul li strong { display: block; font-size: 15px; line-height: 100%; color: #c2d0e7; margin-bottom: 8px;}
.m_location ul li p { font-size: 12px; line-height: 18px; color: #c2d0e7;}
.m_location ul li span { font-size: 12px; line-height: 18px; color: #c2d0e7;}
.m_location a { font-family: 'Nanum Square'; font-weight: 900; font-size: 12px; line-height: 65px; color: #fff; text-indent: 8px;}






/* m_resultW */
/* .m_resultW { height: 740px; width: 100%; overflow: hidden; background: #f8f8f8;}
.m_result { height: 740px; width: 1100px; margin: 0 auto; text-align: center; padding: 43px 0 75px;}
.m_result h3 { font-weight: bold; font-family: 'Nanum Square'; font-size: 28px; line-height: 52px; color: #000; position: relative; margin-bottom: 33px;}
.m_result h3:before { content: ""; display: block; width: 1px; height: 20px; background: #1a4385; position: absolute; bottom: -32px; left: 50%; margin-left: -.5px;}
.m_result p { font-size: 18px; line-height: 52px; color: #999; margin-bottom: 25px;}
.m_result > a { display: inline-block; width: 199px; height: 45px; border: 2px solid #6b6b6b; box-sizing: border-box; border-radius: 25px; font-size: 15px; line-height: 41px; color: #333;}
.m_result .slider { width: 100%; height: 385px; position: relative; margin-bottom: 30px;}
.m_result .slider ul { width: 1005; height: 385px; position: relative;}
.m_result .slider ul li { float: left; width: 360px; height: 385px; position: absolute;}
.m_result .slider ul li a { display: block; height: 100%;}
.m_result .slider ul li a .img { width: 100%; height: 242px; overflow: hidden;}
.m_result .slider ul li a .img img { width: 100%; height: 100%; transition:all .3s; z-index:1;}
.m_result .slider ul li:hover a .img img { transform:scale(1.1);}
.m_result .slider ul li a .txt { width: 100%; height: 143px; background: #fff url(/img/main/arrow1.gif) no-repeat left 167px bottom 25px;}
.m_result .slider ul li:hover a .txt { background: #1a4385 url(/img/main/arrow2.gif) no-repeat left 167px bottom 25px; animation:vsbtm 1s ease infinite;}
.m_result .slider ul li a .txt strong { font-size: 21px; line-height: 52px; color: #333;}
.m_result .slider ul li a .txt p { font-size: 15px; line-height: 52px; color: #999;}
.m_result .slider ul li:hover a .txt strong, .m_result .slider ul li:hover a .txt p { color: #fff;}

@keyframes vsbtm {
	0% { background-position: left 167px bottom 25px;}
	50% { background-position: left 172px bottom 25px;}
	100% { background-position: left 167px bottom 25px;}
} */
/* m_resultW ¹öÆ° ºÎºÐ */
/* .m_result .bx-controls-direction { position:absolute; z-index:99; top:170px; width:1100px; margin: 0 auto;background: Red;}
.m_result .bx-controls-direction a { position:absolute; width:23px; height:44px; display:block; cursor:pointer; text-indent:-9999px; }
.m_result .bx-prev { background: url(/img/main/btn_L.gif) no-repeat; left: -53px;}
.m_result .bx-next { background: url(/img/main/btn_R.gif) no-repeat; right: -53px;} */

/* m_map_asidew */
/* .m_map_asideW { width: 100%; overflow: hidden;}
.m_map_aside { width: 1100px; margin: 0 auto; padding-top: 44px; overflow: hidden;}
.m_map_aside > h3 { font-family: 'Nanum Square'; font-weight: bold; font-size: 28px; line-height: 52px; color: #000; text-align: center; position: relative; margin-bottom: 33px;}
.m_map_aside > h3:before { content: ""; display: block; width: 1px; height: 20px; background: #1a4385; position: absolute; bottom: -32px; left: 50%; margin-left: -.5px;}
.m_map_aside > p { font-size: 18px; line-height: 52px; color: #999; text-align: center; margin-bottom: 30px;}
.mapW { width: 100%; border: 1px solid #d7d7d7; height: 302px; box-sizing: border-box; margin-bottom: 8px;} */

/* m_map_asidew - map */
/* .mapW .map { float: left; width: 559px; height: 300px;}
.mapW .txt { float: left; width: 539px; height: 300px; padding: 29px 40px 0 49px; box-sizing: border-box;}
.mapW .txt h3 { font-family: 'Nanum Gothic', serif; font-size: 16px; line-height: 52px; color: #666; margin-bottom: 20px;}
.mapW .txt h3 span { display: block; font-family: 'Nanum Square'; font-weight: bold; font-size: 28px; line-height: 52px; color: #000; margin-top: -13px;}
.mapW .txt h3 span em { font-style: normal; color: #1a4385;}
.mapW .txt ul { overflow: hidden; border-top: 1px solid #d7d7d7; padding-top: 32px;}
.mapW .txt ul li { font-size: 15px; line-height: 35px; color: #666; margin-bottom: 13px;}
.mapW .txt ul li img { margin-right: 12px;} */

/* m_map_asidew - m_quickW */
/* .m_quickW { overflow: hidden;}
.m_quickW > div { float: left; width: 360px; height: 158px; border: 1px solid #d7d7d7; margin-left: 10px; box-sizing: border-box; padding: 13px 0 0 34px; box-sizing: border-box;}
.m_quickW > div > h3 { font-family: 'Nanum Square'; font-weight: bold; font-size: 21px; line-height: 52px; color: #333; height: 47px;}
.m_quickW > div > p { font-size: 14px; line-height: 20px; color: #666; height: 32px;}
.m_quickW > div > a { display: inline-block; font-size: 12px; line-height: 52px; }

.m_gt { background: #f8f8f8 url(/img/main/bg_m_quickW1.png) no-repeat right 35px top 28px;}
.m_gt:hover { background: #f8f8f8 url(/img/main/bg_m_quickW1.png) no-repeat right 35px top 23px;}
.m_gt > a { color: #35baff;}

.m_bs { background: #fff url(/img/main/bg_m_quickW2.png) no-repeat right 35px top 28px;}
.m_bs:hover { background: #fff url(/img/main/bg_m_quickW2.png) no-repeat right 35px top 23px;}
.m_bs > a { color: #32649d;}

.m_lic { background: #f8f8f8 url(/img/main/bg_m_quickW3.png) no-repeat right 35px top 28px;}
.m_lic:hover { background: #f8f8f8 url(/img/main/bg_m_quickW3.png) no-repeat right 35px top 23px;}
.m_lic > a { color: #2942a1;} */