@charset "utf-8";

@media (max-width:1600px) {
	.company_body .top_bnr {background: url(/Img/sub/company_topbnr.jpg) top right no-repeat;}
	#container.company {background-position:top right;}

	/* Æ÷Æ®Æú¸®¿À */
	.techno03 .techno-con li {width:49%;}
}

@media (max-width:1460px) {
/*	.infomt.infomt01 .infomt-wrap {width:100%;}*/
	.pdf-down {right:0;}
	.infomt.infomt01 .infomt-con.left {padding:30px 0;}
}

@media (max-width:1366px) {
	/* Æ÷Æ®Æú¸®¿À */
	.techno03 .techno-con li {width:49%;}
	
	.autole {margin-left:inherit; padding:0 2%;}
	.autole .autole-con {width:49%; padding:2%;}
	.tbl_summ {width:100%;}

	.fnc.finance02 .tbl_summ tbody tr td.col02 {line-height:22px; padding-bottom:10px;}

	.techno02-01 {margin-left:0;}
}

@media (max-width:1280px) {
	#container {min-width:inherit;}
	.con {width:100%;}

	.top_bnr {min-width:inherit;}
	.top_bnr_wrap > img  {width:100%;}

	.main_contents ul li.center01 {width:36%}
	.main_contents ul li.center02 {width:32%}
	.main_contents ul li.center03 {width:32%}

	#footer .f_left {padding-left:10px;}

	.page-contents {width:100%;}
	.sub-section-content {width:100%;}

	.summary {padding:0 2%;}
	.summary li {width:18.2%; margin-right:2.2%;}
	.summary li p.icon {margin:0 auto;}

	.history {padding-left:7%;}

	.fnc .fnc-wrap {width:100%; display:inline-block;}

	.techno {width:100%; margin-left:0; padding:0 2%;}
	.techno .tbl_techno colgroup col.col02 {width:15% !important;}
	.techno .tbl_techno tbody tr td.col03 {padding-left:2%; line-height:25px}

	.techno04 {width:98%;}
	.techno04:before {left:0; width:50%; background:url(/Img/sub/techno04_img.png) no-repeat}
	.techno04-cus02 {padding:2%; width:50%;}
	.inv_tbl colgroup col.col1 {width:80px !important;}

	.techno04-cus02:before {display:none;}

	.custm.custm04 {padding:7%; text-align:center;}

	.infomt.infomt01 .infomt-wrap {width:100%;}
	.infomt .infomt-con.left {width:50%; margin-right:1%;}
	.infomt .infomt-con.right {width:49%;}

}

@media (max-width:1280px) and (min-width:861px) {
	.techno .tbl_techno colgroup col.col01 {width:22% !important;}
}
@media (max-width:1250px) {
	.main_body .top_bnr {background-size:cover;}
	#container.main {background-size:cover;}
}

@media (max-width:1220px) {
	.bottom_etc ul li {text-align:left;}
	.bottom_etc ul li .etc_space {padding:0 0 0 15%;}
	.bottom_etc ul li .tit {padding-left:17%;}
	.bottom_etc ul li.etc02 .tit {padding-left:24%;}
	.bottom_etc ul li.etc03 .tit {padding-left:22%;}
	.bottom_etc ul li.etc04 .tit {padding-left:31%;}
	.bottom_etc ul li.etc01 .tit:before {left:0;}
	.bottom_etc ul li.etc02 .tit:before {left:0;}
	.bottom_etc ul li.etc03 .tit:before {left:0;}
	.bottom_etc ul li.etc04 .tit:before {left:0;}

	.sub-section-deco {height:0;}
	.sub-section-deco:after {display:none;}

	.fnc .fnc-con .step {margin-left:0;}

	.techno02-02-txt p {letter-spacing:-1.5px;}
	.techno02-02-txt p span.tit {letter-spacing:-1.5px;}
}

@media (max-width:1150px) {
	.autole-con h3 {padding-top:10px;}
	.step > ul > li {padding-right:15px;}
	.step > ul > li:after {right:3px;}

	.sub_section_slogan.length05 {letter-spacing:-3px;}
	.sub_section_slogan.length05 {left:30%;}
	.sub_section_slogan > span.ft_ff3333 {letter-spacing:-3px;}
	.sub_section_slogan > span.ft_009999 {letter-spacing:-3px;}
	.sub_section_slogan.finance.finance02 {left:40%;}

	.sub-section-con.autolease02 .tbl_summ colgroup col:first-child {width:27% !important;}
	.sub-section-con.autolease02 .tbl_summ tbody tr td.col02.longtxt {line-height:22px; letter-spacing:0 !important; padding-bottom:10px;}
	.sub-section-con.autolease03 .tbl_summ colgroup col:first-child {width:27% !important;}
	.sub-section-con.autolease03 .tbl_summ tbody tr td.col02.longtxt {line-height:22px; letter-spacing:0 !important; padding-bottom:10px;}

	.fnc.fnc04 .fnc-con .tbl_summ tbody tr td.col02.longtxt {line-height:22px; padding-bottom:10px;}
	.fnc.fnc04 .fnc-con {width:48.7%;}

	.techno02-02-txt p {padding-left:220px; padding-right:20px;}
	.techno02-02-txt p span.tit {width:215px;}

	.techno04 {padding-bottom:51%;}
	.techno04:before {left:0; width:35%; background:url(/Img/sub/techno04_img.png) no-repeat}
	.techno04-cus02 {padding:2%;0; width:65%;}


	.custm.custm04 {padding:7% 5%; text-align:center;}
	.custm.custm04 .cust-con > img {width:100%;}
}

