@charset "utf-8";

/* header */
.headerWarp { width:100%;height:100px;position:fixed;top:0;left:0;z-index:99;min-width:1010px;background:url(../images/head/bg_tr_black.png); }
.headerWarp h1 { position:absolute;top:35px;left:60px; }
.headerWarp .nv, .headerWarp .nv ul { width:690px;height:100px; }
.headerWarp .nv { margin:0 auto;position:relative; }
.headerWarp .nv ul li { float:left;display:inline;width:19.5%; }
.headerWarp .nv ul li a { display:block;width:100%;height:100px;line-height:100px;text-align:center;color:#fff;font-family:'NanumSquareOTFB00';font-size:18px; }
.headerWarp .nv ul li a:hover { color:#FFB730; }
.headerWarp .topBtn { width:95px;height:40px;position:absolute;top:27px;right:127px; }
.headerWarp .topBtn a { display:inline-block;width:40px;overflow:hidden;padding-top:40px;height:0px; }
.headerWarp .topBtn a.home { background:url(../images/head/icon_home.png) 50% 50% no-repeat;background-size:22px 22px;background-color:#060a16; }
.headerWarp .topBtn a.down { background:url(../images/head/icon_down.png) 50% 50% no-repeat;background-size:22px 22px;background-color:#ffd200; }
.headerWarp .topBtn a.home:hover { border:1px solid #ffd200;width:38px;padding-top:38px; }
.headerWarp .topBtn a.down:hover { border:1px solid #fff;width:38px;padding-top:38px; }
.headerWarp .allMenu { width:120px;height:100px;position:absolute;top:0;right:0; }
.headerWarp .allMenu a { width:50px;height:34px;padding:33px 35px 33px 35px;display:block;background-color:#0d120f;opacity:0.6; }
.headerWarp .allMenu a:hover { opacity:1; }
.headerWarp .allMenu a img { width:50px;height:34px; }

/* header > allMenu */
.m_allMenuOpen { display:block;clear:both;position:absolute;top:12px;right:15px;z-index:120; }
.m_allMenuOpen a { display:block;cursor:pointer;background-color:#464749;padding:29px 23px 29px 23px; }
.m_allMenu { display:none;position:absolute;top:0;right:0;z-index:400;width:290px;height:100%;box-shadow:20px 20px 20px 20px rgba(0, 0, 0, .3);
	background:url(../images/common/bg_m_menu.png) 0 0 no-repeat;background-color:#13171f; }
.m_allMenu.on { display:block; }
.m_allMenu:after { display:block;clear:both;content:''; }
.m_allMenu .close { float:right;width:60px;cursor:pointer;margin-left:10px;margin-top:25px;padding-top:40px;
 background:url(../images/common/bg_m_close.gif) 50% 0 no-repeat;font-size:80%;color:#13171f;text-align:center; }

/* header > allMenu > menu */
.m_allMenu dl { clear:both;margin-top:10px;padding:15px 0; }
.m_allMenu dt a { display:block;cursor:pointer;font-size:115%;padding:0 20px;line-height:3em;font-weight:900;color:#fff; }
.m_allMenu dt a.on { color:#fff; }
.m_allMenu dt a:hover { text-decoration:none; }
.m_allMenu dd { display:none; }
.m_allMenu dd.on { display:block; }
.m_allMenu dd h1 { background:#2b3344; }
.m_allMenu dd h1 a { display:block;margin-right:20px;font-size:95%;padding-left:20px;background-size:5%;line-height:3em;font-weight:400;color:#fff; }
.m_allMenu dd h1 a.dep2 { background:url(../images/common/icon_m_arr.gif) no-repeat right center;cursor:pointer; }
.m_allMenu dd h1 a:hover { text-decoration:none; }
.m_allMenu dd h1 a.dep2:hover,.m_allMenu dd h1 a.on { background-image:url(../images/common/icon_m_arr_o.gif);text-decoration:none; }
.m_allMenu dd h1 a.dep2[target=_blank] { background:url(../images/common/icon_m_arr_b.gif) right center no-repeat; }
.m_allMenu dd ul { display:none;padding:20px 0 20px 20px;background:#fff; }
.m_allMenu dd ul.on { display:block; }
.m_allMenu dd li { margin-bottom:5px;background:url(../images/common/icon_m_br.gif) no-repeat left 10px; }
.m_allMenu dd li a { padding:0 19px 0 13px;font-size:90%;color:#929292; }
.m_allMenu dd li a:hover { color:#000000;font-weight:700; }
.m_allMenu dd li a[target=_blank] { background:url(../images/common/icon_m_br.gif) right center no-repeat; }

/* header > allMenu > customer */
.m_menu_customer { width:290px;padding:40px 0 40px 0;background-color:#464749;border-top:1px solid #767778;position:fixed;right:0;bottom:0;clear:both;z-index:99; }
.m_menu_customer h2 { margin:0 auto;width:100px;clear:both;border:1px solid #fff;background:url(../images/common/icon_m_customer.png) 90% 50% no-repeat;
 background-size:30px 30px;font-size:20px;font-weight:600;color:#fff;padding:10px 50px 10px 20px; }
.m_menu_customer p { padding:20px 0 5px 0;text-align:center;font-size:20px;font-weight:600;color:#F9C900; }
.m_menu_customer span { text-align:center;display:block;letter-spacing:0;font-size:15px;font-weight:200;color:#fff; }

/* main */
.section { color:#fff;position:relative;clear:both;min-width:1010px; }
.sec1 { background:url(../images/main/sector1.jpg) 50% 50% no-repeat;background-size:cover; }
.sec2 { background:url(../images/main/sector2.jpg) 50% 50% no-repeat;background-size:cover; }
.sec3 { background:url(../images/main/sector3.jpg) 50% 50% no-repeat;background-size:cover; }
.btn_scroll { width:40px;height:80px;position:absolute;bottom:50px;left:50%;margin-left:-20px;z-index:3; }
.btn_scroll img { transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);opacity:1;
 animation:translateArr 1.0s ease-out infinite;-webkit-animation:translateArr 1.0s ease-out infinite;-moz-animation:translateArr 1.0s ease-out infinite; }
@keyframes translateArr {
	0%{ transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0); }
	20% { transform:translate3d(0,22px,0);-webkit-transform:translate3d(0,22px,0);opacity:.5; }
}
.section_tab { width:190px;height:210px;position:fixed;top:50%;right:10px;margin-top:-105px;z-index:10; }
.section_tab a { display:block;width:120px;position:relative;padding-left:70px;height:60px;margin-bottom:10px;line-height:60px;color:#fff;
 font-family:'Noto Sans KR',sans-serif;font-weight:500; }
.section_tab a span { display:block;width:60px;height:60px;border-radius:30px;position:absolute;top:0;left:0; }
span.st1 { background:url(../images/main/bg_main_tab.png) 0 0 no-repeat;background-color:#34363a; }
span.st2 { background:url(../images/main/bg_main_tab.png) -60px 0 no-repeat;background-color:#34363a; }
span.st3 { background:url(../images/main/bg_main_tab.png) -120px 0 no-repeat;background-color:#34363a; }
.section_tab a:hover span, .section_tab a.on span { background-color:#ffd200; }

.section1 { width:1010px;height:360px;position:absolute;top:50%;left:50%;margin-top:-180px;margin-left:-505px;
 background:url(../images/head/bg_tr_white.png) 440px 0 repeat-y;z-index:15; }
.section1 .visualTitle { width:365px;font-family:'Noto Sans KR',sans-serif;margin-top:35px;margin-right:135px; }
.section1 .visualTitle h2, .section1 .visualTitle p { text-align:right; }
.section1 .visualTitle h2 { font-size:60px;line-height:70px;background:url(../images/main/bg_line.gif) 200px 0 no-repeat;padding-top:10px; }
.section1 .visualTitle p { font-size:90px;line-height:110px;font-weight:800; }
.section1 .visualTitle p:last-child { font-size:22px;line-height:30px;font-weight:300; }
.section1 .sec1_cont { width:480px; }
.section1 .sec1_cont a { width:155px;text-align:center;display:inline-block;*display:inline;vertical-align:top;zoom:1;position:relative;
 font-family:'Noto Sans KR',sans-serif;color:#fff;font-size:15px;margin-bottom:25px; }
.section1 .sec1_cont a:hover { color:#FFBE00; }
.section1 .sec1_cont a span { width:125px;height:125px;display:inline-block;margin-bottom:10px;clear:both;
 background:url(../images/main/bg_section1_service.png) no-repeat; }
.section1 .sec1_cont a strong { display:block;font-weight:400; }
.section1 .sec1_cont a span.sec1_1 { background-position:0 0; }
.section1 .sec1_cont a span.sec1_2 { background-position:-125px 0; }
.section1 .sec1_cont a span.sec1_3 { background-position:-250px 0; }
.section1 .sec1_cont a span.sec1_4 { background-position:-375px 0; }
.section1 .sec1_cont a span.sec1_5 { background-position:-500px 0; }
.section1 .sec1_cont a span.sec1_6 { background-position:-625px 0; }
.section1 .sec1_cont a:hover span.sec1_1 { background-position:0 -125px; }
.section1 .sec1_cont a:hover span.sec1_2 { background-position:-125px -125px; }
.section1 .sec1_cont a:hover span.sec1_3 { background-position:-250px -125px; }
.section1 .sec1_cont a:hover span.sec1_4 { background-position:-375px -125px; }
.section1 .sec1_cont a:hover span.sec1_5 { background-position:-500px -125px; }
.section1 .sec1_cont a:hover span.sec1_6 { background-position:-625px -125px; }
.section1 .sec1_cont a:hover span { opacity:1;animation:kmsAni 0.5s ease-out; }

.section2 { width:1010px;height:360px;position:absolute;top:50%;left:50%;margin-top:-180px;background:url(../images/head/bg_tr_white.png) 475px 0 repeat-y;
 margin-left:-505px; }
.section2 .visualTitle { width:475px;font-family:'Noto Sans KR',sans-serif;margin-top:30px;margin-left:55px; }
.section2 .visualTitle h2, .section2 .visualTitle p { text-align:left; }
.section2 .visualTitle h2 { font-size:60px;line-height:70px;background:url(../images/main/bg_line.gif) -60px 0 no-repeat;padding-top:10px; }
.section2 .visualTitle p { font-size:87px;line-height:110px;font-weight:800; }
.section2 .visualTitle p:last-child { font-size:23px;line-height:30px;font-weight:300; }
.section2 .sec2_cont { width:460px;margin-top:30px;position:relative; }
.section2 .sec2_cont h2 { position:absolute;top:0;left:0;width:55px;padding:20px 40px 20px 40px;height:95px;border-radius:10px;background-color:#ffd200;
 overflow:hidden;display:block; }
.section2 .sec2_cont h2 img { width:100%;height:100%; }
.section2 .sec2_cont ul { width:440px;height:300px; }
.section2 .sec2_cont ul li:first-child { margin-left:145px; }
.section2 .sec2_cont ul li { display:inline;float:left;width:133px;height:133px;margin-right:10px;margin-bottom:10px;overflow:hidden;border:1px solid #fff;
 border-radius:10px;position:relative;cursor:pointer; }
.section2 .sec2_cont ul li div { position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:url(../images/main/bg_tr_pink.png);border-radius:10px;
 display:none;font-family:'NanumSquareOTFB00';font-size:15px; }
.section2 .sec2_cont ul li div p { width:100%;line-height:20px;height:40px;padding-top:20px;text-align:center; }
.section2 .sec2_cont ul li div span { width:35px;height:40px;display:block;margin:0 auto;padding-top:10px; }
.section2 .sec2_cont ul li div span img { width:100%;height:100%; }
.section2 .sec2_cont ul li a img { width:100%;height:100%; }
.section2 .sec2_cont ul li:hover div { display:block; }
.section2 .sec2_cont ul li:hover div { opacity:1;animation:kmsAni 0.5s ease-out; }

@keyframes kmsAni {
	from{opacity:.0}
	to {opacity:1}
}

.section3{width:1010px; height:360px; position:absolute; top:50%; left:50%; margin-top:-180px; margin-left:-555px;
 background:url(../images/head/bg_tr_white.png) 490px 0 repeat-y; z-index:15}
.section3 .visualTitle{width:440px; font-family:'Noto Sans KR',sans-serif; margin-top:35px; margin-right:130px}
.section3 .visualTitle h2, .section3 .visualTitle p{text-align:right}
.section3 .visualTitle h2{font-size:60px; line-height:70px; background:url(../images/main/bg_line.gif) 220px 0 no-repeat; padding-top:10px}
.section3 .visualTitle p{font-size:85px; line-height:110px; font-weight:800}
.section3 .visualTitle p:last-child{font-size:23px; line-height:30px; font-weight:300}
.section3 .sec3_cont{width:405px; position:relative;  font-family:'Noto Sans KR',sans-serif;}

.sec3_cont1, .sec3_cont2, .sec3_cont3{position:absolute;border-radius:10px;overflow:hidden;box-shadow:0 4px 0 rgba(0,0,0,.3); z-index:3; cursor:pointer}
.sec3_cont1{width:210px; height:280px; top:26px; left:-30px; background:url(../images/main/bg_section3_cont1.png) 50% 50% no-repeat; background-color:#ffd200;}
.sec3_cont1 h2{width:100%; text-align:center; font-size:25px; padding-top:50px; color:#685600}
.sec3_cont1 p.en_title{width:100%; position:absolute; top:20px; left:0; text-align:center; font-size:12px; letter-spacing:0}
.sec3_cont1 p.ban_txt{width:100%; position:absolute; bottom:30px; left:0; font-size:15px; color:#756000; line-height:17px; text-align:center}
.sec3_cont1 span{position:absolute; display:block; height:57px; width:57px; bottom:0; right:0; background:url(../images/main/icon_section3_type1_n.png) 0 0 no-repeat}
.sec3_cont1:hover span{background:url(../images/main/icon_section3_type1_o.png) 0 0 no-repeat}

.sec3_cont2{width:200px; height:220px; top:-80px; left:200px; background:url(../images/main/bg_section3_cont2.png) 50% 70% no-repeat; background-color:#fff;}
.sec3_cont2 h2{width:100%; text-align:center; font-size:25px; padding-top:50px; color:#121212}
.sec3_cont2 p.en_title{width:100%; position:absolute; color:#b9b9b9; top:20px; left:0; text-align:center; font-size:12px; letter-spacing:0}
.sec3_cont2 span{position:absolute; display:block; height:57px; width:57px; bottom:0; right:0; background:url(../images/main/icon_section3_type2_n.png) 0 0 no-repeat}
.sec3_cont2:hover span{background:url(../images/main/icon_section3_type2_o.png) 0 0 no-repeat}

.sec3_cont3{width:295px; height:255px; top:160px; left:200px; background:url(../images/main/bg_section3_cont3_1.png) 50% 70% no-repeat; background-color:#fff;}
.sec3_cont3 h2{width:100%; text-align:center; font-size:25px; padding-top:150px; color:#ffd200}
.sec3_cont3 p.en_title{width:100%;color:#fff; padding-top:10px; text-align:center; font-size:12px; letter-spacing:0}
.sec3_cont3 span{position:absolute; display:block; height:79px; width:79px; top:50px; left:50%; margin-left:-40px;
 background:url(../images/main/bg_section3_cont3.png) 0 0 no-repeat}
.sec3_cont3:hover{width:293px; height:253px; border:1px solid #fff}

.sec3_bg{width:663px; height:446px; z-index:0; display:block; background:url(../images/main/bg_section3.png) 0 0 no-repeat; position:absolute; top:-40px; left:-40px}

#footer { width:100%;height:100px;background-color:#434957;position:relative;bottom:0;left:0;clear:both;font-family:'Noto Sans KR',sans-serif; }
#footer .copyright { width:900px;margin:0 auto;font-size:15px;font-weight:300;text-align:center;color:#949aa9;padding-top:30px; }
#footer .ect { position:absolute;top:25px;left:20px; }
#footer .ect a { padding:12px 60px 12px 20px;color:#949ec6;border:1px solid #949ec6;display:inline-block;*display:inline;vertical-align:top;zoom:1; }
#footer .ect a:hover { border-color:#fff;color:#fff; }
#footer .ect a.company { background:url(../images/footer/br1.png) 85% 50% no-repeat; }
#footer .ect a.admin { background:url(../images/footer/br2.png) 85% 50% no-repeat; }
#footer .customer { position:absolute;top:40px;right:20px;font-size:15px; }
#footer .customer h2 { float:left;color:#afbec7;padding-right:25px; }
#footer .customer span { display:block;float:left;padding-right:15px;color:#fff; }

.sub_visual{width:100%; height:250px; overflow:hidden; position:relative; clear:both}
.sub_visual h1{text-align:center; margin-top:165px; color:#fff; font-family: 'NanumSquareOTFB00'; font-size:35px; position:relative; z-index:3}
.visual_type1{width:100%; height:500px; position:absolute; left:0; background:url(../images/sub/img_visual1.jpg) 50% 0 no-repeat; background-size:cover}

#sub_nav{border-top:1px solid #233341; background-color:#fff; border-bottom:1px solid #b1b5bf; height:48px; position:relative}
#sub_nav ul{width:1000px; height:49px; margin:0 auto}
#sub_nav ul.type_5ea li{width:20%}
#sub_nav ul.type_2ea li{width:50%}
#sub_nav ul.type_6ea li{width:16%}
#sub_nav ul li{display:inline; float:left; height:49px; background:url(../images/common/bg_tab_guide.jpg) 100% 50% no-repeat}
#sub_nav ul li:last-child{background:none}
#sub_nav ul li a{display:block; height:48px; text-align:center; width:100%; color:#818189; line-height:48px; position:relative; font-family: 'NanumSquareOTFB00';}
#sub_nav ul li a span{width:9px; height:9px; position:absolute; bottom:-5px; left:50%; margin-left:-4px;
 background:url(../images/common/bg_subTab_br.png) 0 0 no-repeat; display:none}
#sub_nav ul li a:hover, #sub_nav ul li .on{color:#121212; border-bottom:1px solid #f46768}
#sub_nav ul li a:hover span, #sub_nav ul li .on span{display:block}

#container{min-height:900px; background-color:#f8f8f8}

.page_title_wrap{width:1200px; margin:0 auto}
.page_title_wrap h2{text-align:center; background:url(../images/common/bg_sub_title_line.gif) 50% 100% no-repeat;line-height:35px; padding:60px 0 20px 0;
 font-size:35px; color:#323641;font-family: 'NanumSquareOTFB00';}
.page_title_wrap ul{width:100%; padding:20px 0 60px 0; text-align:center}
.page_title_wrap ul li{display:inline-block; font-size:13px; color:#636772; padding-right:15px; padding-left:5px;
 background:url(../images/common/bg_location_br.png) 100% 50% no-repeat}
.page_title_wrap ul li.home span{padding-left:18px; background:url(../images/common/bg_subLocation_br.png) 0 50% no-repeat; display:block;}
.page_title_wrap ul li:last-child{background:none}
.content { width:1170px;margin:0 auto;clear:both; }	/* width:1200px; */

.centerTitle{ text-align:center}
.centerTitle h3, .centerTitle p{color:#121212}
.centerTitle h3{font-family: 'NanumSquareOTFR00'; font-size:50px; line-height:50px;}
.centerTitle p{padding-top:30px; font-size:20px; line-height:25px; font-weight:300}

.txt_red{color:#f46768}
.txt_yellow{color:#ffae00}
.txt_blue{color:#67a3f4}

.sub1_1_block { padding-top:70px;padding-bottom:100px; }
.sub1_1_block div { width:30%;padding:270px 1.5% 0 1.5%;float:left;position:relative; }

.sub1_1_block div span { display:block;width:230px;height:70px;padding-top:160px;text-align:center;color:#121212;font-weight:800;position:absolute;top:0;left:50%;
 margin-left:-125px;border:1px solid #b6b6b5;border-radius:125px; }
.sub1_1_block div span.icon1 { background:url(../images/sub/intro/bg_img1_1_n.png) 50% 30% no-repeat;background-color:#fff; }
.sub1_1_block div span.icon2 { background:url(../images/sub/intro/bg_img1_2_n.png) 50% 30% no-repeat;background-color:#fff; }
.sub1_1_block div span.icon3 { background:url(../images/sub/intro/bg_img1_3_n.png) 50% 30% no-repeat;background-color:#fff; }
.sub1_1_block div:hover span.icon1 { background:url(../images/sub/intro/bg_img1_1_o.png) 50% 30% no-repeat; background-color:#ffd200; }
.sub1_1_block div:hover span.icon2 { background:url(../images/sub/intro/bg_img1_2_o.png) 50% 30% no-repeat; background-color:#ffd200; }
.sub1_1_block div:hover span.icon3 { background:url(../images/sub/intro/bg_img1_3_o.png) 50% 30% no-repeat; background-color:#ffd200; }
.sub1_1_block div:hover span { border-color:#d1a00b; }
.sub1_1_block div h4, .sub1_1_block div p { width:90%;text-align:center;margin:0 auto; }
.sub1_1_block div h4 { color:#121212;font-size:25px;font-weight:600;line-height:25px;padding-bottom:15px;border-bottom:1px solid #dddddd; }
.sub1_1_block div p { color:#444444;font-size:14px;font-weight:300;padding-top:15px;text-indent:8px;text-align:left; }	/* �鿩����, ���Ĺ�� �߰� koyejom 2017.01.06 */

.hisrtoyWrap { position:relative;height:100%;clear:both;padding-bottom:50px; }
.historyLine { display:block;position:absolute;top:110px;left:50%;width:8px;height:90%;margin-left:-4px;background-color:#dfe2ea;border-radius:4px; }
.history_stitle { width:90px;height:90px;margin:0 auto;border:1px solid #d0d0d0;border-radius:45px;text-align:center;line-height:90px;color:#5a5e67; }
.historyBlock { position:relative;width:50%;padding-top:50px;padding-bottom:80px;z-index:3; }
.historyBlock h3 { font-size:25px;color:#121212;font-family:'NanumSquareOTFR00';line-height:35px;position:absolute; }
.historyBlock h3 span { font-size:35px;font-family:'NanumSquareOTFB00';display:block;width:100%; }
.historyBlock div p { width:10%;display:inline-block;vertical-align:top;color:#121212;font-size:16px;font-weight:700; }
.historyBlock div ul { width:84%;display:inline-block; }
.historyBlock div ul li { font-size:14px;line-height:20px;color:#121212;font-weight:300;padding-bottom:10px; }
.historyBlock div ul li.font12 { font-size:12px; }			/* 12��Ʈ �߰� koyejom 2017.01.09 */
span.historyBr { position:absolute;top:50px;background:url(../images/sub/intro/br_line.gif) 0 0 no-repeat;display:block;width:28px;height:48px; }
span.historyImg { width:180px;height:106px;position:absolute;top:50px;display:block;border:1px solid #cdcdcd; }

.hisLeft { left:50%;margin-left:60px; }
.hisLeft h3 { top:50px;left:-280px; }
.hisLeft span.historyBr { left:-74px; }
.hisLeft span.historyImg { left:-500px; }

.hisRight { right:0; }
.hisRight h3 { top:50px;right:-250px; }
.hisRight .historySector p { text-align:right;float:right;padding-right:60px; }
.hisRight div ul { width:80%; }
.hisRight ul li { text-align:right; }
.hisRight span.historyBr { right:-14px; }
.hisRight span.historyImg { right:-450px; }

.ceoWrap { position:relative;clear:both;padding-top:30px; }		/* padding-top �߰� koyejom 2017.01.09 */
.ceoWrap h3 { font-family:'NanumSquareOTFR00';line-height:42px;font-size:34px;color:#121212;clear:both;padding-left:5%; }	
	/* padding-top, padding-bottom �̵� koyejom 2017.01.09 */
.ceoWrap h3 span { font-family:'NanumSquareOTFB00'; }
.ceoWrap p { font-size:18px;line-height:30px;color:#121212;font-weight:300;width:50%; }
.ceoSector1 { padding-top:60px;padding-bottom:120px;padding-left:5%;text-indent:8px; }		/* padding-top, text-indent �߰� koyejom 2017.01.09 */
.ceoSector2 { padding-bottom:50px;padding-left:40%;text-indent:8px; }
.ceoSector3 { padding-bottom:150px;padding-left:40%; }
.ceoSector3, .ceoSector3 span { font-family:'NanumSquareOTFB00';line-height:160%;text-align:right; }
.ceoSector3 #kbh { font-size:35px;display:inline-block;height:35px;padding-right:150px;background:url(../images/sub/intro/sign.png) 100% 50% no-repeat;
 padding-left:20px; }
.ceoSector3 #ktg { font-size:35px;display:inline-block;height:35px;padding-right:150px;background:url(../images/sub/intro/sign2.png) 100% 50% no-repeat;
 padding-left:20px; }
.ceo_img1, .ceo_img2 { position:absolute; }
.ceo_img1 { width:535px;height:383px;top:0;right:-50px;background:url(../images/sub/intro/ceo_img1.png) 0 0 no-repeat; }
.ceo_img2 { width:528px;height:463px;top:450px;left:-90px;background:url(../images/sub/intro/ceo_img2.png) 0 0 no-repeat; }

.subsidiaryWrap { background:url(../images/sub/intro/bg_subsidiary2.gif) 50% 0 no-repeat;position:relative;padding-bottom:100px;padding-top:30px; }		/* padding-top �߰� koyejom 2017.01.09 */
.sidiary_line { display:block;width:1px;height:80%;background-color:#e1e1e1;position:absolute;top:190px;left:50%; }

.subsidiaryWrap h3 { font-family:'NanumSquareOTFB00';line-height:42px;text-align:center;font-size:34px;color:#121212;clear:both; }		/* padding-top, padding-bottom �̵� koyejom 2017.01.09 */
.subsidiary_title { width:230px;height:80px;padding-top:150px;text-align:center;border:1px solid #b6b6b5;background:url(../images/sub/intro/bg_subsidiary.gif) 50% 50px no-repeat;
	color:#121212;font-weight:600;border-radius:115px;background-color:#fff;margin:50px auto 0 auto;position:relative;z-index:2; }		/* padding-top (+60) �ջ� koyejom 2017.01.09 */

.subsidiarySector { width:400px;background-color:#fff;border:1px solid #cdcdcd;border-radius:10px;padding:15px;position:relative;left:50%;z-index:5; }
.subsidiarySector h4 { padding-left:15px;font-size:20px;padding-bottom:10px;line-height:30px;border-bottom:1px solid #d7d7d7;color:#121212;margin-bottom:20px;font-family:'NanumSquareOTFB00'; }
.subsidiarySector table { clear:both;width:100%;border-collapse:collapse;font-size:15px; }
.subsidiarySector table th, .subsidiarySector table td { padding:10px;font-family:'Noto Sans KR',sans-serif; }
.subsidiarySector table th { text-align:left;color:#121212; }
.subsidiarySector table td strong { color:#121212; }
.subsidiarySector span { display:block;background-color:#f46769;width:20px;height:20px;border-radius:10px;position:absolute;top:0; }
.subsidiarySector p { width:35px;height:19px;position:absolute;top:-1px;background:url(../images/sub/intro/arr_subsidiary.png) 0 0 no-repeat; }
.subsidiary_l1 { margin-left:-480px;top:50px; }
.subsidiary_l2 { margin-left:50px;top:-100px; }
.subsidiary_l3 { margin-left:-480px;top:-100px; }
.subsidiary_l1 span { right:-59px; }
.subsidiary_l2 span { left:-60px; }
.subsidiary_l3 span { right:-59px; }
.subsidiary_l1 p { right:-20px; }
.subsidiary_l2 p { left:-20px;background:url(../images/sub/intro/arr_subsidiary2.png) 0 0 no-repeat; }
.subsidiary_l3 p { right:-20px; }

.mapWrap{padding-bottom:100px}
.imgMap{width:55%; display:inline-block}
.imgMap img{width:100%}

.mapAddr{width:37%;display:inline-block; vertical-align:top; color:#121212;font-family: 'Exo 2', sans-serif; font-weight:200; clear:both; padding-left:2%}
.mapAddr span.btn{display:block; margin-top:200px}
.mapAddr p{margin-top:40px}
.mapAddr p span{display:inline-block; letter-spacing:0; font-size:14px;}

.bizWrap{height:720px;  position:relative; margin-bottom:150px}

.bizSector { width:720px;height:360px;position:absolute;top:180px;left:50%;margin-left:-360px; }
.bizSector h3 { width:180px;background-color:#2670d5;height:180px;line-height:28px;text-align:center;vertical-align:middle;font-size:25px;font-weight:700;color:#fff; }
.bizSector h3, .bizSector .slogan { display:table-cell; }
.bizSector .slogan { width:540px;height:180px;text-align:center;vertical-align:middle;font-weight:300;color:#fff;font-size:25px;background-color:#000;opacity:0.7;line-height:35px; }
.bizSector .summary { width:660px;height:110px;padding:35px 30px 35px 30px;color:#3d3d3d;font-size:15px;line-height:21px;background-color:#fff;text-indent:8px; }	/* �鿩���� �߰� (koyejom, 2017-01-12) */

.bgBiz1{background:url(../images/sub/biz/bg_biz1.jpg) 50% 50% no-repeat;}
.bgBiz2{background:url(../images/sub/biz/bg_biz2.jpg) 50% 50% no-repeat;}
.bgBiz3{background:url(../images/sub/biz/bg_biz3.jpg) 50% 50% no-repeat;}
.bgBiz4{background:url(../images/sub/biz/bg_biz4.jpg) 50% 50% no-repeat;}
.bgBiz5{background:url(../images/sub/biz/bg_biz5.jpg) 50% 50% no-repeat;}
.bgBiz6{background:url(../images/sub/biz/bg_biz5.jpg) 50% 50% no-repeat;}

.peopleWrap{position:relative; min-height:750px}
.peopleWrap .peopleBox{position:absolute; z-index:3; padding:20px; padding-top:5px; border:1px solid #4d4d4d; border-radius:10px; background-color:#fff; width:30%}
.peopleWrap .peopleBox h4{line-height:50px; font-size:24px; font-weight:normal; font-family: 'NanumSquareOTFB00'; color:#121212;}
.peopleWrap .peopleBox p{line-height:20px; font-size:15px}
.peopleWrap span{display:block; width:50%; position:absolute; top:50%; left:50%; margin-left:-25%; margin-top:-25%}
.peopleWrap span img{width:100%}

.people1{top:10%; left:10%;}
.people2{top:20%; right:5%}
.people3{bottom:25%; left:0}

.mBr2{display: none}

.noneImg { text-align:center; }

/* ������� ����*/
.borrow-wrap { color: #323641; }
.borrow-wrap h3 { font-size:20px;line-height:20px;font-weight:bold;width:100%;margin:0 auto;padding-bottom:20px; }
.borrow-wrap h3::before { content:'';width:40px;height:13px;background:url(../images/common/bg_title_br.png) 50% 50% no-repeat;vertical-align:middle;display:inline-block; }

.borrow-wrap > div { padding-bottom:35px; }
.borrow-wrap > div:nth-of-type(1) ul { background-color:#fff;border:1px solid #d1d1d1; }
.borrow-wrap > div:nth-of-type(1) ul li { border-bottom:1px solid #d1d1d1; padding:15px 160px 15px 15px;position:relative; }
.borrow-wrap > div:nth-of-type(1) ul li dl { display:inline-block;padding:0 20px;border-right:1px solid #e7e7e7;vertical-align:top; }
.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(1),
.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(2),
.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(3) { width:15%; }
.borrow-wrap > div:nth-of-type(1) ul li:last-child,
.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(4),
.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(5) { border:0; }
.borrow-wrap > div:nth-of-type(1) ul li dl dt,
.borrow-wrap > div:nth-of-type(1) ul li dl dd { display:block; }
.borrow-wrap > div:nth-of-type(1) ul li dl dt { height:20px;line-height:20px;font-size:13px; }
.borrow-wrap > div:nth-of-type(1) ul li dl dd { height:30px;line-height:30px;font-size:16px;font-weight:600; }
.borrow-wrap > div:nth-of-type(1) ul li a { height:48px;position:absolute;top:15px;right:15px;line-height:48px;border:1px solid #676767;border-radius:5px;padding:0 40px 0 15px;display:inline-block;box-shadow:0 2px 0 rgba(0,0,0,.1);
	background:url(../images/common/icon_box1.png) 90% 50% no-repeat;background-color:#fff;color:#222; }
	.borrow-wrap > div { padding-bottom:35px; }
.borrow-wrap > div:nth-of-type(2) ul { background-color:#fff;border:1px solid #d1d1d1; }
.borrow-wrap > div:nth-of-type(2) ul li { border-bottom:1px solid #d1d1d1;padding:15px 160px 15px 15px;position:relative; }
.borrow-wrap > div:nth-of-type(2) ul li dl { display:inline-block;padding:10px 20px;border-right:1px solid #e7e7e7;vertical-align:top; }
.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(1) { width:10%; }
/*.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(2) { width:80%; }*/
.borrow-wrap > div:nth-of-type(2) ul li:last-child,
.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(2) { border:0; }
.borrow-wrap > div:nth-of-type(2) ul li dl dt,
.borrow-wrap > div:nth-of-type(2) ul li dl dd { display:block; }
.borrow-wrap > div:nth-of-type(2) ul li dl dt { height:20px;line-height:20px;font-size:13px; }
.borrow-wrap > div:nth-of-type(2) ul li dl dd { height:30px;line-height:30px;font-size:16px;font-weight:600; }
.borrow-wrap > div:nth-of-type(2) ul li a { height:48px;position:absolute;top:15px;right:15px;line-height:48px;border:1px solid #676767;border-radius:5px;padding:0 40px 0 15px;display:inline-block;box-shadow:0 2px 0 rgba(0,0,0,.1);
	background:url(../images/common/icon_box1.png) 90% 50% no-repeat;background-color:#fff;color:#222; }
.borrow-wrap .point { position: absolute; font-weight: bold; font-size:24px; margin: 0px 3px;   }
.borrow-wrap .point_si { margin-left: 15px; }

table.tbl_type1{clear:both; width:100%; border-collapse:collapse; font-size:15px;}
table.tbl_type1 th,
table.tbl_type1 td{font-family:'Noto Sans KR',sans-serif; border: 1px solid #d1d1d1; padding: 15px;}
table.tbl_type1 th{background-color: #fff; text-align: center;}
table.tbl_type1 td{line-height: 25px}
table.tbl_type1 .w15p{width: 15%}
table.tbl_type1 .ft20{font-size: 20px; text-align: center; font-weight: 600}
table.tbl_type1 .ft20 span{font-size: 16px;}

.procedure{clear: both;  position: relative;}
.procedure .process{position: relative; clear: both; text-align: center}
.procedure .process li { display:inline-block;width:210px;height:80px;line-height:1.3em;font-size:15px;font-weight:600;text-align:center;background-color:#fff;color:#323641;padding-top:130px;border-radius:50%;border:1px solid #676767;
	margin:30px;position:relative;vertical-align:top; }
.procedure .process li::before{content: ''; width: 80px; height: 80px; position: absolute; top:35px; left: calc(50% - 40px)}
.procedure .process li:nth-of-type(1)::before{background: url(../images/common/ic_procedure1.png) 0 0 no-repeat}
.procedure .process li:nth-of-type(2)::before{background: url(../images/common/ic_procedure2.png) 0 0 no-repeat}
.procedure .process li:nth-of-type(3)::before{background: url(../images/common/ic_procedure3.png) 0 0 no-repeat}
.procedure .process li:nth-of-type(4)::before{background: url(../images/common/ic_procedure4.png) 0 0 no-repeat}
.procedure .process li::after{content: ''; width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); right: -50px; background: url(../images/common/arrow_gray.png) 0 0 no-repeat}
.procedure .process li:nth-of-type(3)::after{background: url(../images/common/arrow_yellow.png) 0 0 no-repeat}
.procedure .process li:last-child::after{display: none}
.procedure .information{background-color: #fff; position: relative; border: 1px solid #d1d1d1; padding: 30px}
.procedure .information dl dt,
.procedure .information dl dd{display: inline-block }
.procedure .information dl dt{line-height: 20px; font-size: 15px; height: 20px; padding-left: 15px; width: calc(100% - 15px)}
.procedure .information dl dd{padding: 0 15px; line-height: 30px; height: 30px; font-size: 18px; font-weight: 600; background: url(../images/common/guide_info.gif) 100% 50% no-repeat}
.procedure .information dl dd:last-child{background: none}
.procedure .information p{position: absolute;; top: 15px; right: 20px}
.procedure .information p a{display:inline-block;width:140px; font-size: 13px; font-weight: 600; height: 30px; text-align: center; padding-top: 50px; border-radius: 10px}
.procedure .information p a:nth-of-type(1){background: url(../images/common/down1_box4.png) 50% 15px no-repeat; background-color: #67a3f4; color: #fff}
.procedure .information p a:nth-of-type(2){background: url(../images/common/down2_box4.png) 50% 15px no-repeat; background-color: #f6c01a; color: #674f06}

.btn_down { padding:20px 0 70px 0 !important;width:110px;border:1px solid #676767;position:fixed;border-radius:10px;top:700px;left:calc(50% + 600px);background:url(../images/common/icon_cloud.png) 50% 75% no-repeat;background-color:#fff;
	box-shadow:0 2px 0 rgba(0,0,0,.1);text-align:center;color:#323641;font-size:14px;font-weight:600; }
.btn_Cal { top:400px; background:url(../images/common/icon_rentCal.png) 50% 75% no-repeat; background-size:23%; background-color:#fff;  }
.btn_Cal2{ top:550px; background:url(../images/common/icon_rentCal.png) 50% 75% no-repeat; background-size:23%; background-color:#fff; }
.btn_Ser { 
	top:550px; 
	background: url(../images/common/icon_view.png)50% 75% no-repeat; background-size:25%;   background-color:#fff;
}
.btn_Ser2 { 
	top:700px; 
	background: url(../images/common/icon_view.png)50% 75% no-repeat; background-size:25%;   background-color:#fff;
}
.btn_Svc { top:400px; background:url(../images/common/arrow_yellow.png) 50% 75% no-repeat;   }
.pop-photo-wrap{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background: url(../images/common/tr_px.png); display: none}
.pop-photo-wrap.on{display: block}
.pop-photo-wrap .pop-img{position: absolute; top: calc(50% - 350px); left: calc(50% - 390px); width: 780px;}
.pop-photo-wrap .pop-img img{width: 780px; height: 590px}
.pop-photo-wrap .pop-img .tab{text-align: center; padding-bottom: 30px}
.pop-photo-wrap .pop-img .tab a{display: inline-block; padding: 10px 25px; border: 1px solid #fff; border-radius: 7px; color: #fff}
.pop-photo-wrap .pop-img .tab a span{font-size: 25px; font-weight: 600}
.pop-photo-wrap .pop-img .tab a.on{background-color: #f6c01a; border-color: #f6c01a; color: #624807}
.pop-photo-wrap .pop-img .cont1,
.pop-photo-wrap .pop-img .cont2,
.pop-photo-wrap .pop-img .cont3,
.pop-photo-wrap .pop-img .cont4{display: none}
.pop-photo-wrap .pop-img .cont1.on,
.pop-photo-wrap .pop-img .cont2.on,
.pop-photo-wrap .pop-img .cont3.on,
.pop-photo-wrap .pop-img .cont4.on{display: block; overflow: hidden; height: 590px; width: 780px}
.pop-photo-wrap .pop-img .ctrl{width: 100%; height: 0px; position: absolute; top: calc(50% - 60px); left: 0}
.pop-photo-wrap .pop-img .ctrl a{position: absolute; top: 0; width: 60px; height: 120px; color: #fff; line-height: 120px; font-size: 13px; opacity: .5}
.pop-photo-wrap .pop-img .ctrl a:hover{opacity: 1}
.pop-photo-wrap .pop-img .ctrl a:nth-of-type(1){left: -140px; padding-left:40px; text-align: left; background: url(../images/common/btn_prev.png) 0 50% no-repeat}
.pop-photo-wrap .pop-img .ctrl a:nth-of-type(2){right: -140px; padding-right:40px; text-align: right; background: url(../images/common/btn_next.png) 0 50% no-repeat}
.pop-photo-wrap > a { width:100px;height:100px;position:absolute;bottom:0;right:0;background:url(../images/common/btn_close.png) 50% 50% no-repeat;background-color:#f6c01a;display:block;overflow:hidden;text-indent:-9999px; }

.pop-photo-wrap2{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background: url(../images/common/tr_px.png); display: none}
.pop-photo-wrap2.on{display: block}
.pop-photo-wrap2 .pop-img{position: absolute; top: calc(50% - 350px); left: calc(50% - 390px); width: 780px;}
.pop-photo-wrap2 .pop-img img{width: 780px; height: 590px}
.pop-photo-wrap2 .pop-img .tab{text-align: center; padding-bottom: 30px}
.pop-photo-wrap2 .pop-img .tab a{display: inline-block; padding: 10px 25px; border: 1px solid #fff; border-radius: 7px; color: #fff}
.pop-photo-wrap2 .pop-img .tab a span{font-size: 25px; font-weight: 600}
.pop-photo-wrap2 .pop-img .tab a.on{background-color: #f6c01a; border-color: #f6c01a; color: #624807}
.pop-photo-wrap2 .pop-img .cont1,
.pop-photo-wrap2 .pop-img .cont2,
.pop-photo-wrap2 .pop-img .cont3,
.pop-photo-wrap2 .pop-img .cont4{display: none}
.pop-photo-wrap2 .pop-img .cont1.on,
.pop-photo-wrap2 .pop-img .cont2.on,
.pop-photo-wrap2 .pop-img .cont3.on,
.pop-photo-wrap2 .pop-img .cont4.on{display: block; overflow: hidden; height: 590px; width: 780px}
.pop-photo-wrap2 .pop-img .ctrl{width: 100%; height: 0px; position: absolute; top: calc(50% - 60px); left: 0}
.pop-photo-wrap2 .pop-img .ctrl a{position: absolute; top: 0; width: 60px; height: 120px; color: #fff; line-height: 120px; font-size: 13px; opacity: .5}
.pop-photo-wrap2 .pop-img .ctrl a:hover{opacity: 1}
.pop-photo-wrap2 .pop-img .ctrl a:nth-of-type(1){left: -140px; padding-left:40px; text-align: left; background: url(../images/common/btn_prev.png) 0 50% no-repeat}
.pop-photo-wrap2 .pop-img .ctrl a:nth-of-type(2){right: -140px; padding-right:40px; text-align: right; background: url(../images/common/btn_next.png) 0 50% no-repeat}
.pop-photo-wrap2 > a { width:100px;height:100px;position:absolute;bottom:0;right:0;background:url(../images/common/btn_close.png) 50% 50% no-repeat;background-color:#f6c01a;display:block;overflow:hidden;text-indent:-9999px; }

.menu { cursor: pointer; width: 150px; height: 35px; margin: 10px 10px 20px 10px; float: left; font-size: 20px; line-height: 35px; font-weight: bold; color: #FFF; text-align: center; border-radius: 25px; background:#7F7F7F; transition:background ease 0.3s; }
.menuBg { background:#f46768;}
.menu:hover { background:#f46768; }
.tab2 { display: none; }
/* ������� �� */


/*20190110 ä�����ͺ� �ű� ����*/
.new-interview-wrap{position: relative; clear: both;}

.new-interview-wrap .select-wrap{position: relative; padding: 30px 0; border-bottom: 8px solid #e6e6e6; margin-bottom: 40px}
.new-interview-wrap .select-wrap fieldset,
.new-interview-wrap .select-wrap fieldset dl,
.new-interview-wrap .select-wrap fieldset dl dt,
.new-interview-wrap .select-wrap fieldset dl dd{display: inline-block}
.new-interview-wrap .select-wrap fieldset dl{background-color: #fff;border: 1px solid #c5c5c5;box-shadow:0 3px 0 0 rgba(0,0,0,0.07);}
.new-interview-wrap .select-wrap fieldset dl dt,
.new-interview-wrap .select-wrap fieldset dl dd{height: 65px; line-height: 65px; vertical-align: top}
.new-interview-wrap .select-wrap fieldset dl dt{padding-left: 20px; padding-right: 20px; font-size: 13px; font-weight: 600; color: #121212}
.new-interview-wrap .select-wrap fieldset dl dd select{height: 65px; padding: 0 20px; line-height: 65px; font-weight: 600; color: #121212; font-size: 20px; font-family:'Noto Sans KR',sans-serif; padding-right: 70px; background: url("../images/sub/people/ic_arr_select.png") 95% 50% no-repeat; border: 0}
.new-interview-wrap .select-wrap fieldset select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.new-interview-wrap .select-wrap fieldset select::-ms-expand{display:none}
.new-interview-wrap .select-wrap .tab{position: absolute; top: 30px; right: 10px}
.new-interview-wrap .select-wrap .tab a{display: inline-block; height: 65px; line-height: 65px; font-size: 20px; font-weight: 300; color: #313131; position: relative; padding: 0 35px; background: url("../images/sub/people/guide.gif") 100% 50% no-repeat}
.new-interview-wrap .select-wrap .tab a:last-of-type{background: no-repeat}
.new-interview-wrap .select-wrap .tab a.on{padding: 0 30px 0 70px; border-radius: 8px 8px 8px 0px; background: url("../images/sub/people/ic_comm.png") 20px 50% no-repeat;background-color: #ffd200; color: #5b5120; font-weight: 600}
.new-interview-wrap .select-wrap .tab a.on::after{content: ''; background: url("../images/sub/people/ic_arr_type1.png") 0 0 no-repeat; width: 12px; height: 18px; position: absolute; left: 0; bottom: -18px; display: block}

.new-interview-cont-wrap{position: relative; min-height: 940px; padding-bottom: 60px; clear: both; background: url("../images/sub/people/bg2.jpg") 50% 0 no-repeat; background-attachment: scroll}
.new-interview-cont-wrap ul,
.new-interview-cont-wrap ul li{position: relative; clear: both;}
.new-interview-cont-wrap ul li{padding: 30px 0; padding-left: 40%; padding-right: 115px}
.new-interview-cont-wrap ul li:nth-of-type(odd){padding-left: 115px; padding-right: 40%}
.new-interview-cont-wrap ul li > p{border-radius: 50%; width: 90px; height: 90px; position: absolute; top: 20px; overflow: hidden}
.new-interview-cont-wrap ul li > p span{display: block; text-align: center}
.new-interview-cont-wrap ul li > p span:nth-of-type(1){padding-top: 25px}
.new-interview-cont-wrap ul li > p span:nth-of-type(2){font-size: 18px;}
.new-interview-cont-wrap ul li > p span:nth-of-type(1),
.new-interview-cont-wrap ul li > p span:nth-of-type(1) strong{font-size: 12px; font-weight: normal}
.new-interview-cont-wrap ul li:nth-of-type(odd) > p{left: 0; background-color: #fff; border: 1px solid #c5c5c5}
.new-interview-cont-wrap ul li:nth-of-type(even) > p{right: 0; background-color: #2670d5; border: 1px solid #2258a2}
.new-interview-cont-wrap ul li:nth-of-type(odd) > p span{color: #f46768}
.new-interview-cont-wrap ul li:nth-of-type(even) > p span{color: #fff}
.new-interview-cont-wrap ul li > div{border-radius: 10px; padding: 15px 20px; position: relative; color: #313131;box-shadow:0 3px 0 0 rgba(0,0,0,0.07); display: inline-block}
.new-interview-cont-wrap ul li > div::before{content: ''; width: 22px; height: 22px; position: absolute; top: 18px; display: block}
.new-interview-cont-wrap ul li:nth-of-type(odd) > div{border: 1px solid #c5c5c5; background-color: #fff; font-weight: 600}
.new-interview-cont-wrap ul li:nth-of-type(even) > div{border: 1px solid #c5c5c5; background-color: #e7f9ff;}
.new-interview-cont-wrap ul li:nth-of-type(odd) > div::before{left: -22px; background: url("../images/sub/people/ic_arr_type2.png") 0 0 no-repeat}
.new-interview-cont-wrap ul li:nth-of-type(even) > div::before{right: -22px; background: url("../images/sub/people/ic_arr_type3.png") 0 0 no-repeat}
/*20190110 ä�����ͺ� �ű� ��*/


@keyframes kmsAni_p {
	from{top:0}
	to {top:-250px}
}

/* 1280 ���� */
@media (max-width:1500px) {
	.section_tab { width:70px;overflow:hidden; }
	.page_title_wrap { width:1000px; }
	.content { width:1000px; }
	.historyBlock { width:45%; }
	.historyBlock div p { width:15%; }
	.historyBlock div ul { width:78%; }
	.hisRight .historySector p { padding-right:30px; }
	.hisRight span.historyBr { right:-64px; }
	.ceo_img1 { width:300px;height:215px;top:150px;right:5px;background-size:cover; }
	.ceo_img2 { width:360px;height:315px;top:480px;left:5px;background-size:cover; }
	/*20180915*/
	.procedure .process li{width: 185px; padding-top: 105px;}
	.borrow-wrap > div:nth-of-type(1) ul li dl dt{font-size: 12px;}
	.borrow-wrap > div:nth-of-type(1) ul li dl dd{font-size: 14px;}
	.borrow-wrap > div:nth-of-type(2) ul li dl dt{font-size: 12px;}
	.borrow-wrap > div:nth-of-type(2) ul li dl dd{font-size: 14px;}
}

@media (max-width:1280px) {
	.section_tab { display:none; }
	.headerWarp .nv, .headerWarp .nv ul { width:470px;height:100px; }
	/* */
	.btn_down { top:570px;left:inherit;right:10px; background-color:#fff;  }
	.btn_Cal { top:250px; background:url(../images/common/icon_rentCal.png) 50% 75% no-repeat; background-size:23%; background-color:#fff; }
	.btn_Cal2{ top:410px; background:url(../images/common/icon_rentCal.png) 50% 75% no-repeat; background-size:23%; background-color:#fff;  }
	.btn_Ser { top:410px; background: url(../images/common/icon_view.png)50% 75% no-repeat; background-size:25%; background-color:#fff; }
	.btn_Ser2 { top:570px; 	background: url(../images/common/icon_view.png)50% 75% no-repeat; background-size:25%; background-color:#fff; }
}

/* 1024 ���� */
@media (max-width:1024px){
	.headerWarp .nv{display:none}	
	.section1{width:870px; margin-left:-435px; background:url(../images/head/bg_tr_white.png) 350px 0 repeat-y;}
	.section1 .visualTitle{width:310px; margin-top:50px; margin-right:70px}
	.section1 .visualTitle h2{font-size:50px; line-height:60px;padding-top:10px}
	.section1 .visualTitle p{font-size:70px; line-height:90px;}
	.section1 .visualTitle p:last-child{font-size:18px; line-height:25px;}

	.section video{display:none}

	.section2{width:870px; background:url(../images/head/bg_tr_white.png) 465px 0 repeat-y; margin-left:-435px}
	.section2 .visualTitle{width:370px; font-family:'Noto Sans KR',sans-serif; margin-top:60px; margin-left:35px}
	.section2 .visualTitle h2, .section2 .visualTitle p{text-align:left}
	.section2 .visualTitle h2{font-size:45px; line-height:60px; background:url(../images/main/bg_line.gif) -100px 0 no-repeat;}
	.section2 .visualTitle p{font-size:60px; line-height:80px;}
	.section2 .visualTitle p:last-child{font-size:18px; line-height:25px;}
	.section2 .sec2_cont{width:440px; margin-left:10px}

	.section3{width:870px; margin-left:-435px; background:url(../images/head/bg_tr_white.png) 410px 0 repeat-y;}
	.section3 .visualTitle{width:375px; font-family:'Noto Sans KR',sans-serif; margin-top:55px; margin-right:40px}
	.section3 .visualTitle h2, .section3 .visualTitle p{text-align:right}
	.section3 .visualTitle h2{font-size:50px; line-height:55px; background:url(../images/main/bg_line.gif) 220px 0 no-repeat; padding-top:10px}
	.section3 .visualTitle p{font-size:60px; line-height:80px; font-weight:800}
	.section3 .visualTitle p:last-child{font-size:18px;}
	.section3 .sec3_cont{width:405px}
	.section3{width:870px; height:360px; position:absolute; top:50%; left:50%; margin-top:-180px; margin-left:-555px; background:url(../images/head/bg_tr_white.png) 410px 0 repeat-y; z-index:15}
	.section3 .visualTitle{width:370px; margin-top:35px; margin-right:90px}
	.section3 .visualTitle h2{font-size:50px; line-height:55px; background:url(../images/main/bg_line.gif) 180px 0 no-repeat; padding-top:10px}
	.section3 .visualTitle p{font-size:60px; line-height:80px; font-weight:800}
	.section3 .visualTitle p:last-child{font-size:18px;}

	.sec3_cont1{width:200px; height:280px; top:26px; left:0;}
	.sec3_cont2{width:190px; height:220px; top:-70px; left:220px;}
	.sec3_cont3{width:285px; height:245px; top:160px; left:220px;}

	.noneImg img{width: 100%}
	/* */
	.btn_down { top:calc(50% + 100px);width:80px;left:inherit;right:0;border-radius:10px 0 0 10px; background-color:#fff;  }
	.btn_Cal { top:calc(50% - 200px);; background:url(../images/common/icon_rentCal.png) 50% 75% no-repeat; background-size:23%; background-color:#fff; }
	.btn_Cal2{ top:calc(50% - 50px);; background:url(../images/common/icon_rentCal.png) 50% 75% no-repeat; background-size:23%; background-color:#fff;  }
	.btn_Ser { top:calc(50% - 50px);; background: url(../images/common/icon_view.png)50% 75% no-repeat; background-size:25%; background-color:#fff; }
	.btn_Ser2 { top:calc(50% + 100px);; 	background: url(../images/common/icon_view.png)50% 75% no-repeat; background-size:25%; background-color:#fff; }
}

/* 768 ���� */
@media (max-width:768px){
	.headerWarp{min-width:360px;}

	.btn_scroll{display:none}

	.section{color:#fff; position:relative; clear:both; min-width:360px;}
	.sec1{padding:180px 0 160px 0}
	.sec2{padding:180px 0 210px 0}

	.section1, .section2, .section3{width:100%; height:auto; position: relative; top:auto; text-align:center; left:auto; margin-top:0; margin-left:0; background:none;}

	.section1 .visualTitle{width:100%; margin-top:35px; margin-bottom:50px; margin-right:0}
	.section1 .visualTitle h2, .section1 .visualTitle p{text-align:center}
	.section1 .visualTitle h2{background:url(../images/main/bg_line.gif) 50% 0 no-repeat; background-size:130px 3px}
	.section1 .sec1_cont{width:480px; margin:0 auto; display:block; margin-top:60px}

	.section2 .visualTitle{width:100%; font-family:'Noto Sans KR',sans-serif; margin-top:60px; margin-left:0}
	.section2 .visualTitle h2, .section2 .visualTitle p{text-align:center}
	.section2 .visualTitle h2{background:url(../images/main/bg_line.gif) 50% 0 no-repeat; background-size:130px 3px;}
	.section2 .sec2_cont{display:block; margin:0 auto;}

	.section3 .visualTitle{width:100%; font-family:'Noto Sans KR',sans-serif; margin-top:170px; margin-right:0}
	.section3 .visualTitle h2, .section3 .visualTitle p{text-align:center}
	.section3 .visualTitle h2{background:url(../images/main/bg_line.gif) 50% 0 no-repeat; background-size:130px 3px}
	.section3 .sec3_cont{width:580px; position:relative; padding:60px 0 120px 0;  font-family:'Noto Sans KR',sans-serif;}

	.sec3_cont1, .sec3_cont2, .sec3_cont3{position: relative;border-radius:10px;overflow:hidden;box-shadow:0 4px 0 rgba(0,0,0,.3); z-index:3; margin:0 5px 10px 5px; cursor:pointer; display:inline-block;*display:inline;vertical-align:top;zoom:1; }
	.sec3_cont1{width:170px; height:215px; top:auto; left:auto; background:url(../images/main/bg_section3_cont1.png) 50% 70% no-repeat; background-color:#ffd200;}
	.sec3_cont1 h2{width:100%; text-align:center; font-size:25px; padding-top:50px; color:#685600}
	.sec3_cont1 p.en_title{width:100%; position:absolute; top:20px; left:0; text-align:center; font-size:12px; letter-spacing:0}
	.sec3_cont1 p.ban_txt{display:none}

	.sec3_cont2{width:170px; height:215px; top:auto; left:auto; background:url(../images/main/bg_section3_cont2.png) 50% 70% no-repeat; background-color:#fff;}

	.sec3_cont3{width:220px; height:215px; top:auto; left:auto; background:url(../images/main/bg_section3_cont3_1.png) 50% 70% no-repeat; background-color:#fff;}
	.sec3_cont3 h2{width:100%; text-align:center; font-size:25px; padding-top:150px; color:#ffd200}
	.sec3_cont3:hover{width:218px; height:213px; border:1px solid #fff}

	.sec3_bg{width:100%; height:446px; z-index:0; display:block; background:url(../images/main/bg_section3.png) 0 0 no-repeat; position:absolute; top:0; left:0}

	#footer { width:100%;height:auto;background-color:#434957;position:relative;bottom:auto;left:auto;clear:both;font-family:'Noto Sans KR',sans-serif; }
	#footer .copyright { width:100%;margin:0 auto;font-size:15px;font-weight:300;text-align:center;color:#949aa9;padding-top:110px;padding-bottom:20px; }
	#footer .ect { border-bottom:1px solid #697081;top:0;left:0;padding-top:20px;width:100%;height:70px;text-align:center; }
	#footer .customer { position:relative;border-top:1px solid #697081;padding-top:20px;top:auto;right:auto;font-size:15px;width:100%;height:60px;text-align:center; }
	#footer .customer h2 { float:none;color:#afbec7;padding-right:25px;display:inline-block;*display:inline;vertical-align:top;zoom:1; }
	#footer .customer span { float:none;padding-right:15px;display:inline-block;*display:inline;vertical-align:top;zoom:1; }

	#sub_nav, .sub_visual video{display: none}
	.sub_visual{background: url(../images/sub/img_visual1.jpg) 50% 50% no-repeat; height: 180px; background-size: cover}
	.sub_visual h1{margin-top:125px;}
	.content, .page_title_wrap{width:100%;}
	.centerTitle h3{font-size:30px; line-height:30px;}
	.centerTitle p{font-size:15px; line-height:20px;}

	.historyLine, .history_stitle { display:none; }
	.historyBlock { position:relative;width:100%;padding-top:0;padding-bottom:0; }
	.historyBlock h3 { font-size:25px;width:100%;text-align:center;padding-bottom:40px;position:relative; }
	.historyBlock h3 span { font-size:25px; }
	.historyBlock div { border:1px #ccc solid;border-radius:10px;margin:0 10px 0 10px;margin-bottom:20px;padding:15px; }
	.historyBlock div p { width:15%;display:inline-block;vertical-align:top;color:#121212;font-size:16px;font-weight:700; }
	.historyBlock div ul { width:79%;display:inline-block; }
	.historyM { width:100% !important; }
	.historyBlock div ul li { font-size:14px;line-height:20px;color:#121212;font-weight:300;padding-bottom:10px; }
	span.historyBr, span.historyImg { display:none; }

	.hisLeft { left:0;margin-left:0; }
	.hisLeft h3 { top:20px;left:0; }

	.hisRight{right:0;}
	.hisRight h3{top:20px; right:0}
	.hisRight .historySector p{text-align:left; float: none; padding-right:0}
	.hisRight ul li{text-align:left}

	.ceoWrap{position:relative; clear:both}
	.ceoWrap h3{font-family: 'NanumSquareOTFR00'; line-height:30px; padding-top:30px; font-size:26px; color:#121212; clear:both; padding-bottom:40px;padding-left:5%;}
	.ceoWrap h3 span{font-family: 'NanumSquareOTFB00';}
	.ceoWrap p{font-size:14px; line-height:20px; color:#121212; font-weight:300; width:90%; margin: 0 5% 0 5%}
	.ceoSector1{padding-bottom:50px; padding-left:0;}
	.ceoSector2{padding-bottom:50px; padding-left:0}
	.ceoSector3{padding-bottom:80px; padding-left:0}
	.ceoSector3, .ceoSector3 span{font-family: 'NanumSquareOTFB00';}
	.ceoSector3 span{font-size:35px; display:inline-block; height:35px; padding-top: 10px; padding-right:150px; background:url(../images/sub/intro/sign.png) 100% 50% no-repeat; padding-left:0}
	.ceo_img1, .ceo_img2{position:relative;}
	.ceo_img1{width:300px; display: block;height:200px; margin: 0 auto; margin-bottom: 30px; top: inherit; right:inherit;  background:url(../images/sub/intro/ceo_img1.png) 0 0 no-repeat; background-size: cover}
	.ceo_img2{width:300px; display: block; height:200px; margin: 0 auto; margin-bottom: 30px;top:inherit; left:inherit; background:url(../images/sub/intro/ceo_img2.png) 0 0 no-repeat; background-size: cover}

	.subsidiaryWrap h3 { font-family:'NanumSquareOTFB00';line-height:30px;padding-top:10px;text-align:center;font-size:23px;color:#121212;clear:both;padding-bottom:30px; }
	.subsidiary_title { width:230px;height:80px;padding-top:150px;text-align:center;border:1px solid #b6b6b5;background:url(../images/sub/intro/bg_subsidiary.gif) 50% 50px no-repeat;color:#121212;font-weight:600;border-radius:115px;
		background-color:#fff;margin:0 auto;margin-bottom:30px;position:relative;z-index:2; }

	.subsidiarySector{width:85%;ackground-color:#fff; border:1px solid #cdcdcd; border-radius:10px; padding:15px; margin-bottom: 30px; position:relative ; left:inherit; z-index:5;}
	.subsidiarySector h4{padding-left:15px; font-size:20px; padding-bottom:10px; line-height:30px; border-bottom:1px solid #d7d7d7; color:#121212; font-family: 'NanumSquareOTFB00';}
	.subsidiarySector table{clear:both;width:100%;border-collapse:collapse; font-size:15px;}
	.subsidiarySector table th, .subsidiarySector table td{ padding:10px;font-family:'Noto Sans KR',sans-serif; font-size: 12px;}
	.subsidiarySector table th{text-align:left; color:#121212; }
	.subsidiarySector table td strong{color:#121212}
	.subsidiarySector span{display:none;}
	.subsidiarySector p{display: none}
	.subsidiary_l1, .subsidiary_l2, .subsidiary_l3{margin:0 auto; margin-bottom: 20px; top:inherit}

	.sidiary_line{display:none;}

	.mapWrap{padding-bottom:20px}
	.imgMap{width:100%; display:inline-block}
	.imgMap img{width:100%}

	.mapAddr{width:100%;display:inline-block; text-align: center; vertical-align:top; color:#121212;font-family: 'Exo 2', sans-serif; font-weight:200; clear:both; padding-left:0}
	.mapAddr span.btn{display:block; margin-top:20px;}
	.mapAddr p{margin-top:40px}
	.mapAddr p span{display:inline-block; letter-spacing:0; font-size:14px;}

	.bizSector { width:100%;height:auto;position:relative;top:inherit;left:inherit;margin-left:0; }
	.bizSector h3, .bizSector .slogan { display:block; }
	.bizSector h3 { display:none; }
	.bizSector .slogan { width:90%;height:auto;padding:30px 5% 30px 5%; }
	.bizSector .summary { width:90%;height:auto;padding:5%;color:#3d3d3d;font-size:15px;line-height:21px;background-color:#fff;text-indent:8px; }		/* �鿩���� �߰� (koyejom, 2017-01-12) */

	.bgBiz1{background:url(../images/sub/biz/bg_biz1.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz2{background:url(../images/sub/biz/bg_biz2.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz3{background:url(../images/sub/biz/bg_biz3.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz4{background:url(../images/sub/biz/bg_biz4.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz5{background:url(../images/sub/biz/bg_biz5.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz6{background:url(../images/sub/biz/bg_biz5.jpg) 0 50% no-repeat; background-size: cover}
	.mBr{display: none}
	.noneImg img { width:100%; }

	/*20180915*/
	.borrow-wrap{padding: 10px}
	.borrow-wrap > div:nth-of-type(1) ul{background-color: #fff; border: 1px solid #d1d1d1;}
	.borrow-wrap > div:nth-of-type(1) ul li{padding: 15px 15px 85px 15px;}
	.borrow-wrap > div:nth-of-type(1) ul li dl{padding: 0 15px; margin: 5px 0;}
	.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(1),
	.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(2),
	.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(3){width: calc(50% - 45px)}
	.borrow-wrap > div:nth-of-type(1) ul li:last-child,
	.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(2),
	.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(3),
	.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(4){border: 0}
	.borrow-wrap > div:nth-of-type(1) ul li dl:nth-of-type(4){padding-bottom: 20px}
	.borrow-wrap > div:nth-of-type(1) ul li a{width: calc(100% - 87px); position: absolute; top: inherit; bottom: 15px; right: 15px;}

	.borrow-wrap > div:nth-of-type(2) ul{background-color: #fff; border: 1px solid #d1d1d1;}
	.borrow-wrap > div:nth-of-type(2) ul li{padding: 15px 15px 85px 15px;}
	.borrow-wrap > div:nth-of-type(2) ul li dl{padding: 0 15px; margin: 5px 0;}
	.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(1){width: calc(30% - 45px);}
	.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(2){width: calc(70% - 87px);}
	.borrow-wrap > div:nth-of-type(2) ul li:last-child,
	.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(2),
	.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(3),
	.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(4){border: 0}
	.borrow-wrap > div:nth-of-type(2) ul li dl:nth-of-type(4){padding-bottom: 20px}
	.borrow-wrap > div:nth-of-type(2) ul li a{width: calc(100% - 87px); position: absolute; top: inherit; bottom: 15px; right: 15px;}

	.procedure .information p{position: relative;; top: inherit; right: inherit; padding-top: 20px; text-align: center}

	table.tbl_type1 .w15p{width: 30%}
	table.tbl_type1 th,
	table.tbl_type1 td{font-size: 13px;}
	table.tbl_type1 .ft20{font-size: 13px; text-align: center; font-weight: 600}
	table.tbl_type1 .ft20 span{font-size: 13px;}

	.procedure .process li::after{transform: rotate(90deg); top: inherit; right: inherit; bottom: -50px; left: calc(50% - 20px)}
	.procedure .information p a{width:120px;}
	.procedure .information dl dd{background: none}

	.pop-photo-wrap .pop-img{top: calc(50% - 180px); left: calc(50% - 125px); width: 250px;}
	.pop-photo-wrap .pop-img img{width: 250px; height: 190px}
	.pop-photo-wrap .pop-img .tab{padding-bottom: 15px}
	.pop-photo-wrap .pop-img .tab a{padding: 5px 15px;}
	.pop-photo-wrap .pop-img .tab a span{font-size: 18px;}
	.pop-photo-wrap .pop-img .cont1.on,
	.pop-photo-wrap .pop-img .cont2.on{height: 190px; width: 250px}
	.pop-photo-wrap .pop-img .ctrl{width: 100%; height: 0px; position: absolute; top: 50%; left: 0}
	.pop-photo-wrap .pop-img .ctrl a{position: absolute; top: 0; width: 30px; height: 60px; color: #fff; line-height: 60px; font-size: 13px; opacity: .5}
	.pop-photo-wrap .pop-img .ctrl a:hover{opacity: 1}
	.pop-photo-wrap .pop-img .ctrl a:nth-of-type(1){left: -50px; padding-left:20px; background-size: 50px 60px}
	.pop-photo-wrap .pop-img .ctrl a:nth-of-type(2){right: -50px; padding-right:20px; background-size: 50px 60px}
	.pop-photo-wrap > a{width: 50px; height: 50px; background-size: 30px 30px}
	
	/*20190110 ä�����ͺ� �ű� ����*/
	.new-interview-wrap .select-wrap{padding: 0 0 20px 0; margin-bottom: 30px}
	.new-interview-wrap .select-wrap fieldset{width: calc(100% - 20px); padding: 0 10px}
	.new-interview-wrap .select-wrap fieldset dl{width: calc(100% - 2px);}
	.new-interview-wrap .select-wrap fieldset dl dt{display: none}
	.new-interview-wrap .select-wrap fieldset dl dd{width: 100%}
	.new-interview-wrap .select-wrap fieldset dl dd select{width: 100%;}
	.new-interview-wrap .select-wrap .tab{position: relative; top: inherit; right: inherit; width: 100%; padding-top: 15px; text-align: center}
	.new-interview-wrap .select-wrap .tab a{display: inline-block; width: calc(100% / 3 - 40px); height: 35px; line-height: 35px; font-size: 15px; padding: 0 15px 0 15px;}
	.new-interview-wrap .select-wrap .tab a:last-of-type{background: no-repeat}
	.new-interview-wrap .select-wrap .tab a.on{background: none;background-color: #ffd200; padding: 0 15px 0 15px;}
	.new-interview-wrap .select-wrap .tab a.on::after{display: none}

	.new-interview-cont-wrap{min-height: auto; background: none;}
	.new-interview-cont-wrap ul,
	.new-interview-cont-wrap ul li{position: relative; clear: both;}
	.new-interview-cont-wrap ul li{padding: 15px 0; padding-left: 5%; padding-right: 80px}
	.new-interview-cont-wrap ul li:nth-of-type(odd){padding-left: 80px; padding-right: 5%}
	.new-interview-cont-wrap ul li > p{width: 40px; height: 40px; top: 8px; text-align: center}
	.new-interview-cont-wrap ul li > p span{display: inline-block; vertical-align: middle; line-height: 40px;}
	.new-interview-cont-wrap ul li > p span:nth-of-type(1){padding-top: 0}
	.new-interview-cont-wrap ul li > p span:nth-of-type(2){font-size: 13px}
	.new-interview-cont-wrap ul li > p span:nth-of-type(1) strong{display: none}
	.new-interview-cont-wrap ul li:nth-of-type(odd) > p{left: 10px;}
	.new-interview-cont-wrap ul li:nth-of-type(even) > p{right: 10px;}
	/*20190110 ä�����ͺ� �ű� ��*/

}

/* 580 ���� */
@media (max-width:580px){
	/* header */
	.headerWarp{width:100%; height:70px; min-width:360px;}
	.headerWarp h1{position:absolute; top:20px; left:10px; width:150px}
	.headerWarp h1 img{width:100%}
	.headerWarp .topBtn{width:95px; height:40px; position:absolute; top:10px; right:65px}
	.headerWarp .allMenu{width:70px; height:70px; position:absolute; top:0; right:0}
	.headerWarp .allMenu a{width:30px; height:20px; padding:25px 20px 25px 20px;}
	.headerWarp .allMenu a:hover{opacity:1}
	.headerWarp .allMenu a img{width:30px; height:20px}

	.sec1{padding:90px 0 90px 0}
	.sec2{padding:50px 0 150px 0}

	.section1, .section2, .section3{width:100%; height:auto; position: relative; top:auto; text-align:center; left:auto; margin-top:0; margin-left:0; background:none;}

	.section1 .visualTitle{margin-bottom:0}
	.section1 .visualTitle h2{font-size:30px; line-height:40px;}
	.section1 .visualTitle p{font-size:50px; line-height:50px;}
	.section1 .visualTitle p:last-child{font-size:15px; line-height:20px;}
	.section1 .sec1_cont{width:360px}
	.section1 .sec1_cont a{width:140px; text-align:center;display:inline-block;*display:inline;vertical-align:top;zoom:1; position:relative;  font-family:'Noto Sans KR',sans-serif; color:#fff; font-size:15px; margin-bottom:25px}

	.section2 .visualTitle{margin-top:20px;}
	.section2 .visualTitle h2{font-size:30px; line-height:40px;}
	.section2 .visualTitle p{font-size:47px; line-height:55px;}
	.section2 .visualTitle p:last-child{font-size:15px; line-height:20px;}
	.section2 .sec2_cont{width:355px; margin-left:5px}
	.section2 .sec2_cont h2{position:absolute; top:0; left:0; width:35px; padding:20px 40px 20px 40px; height:75px;}
	.section2 .sec2_cont h2 img{width:100%; height:100%}
	.section2 .sec2_cont ul{width:100%; height:auto}
	.section2 .sec2_cont ul li:first-child{margin-left:117px}
	.section2 .sec2_cont ul li{display:inline; float:left; width:113px; height:113px; margin-right:3px; margin-bottom:3px; overflow:hidden; border:1px solid #fff; border-radius:10px; position:relative; cursor:pointer}
	.section2 .sec2_cont ul li div{display:none}
	.section2 .sec2_cont ul li div p{display:none}
	.section2 .sec2_cont ul li div span{display:none}
	.section2 .sec2_cont ul li:hover div{display:none}

	.section3 .visualTitle{width:100%; font-family:'Noto Sans KR',sans-serif; margin-top:50px; margin-right:0}
	.section3 .visualTitle h2, .section3 .visualTitle p{text-align:center}
	.section3 .visualTitle h2{ font-size:30px; line-height:35px;background:url(../images/main/bg_line.gif) 50% 0 no-repeat; background-size:130px 3px}
	.section3 .visualTitle p{font-size:47px; line-height:60px}
	.section3 .visualTitle p:last-child{font-size:15px; line-height:20px}
	.section3 .sec3_cont{width:100%; padding:60px 0 60px 0;}

	.sec3_cont1, .sec3_cont2, .sec3_cont3{position: relative;border-radius:10px;overflow:hidden;box-shadow:0 4px 0 rgba(0,0,0,.3); z-index:3; margin:0 5px 10px 5px; cursor:pointer; display:inline-block;*display:inline;vertical-align:top;zoom:1; }
	.sec3_cont1{width:150px; height:200px; top:auto; left:auto; background:url(../images/main/bg_section3_cont1.png) 50% 70% no-repeat; background-color:#ffd200;}
	.sec3_cont1 h2{width:100%; text-align:center; font-size:25px; padding-top:50px; color:#685600}
	.sec3_cont1 p.en_title{width:100%; position:absolute; top:20px; left:0; text-align:center; font-size:12px; letter-spacing:0}
	.sec3_cont1 p.ban_txt{display:none}

	.sec3_cont2{width:150px; height:200px; top:auto; left:auto; background:url(../images/main/bg_section3_cont2.png) 50% 70% no-repeat; background-color:#fff;}

	.sec3_cont3{width:220px; height:215px; top:auto; left:auto; background:url(../images/main/bg_section3_cont3_1.png) 50% 70% no-repeat; background-color:#fff;}
	.sec3_cont3 h2{width:100%; text-align:center; font-size:25px; padding-top:150px; color:#ffd200}
	.sec3_cont3:hover{width:218px; height:213px; border:1px solid #fff}

	.sec3_bg{width:100%; height:446px; z-index:0; display:block; background:url(../images/main/bg_section3.png) 0 0 no-repeat; position:absolute; top:0; left:0}

	#footer { width:100%;height:auto;background-color:#434957;position:relative;bottom:auto;left:auto;clear:both;font-family:'Noto Sans KR',sans-serif; }
	#footer .copyright { width:900px;margin:0 auto;font-size:15px;font-weight:300;text-align:center;color:#949aa9;padding-top:110px;padding-bottom:20px; }
	#footer .ect { border-bottom:1px solid #697081;top:0;left:0;padding-top:20px;width:100%;height:70px;text-align:center; }
	#footer .customer { position:relative;border-top:1px solid #697081;padding-top:20px;top:auto;right:auto;font-size:15px;width:100%;height:60px;text-align:center; }
	#footer .customer h2 { float:none;color:#afbec7;padding-right:25px;display:inline-block;*display:inline;vertical-align:top;zoom:1; }
	#footer .customer span { float:none;padding-right:15px;display:inline-block;*display:inline;vertical-align:top;zoom:1; }

	#sub_nav, .sub_visual video{display: none}
	.sub_visual{background: url(../images/sub/img_visual1.jpg) 50% 50% no-repeat; height: 160px; background-size: cover}
	.sub_visual h1{margin-top:105px;}
	.content, .page_title_wrap{width:100%;}
	.centerTitle h3{font-size:30px; line-height:30px;}
	.centerTitle p{font-size:15px; line-height:20px;}

	.sub1_1_block div { width:97%;padding:270px 1.5% 80px 1.5%; }

	.historyLine, .history_stitle { display:none; }
	.historyBlock { position:relative;width:100%;padding-top:0;padding-bottom:0; }
	.historyBlock h3 { font-size:25px;width:100%;text-align:center;padding-bottom:40px;position:relative; }
	.historyBlock h3 span { font-size:25px; }
	.historyBlock div { border:1px #ccc solid;border-radius:10px;margin:0 10px 0 10px;margin-bottom:20px;padding:15px; }
	.historyBlock div p { width:15%;display:inline-block;vertical-align:top;color:#121212;font-size:16px;font-weight:700; }
	.historyBlock div ul { width:79%;display:inline-block; }
	.historyM { width:100% !important; }
	.historyBlock div ul li { font-size:14px;line-height:20px;color:#121212;font-weight:300;padding-bottom:10px; }
	span.historyBr, span.historyImg { display:none; }

	.hisLeft{left:0; margin-left:0; }
	.hisLeft h3{top:20px; left:0}

	.hisRight{right:0;}
	.hisRight h3{top:20px; right:0}
	.hisRight .historySector p{text-align:left; float: none; padding-right:0}
	.hisRight ul li{text-align:left}

	.ceoWrap{position:relative; clear:both}
	.ceoWrap h3{font-family: 'NanumSquareOTFR00'; line-height:30px; padding-top:30px; font-size:26px; color:#121212; clear:both; padding-bottom:40px;padding-left:5%;}
	.ceoWrap h3 span{font-family: 'NanumSquareOTFB00';}
	.ceoWrap p{font-size:14px; line-height:20px; color:#121212; font-weight:300; width:90%; margin: 0 5% 0 5%}
	.ceoSector1{padding-bottom:50px; padding-left:0;}
	.ceoSector2{padding-bottom:50px; padding-left:0}
	.ceoSector3{padding-bottom:80px; padding-left:0}
	.ceoSector3, .ceoSector3 span{font-family: 'NanumSquareOTFB00';}
	.ceoSector3 span{font-size:35px; display:inline-block; height:35px; padding-top: 10px; padding-right:150px; background:url(../images/sub/intro/sign.png) 100% 50% no-repeat; padding-left:0}
	.ceo_img1, .ceo_img2{position:relative;}
	.ceo_img1{width:300px; display: block;height:200px; margin: 0 auto; margin-bottom: 30px; top: inherit; right:inherit;  background:url(../images/sub/intro/ceo_img1.png) 0 0 no-repeat; background-size: cover}
	.ceo_img2{width:300px; display: block; height:200px; margin: 0 auto; margin-bottom: 30px;top:inherit; left:inherit; background:url(../images/sub/intro/ceo_img2.png) 0 0 no-repeat; background-size: cover}

	.subsidiaryWrap h3 { font-family:'NanumSquareOTFB00';line-height:30px;padding-top:10px;text-align:center;font-size:23px;color:#121212;clear:both;padding-bottom:30px; }
	.subsidiary_title { width:230px;height:80px;padding-top:150px;text-align:center;border:1px solid #b6b6b5;background:url(../images/sub/intro/bg_subsidiary.gif) 50% 50px no-repeat;color:#121212;font-weight:600;border-radius:115px;
		background-color:#fff;margin:0 auto;margin-bottom:30px;position:relative;z-index:2; }

	.subsidiarySector{width:85%;ackground-color:#fff; border:1px solid #cdcdcd; border-radius:10px; padding:15px; margin-bottom: 30px; position:relative ; left:inherit; z-index:5;}
	.subsidiarySector h4{padding-left:15px; font-size:20px; padding-bottom:10px; line-height:30px; border-bottom:1px solid #d7d7d7; color:#121212; font-family: 'NanumSquareOTFB00';}
	.subsidiarySector table{clear:both;width:100%;border-collapse:collapse; font-size:15px;}
	.subsidiarySector table th, .subsidiarySector table td{ padding:10px;font-family:'Noto Sans KR',sans-serif; font-size: 12px;}
	.subsidiarySector table th{text-align:left; color:#121212; }
	.subsidiarySector table td strong{color:#121212}
	.subsidiarySector span{display:none;}
	.subsidiarySector p{display: none}
	.subsidiary_l1, .subsidiary_l2, .subsidiary_l3{margin:0 auto; margin-bottom: 20px; top:inherit}
	.sidiary_line{display:none;}

	.mapWrap{padding-bottom:20px}
	.imgMap{width:100%; display:inline-block}
	.imgMap img{width:100%}

	.mapAddr{width:100%;display:inline-block; text-align: center; vertical-align:top; color:#121212;font-family: 'Exo 2', sans-serif; font-weight:200; clear:both; padding-left:0}
	.mapAddr span.btn{display:block; margin-top:20px;}
	.mapAddr p{margin-top:40px}
	.mapAddr p span{display:inline-block; letter-spacing:0; font-size:14px;}

	.bizSector { width:100%;height:auto;position:relative;top:inherit;left:inherit;margin-left:0; }
	.bizSector h3, .bizSector .slogan { display:block; }
	.bizSector h3 { display:none; }
	.bizSector .slogan { width:90%;height:auto;padding:30px 5% 30px 5%; }
	.bizSector .summary { width:90%;height:auto;padding:5%;color:#3d3d3d;font-size:15px;line-height:21px;background-color:#fff;text-indent:8px; }		/* �鿩���� �߰� (koyejom, 2017-01-12) */

	.bgBiz1{background:url(../images/sub/biz/bg_biz1.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz2{background:url(../images/sub/biz/bg_biz2.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz3{background:url(../images/sub/biz/bg_biz3.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz4{background:url(../images/sub/biz/bg_biz4.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz5{background:url(../images/sub/biz/bg_biz5.jpg) 0 50% no-repeat; background-size: cover}
	.bgBiz6{background:url(../images/sub/biz/bg_biz5.jpg) 0 50% no-repeat; background-size: cover}
	.mBr{display: none}
	.mBr2{display: block}

	.peopleWrap{position:relative; min-height:auto; margin-top: 30px; margin-bottom: 30px}
	.peopleWrap .peopleBox{position:relative; z-index:3; padding:20px; padding-top:20px; border:1px solid #4d4d4d; border-radius:10px; background-color:#fff; text-align: center; width:80%; margin: 0 auto; margin-bottom: 15px}
	.peopleWrap .peopleBox h4{line-height:20px; font-size:16px; font-weight:normal; font-family: 'NanumSquareOTFB00'; color:#121212;}
	.peopleWrap .peopleBox p{line-height:18px; font-size:12px}
	.peopleWrap span{display: none}

	.people1{top:inherit; left:inherit;}
	.people2{top:inherit; right:inherit}
	.people3{bottom:inherit; left:inherit}

	.noneImg img{width: 100%}
}