@charset "utf-8";

/*bread-crumb 정의*/
.s_loca_w{float: left;width: 100%;border-top: 1px solid #f84c00;margin-top: 60px;}
.s_loca_inner{ width: 1200px;   margin: 0 auto;}
.s_loca_inner ul{width:fit-content;float:right;height: 34px;}
.s_loca_inner ul li{float:left;display:inline-block; position:relative; border: 1px solid #f84c00;margin-left:-1px;margin-top:-20px;height:100%;background: #fff;padding: 0 15px;font-size: 14px;color: #777;line-height: 220%;}
.s_loca_inner ul li a{display:block;width:100%;height:100%; color:#777;}
.s_loca_inner ul li.loca_sub_box a,.s_loca_inner ul li.loca_sub_box2 a{background: url(../img/t_ico_locamenu.png) calc(100% - 15px) 13px no-repeat;padding-right: 18px;}
.s_loca_inner ul li.loca_sub_box a.close,.s_loca_inner ul li.loca_sub_box2 a.close{background:url(../img/t_ico_locamenu.png) calc(100% - 15px) -14px no-repeat; padding-right:18px;}
.s_loca_inner ul li:first-child{padding:0;}
.s_loca_inner ul li:first-child a{text-indent:-99999px;background: url(../img/t_ico_loca.png) 49% 50% no-repeat;width: 37px;height: 100%;}

.s_loca_inner ul li.loca_sub_box .loca_sub_menu,.s_loca_inner ul li.loca_sub_box2 .loca_sub_menu2{display:none;position:absolute;top:32px;left:0;width:calc(100% + 2px);margin: 0 -1px;border: 1px solid #f84c00;border-top:0;overflow:hidden;box-shadow: 0 2px 4px rgba(0,0,0,0.12);}
.s_loca_inner ul li.loca_sub_box .loca_sub_menu a,.s_loca_inner ul li.loca_sub_box2 .loca_sub_menu2 a{background:#f9f9f9;display:block;border-top: 1px solid #e9e9e9;padding: 14px 16px;color: #333;width: calc(100% - 32px);line-height: 130%;}
.s_loca_inner ul li.loca_sub_box .loca_sub_menu a:hover,.s_loca_inner ul li.loca_sub_box2 .loca_sub_menu2 a:hover{background:#f84c00; color:#fff; border-color:#f84c00;}

/*** 컨텐츠 레이아웃 ***/
.s_cont_w{clear:both; float:left;width:100%;}
.s_solution_bg{background: url(../img/solution/img_bg1.jpg) 0 160px no-repeat;}
.s_solution_bg2{background: url(../img/solution/img_bg2.jpg) 0 790px no-repeat;}
.s_web_bg1{background: url(../img/web/img_bg1.jpg) 0 420px no-repeat; }
.s_service_bg1{background: url(../img/service/img_bg1.jpg),url(../img/service/img_bg2.jpg);background-repeat: no-repeat, no-repeat;background-position: 0 420px, 0 1500px;}
.s_reference_bg1{background: url(../img/service/img_bg2.jpg) 0 320px no-repeat;min-height:1300px;}
.s_support_bg{background: url(../img/customer/img_bg1.jpg) 0 360px no-repeat;}
.s_company_bg1{background: url(../img/company/img_bg1.jpg) 0 630px no-repeat;}
.s_company_bg2{background: url(../img/company/img_bg2.jpg) 0 420px no-repeat;}

.s_inner{width:1200px;margin:0 auto;position: relative;}
.s_inner h2{float:left;width:100%;text-align:center;color:#f84c00;font-weight:550;font-size:34px;margin: 70px 0 20px 0;}
.s_inner h2 span{display:inline-block;padding-bottom: 20px;}
.s_inner h2 span:after{content:'';display: block;width:0px;height:8px;left: 50%;bottom:0;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.s_inner h2 span.active{display:inline-block;padding-bottom: 20px;position:relative;}
.s_inner h2 span.active:after{content:'';display: block;width:100%;height:8px;background: #f84c00;position: absolute;left: 0;right: 0;}

.s_inner h3{float:left;width:100%;text-align:center;color:#000;font-weight:550;font-size:34px;margin: 70px 0 20px 0;}
.s_inner h4{float:left;width:100%;color:#000;font-weight:550;font-size: 24px;margin: 70px 0 20px 0;padding-left: 30px;position: relative;}
.s_inner h4:before{content:'';background:#f84c00;border-radius:50%;width:16px;height:16px;display:inline-block;position: absolute;left: 0;top: 12px;}
.s_inner h4 .sideTxt{font-style:normal;font-size:14px;font-weight:500;color:#333;height: 36px;line-height: 250%;}
.s_inner .sideTxt2{font-style:normal;font-size:14px;font-weight:500;color:#333;height: 36px;line-height: 250%;margin-top: 20px;margin-right: 10px;}
.s_inner .tit_descript{float:left;width:100%;text-align:center;font-family: 'Noto Serif KR';font-size:28px;color:#464646;font-weight:300;line-height: 155%;}
.s_inner .tit_descript strong{font-family:'Noto Serif KR';/* font-size:30px; *//* color: #f84c00; */}
.s_inner .subtit_descript{float:left; width:100%; text-align:center; font-size:24px; color:#555; font-weight:450; line-height:145%;}

/*탭*/
.tab{float:left;width:100%;}
.tab li{float:left;height: 58px;width: calc(12.5% + 1px);border:1px solid #ccc;margin-left:-1px;}
.tab li:first-child{margin-left:0; width: 12.5%;}
.tab li a{display: inline-block;width: 100%;color:#555;font-size: 20px;text-align:center;height: 100%;line-height: 58px;}
.tab li.active,.tab li.active a,.tab li:hover,.tab li a:hover{ background:#f84c00; border-color:#f84c00; color:#fff;}

.tab2{float:left;width:100%;}
.tab2 li{float:left;height: 48px;width: calc(12.5% + 1px);border:1px solid #ccc;margin-left:-1px;}
.tab2 li:first-child{margin-left:0;}
.tab2 li a{display: inline-block;width: 100%;color:#555;font-size: 20px;text-align:center;height: 100%;line-height: 240%;}
.tab2 li.active,.tab2 li.active a{ background:#f84c00; border-color:#f84c00; color:#fff;}

.tab_type50 li,.tab_type50 li:nth-child(1),.tab_type50 li.active{width:50%;}
.tab_type30 li,.tab_type30 li:nth-child(1),.tab_type30 li.active{width:33.3%;}
.tab_type20 li,.tab_type20 li:nth-child(1),.tab_type20 li.active{width:20%;}

/*중요 포인트 박스 정의*/
.point_list{float:left; width:100%; display:table; position:relative;}
.point_list dl{display:table-cell; width:20%; background:#f84c00; color:#fff; padding:40px 30px}
.point_list dl:nth-child(even){background: #534132;}
.point_list dl dt{font-size:24px; text-align:center; margin-bottom:15px}
.point_list dl dd ul li{padding:6px 0; padding-left:12px;}
.point_list dl dd ul li:before{content:''; border-radius:50%; width:4px; height:4px; display:inline-block; background:#fff; margin:5px 8px 5px -12px;}
.point_list_type2 dl{width:33.3%;padding: 25px 60px;}
.point_list_type2 dl dd ul li{font-size:18px;padding: 3px 0;}

/*비지니스 유형 박스 정의*/
.kind_list {float:left; width:100%;}
.kind_list_box{width:100%;float: left;}
.kind_list_box li{float:left;display:inline-block;border-radius:50%;width: 191.5px;height: 191.5px;text-align:center;background:#f9f9f9;border:1px solid #f0f0f0;font-size: 20px;margin-left: 10px;padding-top: 120px;font-weight: 400;}
.kind_list_box li:first-child{margin-left:0;}
.kind_type1 li{background:#f9f9f9 url(../img/solution/ico_solution_1.png) 0 15px no-repeat;}
.kind_type1 li:nth-child(1){ background-position-x:60px;}
.kind_type1 li:nth-child(2){ background-position-x:-140px;}
.kind_type1 li:nth-child(3){ background-position-x:-340px;}
.kind_type1 li:nth-child(4){ background-position-x:-540px;}
.kind_type1 li:nth-child(5){ background-position-x:-740px;}
.kind_type1 li:nth-child(6){ background-position-x:-940px;}
.kind_type2 li{background:#f9f9f9 url(../img/solution/ico_solution_1.png) 0 15px no-repeat;}
.kind_type2 li:nth-child(1){ background-position-x:-140px;}
.kind_type2 li:nth-child(2){ background-position-x:60px;}
.kind_type2 li:nth-child(3){background-position-x: -1140px;}
.kind_type2 li:nth-child(4){background-position-x: -1340px;}
.kind_type2 li:nth-child(5){ background-position-x:-540px;}
.kind_type2 li:nth-child(6){ background-position-x:-940px;}

/*서비스 유형 박스 정의*/
.kind_list_box2{width:100%;float: left;background: url(../img/service/ico_bg.png) 0 0 no-repeat;}
.kind_list_box2 li{float:left;display:inline-block;background: transparent url(../img/service/ico_service.png) 0 45px no-repeat;width:20%;height: 243px;line-height:135%;text-align:center;font-size: 24px;padding-top: 125px;font-weight: 500; color:#f84c00;}
.kind_list_box2 li:nth-child(1){ background-position-x:95px;}
.kind_list_box2 li:nth-child(2){ background-position-x:-147px;}
.kind_list_box2 li:nth-child(3){ background-position-x:-390px;}
.kind_list_box2 li:nth-child(4){ background-position-x:-625px;}
.kind_list_box2 li:nth-child(5){ background-position-x:-870px;}

/*도입효과 및 판매방식*/
.feature_list{float:left; width:100%;}
.feature_list dl{display:inline-block;width:48%;border: 1px solid #ddd;border-left: 0;padding: 55px 40px 35px 0;height: 400px;}
.feature_list dl dt{font-size: 20px;font-weight: 450;display: inline-block;margin-top: -70px;clear: both;float: left;background: #fff;padding: 0 14px;}
.feature_list dl dt:before{content:''; background:#f84c00; border-radius:50%; width:16px; height:16px; display:inline-block; margin-left:-14px; margin-right:10px; }
.feature_list dl dd{float:left; width:100%; clear:both;}
.feature_list dl dd ol li{list-style: decimal;padding-left: 7px;margin-left: 20px;padding-bottom: 12px;color: #333;}


/*주요타이틀 리스트*/
.tit_list{float:left; width:100%; text-align:center; }
.tit_list dl dt{font-size: 34px;font-weight:400;width:100%;margin-bottom: 25px;}
.tit_list dl dd{width:100%;}
.tit_list dl dd ul{margin:0 auto; width:fit-content; min-width:100px; max-width:800px;}
.tit_list dl dd ul li{text-align:left; font-size:20px; color:#333; background:url(../img/solution/bl_chk.png) 0 12px no-repeat; padding:5px 0; padding-left:34px; }

.keyword_group{float:left;}
.keyword_group li{float:left;background: rgba(255,90,0,0.9);border-radius:50%;color:#fff;width:258px;height:258px;margin-left: -23px;font-size: 28px;line-height: 130%;text-align: center;padding: 95px 25px 0 25px; letter-spacing: -1px;}
.keyword_group li:first-child{margin-left:0;}
.keyword_group li:nth-child(even){background: rgba(244,41,56,0.9);}

/*솔루션 메뉴 리스트*/
.solution_list{float: left;width: 100%;background: #f9f9f9;}
.solution_list .list_rowG{display: table;background: #fff;border: 1px solid #ccc;width: 100%;margin-top: -1px;}
.solution_list .list_rowG dl{width: 20%;border-right:1px solid #e7e7e7;display:table-cell;border-left: 0;padding: 30px 30px 40px 30px;}
.solution_list .list_rowG dl:nth-child(5){border-right:0;}
.solution_list .list_rowG dl dt{font-size:20px;color:#000;font-weight:500;margin-bottom: 10px;}
.solution_list .list_rowG dl dd ul li{ color:#333; line-height:130%; padding:4px 0; position:relative; padding-left:14px}
.solution_list .list_rowG dl dd ul li:before{content:'';background:#bbb;border-radius:50%;width:5px;height:5px;display:inline-block;position: absolute;left: 2px;top: 12px;}
.solution_list dl.full_type{display:table; width:100%;border: 1px solid #ccc; background:#fff; margin-top:-1px;}
.solution_list dl.full_type dt{display:table-cell;width:20%; border-right:1px solid #e7e7e7; background:#f9f9f9;font-size:20px;color:#000;font-weight:500; vertical-align:middle; text-align:center; }
.solution_list dl.full_type dd{width:80%;}
.solution_list dl.full_type dd ul{float:left; margin:20px;}
.solution_list dl.full_type dd ul li{ float:left; display:inline-block; color:#333; line-height:130%; padding:4px 0; position:relative; padding-left:14px; padding-right:20px}
.solution_list dl.full_type dd ul li:before{content:'';background:#bbb;border-radius:50%;width:5px;height:5px;display:inline-block;position: absolute;left: 2px;top: 12px;}

/*링크 박스*/
.cont_link_box{float:left;width:100%;background:#f9f9f9;padding: 0 40px;border:1px solid #e2e2e2;}
.cont_link_box p{padding-top:30px;padding-bottom:30px;height:132px;font-size: 18px;color: #333;font-weight: 400;letter-spacing: -0.5px;line-height: 185%;}
.cont_link_box p:first-child{width: 88%;display:inline-block;position:relative;}
.cont_link_box p .btn_link_1{position:absolute;right: 35px;top: 30px;}
.cont_link_box p:last-child{width: 12%;display:inline-block;text-align: right;border-left: 1px solid #ddd;}

/*컨텐츠 테이블*/
.table_cont{float:left; width:100%; border-top:1px solid #555; border-bottom:1px solid #555; margin-bottom:30px;}
.table_cont thead th, .table_cont thead td {padding:10px 0; line-height:150%; background:#fff; text-align:center; border:0; color:#555;}
.table_cont thead th:first-child{border-left:0;}
.table_cont thead th:last-child{border-right:0;}
.table_cont tbody th, .table_cont tbody td {padding:15px 25px; line-height:150%; background:#fff; text-align:center;border:1px solid #e2e2e2; }
.table_cont tbody th{ color:#555; background:#fff;}
.table_cont tbody td{background:#f9f9f9;}
.table_cont tbody tr:last-child th,.table_cont tbody tr:last-child td{border-bottom:0;}
.table_cont tbody td:last-child{border-right:0;}
.table_cont tbody td span{float:left; width:100%; text-align:left; position:relative; padding-left:12px;}
.table_cont tbody td span:before{content:''; display:inline-block; width:4px; height:4px; border-radius:50%; background:#aaa; position:absolute; top:10px; margin-left:-12px;}

/*일반 리스트*/
.cont_list_type1{float:left; width:100%;}
.cont_list_type1 ul li{padding:5px 0 5px 15px; position:relative;}

.cont_list_type1 ul li:before{content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#bbb; position:absolute; top:15px; margin-left:-15px;}

/*템플릿 리스트*/
.temp_list{float:left; width:100%;}
.temp_list dl{float:left;width:100%;margin: 50px 0;}
.temp_list dl dt{float:left;display:inline-block;background:#45494b;color:#fff;width:166px;height:119px;font-size: 34px;font-weight: 100;text-align: center;line-height: 320%;}
.temp_list dl dd{float:right; width:calc(100% - 166px); text-align:right;}
.temp_list dl dd p{display:inline-block; position:relative;}
.temp_list dl dd p:last-child{margin-left:58px;}
.temp_list dl dd p:last-child img{padding-top:35px;}
.temp_list dl dd p .btn_temp_more{background:rgba(255,90,0,0.88) url(../img/web/ico_more.png) 50% 50% no-repeat; width:88px; height:88px;display:inline-block; position:absolute; right:-25px; bottom:-1px; border-radius:50%;-webkit-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;transition:all 0.1s ease-out; }
.temp_list dl dd p:hover .btn_temp_more{background:rgba(255,90,0,1) url(../img/web/ico_more.png) 50% 50% no-repeat; width:110px; height:110px; right:-35px; bottom:-10px;}

/*상담문의 박스*/
.cont_conect_box{float:left;width:100%; margin-bottom:80px; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; padding:35px 0; font-size:20px; color:#333; text-align:right;}
.cont_conect_box p,.cont_conect_box p a{color:#555;}
.cont_conect_box p em{font-size:14px; font-weight:500; color:#000; width:100%;float:right;}
.cont_conect_box p:last-child{margin-top:15px;}
.cont_conect_box p span{margin-left:30px}
.cont_conect_box p strong{color:#f84c00; margin-right:10px; }


/*서비스 상세내용 박스*/
.service_list{float:left; width:100%;}
.service_list dl{display:table;width:100%;border-bottom: 1px solid rgba(0,0,0,0.15);padding:30px 0; background:transparent;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.service_list dl:hover{background:#fff;}
.service_list dl dt{display:table-cell;width: 330px;vertical-align:top;font-size: 28px;position: relative;padding-left: 20px;}
.service_list dl dt a{position: absolute;left: 20px;bottom: 0;padding: 6px 27px 8px 27px;}
.service_list dl dd{display:inline-block;}
.service_list dl dd ul li{padding: 5px 0; position:relative;}
.service_list dl dd ul li:before{content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#bbb; position:absolute; top:15px; margin-left:-15px;}

/*진행과정*/
.process_list{clear:both;float:left;width:100%;margin-top: 30px;}
.process_list ul{float:left;width:100%;}
.process_list ul li{display: table;margin: 15px 0 0 48px;vertical-align: middle;position:relative;}
.process_list ul li:after{content:'';background: url(../img/service/ico_arrow.png) -207px 0 no-repeat;width: 33px;height: 62px;display:inline-block;position:absolute;right: -40px;top: 33%;}
.process_list ul li:first-child:after{background-position:0 0;}
.process_list ul li:nth-child(4):after{background-position: -394px 0;width: 70px;top: 196px;right: 65px;}
.process_list ul li:nth-child(5):after{background-position: -618px 0;top: 33%;right: inherit;left: -40px;}
.process_list ul li:nth-child(6):after{background-position: -618px 0;top: 33%;right: inherit;left: -40px;}
.process_list ul li:nth-child(7):after{background:none;}
.process_list ul li:nth-child(-n+7){float:right;margin-top: 40px;}
.process_list ul li:nth-child(-n+4){float:left;margin-top: 0;}
.process_list ul li:first-child{border:1px solid #ff5a00;border-radius:150px;padding:10px;margin-left: 0;margin-top: -3px;}
.process_list ul li:first-child span{margin: 0 3px;}
.process_list ul li span{/* float:left; */display: table-cell;border-radius:50%;background:#f9f9f9;width: 206px;height:206px;/* padding:0 25px; */text-align: center;vertical-align: middle;}

.process_list ul li span strong{float:left;width:100%;text-align:center;/* padding-top: 65px; */font-size:20px;font-weight:420;}
.process_list ul li span i{font-style:normal;font-size:14px;color:#555;line-height: 150%;display: block;margin: 0 auto;clear: both;width: fit-content;}

/*서비스유형*/
.serviceunit_list{float:left;width:100%;clear: both;}
.serviceunit_list dl{float:left;display:inline-block;border: 1px solid #ff5a00;width: 32.65%;margin-left:1%;height: 962px;background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,0.2);overflow: hidden;}
.serviceunit_list dl:first-child{margin-left:0;}
.serviceunit_list dl dt{background:#ff5a00; color:#fff; text-align:center; font-size:22px; font-weight:400; padding:10px 0;}
.serviceunit_list dl dd{padding: 0 45px 10px 45px;}
.serviceunit_list dl dd h5{font-size:18px;font-weight:450;color: #ff5a00;padding: 8px 0;}
.serviceunit_list dl dd ul{margin: 0 -45px;padding: 12px 45px 20px 45px;background:#f9f9f9;}
.serviceunit_list dl dd ul li{position:relative; padding-left:14px; color:#333;}
.serviceunit_list dl dd ul li:before{content:'';background:#bbb;border-radius:50%;width:4px;height:4px;display:inline-block;position: absolute;left: 2px;top: 10px;}
.serviceunit_list dl dd ul li.cell_nobl{padding:0 0 15px 0; font-size:16px; color:#000; }
.serviceunit_list dl dd ul li.cell_nobl:before{display:none;}


/*레퍼런스*/
.reference_list, .reference_if{float:left;width:100%;clear: both;}
.reference_if{margin:20px 0 30px 0;}

.reference_if .year_selcet{background:#ff5a00;height:60px;vertical-align:middle;text-align: center;}
.reference_if .year_selcet a{display:inline-block; width: 60px;height:60px; opacity:1.0;}
.reference_if .year_selcet a.year_prev{background: url(../img/reference/ico_year.png) 50% -50px no-repeat;}
.reference_if .year_selcet a.year_next{background: url(../img/reference/ico_year.png) 50% 18px no-repeat;}
.reference_if .year_selcet a[disabled]{opacity:0.5;cursor: not-allowed;}
.reference_if .year_selcet span{color:#fff;font-size:34px;font-family:arial;line-height:180%;}
.reference_if .filter_box{background:#F9F9F9;height: 95px;width:100%;padding: 25px 20px;float: left;clear: both;}
.reference_if .filter_box select{ width:270px;}

.chk_group{padding: 10px 5px;}
.chk_group li{float:left;display:inline-block;margin-right: 30px;}
.reference_list_box{float:left;width:100%;clear: both;}
.reference_list_box h6{float:left;width:100%;font-size: 30px;height: 80px;font-weight: 600;color:#ff5a00;line-height: 250%;}
.list_gellery{float:left;width:100%;}
.list_gellery li{float:left;display:inline-block;/* width:381px; */margin-left: 25px;margin-bottom: 30px;position:relative;}
.list_gellery li:nth-child(4n+1){margin-left:1px;}
.list_gellery li dl{width: 281px;min-width: 281px;box-shadow:0px 0px 0px rgba(0,0,0,.0),0 0 2px 0 rgba(0,0,0,.0);-webkit-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.list_gellery li dl:hover{-webkit-transform:translate(0,-8px);-ms-transform:translate(0,-8px);transform:translate(0,-6px);box-shadow:0 5px 14px 0 rgba(0,0,0,.4);}
.list_gellery li dl dt{border:1px solid #e0e0e0;background:#fff;text-align:center;padding: 30px 20px;min-height: 130px;font-family: 'Daum';font-size: 24px;line-height: 300%;font-weight: 520;color: #222;letter-spacing: -0.8px;}
.list_gellery li dl dt .img_w{width: 230px;   height: 173px;   display: block;   padding: 0;   margin: 0 auto;    text-align: center;}
.list_gellery li dl dt .img_w img{width: 100%;height: 100%;}
.list_gellery li dl dt .img_ci{background:url(../img/reference/img_site_02.png) 0 0 no-repeat;width: 230px;height: 173px;position: relative;margin: 0 auto;}
.list_gellery li dl dt .img_ci img{width: 128px;height: 41px;position: absolute;left: 50px;top: 65px;}
.list_gellery li dl dd{font-size: 14px;color: #333;line-height: 150%;overflow: hidden;width: 100%;text-align: center;/* position: absolute; */bottom: 0;z-index: 999;background: rgba(255,255,255,1);height: 40px;padding: 5px 0;margin: -1px 0 0 0;border: 1px solid #ddd;}
.list_gellery li dl dd span{/* float:right; */position: absolute;right: 0;top: 0;}
.list_gellery li dl dd span .refer_kind{display:inline-block;background: #f9f9f9;color: #222;min-width:20px;height: 24px;font-size:13px;font-weight:300;padding: 0 12px;text-align:center;line-height: 200%;border: 1px solid #dedede;}
.list_gellery li dl dd span .refer_kind:nth-child(1){/* border-left:0; */}
.list_gellery li dl dd span .kind_erp{/* background: #fff; */}


.gellery_type2{float:left;width:100%;}
.gellery_type2 li{float:left;display:inline-block;margin-left: -1px;margin-bottom: -1px;position:relative;}
.gellery_type2 li dl{width: 240px;min-width: 241px;box-shadow:0px 0px 0px rgba(0,0,0,.0),0 0 2px 0 rgba(0,0,0,.0);display: table;}
/*.gellery_type2 li dl dt{border:1px solid #e0e0e0;background:#fff;text-align:center;padding: 30px 20px;height: 130px;vertical-align: middle;display: table-cell;}*/
.gellery_type2 li dl dt{border:1px solid #e0e0e0;background:#fff;text-align:center;padding: 0px;height: 130px;vertical-align: middle;display: table-cell;}
.gellery_type2 li dl dt .img_no{font-family: 'Daum';font-size: 21px;line-height: 185%;font-weight: 520;color: #222;letter-spacing: -1px;width: 199px;display: inline-block;white-space: nowrap;overflow: hidden;height: 30px;}
/*.gellery_type2 li dl dt img{width: 150px;  height: auto;   vertical-align: middle;  max-height: 62px;}*/
.gellery_type2 li dl dt img{max-width: 238px;max-height: 128px;  height: auto;   vertical-align: middle;  }
.gellery_type2 li.gt_color1 dl dt .img_no{color:#0365a2;}
.gellery_type2 li.gt_color2 dl dt .img_no{color:#218150;}




.list_gellery li .list_front_link{display:none;position:absolute;left:0;top:0;background:rgba(0,0,0,0.75);width:calc(100% + 2px);height:100%;}
/*
.list_gellery li:hover .list_front_link{display:block;}
.list_gellery li .list_front_link .list_front_title{position:absolute;left:0;top:25%;width:100%;text-align:center;color:#fff;font-size: 28px;font-weight: 450;}
.list_gellery li .list_front_link .list_front_title i{float:left;clear:both;width:100%;font-style:normal;font-size:16px;margin-top:-5px;font-weight: lighter;}
.list_gellery li .list_front_link .list_btn_w{position:absolute; left:0; bottom:25%; width:100%; text-align:center;}
.list_gellery li .list_front_link .list_btn_w a{width: 110px;padding: 10px 0;}
.list_gellery li .list_front_link .list_btn_w a[disabled]{opacity: 0;cursor: not-allowed;display: none;}
*/
.btn_listnumber_w{float:left;width:100%;margin: 50px 0;}
.btn_listnumber_w .btn_list_more{width:100%; text-align:center; background:#f9f9f9; color:#555; border:1px solid #f0f0f0; box-shadow: 0 1px 2px rgba(0,0,0,0.05)}

.reference_w{float:left;width:100%;clear: both;margin: 20px 0;position:relative;}
.reference_w ul{clear:both;float:left;width:100%;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.reference_w ul li{float:left;display:inline-block;border-left: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;width: 10%;background: #fff;height: 65px;}
.reference_w ul li img{width:100%; height:100%;}


/*사이드 진행중 히스토리*/
.history_list{position:absolute;width:240px;right:-300px;top: 210px;border: 1px solid #ff5a00;padding: 20px 30px;background: #fff;}
.history_list h5{font-size:20px; font-weight:450; line-height:130%; letter-spacing:-1px; margin-bottom:15px;}
.history_list_box{width:100%;}
.history_list_box li{border-top:1px solid #ddd; padding:15px 0;}
.history_list_box li:first-child{border-top:0;}
.history_list_box li a{display:inline-block;color:#555; line-height:130%;}
.history_list_box li a .number{display:block; width:100%;color:#ff5a00; padding-bottom:4px; font-size:18px;}
.history_list_box li a .number i{font-size:17px; font-style:normal; font-weight:400;}
.history_list .btn_more{position:absolute; right:0;top:0; display:inline-block; background:#f9f9f9 url(../img/reference/ico_more.png) 50% 50% no-repeat; width:35px; height:35px; border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; text-indent:-99999px; }



@media only screen and (max-width: 1500px) {  .history_list { display:none; }}


/*공지사항*/
.if_box{float:left;width:100%;background:#f9f9f9;text-align:center;padding:30px;margin-top: 20px;}
.if_box select{width:180px;}
.if_box input{width:500px;}
.if_box button{background-image:url(../img/customer/ico_search.png); background-position: 50% 50%; background-repeat: no-repeat;text-indent:-9999px;width:70px;}

/*게시판 테이블*/
.table_board{float:left; width:100%; border-top:1px solid #555; border-bottom:1px solid #555; margin-bottom:30px;}
.table_board thead th, .table_board thead td {padding:7px 0; line-height:150%; background:#fff; text-align:center; border:0; color:#555;border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; background:#f9f9f9}
.table_board thead th:first-child{border-left:0;}
.table_board thead th:last-child{border-right:0;}
.table_board tbody th, .table_board tbody td {padding:15px 25px; line-height:150%; background:#fff; text-align:center;border:0;border-bottom:1px solid #e2e2e2; }
.table_board tbody th{ color:#555; background:#fff;}
.table_board tbody td{background:#fff;}
.table_board tbody tr:last-child th,.table_board tbody tr:last-child td{border-bottom:0;}
.table_board tbody td:last-child{border-right:0;}
.table_board tbody th.point_notice{color:#ff5a00; font-size:16px; font-weight:550;}
.table_board tbody td a{display:block;width: 820px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 120%;}
.list_new{display:inline-block;float:left;background:#ff5a00;border-radius:3px;padding:0 10px;color:#fff;font-size:14px;line-height: 120%;height: 20px;vertical-align:middle;margin-right:10px;}

.list_paging{float:left; width:100%; text-align:center; margin:20px 0 50px 0; }
.list_paging .btn_page{display:inline-block;width:30px;height:30px;vertical-align:middle;text-indent:-9999px;background: url(../img/customer/ico_paging.png) 0 50% no-repeat;margin: 0 3px;}
.list_paging .first{background-position-x:0;}
.list_paging .prev{background-position-x: -44px;}
.list_paging .next{background-position-x: -92px;}
.list_paging .end{background-position-x: -137px;}
.list_paging .page_number{display:inline-block;height: 30px;vertical-align:middle;}
.list_paging .page_number a{display:inline-block;width:30px; height:30px; line-height:180%; color:#333;}
.list_paging .page_number a.active{ background:#2a2a2a;color:#fff}

.read_notice{float:left;width:100%;margin:50px 0;}
.table_board_read,.table_board_read dt,.table_board_read dd{float:left;width:100%;}
.table_board_read{border-top:1px solid #555;border-bottom:1px solid #555;margin-bottom: 40px;}
.table_board_read dt p{float:left; width:100%;}
.table_board_read dt p:first-child{background:#f9f9f9;font-size:14px;color:#555;padding:10px 30px;border-bottom: 1px solid #f0f0f0;}
.table_board_read dt p:nth-child(2){padding:20px 30px 50px 30px;font-size:20px;line-height: 120%;}
.state{font-size:15px;}
.state_point{color:#ff5a00; font-weight:450;}
.table_board_read dd .board_detail{width:100%; padding:20px 30px 30px 30px; font-size:18px; color:#333;}
.table_board_read dt p em{ border-left:1px solid #aaa; margin-left:15px; padding-left:15px;}
.table_board_read dt p em i{font-style:normal; padding-right:5px; color:#000;}

.list_move{float:left;width:100%;background: #f9f9f9;margin: 50px 0;}
.list_move p{padding:20px 30px;color:#555;font-size:14px;}
.list_move p.list_prev{ border-bottom:1px solid #ddd;}
.list_move p.list_prev em{background: url(../img/customer/ico_arrow_pn.png) 0 3px no-repeat;padding-left: 25px;height: 25px;display: inline-block;line-height: 180%;background-size: auto 80px;}
.list_move p.list_next em{background: url(../img/customer/ico_arrow_pn.png) 0 -60px no-repeat;padding-left: 25px;height: 25px;display: inline-block;line-height: 180%;background-size: auto 80px;}
.list_move p a{display:inline-block;width: 940px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 160%;vertical-align: middle;font-size: 18px;color: #333;padding-left: 50px;}
.list_move p i{font-style:normal;}

.list_faq{float:left;width:100%;border-top:1px solid #555;border-bottom:1px solid #555;padding-top: 1px;}
.list_faq dl{float:left;width:100%;border-top:1px solid #ddd;margin-top: -1px;}
.list_faq dl:first-child{border-top: 0;}
.list_faq dl dt{padding:15px 25px; border-bottom:1px solid #ddd;}
.list_faq dl dt strong{clear:both;width:100%;display:block;font-size: 13px;color: #777;height: 20px;font-weight: 500;}
.list_faq dl dt a{font-size:18px;display:block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; line-height:140%;}
.list_faq dl dd{padding:15px 25px 30px 25px;background:#f9f9f9;display: none;}

/*고객지원*/
.edu_list{float:left; width:100%;}
.edu_list dl{float:left; width:100%; background:#f9f9f9; border:1px solid #ddd; margin-top:-1px;}
.edu_list dl dt{float:left;display:inline-block;width: 184px;padding: 30px 35px 0 35px;font-size: 24px;color:#777;}
.edu_list dl dt em{color:#333; font-size:14px; width:100%;float:left}
.edu_list dl dd{float:left;display:inline-block;width: calc(100% - 184px);background:#fff;border-left:1px solid #ddd;padding: 30px 70px;min-height: 130px;font-size: 18px;}
.edu_list dl dd ol li {padding:8px 0; font-size:18px; color:#333;}
.edu_list dl dd ol li strong{float:left;display:inline-block;margin-right:25px;border-right: 1px solid #bbb;height: 18px;line-height:100%;font-weight:410;color:#222;width: 130px;}
.edu_list dl dd ol li span{float:left;display:inline-block;width: calc(100% - 160px);margin-top: -4px;margin-bottom: 15px;}

/*연락처*/
.cont_center_box{float:left; width:100%;}
.cont_center_box p{color:#333; font-size:24px; text-align:center; margin:40px 0;}
.cont_center_box p span{display:inline-block; width: 280px; height:100px; padding-top:50px; background:url(../img/customer/ico_center.png) 50% 0 no-repeat; color:#000;}
.cont_center_box p span small{float:left;width:100%;font-size:16px; color:#555; }
.cont_center_box p span.center_time{background-position-y:0;}
.cont_center_box p span.center_phone{background-position-y: -170px;}


/*회사소개_인사말*/
.company_point, .company_box{float:left;clear:both;width:100%;font-size: 22px;color:#333;letter-spacing: 2px;padding-left: 110px;}
.company_point{color:#f84c00; margin-top:30px}
.company_box{margin:40px 0;}
.company_vspace01{margin-top: 210px;}
.company_type2{margin-top:80px;}
.company_type2 strong{float:left; display:block; width:100%; margin:15px 0; font-weight:600;}
.company_type2 span{float:left;font-size:18px; display:inline-block; vertical-align:middle;line-height:300%;}
.company_type2 span img{margin-left:20px;}

/*회사소개_히스토리*/
.tab_year{float:left;width:100%;margin: 50px 0;padding:30px 0;background:#f9f9f9;}
.tab_year ul{float:left;width:100%;border-top:1px solid #e8e8e8;padding: 0 3%;}
.tab_year ul li{float:left;display:inline-block;width: 12.25%;text-align:center;height: 40px;}
.tab_year ul li a{font-size:18px;display:block;height: 100%;line-height: 350%; color:#777; position:relative;}
.tab_year ul li a:hover,.tab_year ul li a:focus{color:#000;}
.tab_year ul li a:before{ content:''; display:block; background:#cbcbcb; width:16px; height:16px; border-radius:50%;position:absolute; left:44%; top:-9px; box-shadow: 0 0 0 5px rgba(255,255,255,1);}
.tab_year ul li a:hover:before, .tab_year ul li a:focus:before{background:#f84c00;}
.history_w{float:left;width:100%;clear: both;background: rgba(255,255,255,0.75);padding: 40px 0;position:relative;}
.history_w:before{content:'';display:block;width: 1px;height: 100%;position:absolute;left: 275px;top: 0;border-left: 1px solid #ddd;}
.history_first:before{top:50px;}
.history_last:before{height:60px}
.history_w h5{display: inline-block;color:#f84c00;font-size: 50px;font-weight: 550;width: 180px;float: left;padding: 5px 0;line-height: 100%;font-family: arial;text-align: right;}
.history_w dl{display: inline-block;width: calc(100% - 230px);float: right;}
.history_w dl dt{float:left;display:inline-block;width:70px;font-size: 28px;font-weight:500;margin:0 0 35px 0;padding:0;}
.history_w dl dd{float:left; display:inline-block; width:calc(100% - 70px); margin:0 0 35px 0;}
.history_w dl dd p{padding:3px 0;font-size: 20px;color: #333;}

.history_w ul{display: inline-block;width: calc(100% - 272px);float: right;padding-right: 75px;position:relative;}
.history_w ul li{padding: 2px 0 4px 50px;font-size:18px;position:relative;color: #222;}
.history_w ul:before{content:'';display:block;background:#f84c00;width: 10px;height: 10px;border-radius:50%;position:absolute;left: -1px;top:11px;}

.history_w ul li.group_txt{font-size:14px; color:#363636;}
.page_position{height: 1px;display: inline-block;position: absolute;top: -220px;}


/*회사소개_파트너쉽*/
.partner_box{float:left;width:100%;margin-top: 70px;}
.partner_box ul li{float:left;width: 278px;margin-left: 28px; margin-bottom:30px}
.partner_box ul li:nth-child(4n+1){margin-left:0;}
.partner_box ul li img{border:1px solid #ddd;}
.partner_box ul li p{background:#f9f9f9; padding:10px 0; text-align:center; color:#555; border:0; width:100%; border-top:0;}
.map_box{float:left;width:100%;background:#f9f9f9;padding:40px;margin:50px 0;}
.map_box ul{padding-top: 50px;width: 770px;margin: 0 auto;position: relative;padding-left: 200px;margin-bottom: 40px;}
.map_box ul:before{content:'';background:url(../img/ci2.png) 0 0 no-repeat;width:200px;height:50px;display: inline-block;padding-top: 20px;position: absolute;left: 0;top: 58px;}
.map_box ul li{/* padding:10px 0; */line-height:180%;color:#333;display: block;width: auto;}
.map_box ul li strong{margin-right:10px; font-weight:550; color:#000;}

/*** 기타 ***/

/*공통_여백 및 좌우float 정의*/

.vSpace01{margin-bottom: 90px !important;}
.vSpace02{margin-bottom:70px !important;}
.vSpace03{margin-bottom:50px !important;}
.vSpace04{margin-bottom:20px !important;}

.alignL{float:left;}
.alignR{float:right;}
table th.cell_alignL,table td.cell_alignL{text-align:left;}
table th.cell_alignR,table td.cell_alignR{text-align:left;}


.p_win_w{
    background: #d1d5dd;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
.p_mobile_w{
    width: 535px;
    height: 917px;
    display: inline-block;
    margin-top: 0;
    background: url(../img/reference/bg_mobile.png) 0 0 no-repeat;
    padding: 111px 76px 0 76px;
}