@media (max-width:1100px) {
	.fnc .fnc-con {padding:50px 0 0 2%;}
	.fnc.fnc04 .fnc-con {padding:50px 0 0 2%;}
	.fnc.fnc04 .fnc-con.fnc-con-right > img {width:100%;}
}

@media (max-width:1060px) {
	.header .logo {margin-left:15px;}
	.header ul.main_menu > li > a {padding:0 15px;}
	.sub_menu.sub01 {left:-10%;}
	.sub_menu.sub02 {left:2%;}
	.sub_menu.sub03 {left:-3%;}
	.sub_menu.sub04 {left:inherit; right:0;}
	.sub_menu.sub05 {left:inherit; right:0;}
	.sub_menu.sub06 {left:inherit; right:0;}

	.fnc .fnc-con .step > ul > li {padding-right:8%;}
	.fnc .fnc-con .step > ul > li:after {right:14px;}

	.techno03 .techno-con li .title {left:47%;}
	.techno03 .techno-con li .title2 {left:44%;}
}

@media (max-width:1030px) {
	.bottom_etc ul li {width:50%; }
	.bottom_etc ul li .etc_space {width:100%; padding:0 0 0 20%;}
	.bottom_etc ul li.etc03 .etc_space {padding:30px 0 0 20%;}
	.bottom_etc ul li.etc03 .etc_space:before {content:""; position:absolute; width:80%; height:1px; top:0; left:10%; background:#e0e0e0;}
	.bottom_etc ul li.etc04 .etc_space {padding:30px 0 0 20%;}
	.bottom_etc ul li.etc04 .etc_space:before {content:""; position:absolute; width:80%; height:1px; top:0; left:10%; background:#e0e0e0;}
	.bottom_etc ul li .tit {padding-left:0;}
	.bottom_etc ul li.etc02 .tit {padding-left:0;}
	.bottom_etc ul li.etc03 .tit {padding-left:0;}
	.bottom_etc ul li.etc04 .tit {padding-left:0;}
	.bottom_etc ul li.etc01 .tit:before {left:-10%;}
	.bottom_etc ul li.etc02 .tit:before {left:-12%;}
	.bottom_etc ul li.etc03 .tit:before {left:-13%;}
	.bottom_etc ul li.etc04 .tit:before {left:-14%;}
	.bottom_etc ul li.etc03 {margin-top:30px;}
	.bottom_etc ul li.etc04 {margin-top:30px;}

	.sub_section_slogan.finance {left:30%;}
	.sub_section_slogan.finance_d {left:30%;}
}

@media (max-width:980px) {
	.fnc .fnc-con .step > ul > li {padding-right:5%;}
	.fnc .fnc-con .step > ul > li:after {right:6px;}
}

@media (max-width:965px) {
	.autole .autole-con {padding:1%;}
}

@media (max-width:950px) {
	.techno02-02-txt p br {display:none;}
}

@media (max-width:930px) {
	.main_contents ul li .sub {font-size:13px;}
	
	.company_body .top_bnr {background:#545a6f;}
	.autolease_body .top_bnr {background:#545a6f;}
	.finance_body .top_bnr {background:#545a6f;}
	.technology_body .top_bnr {background:#545a6f;}
	.infomt_body .top_bnr {background:#545a6f;}
	.cust_body .top_bnr {background:#545a6f;}
	#container.company {background-image:none;}
	#container.autolease {background-image:none;}
	#container.finance {background-image:none;}
	#container.technology {background-image:none;}
	#container.infomt {background-image:none;}
	#container.cust {background-image:none;}
	#container.company > .con {background-image: url(/Img/sub/company_bg.jpg); background-position:bottom right; background-size:cover; background-repeat: no-repeat;}
	#container.autolease > .con {background-image: url(/Img/sub/autolease_bg.jpg); background-position:top -5px center; background-size:cover; background-repeat: no-repeat;}
	#container.finance > .con {background-image: url(/Img/sub/finance_bg.jpg); background-position:bottom right; background-size:cover; background-repeat: no-repeat;}
	#container.technology > .con {background-image: url(/Img/sub/technology_bg.jpg); background-position:top -5px right; background-size:cover; background-repeat: no-repeat;}
	#container.infomt > .con {background-image: url(/Img/sub/infomt_bg.jpg); background-position:top -5px left; background-size:cover; background-repeat: no-repeat;}
	#container.cust > .con {background-image: url(/Img/sub/cust_bg.jpg); background-position:top -5px right; background-size:cover; background-repeat: no-repeat;}

	.page-contents {display:none;}
	.hd-page-contents {display:block; height:200px;}
	.sub-section-header {padding-top:50px;}
	.sub-section-header h1 {padding-top:10px;}

	.hd-page-contents .sub_section_slogan {display:none;}
/*	.autolease .hd-page-contents .sub-section-header {padding-top:30px;}*/
/*	.autolease .hd-page-contents .sub_section_slogan {position:relative; top:0; left:0; font-size:16px; text-shadow:none; padding-top:10px; line-height:20px; color:#fff;}*/
/*	.autolease .hd-page-contents .sub_section_slogan > span {font-size:16px;}*/

	.sub-section-content {height:auto; background:#fff;}

	#footer .con {border-top:1px solid #e5e5e5;}
	#mo_footer {border-top:1px solid #e5e5e5;}

	.page-nav {position:relative; bottom:inherit; left:inherit; display:block; width:222px; margin:50px auto 30px;}
	.page-nav li {float:none;}

	.summary {margin-top:50px;}
	.summary li {position:relative;}
	.summary li p.icon {width:100px; height:100px;}
	.summary li p.icon > img {width:100%;}

	.ceo {width:100%; margin:55px auto 0; padding:60px 2% 40px;}
	.ceo .txt {display:none;}
	.ceo .mo-txt {display:block; font-family: 'Noto Sans KR Light' !important; font-size:16px; line-height:24px; letter-spacing:-1.5px;}

	.history {padding:0 2%;}
	.history li {width:50%; min-height:inherit;}

	.organ > img  {width:100%;}

	.autole {margin-top:50px;}
	.autole .autole-con {width:100%; padding:0; border:0; margin-right:0; height:inherit;}
	.autole-con h3 {padding-top:25px;}
	.tbl_summ tbody tr:first-child {border-top:1px solid #cacac9;}
	.step {padding-top:15px; padding-bottom:15px;}
	.step > ul > li {width:18%;}
	.autole-cus {width:100%; margin-left:0;}

	.autole .advantageBtn {display:none;}
	.autole .autole-con .advantageCon2 {display:block;}
	
	.sub-section-content3 {height:inherit;}

	.fnc .fnc-wrap {display:inline-block;}

	.fnc {margin-top:50px; padding: 0 2%;}
	.fnc .fnc-con {width:100%; padding:0; border:0; margin-right:0; height:inherit;}
	.fnc .fnc-con h3 {padding-top:25px;}
	.fnc .fnc-con .step > ul > li {width:18%;}

	.fnc.fnc04 .fnc-con {width:100%; padding:0; border:0; margin-right:0; height:inherit;}
	.fnc.fnc04 .fnc-con .step > ul > li {width:18%;}

	.fnc-cus {width:100%; margin-left:0;}
	.fnc-cus:before {top:-28px; right:0;}
	.fnc-cus.fnc-cus01:after {display:none;}
	.fnc-cus.fnc-cus02:after {display:none;}
	.fnc-cus.fnc-cus05:after {display:none;}

	.fnc.fnc04 .fnc-con.fnc-con-right {padding:0; text-align:center;}
	.fnc.fnc04 .fnc-con.fnc-con-right > img {width:initial;}
	.fnc.fnc04 .fnc-con.fnc-con-right .fnc-cus {text-align:left;}
	
	.fnc.fnc05 .tbl_summ tbody tr td.col02.line2 br {display:none;}

	.techno {margin-top:50px;}

	.techno02-02-img > img {width:95%;}

	.techno03 .techno-con li {width:90%;}
	.techno03 .techno-con li .title {left:51%;}
	.techno03 .techno-con li .title2 {left:49%;}

	.techno04 {position:relative; padding-bottom:0;}
	.techno04:before {display:none;}
	.techno04-cus02 {position:relative; width:98%; margin:50px auto 0; padding:60px 45px;}

	.tbl_boardV {margin:0;}
	.tbl_boardV tr td.tbl_boardV_bottom {border-bottom:0;}
	.tbl_boardV .prev_list_next li.prev_wrap, .tbl_boardV .prev_list_next li.next_wrap {position:relative; width:100%; float:none;}
	.tbl_boardV .prev_list_next li {border-bottom: 1px solid #cccccc;}
	.tbl_boardV .prev_list_next li.prev_wrap .prev_tit {position:absolute; width:100px; left:0; line-height:41px;}
	.tbl_boardV .prev_list_next li.prev_wrap .prev_con {padding-left:110px;}
	.tbl_boardV .prev_list_next li.next_wrap {text-align:left;}
	.tbl_boardV .prev_list_next li.next_wrap .next_tit {position:absolute; width:100px; left:0; line-height:41px; padding-right:0; padding-left:12px;}
	.tbl_boardV .prev_list_next li.next_wrap .next_tit:after {content:""; position:absolute; top:31%; left:13%; width:9px; height:15px; background:url(/Img/sub/prev_icon.png);}
	.tbl_boardV .prev_list_next li.next_wrap .next_con {padding-left:110px;}
	.tbl_boardV td .content_view {height:auto; overflow:hidden;}
	.tbl_boardV .list_wrap a {position:relative; top:0; left:0; margin:0 auto; display:block; margin-top:20px;}

	.custm.custm01 {padding:2%;}
	.custm .agree {height:auto; overflow-y:hidden}

	.custm.custm04 {padding:5% 2%;}
	.custm.custm04 .bott-btn {position:relative; bottom:inherit; right:inherit;}
	.custm.custm04 .bott-btn .btn {margin-left:0;}
	.custm.custm04 .bott-btn .btn a br {display:none;}

	.infomt.infomt01 .infomt-wrap {padding:0 2%; height:auto;}
	.infomt.infomt01 .infomt {margin-top:30px;}
	.infomt .infomt-con.left {width:100%; margin-right:0%; float:none;}
	.infomt .infomt-con.right {width:100%; float:none;}

	.pdf-down {display:none;}

	.mo-pdf-down {position:relative; display:inline-block; margin-top:30px; width:100%; padding:0 2%;}
	.mo-pdf-down-btn {display:block; text-align:right;}
	.mo-pdf-down-btn a { background:#ff3333; font-family: 'Noto Sans KR Bold' !important; width:200px; text-align:center; font-size:16px; color:#fff; padding:10px 40px;}

	.infomt_tab {position:relative; top:0; left:0;}
	.infomt_tab ul li {width:25%;}

	.sub-section-content.affiliate-content {height:500px;}
	.affiliate {width:750px;}
	.hexagon-wrap li {width:115px; height:132px;}

	.hexagon-wrap.hexagon-wrap-1 {left:251px;}
	.hexagon-wrap.hexagon-wrap-2 {margin-top:108px; left:62px;}
	.hexagon-wrap.hexagon-wrap-3 {margin-top:214px;}
	.hexagon-wrap.hexagon-wrap-4 {margin-top:322px; left:62px;}
	.front, .back {width:115px; height:132px;}
	.back.line04 a {top:20px !important;}
	.hexagon-wrap li h1 {font-size:18px;}
	.hexagon-wrap li h1.tit-1 {padding-top:60px;}
	.hexagon-wrap li p {font-size:12px; line-height:16px;}
	.hexagon-wrap li p.txt-1 {padding-top:40px;}
	.hexagon-wrap li p.icon {padding-top:25px;}
	.back a {font-size:12px; line-height:14px; top:38px;}
	.hexagon-wrap li h1.tit-2 {padding-top:44px; line-height:24px;}
	.hexagon-wrap li p.txt-2 {padding-top:43px;}
}

@media (max-width:890px) {
	#footer {display:none;}
	#mo_footer {width:100%; text-align:center; display:inline-block;}
	.main_body #mo_footer .con {border-top:1px solid #e5e5e5;}
	#mo_footer .f_link {width:100%; display:inline-block; text-align:center; margin-top:15px;}
	#mo_footer .f_link a {font-size:12px; color:#999999; font-family: 'Noto Sans KR' !important; position:relative; display:inline-block; line-height:18px; padding:0 7px;}
	#mo_footer .f_link a:after {position:absolute; content:""; top:5px; right:0; width:1px; height:10px; background:#999999;}
	#mo_footer .f_link a:last-child:after {display:none;}
	#mo_footer .f_txt {width:100%; display:inline-block; font-size:12px; color:#666666; font-weight:500; font-family: 'Noto Sans KR' !important; line-height:18px; margin-top:10px;}
	#mo_footer .copyright {font-size:12px; color:#999999; margin-top:8px; margin-bottom:15px;}
}

@media (max-width:860px) {
	.header .logo .logo_txt {font-size:18px;}
	.header ul.main_menu > li > a {padding:0 10px; font-size:16px;}
}

@media (max-width:800px) {
	.bottom_etc ul li .etc_space {width:100%; padding:0 0 0 10%;}
	.bottom_etc ul li.etc02 .etc_space {padding:0 0 0 10%;}
	.bottom_etc ul li.etc03 .etc_space {padding:30px 0 0 10%;}
	.bottom_etc ul li.etc04 .etc_space {padding:30px 0 0 10%;}
	.bottom_etc ul li.etc01 .tit:before {left:0;}
	.bottom_etc ul li.etc02 .tit:before {left:0;}
	.bottom_etc ul li.etc03 .tit:before {left:0;}
	.bottom_etc ul li.etc04 .tit:before {left:0;}
	.bottom_etc ul li .tit {padding-left:45px;}
	.bottom_etc ul li.etc02 .tit {padding-left:45px;}
	.bottom_etc ul li.etc03 .tit {padding-left:45px;}
	.bottom_etc ul li.etc04 .tit {padding-left:50px;}
	.bottom_etc ul li .sub {padding-left:45px;}
	.bottom_etc ul li .shortcut {padding-left:45px;}
	.bottom_etc ul li.etc04 .sub {padding-left:50px;}
	.bottom_etc ul li.etc04 .shortcut {padding-left:50px;}
}


@media (max-width:768px) {
	.top_bnr {height:auto;}
	.main_body .top_bnr {background-size:100% 100%;}

	#container.main {background-size:100% 450px; min-height:450px;}
	#container.finance > .con {background-image: url(/Img/sub/finance_bg.jpg); background-position:bottom -80px right; background-size:cover; background-repeat: no-repeat;}

	.header {position:relative; margin-top:0;}

	.header .menu {display:none;}
	.header .mo-gnb {display:block; width:35px; position:absolute; right:10px; top:15px;}
	.header .mo_menu > img {width:80%;}

	.hidden_menu {width:100%; height:100%; position:fixed; top:0; left:100%; text-align:center; overflow:scroll; z-index:20000;}
	.hidden_menu .hidden_con {width:100%; height:100%; background-color:#fff; overflow:scroll; z-index:99999;}
	.hidden_menu .top {width:100%; text-align:center; height:70px; line-height:60px; position:relative; border-bottom: 1px solid #eeeeee;}
	.hidden_menu .top .h_logo {float:left; padding-left:10px;}
	.hidden_menu .top .h_logo .logo_txt {font-family: 'Noto Sans KR Bold' !important; font-size:24px; color:#000000; margin-left:5px;}
	.hidden_menu .top .close {float:right; padding-right:20px;}

	.hidden_menu .bot {position:relative; width:90%; text-align:left; margin:15px auto 0;}
	.hidden_menu .bot .main_menu {position:relative; width:100%; line-height:55px; font-size:21px; font-weight:normal; font-family: 'Noto Sans KR Medium' !important; color:#666666; border-bottom: 1px solid #eeeeee; padding-left:10px;}
	.hidden_menu .bot .main_menu:after{content:'';position:absolute;right:6px;top:50%;margin-top:-8px;width:10px;height:10px;border-left:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;transform:rotate(-45deg);/*transition:all 0.3s;*/}
	.hidden_menu .bot .main_menu div {position:absolute; top:0; right:25px;}
	.hidden_menu .bot .main_menu span {padding-right:32px; background-image:url(/Img/common/mdepth_down.png); background-repeat:no-repeat; background-position-y:4px;}
	.hidden_menu .bot .main_menu.on span {background-image:url(/Img/common/mdepth_up.png);}
	.hidden_menu .bot .main_menu.length7 img {width:60%;}
	.hidden_menu .bot .main_menu.length4 img {width:35%;}
	.hidden_menu .bot .main_menu.length3 img {width:25%;}
	.hidden_menu .bot > ul {display:block;}
	.hidden_menu .bot > ul > li {display:inline-block; width:100%; border-bottom:1px solid #e8e8e8;}
	.hidden_menu .bot > ul > li a {width:100%; padding-left:15px; font-size:1.125em; color:#666666; font-family: 'Noto Sans KR' !important; line-height:45px; display:inline-block; background:#f7f7f7;}
	.hidden_menu .bot > ul > li a.on {background:#a84f00;}
	.hidden_menu .bot .main_menu.on:after {transform: rotate(135deg); margin-top:-4px;}

	.main_contents {margin-top:12%;}
	.main_contents ul li.center01 .icon > img {width:36%;}
	.main_contents ul li.center02 .icon > img {width:32%;}
	.main_contents ul li.center03 .icon > img {width:40%;}
	.main_contents ul li .tit {font-size:22px; margin-top:15px;}
	.main_contents ul li .sub {font-size:12px; margin-top:10px;}
	.main_contents ul li .more {margin-top:10px;}

	.history {padding:0 2% 0 15%;}
	.history li {width:100%;}

	.techno .tbl_techno colgroup col.col02 {width:80px !important;}
	.techno .tbl_techno tbody tr td.col03 {padding-left:20px;}

	.techno03 .techno-con li .title {left:50%;}
	.techno03 .techno-con li .title2 {left:48%;}

	.techno04 {width:100%;}
	.techno04-cus02 {width:92%;}

	.tbl_boardL.management colgroup .col01 {width:50px !important;}
	.tbl_boardL.management colgroup .col02 {width:80px !important;}
	.tbl_boardL.management colgroup .col04 {width:120px !important;}

	.tbl_boardL tbody tr td.subject {padding-left:10px;}
}

@media (max-width:860px) and (min-width:601px) {
	.techno .tbl_techno colgroup col.col01 {width:220px !important;}
}

@media (max-width:750px) {
	.sub-section-content.affiliate-content {height:770px;}
	.affiliate {width:350px; padding:25px 0 0;}
	.affiliate_con {display:none;}
	.mo-affiliate_con {display:block; width:350px; margin:0 auto;}
	.mo-affiliate_con .hexagon-wrap.hexagon-wrap-1 {left:0;}
	.mo-affiliate_con .hexagon-wrap.hexagon-wrap-2 {margin-top:102px; left:60px;}
	.mo-affiliate_con .hexagon-wrap.hexagon-wrap-3 {margin-top:203px; left:0;}
	.mo-affiliate_con .hexagon-wrap.hexagon-wrap-4 {margin-top:305px; left:60px;}
	.mo-affiliate_con .hexagon-wrap.hexagon-wrap-5 {margin-top:406px; left:0;}
	.mo-affiliate_con .hexagon-wrap.hexagon-wrap-6 {margin-top:508px; left:60px;}
	.mo-affiliate_con .hexagon-wrap.hexagon-wrap-7 {margin-top:610px; left:0;}

	.mo-affiliate_con .hexagon-wrap li {width:110px; height:126px; margin-right:10px;}
	.mo-affiliate_con .hexagon-wrap li.last {margin-right:0;}
	.mo-affiliate_con .front, .mo-affiliate_con .back {width:110px; height:126px;}
}

@media (max-width:700px) {
	.main_contents {margin-top:5%;}
	.main_contents ul li {display:block; width:100% !important; margin-bottom:10px;}
	.main_contents ul li:after {display:none;}
	.main_contents ul li a {position:relative; width:90%; margin:0 auto; height:90px; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.main_contents ul li:last-child a {border-bottom:0;}
	.main_contents ul li.center02 a {height:110px;}
	.main_contents ul li .icon {position:absolute; top:5px; left:0; width:25%; text-align:center;}
	.main_contents ul li.center03 .icon {top:2px;}
	.main_contents ul li.center01 .icon > img {width:60%;}
	.main_contents ul li.center02 .icon > img {width:50%;}
	.main_contents ul li.center03 .icon > img {width:50%;}
	.main_contents ul li .tit {margin-top:3px; text-align:left; padding-left:30%; font-size:20px;}
	.main_contents ul li.center02 .tit {margin-top:10px;}
	.main_contents ul li.center03 .tit {margin-top:10px;}
	.main_contents ul li .sub {width:85%; text-align: left; font-size:14px; margin-top: 5px; line-height:16px; padding-left: 30%; letter-spacing:-1.5px}
	.main_contents ul li .more {position:absolute; top:23%; right:5px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; width: 35px; height: 35px; border: 0;box-shadow: 1px 1px 5px rgba(142, 142, 142, 0.5); margin-top:0;}
	.main_contents ul li .more:after {content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-7px;margin-top:-5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-135deg)}

	.step > ul > li {width:16%;}
}

@media (max-width:650px) {
	#container.finance > .con {background-image: url(/Img/sub/finance_bg.jpg); background-position:bottom right; background-size:cover; background-repeat: no-repeat;}

	.techno02-02-txt {width:100%; padding:0 2%; margin-left:0; padding-right:0}
	.techno02-02-txt p {padding-left:0; padding-bottom:20px; letter-spacing:0; }
	.techno02-02-txt p span.tit {position:relative; width:100%; letter-spacing:0; }

	.inv_tbl_bottom .sendBtn {position:relative; margin-top:10px;}
	.techno04-cus02 {padding:3%;}

	.infomt .infomt02 {padding:0 2%;}
	.cust .custm {padding:0 2%;}

	.tbl_boardL.management colgroup .col01 {display:none;}
	.tbl_boardL.management colgroup .col02 {width:90px !important;}
	.tbl_boardL.management colgroup .col04 {display:none;}

	.tbl_boardL thead tr th.bd_none {display:none;}
	.tbl_boardL tbody tr td.bd_none {display:none;}

	.bbsSearch {width:100%; float:none; display:inline-block; margin-bottom:0; }
	.bbsSearch .srchSelect {float:left; width:30%;}
	.bbsSearch .srchSelect .srchSelect {width:100%;}
	.bbsSearch .searchWord {width:69%; margin-left:1%;}
	.bbsSearch input[type='text'] {width:79%; margin-right:1%;}
	.bbsSearch input[type='button'] {width:20%;}

	.tbl_boardL.report colgroup .col01 {width:auto !important;}
	.tbl_boardL.report colgroup .col03 {width:80px !important;}
	.tbl_boardL.notice colgroup .col01 {width:auto !important;}
	.tbl_boardL.notice colgroup .col03 {width:80px !important;}

	.custm .agree {padding:2%;}

}

@media (max-width:600px) {
	.bottom_etc {margin:20px 0 0;}
	.bottom_etc ul li {display:block; width:85%; margin:0 auto; text-align:left; margin-bottom:10px;}
	.bottom_etc ul li:after {height:1px; width:100%; top:inherit; bottom:0;}
	.bottom_etc ul li .etc_space {width:100%; padding:0 10px;}
	.bottom_etc ul li.etc02 .etc_space {width:100%; padding:0 10px;}
	.bottom_etc ul li.etc03 .etc_space {width:100%; padding:0 10px;}
	.bottom_etc ul li.etc04 .etc_space {width:100%; padding:0 10px;}
	.bottom_etc ul li.etc01 .tit:before {top:80%; right:0; left:inherit;}
	.bottom_etc ul li.etc02 .tit:before {top:80%; right:0; left:inherit;}
	.bottom_etc ul li.etc03 .tit:before {top:80%; right:0; left:inherit;}
	.bottom_etc ul li.etc04 .tit:before {top:80%; right:0; left:inherit;}
	.bottom_etc ul li .sub {margin-top:5px; margin-bottom:15px; font-family: 'Noto Sans KR' !important;}
	.bottom_etc ul li .shortcut a {position:absolute; top:0; left:0; width:100%; height:100%; margin-top:0;}

	.bottom_etc ul li.etc03 {margin-top:0;}
	.bottom_etc ul li.etc04 {margin-top:0;}
	.bottom_etc ul li .tit {padding-left:0;}
	.bottom_etc ul li.etc02 .tit {padding-left:0;}
	.bottom_etc ul li.etc03 .tit {padding-left:0;}
	.bottom_etc ul li.etc04 .tit {padding-left:0;}
	.bottom_etc ul li .sub {padding-left:0;}
	.bottom_etc ul li .shortcut {padding-left:0;}
	.bottom_etc ul li.etc04 .sub {padding-left:0;}
	.bottom_etc ul li.etc04 .shortcut {padding-left:0;}
	.bottom_etc ul li.etc03 .etc_space:before {display:none;}
	.bottom_etc ul li.etc04 .etc_space:before {display:none;}

	.summary li {position:relative; float:inherit; width:49%; margin-right:0; padding-top:120px; padding-bottom:30px; vertical-align:top;}
	.summary li p.line01, .summary li p.line02, .summary li p.line03 {display:none;}

	.summary li p.icon {position:absolute; top:0; left:24%;}
	
	.tbl_techno colgroup col.bd_none {display:none;}
	.tbl_techno thead tr th.bd_none {display:none;}
	.tbl_techno tbody tr td.bd_none {display:none;}
	.tbl_techno tbody tr td .mo_union_date {display:block;}

	.techno .tbl_techno colgroup col.col01 {width:180px !important;}

	.techno04-cus02 p.formTit {font-size:25px;}
	.techno04-cus02 p.formSubTit {font-size:16px;}
	.inv_tbl td input#name, .inv_tbl td input#company {width:90% !important;}
	.inv_tbl td input#emailid, .inv_tbl td input#emaildom {width:40% !important;}
	.inv_tbl td select {display:block; width:93%; margin-top:10px;}
	.inv_tbl td input#phone1, .inv_tbl td input#phone2, .inv_tbl td input#phone3 {width:27% !important;}
	.inv_tbl td textarea#content {width:88% !important;}
	.file_input_div {right:6%;}
}


@media (max-width:560px) {
	.advantageCon2 > .advan-list2 {padding-left:15px;}
	.advantageCon2 > .advan-list2 li span.tit {width:80%;}
	.advantageCon2 > .advan-list2 li {padding-bottom:25px;}
	.advantageCon2 > .advan-list2 li span.txt {width:93%; display:block; padding-left:36px; padding-top:10px;}
	.advantageCon2 > .advan-list2 li span.txt br {display:none;}
}

@media (max-width:530px) {
	.main_contents {margin-top:14%;}
	.main_contents ul li a {height:inherit; padding-bottom:5%;}
	.main_contents ul li.center02 a {height:inherit; padding-bottom:7%;}
	.main_contents ul li.center03 a {height:inherit; padding-bottom:5%;}

	.fnc.fnc04 .fnc-con.fnc-con-right > img {width:100%;}

	.techno02-02-txt p {font-size:14px;}
	.techno02-02-txt p span.tit {font-size:16px;}
	
	.techno03 .techno-con li {width:95%;}
	.techno03 .techno-con li .title {top:30px; left:30px;}
	.techno03 .techno-con li .title br {display:none;}
	.techno03 .techno-con li .title2 {top:30px; left:30px;}
	.techno03 .techno-con li .title2 br {display:none;}
	.techno03 .techno-con li {width:100%;}
	.techno03 .techno-con li .title {left:10px; font-size:22px; z-index: 0;}
	.techno03 .techno-con li .title2 {left:10px; font-size:22px; z-index: 0;}
	#chartdiv {width:95%; height:300px;padding-top: 10%;}
	#chartdiv2 {width:95%; height:300px;padding-top: 10%;}
	.amcharts-pie-label {font-size:12px;}
}

@media (max-width:420px) {
	#container.main {background-size:100% 100%; background-image: url(/Img/main/mo_main_bg.jpg); background-repeat:no-repeat; min-height:inherit;}

	.top_bnr {display:none !important;}
	.mo_top_bnr {display:block; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.mo_top_bnr_wrap {position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden; text-align:center; z-index:10;}
	.mo_top_bnr_wrap > img  {width:100%;}
	.topbanner_btn {top:10px; right:10px;}

	.header {position:relative; margin-top:0;}
	.header .logo {margin-left:10px;}
	.header .logo a > img {width:15%;}
	.header .logo .logo_txt {font-size:16px;}

	.main_contents {margin-top:10%;}
	.main_contents ul li a {height:60px;}
	.main_contents ul li.center02 a {height:75px;}
	.main_contents ul li.center03 a {height:75px;}

	.company_body .mo_top_bnr {background:#545a6f;}
	.autolease_body .mo_top_bnr {background:#545a6f;}
	.finance_body .mo_top_bnr {background:#545a6f;}
	.technology_body .mo_top_bnr {background:#545a6f;}
	.infomt_body .mo_top_bnr {background:#545a6f;}
	.cust_body .mo_top_bnr {background:#545a6f;}

	.sub-section-header h2 {font-size:25px;}
	.sub-section-header h1 {font-size:40px;}
	.autolease .sub-section-header h1, .autolease	.sub-section-header h2 {color:#fff;}
	.infomt .sub-section-header h1, .infomt	.sub-section-header h2 {color:#fff;}

	.ceo {padding:30px 2% 10px;}
	.ceo h1 {font-size:18px;}
	.ceo h2 {font-size:16px;}
	.ceo .mo-txt {font-size:12px;}

	.history {padding:0 2% 0 5%;}

	.organ {padding:0 2%; margin-left:inherit;}

	.tbl_summ tbody tr td.col01 {font-size:13px;}
	.tbl_summ tbody tr td.col02 {font-size:13px;}
	.step > ul > li:after {top:17px;}
	.step > ul > li > span {width:50px; height:50px; font-size:12px; padding-top:13px;}
	.step > ul > li > span.line2 {padding-top:8px;}
	.step > ul > li > p {font-size:12px;}
	.cont {font-size:13px;}
	.autole-cus {font-size:13px;}
	.fnc-cus {font-size:13px;}
	
	.fnc .fnc-con .step > ul > li {width:20%;}
	.fnc .fnc-con .step > ul > li:after {top:25px; right:5px;}
	.fnc .fnc-con .step > ul > li > span {width:70px; height:70px;}
	.fnc .fnc-con .step > ul > li > span.line2 {padding-top:18px;}

	.fnc.fnc04 .fnc-con .step {margin-left:0;}
	.fnc.fnc04 .fnc-con .step > ul > li {width:20%;}

	.tbl_techno colgroup col.col01 {:both; width:100px !important;}
	.tbl_techno thead tr th {font-size:15px;}
	.tbl_techno tbody tr td {font-size:14px;}
	.tbl_techno tbody tr td .mo_union_date {display:block;}

	.techno04-cus02 {padding:5%;}
	.techno04-cus02 p.formTit {font-size:18px;}
	.techno04-cus02 p.formSubTit {font-size:12px; line-height:15px;}
	
	.inv_tbl colgroup col.col1 {width:60px !important;}
	.inv_tbl td input#name, .inv_tbl td input#company {width:90% !important;}
	.inv_tbl td input#emailid, .inv_tbl td input#emaildom {width:37% !important;}
	.inv_tbl td select {display:block; width:93%; margin-top:10px;}
	.inv_tbl td input#phone1, .inv_tbl td input#phone2, .inv_tbl td input#phone3 {width:24.5% !important;}
	.inv_tbl td textarea#content {width:85% !important;}
	.file_input_div {right:6%;}
	.inv_tbl th {font-size:12px}
	.inv_tbl_bottom .sendBtn {margin-left:14%;}

	.tbl_boardL thead tr th {font-size:14px;}
	.tbl_boardL tbody tr td {font-size:12px;}
	.tbl_boardL tbody tr td.subject {font-size:12px;}
	.tbl_boardV td.thead p.subject {font-size:14px;}
	.tbl_boardV td.thead p.date {font-size:12px;}
	.tbl_boardV td .content_view {font-size:12px;}
	.pageBar ul li .pageNum {font-size:14px;}
	
	.tbl_boardV .prev_list_next li.next_wrap .next_con,	.tbl_boardV .prev_list_next li.prev_wrap .prev_con {font-size:12px;}

	.tbl_infomt thead tr th {font-size:13px;}
	.tbl_infomt tbody tr.tr_top td {font-size:13px;}
	.tbl_infomt tbody tr.tr_top td.col01 {padding-left:5px; font-size:13px;}
	.tbl_infomt tbody tr td {font-size:12px;}
	.tbl_infomt tbody tr td.col01 {padding-left:10px;}

	.infomt_tab ul li {width:48%;}

}
