@charset "utf-8";
/* CSS Document */

img {max-width:100%;}

.container {padding:4.2% 0 8%; min-height:500px; word-break:keep-all;}
.container h3 {font-size:30px; margin-bottom:10px;}
.container h3 + p {margin-bottom:20px;}
.container h4 {font-size:23px;}
section {margin-top:4.5%;}
section:first-child {margin-top:0;}

/* tabs */
#tabs {border-bottom:1px solid #e1e1e1;}
#tabs > ul {overflow:hidden;max-width: 900px;margin:0 auto;}
#tabs > ul > li {float:left;width: 20%;}
#tabs > ul > li > a {display:block; text-align:center; font-size:20px; color:#555; position:relative; padding:20px 5px;}
#tabs > ul > li > a:before {content:''; background:#e1e1e1; width:1px; height:14px; position:absolute; top:50%; left:0; margin-top:-7px;}
#tabs > ul > li:first-child > a:before {display:none;}
#tabs > ul > li > a.on {color:#111; font-weight:700; z-index:2;}
#tabs > ul > li > a.on:after {content:''; background:#ffcb07; width:100%; height:3px; position:absolute; bottom:0; left:0;}

.info_message {color:#5a5b5b; padding-left:21px; margin-top:2%; position:relative; display:block; font-size:13px;}
.info_message:before {content:''; display:inline-block; background-position:-173px -148px; width:18px; height:18px; position:absolute; top:0; left:0;}

/* sub_visual */
#sub_visual {position:relative; padding:0 4%; text-align:center; overflow:hidden; -webkit-transition-duration:2s; -moz-transition-duration:2s; transition-duration:2s;}
#sub_visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 0; background-size:cover; opacity:.4; transform:scale(1.3); -webkit-transition-duration:1.2s; -moz-transition-duration:1.2s; transition-duration:1.2s;}
body.loaded #sub_visual .bg {transform:scale(1); opacity:1;}
#sub_visual .tit_group {position:relative; /* padding:15% 0 11%; */ padding:13% 0 8.5%; z-index:2;}
#sub_visual h2 {font-size:60px; color:#fff; text-transform:uppercase; opacity:0; transform:translateY(50%); -webkit-transition-duration:.9s; -moz-transition-duration:.9s; transition-duration:.9s;}
body.loaded #sub_visual h2 {opacity:1; transform:translateY(0);}
#sub_visual.sub_vis01 .bg {background-image:url(../images/content/sub_ein_vis.jpg);}
#sub_visual.sub_vis02 .bg {background-image:url(../images/content/sub_bsns_vis.jpg);}
#sub_visual.sub_vis03 .bg {background-image:url(../images/content/sub_cmnty_vis.jpg);}
#sub_visual.sub_vis04 .bg {background-image:url(../images/content/sub_drtions_vis.jpg);}

.con_head {text-align:center;}
.con_head > span {color:#111; font-weight:700; letter-spacing:2px;}
.con_head > h3 {font-size:54px; line-height:1.1;}
.con_head > h3:after {content:''; display:block; background:#111; width:1px; height:44px; margin:15px auto;}
.con_head > p {font-size:20px;}
/* 아인소개 */
.ein_intro .innerwrap {max-width:1280px;}
.introcont {text-align:center; margin-top:4%;}
.introcont > div + div {margin-top:4%;}
.introcont .ci_mean {background:url(../images/content/einci_mean_bg.png) 50% 0 no-repeat; background-size:cover;}
.introcont .ci_mean > p {padding:5% 0;}
.introcont .ci_mean > p img {width:80%; max-width:704px;}
.introcont .textbox {font-size:18px; max-width:1100px; margin-left:auto; margin-right:auto;}
.introcont .ein_ci {background:url(../images/content/ci_bgpattern.gif) 50% 0 repeat; border:1px solid #e1e1e1; padding:7% 0;}
.introcont .ein_ci img {width:35%; max-width:180px;}
.introcont .ein_mean .tit {font-size:30px; color:#111; margin-bottom:10px;}
.hanmun {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
/* 아인소개_일반현황 */
.ein_overview {background:#f7f7f7; text-align:center;}
.ein_overview .innerwrap {max-width:1280px; padding-top:5%; padding-bottom:5%;}
.ein_overview h3 {margin-bottom:1.5em;}
.ein_overview ul {overflow:hidden;}
.ein_overview ul > li {float:left; width:20%;}
.ein_overview ul > li > span {display:block; font-size:20px; font-weight:700; color:#111; position:relative; padding-top:85px;}
.ein_overview ul > li > span:before {display:block; margin:0 auto; position:absolute; top:0; left:0; right:0; text-align:center;}
.ein_overview ul > li.ls01 > span:before {background-position:0 -52px; width:53px; height:60px;}
.ein_overview ul > li.ls02 > span:before {background-position:-59px -52px; width:80px; height:33px; top:12px;}
.ein_overview ul > li.ls03 > span:before {background-position:-145px -52px; width:53px; height:46px; top:5px;}
.ein_overview ul > li.ls04 > span:before {background-position:-205px -52px; width:49px; height:54px;}
.ein_overview ul > li.ls05 > span:before {background-position:-261px -52px; width:40px; height:52px;}
.ein_overview ul > li > p {margin-top:10px;}
.ein_overview ul > li > p i {display:inline-block; font-size:14px;}
/* 아인소개_조직도 */
.ein_org {text-align:center;}
.ein_org .innerwrap {max-width:1280px;}
.ein_org h3 {margin-bottom:20px;}
.ein_org img {width:100%; max-width:951px;}

/* 사업분야 */
.bsns_head > div {position:relative; padding-top:45px;}
.bsns_head .cont_bg {width:77%; height:420px; position:absolute; top:0; right:0;}
.bsns_head .cont_bg .bg {background-position:100% 0; background-repeat:no-repeat; background-size:cover !important; width:100%; height:100%; float:left;}
.bsns_head .cont_bg .bg_moms {background-image:url(../images/content/momserp_cont_head.jpg);}
.bsns_head .cont_bg .bg_mes {background-image:url(../images/content/mes_cont_head.jpg);}
.bsns_head .cont_bg .bg_erp {background-image:url(../images/content/erp_cont_head.jpg);}
.bsns_head .cont_bg .bg_crm {background-image:url(../images/content/crm_cont_head.jpg);}
.bsns_head .cont_bg .bg_web {background-image:url(../images/content/web_cont_head.jpg);}
.bsns_head .cont_bg .bg_tour {background-image:url(../images/content/tour_cont_head.jpg);}
.bsns_head .textbox {background:#fff; width:46%; min-height:400px; padding:50px 40px 100px 40px; position:relative; box-shadow:0px 10px 10px 0px rgba(0,0,0,0.15);}
.bsns_head .textbox h3 + p {font-size:18px; padding-right:10%;}
.bsns_head .textbox .go_link {display:inline-block; border-bottom:1px solid #555; padding:10px 0; padding-right:50px; position:absolute; bottom:50px; left:40px;}
.bsns_head .textbox .go_link:after {background-position:-46px 0; width:15px; height:12px; position:absolute; top:50%; right:0; margin-top:-6px;}
.momserp_func .function {margin-top:2%; overflow:hidden;}
.momserp_func .function > li {float:left; width:11.625%; margin-left:1%; text-align:center; border:1px solid #e5e5e5; padding:20px 5px; padding-top:80px; font-size:18px; font-weight:700; color:#111; position:relative;}
.momserp_func .function > li:first-child {margin-left:0;}
.momserp_func .function > li:before {display:block; margin:0 auto; position:absolute; top:20px; left:0; right:0; text-align:center;}
.momserp_func .function > li.ls01:before {background-position:0 -124px; width:36px; height:29px;}
.momserp_func .function > li.ls02:before {background-position:-41px -124px; width:38px; height:36px;}
.momserp_func .function > li.ls03:before {background-position:-84px -124px; width:30px; height:36px;}
.momserp_func .function > li.ls04:before {background-position:-119px -124px; width:38px; height:34px;}
.momserp_func .function > li.ls05:before {background-position:-162px -124px; width:24px; height:36px;}
.momserp_func .function > li.ls06:before {background-position:-191px -124px; width:38px; height:31px; top:25px;}
.momserp_func .function > li.ls07:before {background-position:-234px -124px; width:37px; height:37px;}
.momserp_func .function > li.ls08:before {background-position:-276px -124px; width:34px; height:33px;}
.momserp_func .function > li:after {content:''; background:#454545; width:36px; height:1px; position:absolute; top:70px; left:50%; margin-left:-18px;}
.momserp_func .func_detail {margin-top:2%; overflow:hidden;}
.momserp_func .func_detail > li {float:left; width:48%; margin-top:15px; margin-left:4%; position:relative; padding-left:15px;}
.momserp_func .func_detail > li:nth-child(odd) {margin-left:0; clear:both;}
.momserp_func .func_detail > li:before {content:''; background:#bdbdbd; width:6px; height:6px; border-radius:100%; position:absolute; top:9px; left:0;}
/* 사업분야_메리트 */
.bsns_merit {text-align:center;}
.bsns_merit h3 img {width:60%; max-width:359px;}
.bg_conbox {background:#f2f2f2; padding-top:4%; padding-bottom:4%;}
/* tit_txtbox */
.tit_txtbox {overflow:hidden; display:table; width:100%;}
.tit_txtbox > li {display:table-cell; width:33.33%; padding:10px 2%; border-left:1px solid #e5e5e5; position:relative; text-align:left;}
.tit_txtbox > li:first-child {border-left:0; padding-left:0;}
.tit_txtbox > li > h4 {margin-bottom:2.5%;}
/* iconbox */
.cont_iconbox {overflow:hidden; display:table; width:100%;}
.cont_iconbox > li {display:table-cell; width:25%; padding:10px 2%; padding-bottom:80px; border-left:1px solid #e5e5e5; position:relative;}
.cont_iconbox > li:first-child {border-left:0; padding-left:0;}
.cont_iconbox > li > h4 {margin-bottom:2.5%;}
.cont_iconbox > li > p {padding-right:10%;}
.cont_iconbox > li > span {display:block; position:absolute; bottom:10px; right:15px;}
.cont_iconbox > li > span img {max-height:65px;}
/* cont_imgbox */
.cont_imgbox {overflow:hidden;}
.cont_imgbox > li {float:left; width:32%; margin-left:2%; background:#fff; padding:3% 10px; border-radius:10px; text-align:center;}
.cont_imgbox > li:first-child {margin-left:0;}
.cont_imgbox > li > h4 {margin-bottom:2.5%;}
.cont_imgbox > li > span {display:block; margin-bottom:6%; min-height:70px;}
.cont_imgbox > li > span > img {max-width:150px; max-height:70px;}

/* 구축 사례 */
.worklist {background:#f8f9fd; padding:4.5% 0;}
.item {display:flex; align-items:center; jusfity-content:center; text-align:center; font-size:18px; margin-top:4em;}
.item > div {flex:1; padding:0 30px;}
.item > div.typea {flex: 0 0 40%; max-width: 40%; padding-right:80px; position:relative;}
.item > div.typea::after {content:''; border-right:1px dashed #ddd; width:1px; height:100%; position:absolute; top:0; right:20px;}
.item > div .imgs {margin-bottom:3em;}
.item > div em {color:#000; font-size:27px; font-weight:600; font-style:normal;}
.item > div em i {display:block; font-size:21px;}
.item > div .desc {margin-top:1em;}

/* 온라인문의 */
.container .contact_group > div {margin:0 auto;}

/* 오시는길 */
.contact_group .maps {float:right; width:62%;}
.maps > div {width:100%;}

/* 이미지 높이값 조정 */
.thumb_wrap {overflow:hidden; position:relative;}
.thumb_wrap p {position:relative; padding-top:80%; overflow:hidden; width:100%;}
.thumb_wrap p span {position:absolute; top:0; left:0; right:0; bottom:0; -webkit-transform:translate(50%, 50%); -ms-transform:translate(50%, 50%); transform:translate(50%, 50%);}
.thumb_wrap img {position:absolute; top:0; left:0; width:auto; max-width:none; height:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
/* 포트폴리오 */
.portfolio {overflow:hidden; margin-top:-1.5%;}
.portfolio > li {float:left; width:23.875%; margin-left:1.5%; margin-top:1.5%; position:relative;}
.portfolio > li:after {content:''; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; width:100%; height:100%;}
.portfolio > li:nth-child(4n+1) {margin-left:0;}
.portfolio > li .cont {color:#fff; position:absolute; bottom:15px; left:0; width:100%; padding:0 15px; z-index:2;}
.portfolio > li .cont h4 {color:#fff; font-size:18px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.portfolio > li .cont p {font-size:14px;}
.portfolio > li > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; z-index:2;}
/* 게시판 */
.bbs_list {border-bottom:1px solid #aaa;}
.bbs_list > li {position:relative; border-top:1px solid #bdbdbd;}
.bbs_list > li:first-child, .bbs_list > li.th_head + li {border-top:0;}
.bbs_list > li.th_head {background:#a6a6a6; border-bottom:2px solid #151515; color:#fff; font-size:18px; font-weight:700; text-align:center;}
.bbs_list > li > ul {overflow:hidden;}
.bbs_list > li > ul li {float:left; padding:15px 1%; line-height:1.3; word-break:break-all;}
.bbs_list > li > ul li.b_tit {width:30%;}
.bbs_list > li > ul li.b_cont {width:70%;}
.bbs_list .no_data, .portfolio .no_data {position:relative; top:0; padding:50px 0; text-align:center;} /* 등록된 글이 없습니다. */
/* 필수입력표시 */
.es {display:inline-block; text-indent:-99999px; background-position:-111px 0; width:6px; height:7px; margin-left:3px; vertical-align:middle; position:relative; top:-2px;}
/* paging ------------------------------- */
.paging {text-align:center; margin:3% 0 0;}
.paging .page_bt {display:inline-block; width:30px; height:30px; line-height:230%; background:#fff; border:1px solid #ccc; position:relative; cursor:pointer;}
.paging .page_bt:hover {background:#f7f7f7;}
.paging .page_bt.prev {margin-right:10px;}
.paging .page_bt.next {margin-left:10px;}
.paging .page_bt > span {display:block; width:5px; height:9px; position:absolute; top:50%; left:50%; margin:-4px 0 0 -3px; text-indent:-9999px;}
.paging .prev > span {background-position:-66px 0; width:9px; margin:-4px 0 0 -4px;}
.paging .next > span {background-position:-88px 0;}
/* list_thumb type */
h3 + .list_thumb {margin-top:20px;}
.list_thumb {border-top:2px solid #666;}
.list_thumb > ul > li {border-bottom:1px solid #e5e5e5; position:relative; padding:12px 10px; padding-left:70px; overflow:hidden;}
.list_thumb > ul > li .cont > a {display:inline-block; text-align:center; font-size:12px; color:#777; width:80px; height:27px; line-height:24px; border:1px solid #bbb; margin-top:15px;}
.list_thumb > ul > li .w_day {position:absolute; top:18px; left:10px; height:55px; font-family:Arial; font-weight:bold; font-size:12px; color:#777; letter-spacing:0;}
.list_thumb > ul > li .w_day strong {display:block; font-size:30px; line-height:30px; font-weight:bold; color:#e95050; border-bottom:1px solid #ccc; text-align:center;}
.list_thumb > ul > li h4 {max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_thumb > ul > li h4 + p {display:block; max-width:100%; margin:10px 0 0; line-height:1.5; max-height:3.0em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; color:#777;}

/* 버튼 기본 스타일 ------------------------------- */
.btns {display:inline-block; padding:0 15px; height:40px; line-height:40px; font-weight:400; font-size:13px; text-align:center; vertical-align:middle; border-radius:0px; border:1px solid transparent; /* white-space:nowrap; */}
.btns:hover, .btns:focus {opacity:0.9;}
a.btns, button.btns {cursor:pointer;}
/* 스타일 */
.btn_st1 {background:#ffad1e; color:#fff;}

/* input 정의 */
/* checkbox */
.chkbox {position:relative; padding-left:22px; display:inline-block; color:#333;}
.chkbox input[type="checkbox"], .chkbox i {position:absolute; top:5px; left:0px; width:18px; height:18px;}
.chkbox input[type="checkbox"] {opacity:0; cursor:pointer; z-index:5;}
.chkbox i {display:inline-block; background:#fff; border:2px solid #d0d0d0; z-index:3;}
.chkbox input:checked+i:before {background-position:-25px 0; width:16px; height:18px; position:absolute; top:-4px; left:0;}
/* radio 버튼타입 */
.type_chk {padding:5px 0 0 5px;}
.type_chk > span {position:relative; display:inline-block; margin-right:15px;}
.type_chk > span input[type=radio] {position:absolute; visibility:hidden;}
.type_chk > span label {display:block; position:relative; padding:0px; padding-left:23px; line-height:25px; z-index:2; cursor:pointer; -webkit-transition:all 0.25s linear;}
.type_chk > span .check {display:block; position:absolute; background:#fff; border:1px solid #ddd; width:18px; height:18px; top:5px; left:0px; z-index:1; transition:border .25s linear; -webkit-transition:border .25s linear;}
.type_chk > span .check::before {content:''; display:block; position:absolute; width:8px; height:8px; top:4px; left:4px; margin:auto; transition:background 0.25s linear; -webkit-transition:background 0.25s linear;}
.type_chk > span input[type=radio]:checked ~ .check {border:1px solid #555; background:#fff;}
.type_chk > span input[type=radio]:checked ~ .check::before {background:#555;}
/* 첨부파일 스타일 */
.file_input {overflow:hidden; position:relative; padding-left:80px;}
.file_input label {vertical-align:middle; position:absolute; top:50%; left:0; margin-top:-15px; cursor:pointer; border-radius:0px; display:inline-block; overflow:hidden; font-size:14px; width:70px; height:30px; line-height:30px; background:#f7f7f7; border:1px solid #ccc; border-radius:3px; color:#333; text-align:center;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_input input[type=text] {color:#737070; background:#fff; border:0;}

/* placeholder style (placeholder는 ie10 이상에서만 적용) */
input::-webkit-input-placeholder {color:#bbb;}/* Webkit */
input:-moz-placeholder {color:#bbb;}/* moz */
input:-ms-input-placeholder {color:#bbb;}/* IE10+ */
textarea::-webkit-input-placeholder {color:#bbb;}
textarea:-webkit-input-placeholder {color:#bbb;}
textarea:-ms-input-placeholder {color:#bbb;}

/* 개인정보수집 및 이용안내 */
.agree_con {background:#fff; color:#777; overflow:auto; max-height:300px; text-align:left;}
.agree_con > ol {margin-left:15px;}
.agree_con > ol li {margin-bottom:15px;}
.agree_con > ol li > p {color:#111;}
/* 레이어팝업 */
.btn_close {display:inline-block; background-color:transparent; border:0; padding:5px; cursor:pointer;}
.btn_close span {display:inline-block; background-position:-361px -81px; width:18px; height:18px; text-indent:-9999px;}
.popLayer .btn_close {position:absolute; top:12px; right:5px;}
.overlay_t {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; overflow:auto; padding:15px; box-sizing:border-box; background-color:rgba(0,0,0,0.6); text-align:center; z-index:99;}
.overlay_t:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.popLayer {vertical-align:middle; position:relative; z-index:100; width:100%; max-width:600px; margin:0 auto; background:#fff; border-radius:7px; overflow:hidden; box-shadow:0px 1px 7px rgba(0,0,0,0.4); display:none;}
.popLayer h3 {background:#f4f4f4; border-bottom:1px solid #e5e5e5; color:#222; font-size:18px; padding:12px 15px; text-align:left;}
.popLayer em {font-style:normal;}
.popLayer .pop_container {padding:25px 20px; word-break:keep-all;}
.popLayer .pop_container.scroll_cont {max-height:470px; overflow:auto;}


.tour_step{background-color:#f8f9fd;padding: 4.5% 0;}
.step_wid{width:100%; overflow:hidden;}
.step_wid .step1{width:100%; overflow:hidden;}
.step_wid .step1 li{float:left;}
.step_wid .step1 li.w1{width: 12%;margin: 0 2%;text-align: center;}
.step_wid .step1 li.w1 p.t1{font-size: 16px;border: 1px solid #ddd;background-color: #fff;border-radius: 50%;height: 170px;width: 170px;padding-top: 30px;}
.step_wid .step1 li.w1 p.t1 span{display:block;margin-bottom: 10px;}
.step_wid .step1 li.w1 p.t1 img{width:100%;max-width: 69px;}
.step_wid .step1 li.w1 p.t2{font-weight:bold;margin-top: 10px;font-size: 18px;color: #000;}
.step_wid .step1 li.w2{width:5%;text-align: center;margin-top: 70px;}
.step_wid .step1 li.w2 img{width:100%;max-width: 42px;}

.tour_list{width:100%; overflow:hidden;}
.tour_list .listbox{float:left;width:48.5%;margin-bottom: 4%;}
.tour_list .listbox:nth-child(2n){margin-left:3%;}
.tour_list .listbox .titline{background-color:#262832;color:#fff;margin-bottom: 3px;padding: 8px 15px;font-size: 18px;letter-spacing: 0;border-radius: 15px;}
.tour_list .listbox .titline.col1{background-color:#6f78fa;}
.tour_list .listbox .stepbox{width:100%;border:1px solid #ddd;text-align: center;border-radius: 30px;padding: 20px 10px 10px;}
.tour_list .listbox .stepbox.col1{background-color:#f8f9fd;}
.tour_list .listbox .stepbox img{width:100%;max-width: 535px;}
.tour_list .listbox .stepbox p{font-size: 20px;height: 80px;color: #000;font-weight: bold;margin-top: 5px;}
.tour_list .listbox .stepbox p span{font-size: 17px;display: block;font-weight: 400;color:#444;line-height: 21px;margin-top: 3px;}
.tour_list .listbox .stepbox.he1 p{height:110px;}





@media screen and (max-width:1240px) {
.step_wid .step1 li.w1 p.t1{width:100%; height:auto; padding:15px;border-radius: 10px;}
.step_wid .step1 li.w2{margin-top:50px;}
}







@media screen and (max-width:1024px) {
.con_head > h3 {font-size:45px;}
/* 아인소개_일반현황 */
.ein_overview ul > li {float:none; width:auto;}
.ein_overview ul > li + li {margin-top:25px;}
.ein_overview ul > li > span {font-size:18px; padding-top:0;}
.ein_overview ul > li > span:before {margin:0 auto 10px; position:relative; top:0 !important;}

/* 사업분야 */
.momserp_func .function > li {width:24.25%; margin-top:1%;}
.momserp_func .function > li:nth-child(4n+1) {margin-left:0;}

/* iconbox */
.cont_iconbox {display:block; margin-top:-2%;}
.cont_iconbox > li {display:block; float:left; width:49%; margin-left:2%; margin-top:2%; padding:10px 2% !important; border:1px solid #e5e5e5 !important; min-height:130px;}
.cont_iconbox > li:nth-child(2n+1) {margin-left:0;}
.cont_iconbox > li > p {padding-right:80px;}
.cont_iconbox > li > span img {max-height:50px;}
}

@media screen and (max-width:980px) {
#sub_visual .tit_group {padding:24% 0 16%;}
#sub_visual h2 {font-size:32px;}

/* 사업분야 */
.bsns_head > div {padding-top:100px;}
.bsns_head .cont_bg {width:100%; height:230px;}
.bsns_head .textbox {width:100%; min-height:210px; padding:20px 20px 70px 20px;}
.bsns_head .textbox .go_link {bottom:20px; left:20px;}

/* cont_imgbox */
.cont_imgbox > li {float:none; width:auto; margin-left:0;}
.cont_imgbox > li + li {margin-top:3%;}
.cont_imgbox > li > span {margin-bottom:4%; min-height:10px;}
.cont_imgbox > li > span > img {max-width:120px; max-height:60px;}

/* 구축 사례 */
.item {flex-wrap: wrap; font-size:16px;}
.item > div, .item > div.typea {flex: 1 0 100%; max-width: 100%; padding:0;}
.item > div + div {margin-top:3em;}
.item > div.typea::after {display:none;}
.item > div .imgs {width:70%; max-width:480px; margin:0 auto 20px;}
.item > div em {font-size:22px;}
.item > div em i {font-size:18px;}

/* 포트폴리오 */
.portfolio > li {width:49.25%; margin-left:1.5%;}
.portfolio > li:nth-child(2n+1) {margin-left:0;}

.step_wid .step1 li{margin-bottom:30px !important;}
.step_wid .step1 li.w1{width:24%;}
.step_wid .step1 li.w2{width:8%;}

.tour_list .listbox .stepbox p{font-size:18px; line-height: 22px;}
.tour_list .listbox .stepbox p span{font-size:15px; line-height:20px;}
}

@media screen and (max-width:768px) {
html, body, input, select, .f16, .f18 {font-size:15px;}

.container {padding:6% 0 12%;}
.container h3 {font-size:21px;}
.container h4 {font-size:18px;}
section {margin-top:10%;}

/* tabs */
#tabs {border-bottom:0; margin-top:-1px;}
#tabs > ul {padding-top:1px; padding-left:1px;}
#tabs > ul > li {width:50%;}
#tabs > ul > li > a {font-size:15px; padding:10px 5px; border:1px solid #e1e1e1; margin-left:-1px; margin-top:-1px;}
#tabs > ul > li > a:before {display:none;}
#tabs > ul > li > a.on {background:#454545; border-color:transparent; color:#fff;}
#tabs > ul > li > a.on:after {display:none;}

.con_head > span {font-size:13px;}
.con_head > h3 {font-size:30px;}
.con_head > h3:after {height:25px;}
.con_head > p {font-size:15px;}

/* 아인소개 */
.introcont {margin-top:8%;}
.introcont > div + div {margin-top:8%;}
.introcont .textbox {font-size:15px;}
.introcont .ein_mean .tit {font-size:24px;}

/* 사업분야 */
.bsns_head .textbox h3 + p {font-size:15px;}
.momserp_func .function > li {width:49.5%; margin-top:1%; font-size:15px;}
.momserp_func .function > li:nth-child(2n+1) {margin-left:0;}
.momserp_func .func_detail > li {float:none; width:auto; margin-left:0;}

/* 사업분야_메리트 */
.bsns_merit h3 img {max-width:250px;}
/* tit_txtbox */
.tit_txtbox {display:block;}
.tit_txtbox > li {display:block; float:none; width:auto; padding:10px 2% !important; border-bottom:1px solid #e5e5e5; border-left:0;}

/* 구축 사례 */
.worklist {padding:10% 0;}

/* 오시는길 */
.contact_group .maps {margin-top:6%;}

/* 게시판 */
.bbs_list > li.th_head > ul li {font-size:15px;}
.bbs_list > li > ul li {padding:10px 1%; font-size:14px;}

.step_wid .step1 li.w1 p.t2{font-size:17px;}

.tour_list .listbox{width:100%;}
.tour_list .listbox .stepbox{padding:20px;}
.tour_list .listbox:nth-child(2n){margin-left:0;}
.tour_list .listbox .stepbox p{height:auto;}
.tour_list .listbox .stepbox.he1 p{height:auto;}
.tour_list .listbox .titline{padding:5px 15px;font-size: 15px;}
}

@media screen and (max-width:640px) {
/* iconbox */
.cont_iconbox > li {float:none; width:auto; margin-left:0; padding:15px 20px !important; padding-top:70px !important; min-height:10px; text-align:center;}
.cont_iconbox > li > p {padding-right:0;}
.cont_iconbox > li > span {top:15px; left:0; right:0; text-align:center;}
.cont_iconbox > li > span img {max-height:42px;}

.step_wid .step1 li.w1{width:29.3%;margin-bottom:  0 !important;}
.step_wid .step1 li.w2{display:none;}
.step_wid .step1 li.w1 p.t1 img{max-width:49px;}
.step_wid .step1 li.w1 p.t2{height:50px;line-height: 20px;margin-top: 5px;font-size: 16px;}
}

@media screen and (max-width:480px) {
#sub_visual .tit_group {padding:30% 0 18%;}
#sub_visual h2 {font-size:24px;}

/* 포트폴리오 */
.portfolio {margin-top:-4%;}
.portfolio > li {width:100%; margin-left:0; margin-top:4%;}

}