@charset "utf-8";

/******************** 회사소개 ********************/
/***** greetings *****/
/* greetings */
.greetings {overflow:hidden;}
/* title */
.greetings .title {margin-bottom:10px; margin-bottom:2.778vw; color:#7dba62; font-size:28px; font-size:7.778vw; font-weight:normal; letter-spacing:-1.5px; letter-spacing:-0.417vw; word-break:keep-all; text-align:left; line-height:1.3;}
.greetings .title span {display:block; color:#2fa0b7; font-size:27.5px; font-size:7.638vw; font-weight:normal; letter-spacing:-1.5px; letter-spacing:-0.417vw;}
.greetings .title2 {display:block; margin-bottom:10px; margin-bottom:2.778vw; color:#000; font-size:19px; font-size:5.278vw; letter-spacing:-1.5px; letter-spacing:-0.417vw;}
/* signature */
.greetings .signature {padding-top:40px; padding-top:11.111vw; text-align:right;}
.greetings .signature span {margin-right:-10px; margin-right:-2.778vw; padding-left:20px; padding-left:5.556vw; color:#000; font-weight:bold; font-size:20px; font-size:5.556vw; letter-spacing:10px; letter-spacing:2.778vw;}

/***** introduce *****/
/* info */
.introduce {overflow:hidden;}
/* purpose */
.introduce .purpose p {margin:0; padding:20px; padding:5.556vw; border:1px solid #ddd; border:0.278vw solid #ddd;}
/* mission */
.introduce .mission {position:relative; padding:30px; padding:8.333vw;}
.introduce .mission > p {margin:0; padding:0; color:#000; font-size:19px; font-size:5.278vw; font-weight:normal; text-align:center;}
.introduce .mission > p.mini {margin:6px 0 0; margin:1.667vw 0 0; color:#666; font-size:15px; font-size:4.167vw;}
.introduce .mission > span {position:absolute; display:block; width:10px; width:2.778vw; height:10px; height:2.778vw; background:#2fa0b7; background:rgba(47, 160, 183, 0.7);}
.introduce .mission .top {top:0;}
.introduce .mission .right {right:0;}
.introduce .mission .bottom {bottom:0;}
.introduce .mission .left {left:0;}
.introduce .mission .hor {width:50px; width:13.889vw;}
.introduce .mission .ver {height:100%;}
/* vision */
.introduce .vision {overflow:hidden; padding-bottom:20px; padding-bottom:5.556vw; text-align:center;}
.introduce .vision li {display:inline-block; position:relative; width:150px; width:41.667vw; height:230px; height:63.889vw; margin-bottom:-20px; margin-bottom:-5.556vw; padding:0 40px; padding:0 11.111vw; border-radius:50%; font-size:17px; font-size:4.722vw; color:#fff; text-align:center; word-break:keep-all; letter-spacing:-1px; letter-spacing:-0.278vw; line-height:1.3;}
.introduce .vision .ic {position:absolute; top:23px; top:6.389vw; left:0; display:block; width:100%; height:60px; height:16.667vw;}
.introduce .vision strong {display:block; margin:0 0 10px; margin:0 0 2.778vw; padding:86px 0 10px; padding:23.889vw 0 2.778vw; background:url("../image/content/line.gif") center bottom no-repeat; font-size:20px; font-size:5.556vw; text-align:center; font-style:italic;}
.introduce .vision01 .ic {background:url("../image/content/ic_introduce01.png") center center no-repeat;}
.introduce .vision02 .ic {background:url("../image/content/ic_introduce02.png") center center no-repeat;}
.introduce .vision03 .ic {background:url("../image/content/ic_introduce03.png") center center no-repeat;}
.introduce .vision01 {background:#7dba62; background:rgba(125,186,98,0.85); border:1px solid #7dba62; border:0.278vw solid #7dba62;}
.introduce .vision02 {background:#2fa0b7; background:rgba(47,160,183,0.85); border:1px solid #2fa0b7; border:0.278vw solid #2fa0b7;}
.introduce .vision03 {background:#0164b8; background:rgba(1,100,184,0.85); border:1px solid #0164b8; border:0.278vw solid #0164b8;}
/* tstyle */
.introduce .t_introduce {border:none;}
.introduce .t_introduce thead th {border-top:1px solid #000; border-top:0.278vw solid #000;}
.introduce .t_introduce thead td {border-top:1px solid #dedede; border-top:0.278vw solid #dedede;}
.introduce .t_introduce th {padding:16px 10px; padding:4.444vw 2.778vw; background:#fff; border-bottom:1px solid #000; border-bottom:0.278vw solid #000; font-size:15px; font-size:4.167vw; font-weight:normal;}
.introduce .t_introduce td {text-align:left; border-bottom:1px solid #dedede; border-bottom:0.278vw solid #dedede; font-size:14px; font-size:3.889vw;}
/* history2 */
.introduce .history2 {overflow:hidden;}
.introduce .history2 .fll, .history2 .flr {position:relative;}
.introduce .history2 div ul {position:relative; z-index:10;}
.introduce .history2 div > span {position:absolute; z-index:1; top:0; left:75px; left:20.833vw; width:1px; width:0.278vw; height:100%; background:#ddd;}
.introduce .history2 li {overflow:hidden;}
.introduce .history2 li > span {float:left; width:100px; width:27.778vw; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-size:6.111vw; font-weight:normal;}
.introduce .history2 dl {margin:2px 0 0 100px; margin:0.556vw 0 0 27.778vw;}
.introduce .history2 dt span {position:absolute; top:8px; top:2.222vw; left:-32px; left:-8.889vw; display:block; width:16px; width:4.444vw; height:16px; height:4.444vw; background:#2fa0b7; border-radius:50%;}
.introduce .history2 dt {position:relative; color:#000; font-size:17px; font-size:4.722vw; font-weight:normal;}
.introduce .history2 dd strong {display:block; color:#000; font-size:15px; font-size:4.167vw; letter-spacing:-0.5px; letter-spacing:-0.138vw; font-weight:normal;}
.introduce .history2 dd {padding:3px 0 30px; padding:0.833vw 0 8.333vw; font-size:14px; font-size:3.889vw;}
/* certification */
.introduce .certification {overflow:hidden; margin-bottom:0 !important;}
.introduce .certification img {float:left; width:31%; margin-left:7px; margin-left:1.944vw; border:1px solid #dedede; border:0.278vw solid #dedede;}
.introduce .certification img:first-child {margin-left:0;}



/***** service *****/
/* object */
.object {padding:0 15px; padding:0 4.167vw;}
.object > li {padding:20px 0 15px; padding:5.556vw 0 4.167vw; border-bottom:1px dotted #aaa; border-bottom:0.278vw dotted #aaa; color:#000;}
.object .num {display:inline-block; width:20%; background:#fff; color:#2fa0b7; font-size:30px; font-size:8.333vw; font-style:italic; vertical-align:top;}
.object span {display:inline-block; width:80%;}

/* step */
.step {overflow:hidden; padding:10px 0 0; padding:0.278vw 0 0;}
.step li {position:relative; margin:0 0 45px 0; margin:0 0 12.5vw 0; padding:25px 40px 45px; padding:6.944vw 40px 45px; height:15px; height:4.167vw; border:1px solid #ddd; border:0.278vw solid #ddd; color:#333; font-size:13px; font-size:3.611vw; text-align:center; word-break:keep-all;}
.step li:first-child {margin-top:15px; margin-top:4.167vw;}
.step .num {position:absolute; left:50%; top:-23px; top:-6.389vw; display:block; margin-left:-25px; margin-left:-6.944vw; padding-right:5px; padding-right:1.389vw; width:45px; width:12.5vw; height:45px; height:12.5vw; line-height:45px; line-height:12.5vw; background:#fff; color:#2fa0b7; font-size:30px; font-size:8.333vw; font-style:italic;}
.step li strong {display:block; padding-bottom:3px; padding-bottom:0.833vw; color:#000; font-weight:bold; font-size:15px; font-size:4.167vw; letter-spacing:-1px; letter-spacing:-0.278vw;}
.step li.step01 strong, .step li.step02 strong, .step li.step03 strong, .step li.step06 strong {padding:0; height:45px; height:12.5vw; line-height:45px; line-height:12.5vw;}
.step li:hover {border:1px solid #555; border:0.278vw solid #555;}
.step .arrow_box {position:absolute; left:50%; bottom:-15px; bottom:-4.167vw; z-index:1; display:block; *display:none; margin:0 0 0 -1px; margin:0 0 0 -0.278vw;}
.step .arrow_box .line {display:block; width:2px; width:0.556vw; height:23px; height:6.389vw; margin:0 auto; background:#b7b7b7; border:none;}
.step .arrow_box .arrow {position:absolute; display:block; width:0; height:0; border-width:8px; border-width:2.222vw; border-style:solid; border-color:transparent; font-size:0; line-height:0; bottom:-10px; bottom:-2.778vw; left:50%; margin:0 0 0 -8px; margin:0 0 0 -2.222vw; border-top-color:#b7b7b7;}
.step li:hover .arrow_box .line {background:#000;}
.step li:hover .arrow{border-top-color:#000;}
.step li.step05 {margin-bottom:7px; margin-bottom:1.944vw;}

/* question */
.question {overflow:hidden;}
.question li {float:left; margin-left:3.2%; padding:20px 0; padding:5.556vw 0; width:30.5%; text-align:center; font-size:14px; font-size:3.889vw; border:1px solid #ddd; border:0.278vw solid #ddd; letter-spacing:-1px; letter-spacing:-0.278vw;}
.question li:hover {border:1px solid #555; border:0.278vw solid #555;}
.question li:first-child {margin-left:0;}
.question span {display:block;}
.question .ic {height:70px; height:19.444vw;}
.question .tit {display:inline-block; margin:0 auto 10px; margin:0 auto 2.778vw; padding-bottom:10px; padding-bottom:2.778vw; border-bottom:2px solid #2fa0b7; border-bottom:0.556vw solid #2fa0b7; color:#000; font-weight:bold; font-size:15px; font-size:4.167vw;}
.question li.how .ic {background:url("../image/content/consulting_how.png") no-repeat center top; background-size:40%;}
.question li.time .ic {background:url("../image/content/consulting_time.png") no-repeat center top; background-size:40%;}
.question li.tel .ic {background:url("../image/content/consulting_tel.png") no-repeat center top; background-size:40%;}



/***** organization *****/
.organization img {width:100%;}


/***** history *****/
.history img {width:100%; margin:0 0 20px; margin:0 0 5.556vw;}
/* history_box */
.history_box {overflow:hidden; margin-bottom:20px; margin-bottom:5.556vw;}
.history_box:last-child {margin-bottom:0;}
.history_box h2 {margin:0; padding:20px 0 0 0; padding:5.556vw 0 0 0; font-size:33px; font-size:9.167vw; font-family:Arial; letter-spacing:-0.5px; letter-spacing:-0.138vw; color:#2fa0b7;}
.history_box .history_con {border-top:1px solid #ddd; border-top:0.278vw solid #ddd;}
.history_box .history_con li {overflow:hidden; padding:20px 0; padding:5.556vw 0; border-bottom:1px solid #ddd; border-bottom:0.278vw solid #ddd; font-size:15px; font-size:4.167vw;}
.history_box .history_con .month {float:left; width:50px; width:13.889vw; font-weight:bold; color:#000;}
.history_box .history_con .his_con {display:block; margin-left:50px; margin-left:13.889vw; padding-left:16px; padding-left:4.444vw; background:url("../image/content/history_bullet.gif") no-repeat 0 9px; background:url("../image/content/history_bullet.gif") no-repeat 0 2.5vw;}



/***** support *****/
.support img {width:100%; margin:35px 0 15px; margin:9.722vw 0 4.167vw;}
/* support_box */
.support_box {overflow:hidden;}
.support_box li {margin-bottom:15px; margin-bottom:4.167vw; padding:150px 25px 25px; padding:41.667vw 6.944vw 6.944vw; border:1px solid #ddd; border:0.278vw solid #ddd; border-top:2px solid #000; border-top:0.556vw solid #000; text-align:center;}
.support_box li.guide {background:url("../image/content/support_guide.png") center 40px no-repeat; background-position:center 11.111vw;}
.support_box li.article {background:url("../image/content/support_article.png") center 40px no-repeat; background-position:center 11.111vw;}
.support_box li.volunteer {background:url("../image/content/support_volunteer.png") center 40px no-repeat; background-position:center 11.111vw;}
.support_box .title {display:block; padding-bottom:3px; padding-bottom:0.8333vw; color:#000; font-size:17px; font-size:4.722vw; font-weight:bold;}
.support_box p {text-align:center;}



/***** map *****/
.contact_us .root_daum_roughmap {width:100% !important;}
.root_daum_roughmap {width:100%; padding:0 !important; border:none !important; border-radius:0 !important;}
.root_daum_roughmap * {border-radius:0 !important;}

.contact_us .map_box {overflow:hidden; border:1px solid #ddd; border:0.278vw solid #ddd; border-top:none;}
.contact_us .map_box .address {border-bottom:1px solid #ddd; border-bottom:0.278vw solid #ddd;}
.contact_us .map_box .tel {float:left; width:50%;}
.contact_us .map_box .fax {float:left; width:49%; border-left:1px solid #ddd; border-left:0.278vw solid #ddd;}
.contact_us .map_box .mail {float:left; width:33%; border-left:1px solid #ddd; border-left:0.278vw solid #ddd; display:none;}
.contact_us .map_box li div {padding:20px 25px; padding:5.556vw 6.944vw;}
.contact_us .map_box li strong {display:inline-block; padding:0 0 5px 30px; padding:0 0 1.389vw 8.333vw; height:23px; height:6.389vw; line-height:23px; line-height:6.389vw; font-size:15px; font-size:4.167vw; font-weight:bold; color:#000;}
.contact_us .map_box li p {display:inline-block; margin:0; font-size:14px; font-size:3.889vw;}
.contact_us .map_box .address strong {background:url("../image/content/ic_address.png") 0 0 no-repeat;}
.contact_us .map_box .tel strong {background:url("../image/content/ic_tel.png") 0 0 no-repeat;}
.contact_us .map_box .fax strong {background:url("../image/content/ic_fax.png") 0 0 no-repeat;}
.contact_us .map_box .mail strong {background:url("../image/content/ic_mail.png") 0 0 no-repeat;}



/***** product *****/
/* product */
.product {text-align:center;}
.product .text_box {padding:35px 30px 30px; padding:9.722vw 8.333vw 8.333vw; border:1px solid #ddd; border:0.278vw solid #ddd; border-bottom:0;}
.product .tit {display:block; padding-bottom:5px; padding-bottom:1.389vw; color:#2fa0b7; font-size:15px; font-size:4.167vw; text-align:center;}
.product h2 {margin-bottom:0; font-size:30px; font-size:8.333vw; color:#000; font-weight:100; letter-spacing:-2px; letter-spacing:-0.556vw; text-align:center;}
.product .title_line {display:inline-block; margin:25px auto 20px; margin:6.944vw auto 5.556vw; width:15.278vw; width:55px; height:2px; height:0.556vw; background:#ddd; font-size:0;}
.product p {font-size:15px; font-size:4.167vw; text-align:center; word-break:keep-all;}
.product ul {overflow:hidden; background:#2fa0b7;}
.product li {float:left; width:33.333%; text-align:center; line-height:0;}
.product li img {width:100%;}
.product li.op img {width:100%; opacity:0.15;}
.product .btn_more {margin-top:30px; margin-top:8.333vw; border:1px solid #2fa0b7; border:0.278vw solid #2fa0b7; border-radius:50px; border-radius:13.889vw; font-weight:bold; color:#2fa0b7}
.product .btn_more:hover {background:#2fa0b7; color:#fff}
.product .btn_more a {display:block; padding:10px; padding:2.778vw;}
.product .info {font-size:17px; font-size:4.722vw; color:#333;}
.product .info strong {color:#000;}


/* con_contactus */
.con_contactus {margin-top:30px; margin-top:8.333vw; padding:15px; padding:4.167vw; background:#2fa0b7; border-radius:3px; border-radius:0.833vw; text-align:center; color:#fff;}
.con_contactus strong {margin-right:10px; margin-right:2.778vw;}
.con_contactus span {display:inline-block; margin:0 20px; margin:0 5.556vw;}

/* 제품상세 */
.intro_item_box {width:100%; margin:35px 0; margin:9.722vw 0; padding:60px 0; padding:16.667vw 0; text-align:center; letter-spacing: -1px; letter-spacing:-0.278vw; }
.intro_item_box p {display:inline-block; margin:0; padding:10px 50px; padding:2.778vw 13.889vw; background:rgba(125,186,98,0.85); font-size:17px; font-size:4.722vw; font-style:italic; text-align:center; color:#fff; line-height:1.3;}
.intro_item h2 {text-align:left;}
.item_paper {background:url("../image/content/intro_item_paper.jpg") 50% 50% no-repeat; background-size:cover;}
.item_cartridge {background:url("../image/content/intro_item_cartridge.jpg") 50% 50% no-repeat; background-size:cover; }
.item_system {background:url("../image/content/intro_item_system.jpg") 50% 50% no-repeat; background-size:cover; }

/* 복사용지사업 */
.paper_type {overflow:hidden; margin-top:30px; margin-top:8.333vw; text-align:center;}
.paper_type > li {padding:25px; padding:6.944vw; margin-bottom:20px; margin-bottom:5.556vw; border:1px solid #ddd; border:0.278vw solid #ddd;}
.paper_type > li:hover {border:1px solid #555; border:0.278vw solid #555;}
.paper_type > li span {display:inline-block; width:90px; height:90px; line-height:90px; width:25vw; height:25vw; line-height:25vw; margin-bottom:30px; margin-bottom:8.333vw; border-radius:100px; border-radius:27.778vw; background:#eee; font-weight:bold; letter-spacing: -1px; letter-spacing:-0.278vw; color:#fff;}
.paper_type > li span.type01 {background:#7dba62;}
.paper_type > li span.type02 {background:#2fa0b7;}
.paper_type > li span.type03 {background:#0164b8;}
.paper_type > li span.type04 {background:#ff9333;}
.paper_type > li > ul {font-size:14px; font-size:3.889vw;}
.paper_type > li > ul > li {padding-bottom:5px; padding-bottom:1.389vw;}

/* 토너 카트리지 */
/* object */
.intro_item .object {margin-top:30px; margin-top:8.333vw; padding:0 15px; padding:0 4.167vw; text-align:left; }
.intro_item .object > li:first-child {border-top:1px dotted #aaa; border-top:0.278vw dotted #aaa;}
.intro_item .object > li {padding:20px 0 15px; padding:5.556vw 0 4.167vw; border-bottom:1px dotted #aaa; border-bottom:0.278vw dotted #aaa; font-size:17px; font-size:4.722vw; color:#000;}
.intro_item .object .num {display:inline-block; width:20%; color:#2fa0b7; font-size:30px; font-size:8.333vw; font-style:italic; vertical-align:top; line-height:1;}
.intro_item .object span {display:inline-block; width:80%;}
.intro_item .object > li > ul, .intro_item .object > li > p {margin:10px 0; margin:2.778vw 0; padding-left:20%;  text-align:left; font-size:14px; font-size:3.889vw; color:#555;}

/* item_list */
.item_list {overflow:hidden;}
.item_list li {margin:0 0 7px 0; margin:0 0 1.944vw 0; padding:20px; padding:5.556vw; height:15px; height:4.167vw; color:#000; font-weight:bold; font-size:15px; font-size:4.167vw; letter-spacing:-1px; letter-spacing:-0.278vw; border:1px solid #ddd; border:0.278vw solid #ddd; line-height:15px; line-height:4.167vw;}
.item_list li:hover {border:1px solid #555; border:0.278vw solid #555;}


/***** consulting *****/
.consulting ul {margin-bottom:35px; margin-bottom:9.722vw;}
.consulting h2, .consulting p {margin-bottom:0; text-align:center;}

/******************** 커뮤니티 ********************/
/***** 문의안내 *****/
/* consulting */
.consulting h2 {font-size:24px; font-size:6.667vw; color:#000;}
.consulting .title {padding:2px 0; padding:0.556vw 0; font-size:18px; font-size:5.000vw; color:#000;}
.consulting p {word-break:keep-all; font-weight:normal;}
.consulting ul {margin-top:18px; margin-top:5.000vw;}
.consulting .ic img {width:100%; height:auto;}
.consulting .ic {padding:0;}
.consulting .con {padding-left:4%; width:86%; color:#000;}