@charset "UTF-8";


.menu>li:nth-of-type(2)>a { color:#e55204; font-weight:bold; }


/*contents*/
#contents {width:100%; height:auto; margin:0 auto; padding-bottom:0px;}

/*에이포 고정이미지*/
.a4house_img {width:100%;height:625px;margin:150px auto 0 auto;background:url(/images/a4house.jpg) no-repeat;
                background-attachment:fixed; background-size:cover; background-position:center;}

/*텍스트 3박스*/
.text_box_wrap {width:1180px;margin:200px auto 150px auto; display:flex;flex-flow:row wrap;}
.text_box_wrap h2 {width:100%;}
.text_box {margin-top:102px;}
#text_box12 {display:flex;opacity:0;}
#text_box3 {opacity:0;}
.text_box:nth-of-type(1) {margin-right:190px;}
.text_box:nth-of-type(3) {margin-top:108px;}
.text_box h5 {color:#666;margin-top:54px;}

/*해결 텍스트*/
.solution { width:1180px;  margin:0 auto 150px auto;padding:150px 0 80px 0; border-top:1px solid #dfdfdf;}
.solution_text {width:100%;height:155px;display:flex;}
.solution_text h2 { width:500px; color:#222;font-size:42px; font-weight:bold;}
.solution_text h5 {color:#666; font-size:26px; font-weight:300;width:680px; line-height:40px;}

/*탭박스*/
.tap_box {width:1180px;height:auto;margin:0 auto;display:flex;padding-bottom:150px;}
.tap { width:295px;height:auto;display:flex;justify-content:center;flex-flow:column wrap;align-items:center;cursor:pointer;float:left;}
.tap_before {}
.tap_after {position:absolute;display:none;}
.tap_after h4 {color:#e55204;}
.tap>img {width:200px;}
.tap h4 {text-align:center;}
.tap_on {position:absolute;margin-top:-116px;display:none;}

/*A4하우스*/
.tap_more_wrap {background:#f2f2f2;width:100%;height:auto;margin:0 auto 150px auto; display:none;}
.tap_more_wrap h2 {text-align:center;padding:120px 0 20px 0;}
.tap_more_wrap h5 {text-align:center;}
.tap_more {width:1180px;height:auto;margin:0 auto;}

.more_a4house {width:100%;height:auto;padding-top:50px;}

.more_a4house .a4house_spec_img {float:left;width:470px;height:785px;}
.more_a4house .a4house_spec {float:left;width:710px;height:785px;}
.more_a4house .a4house_spec table {width:525px;height:420px;margin-left:110px;}
.more_a4house .a4house_spec table th {color:#222;font-size:26px;font-weight:bold;line-height:45px;}
.more_a4house .a4house_spec table td {font-size:26px; color:#666; font-weight:500;line-height:45px;}
.more_a4house .a4house_spec table td p {margin-top:-40px;}
.more_a4house .a4house_spec table td:nth-of-type(1) {width:145px;font-size:26px; color:#222; font-weight:500;}
.spec1,.spec2,.spec3 { width:202px;height:302px;float:left;margin:50px 0 0 30px;
                        box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}

/*A4용지 탭*/
.a4paper_box {width:1180px;height:400px;}
.paper_spec_wrap {width:800px;height:400px;margin:0 auto;display:flex;justify-content:space-between;
                  margin-top:70px;}
.paper_spec1 {margin-left:20px;}
.paper_spec2 {}
.paper_spec3 {margin-right:20px;}
.paper_spec_wrap h3 {color:#222;font-size:26px;font-weight:bold;margin-top:25px;}
.paper_spec_wrap p {color:#666;font-size:20px;font-weight:300;margin-top:15px;line-height:30px;}

.a4house_table_wrap {background:#fff;width:100%;height:810px;margin:0 auto;margin-top:100px;}
.a4house_table_wrap .a4house_table {width:1180px;margin:0 auto;display:flex;}
.a4house_table_inner {margin-left:195px;}
.a4house_table_wrap .a4house_table .a4house_table_inner { width:720px;margin-top:125px;}
.a4house_table_wrap .a4house_table .a4house_table_inner table {width:525px;}
.a4house_table_wrap .a4house_table .a4house_table_inner table th {color:#222;font-size:26px;font-weight:bold;}
.a4house_table_wrap tr {height:65px;}
.a4house_table_wrap td:nth-of-type(1) {width:180px;}
.table1 td {color:#666;font-size:26px;font-weight:500;}
.table1 td p { color:#666;font-size:20px;font-weight:500;}
.table1 td p span {color:#222;font-size:26px;font-weight:500;}
.table2 {margin-top:30px;}
.table2 td .p2 {color:#666;font-size:26px;font-weight:300;}
.table2 td p {color:#222;font-size:24px;font-weight:500;height:115px; line-height:40px;}
.table2 td span {color:#666;font-size:26px;font-weight:500;}
.a4house_table_wrap .a4house_table .a4house_table_img {width:460px;}

.fsc_wrap {width:100%;height:745px;background-position:center;background-size:cover;}
.fsc {width:1180px; margin:0 auto; }
.fsc p {color:#fff;font-weight:500;font-size:30px;text-align:center;padding-top:200px;line-height:50px;}
.fsc_wrap .slideup_wrap {background-color:rgba(0,0,0,0);margin-top:40px;}
.fsc_wrap .slideup {background-color:rgba(0,0,0,0);color:#fff; border:1px solid #fff;}

/*앱 탭*/
.app_wrap {width:1180px;margin:0 auto;display:flex;}
.app_wrap .app_info {width:780px;height:595px;}
.app_wrap .app_info .app_icon_wrap {width:555px;display:flex;justify-content:space-between;margin:90px 0 0 85px;}
.app_wrap .app_info .app_icon_wrap p {color:#222;font-size:26px;font-weight:bold;text-align: center;margin-top:15px;}
.app_icon1,.app_icon2,.app_icon3 {background:#fff;width:140px;height:140px;border-radius:50%; display:flex;justify-content:center;
                                 align-items:center;}
.app_download_wrap {width:555px;display:flex;flex-flow:row wrap;margin:100px 0 0 85px;}
.app_download_wrap h5 {color:#222;font-size:26px;font-weight:bold;width:100%;text-align:left;}
.app_download {background:#fff;width:260px;height:65px;margin-right:13px;border:1px solid #222; margin-top:25px;display:flex;
                justify-content:center;align-items:center;}
.app_download p {color:#222;font-size:22px;font-weight:bold;margin-left:15px;}
.app_wrap .app_img  {width:400px;height:595px;}

/*캐비넷 탭*/
.cabinet_wrap {width:1180px;height:600px;margin:85px auto 0 auto;display:flex;}
.cabinet_wrap .cabinet {width:740px;}
.cabinet_wrap .cabinet .cabinet_spec_wrap {width:100%;display:flex;}
.cabinet_spec1,.cabinet_spec2 {width:265px;height:300px;display:flex;justify-content:center;align-items:center;flex-flow:column wrap;
                               margin-left:25px;}
.cabinet_spec2 {margin-left:45px;}
.cabinet_spec_wrap p {color:#666;font-size:26px;font-weight:300;margin-top:45px;}
.cabinet_spec_wrap h5 {color:#222;font-size:26px;font-weight:bold;}
.cabinet_wrap .patent_img {width:440px;}
.cabinet_wrap .patent_img h5 {color:#222;font-size:26px;font-weight:bold;margin-top:70px;text-align:left;margin-left:50px;}
.cabinet_wrap .patent_img img {box-shadow: 5px 5px 10px rgba(0,0,0,0.1);margin-top:30px;}

/*접기버튼*/
.slideup_wrap {width:1180px;height:auto;display:flex;justify-content:center;margin-bottom:80px;}
.slideup {width:380px; height:70px; border:1px solid #222;cursor:pointer; color:#222;font-size:30px;font-weight:300;
               margin-top:80px;margin-bottom:80px;}

/*비디오 박스*/
.big_box_wrap {width:1180px;height:850px;margin:0 auto;position:relative;border-top:1px solid #dfdfdf;padding-top:150px;}
.big_box_wrap img {width:100%;height:100%;}
.big_box_wrap .big_box1,.big_box2,.big_box3,.big_box4 {width:100%;height:670px;position:absolute;}
.big_box2,.big_box3,.big_box4 {display:none;}
.big_box_wrap video {width:100%;height:100%;}
.small_box_wrap {width:100%;height:125px;position:absolute;bottom:0;}
.small_box1,.small_box2,.small_box3,.small_box4 {width:227px;height:125px;margin-right:30px;float:left;cursor:pointer;}
.small_box2,.small_box3,.small_box4 {opacity:0.4;}

/*탭박스*/
/*.tap_box {background:gold; width:1180px;height:auto;margin:0 auto;display:flex;}
.tap { width:295px;height:auto;display:flex;justify-content:center;flex-flow:column wrap;align-items:center;cursor:pointer;float:left;}
.tap>img {width:200px;}
.tap h4 {text-align:center;}
.color_change {color:#e55204;}
.tap_click {position:absolute;margin-top:-33px;display:none;}
.tap_on {position:absolute;margin-top:-56px;display:none;}

.tap_more_wrap {background:#f2f2f2;width:100%;height:auto;margin:120px auto 70px auto; display:none;}
.tap_more {width:1180px;margin:0 auto;}
.tap_more h2 {text-align:center;}
.tap_more h5 {text-align:center;}*/

  /*전화상담*/
  .call_apply { width:1180px;height:235px; margin:150px auto 0 auto; padding-top:100px; border-top:1px solid #dfdfdf; }