.sub-page {width:1200px; margin:0 auto; padding:50px 0; font-family:'Noto Sans KR', sans-serif; }


/* ¿ÞÂʸ޴º */
.leftmenu {width:240px; display:inline-block; vertical-align:top;}


/* ¼­ºêÆäÀÌÁö ÅǸ޴º */
#submenu01_01 #submenu a.submenu1, #submenu01_02 #submenu a.submenu2, #submenu01_03 #submenu a.submenu3, #submenu01_04 #submenu a.submenu4, #submenu01_05 #submenu a.submenu5, #submenu01_06 #submenu a.submenu6, #submenu01_07 #submenu a.submenu7, #submenu01_08 #submenu a.submenu8, #submenu01_09 #submenu a.submenu9, #submenu01_10 #submenu a.submenu10 {color:#1E1E1E; background:#EEE;}
#submenu {width:100%;margin: 0 auto;border-top:1px solid rgba(255, 255, 255, 0.3)}
#submenu ul {margin:0 auto;text-align:center; }
#submenu li {border-bottom:1px solid #D5D5D5;}
#submenu li a {display:block;padding:14px 20px; font-size:15px; font-weight:500; text-align:left; color:#666; background: url("../img/_designcoco/images/arrow.png") no-repeat right center;}
#submenu li a:hover {color:#1E1E1E;}

.menu-tit {font-size:22px; font-weight:500; color:#FFF; background:#333; padding:20px; font-family:'Montserrat','Noto Sans KR', sans-serif;}


/* ¼­ºêÆäÀÌÁö */
.sub-contents {width:956px; padding-left:60px; display:inline-block; vertical-align:top;}
.sub-contents h3 {font-size:28px; line-height:34px; font-weight:500; color:#333;}
.sub-contents h4 {font-size:28px; line-height:34px; font-weight:500; color:#000;}
.sub-contents h5 {font-size:20px; line-height:26px; font-weight:500; color:#876340;}


/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {width:100%; border-bottom:1px solid #DDD; padding-bottom:20px; margin-bottom:50px;}
.title-box h3 {width:70%; display:inline-block; vertical-align:top;}
.title-box .navi {width:29%; display:inline-block; vertical-align:top; font-size:12px; text-align:right; color:#888;}


/* ¼­ºêÆäÀÌÁö »ó´ÜÀ̹ÌÁö */
.sub-top-img {background:url('../img/_designcoco/images/sub_top_bg.jpg') no-repeat; background-attachment:fixed; text-align:center; width:100%; margin-top:85px;}
.slogan-box {padding:60px 0;}
.slogan-tit {font-size:42px;font-weight:400; color:#F1C481; padding-bottom:20px;}
.slogan-box > p {font-size:24px; line-height:26px; color:#EEE;}

/* CEO Àλ縻 */
.img-box {width:100%;}
.img-box2 {width:20%;}
.img-box3 {width:750px;}
.img-box img {width:100%;}
.txt-box {width:100%;}
.txt-box span.ceo_sign {float:right;}


/* ¿¬Çõ */
.history {width: 100%; }
.history-img {display:inline-block; width:40%; vertical-align: top;}
.history-img1 {display:inline-block; width:45%; vertical-align: top;}
.history-img > .pic {padding-bottom: 15px; }
.history-img > .pic img { width: 100%;}
.history-img > .txt {padding-bottom: 20px; }
.history-list {display:inline-block; width:59%; vertical-align:top; padding-left:70px; }
.history-list li {padding: 5px 0 5px 40px; }
.his-tit {color:#1e1e1e; font-size:26px; font-weight:600; background: url('../img/_designcoco/images/his_disc.gif') no-repeat 0 17px;}
li.his-txt {padding-bottom:50px;background: url('../img/_designcoco/images/his_line.gif') repeat-y 6px 0;}


/* ¿À½Ã´Â ±æ */
.map ul {padding: 30px;margin-top: 20px;background: #F5F5F5;border: 1px solid #E5E5E5;}
.map ul li {padding: 10px;} 
.map_img {height: 450px;}
.tit {font-weight: 600;padding-right: 30px;color: #000;}


/* »ç¾÷ºÐ¾ß */
.business-box {width:100%;}
.business-box h5 {padding:20px 0;}
.bs-box {width:33%; padding:0 20px; display:inline-block; vertical-align:top;}
.bs-box img {width:100%;}
.box-img img {width:100%;}
.box-table {border-top:2px solid #000;}
.info-box {display:table; border-bottom:1px solid #DDD;}
.info-tit {display:table-cell; width:25%; color:#000; padding:40px 20px; font-size:24px; line-height:32px; vertical-align:top; background:#F5F5F5;}
.info-txt {display:table-cell; width:50%; padding:40px 20px; vertical-align:top; background:#FFF;}


/* ±âŸ */
.no_page {width: 100%;border: 1px solid #DDD;background:#F5F5F5;text-align: center;padding: 200px 0;font-size: 24px;}



.guide_txt {padding: 20px; }
.guide_txt li {padding: 5px;list-style-type: disc;}
.sub02_txt {margin: 0 auto; text-align: center;}
.sub02_txt .tit_img {width: 28%;display: inline-block;text-align: center;}
.sub02_txt .tit_txt {width: 52%;display: inline-block;vertical-align: top;padding-top: 60px;}
.sub02_txt .tit_txt > h3 {font-size: 40px;color: #1e1e1e;font-weight: 300;line-height: 45px;padding-bottom: 20px;text-align: left;}
.sub02_txt .tit_txt > p {font-size: 18px;color: #666;font-weight: 400;line-height: 26px;text-align: left;}
.icon_box {width: 100%;text-align: center;font-size: 0;padding: 20px;background: url("../../../img/_design/images/sub02/arrow.jpg") no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: 100%;}
.icon_box .box {width:20%;display: inline-block;vertical-align: top;}
.icon_box .box p {font-size: 20px;color: #1e1e1e;font-weight: 400;}
.icon_box .arrow {padding-top: 55px;display: inline-block;}
.green{color: #00ad87;font-weight: 600;}
.privacy_title {font-size: 18px;padding: 20px 0;color: #333;}
.privacy_txt {padding: 20px;border: 3px solid #e5e5e5;font-size: 14px;}



@media all and (max-width: 1280px) {

/* ¼­ºêÆäÀÌÁö */
.sub-page {width:100%; padding:60px 20px;}

/* ¿ÞÂʸ޴º */
.leftmenu {width:22%; display:inline-block; vertical-align:top;}

/* ¼­ºêÆäÀÌÁö */
.sub-contents {width:77%; padding-left:50px; display:inline-block; vertical-align:top;}

}



@media all and (max-width: 1024px) {

/* ¼­ºêÆäÀÌÁö */
.sub-page {width:100%; padding:30px 10px;}
.sub-contents h3 {font-size:22px; line-height:30px;}
.sub-contents h4 {font-size:24px; line-height:30px;}
.sub-contents h5 {font-size:20px; line-height:24px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding-bottom:10px; margin-bottom:30px;}
.title-box h3 {width:60%;}
.title-box .navi {width:39%; font-size:11px;}

/* ¼­ºêÆäÀÌÁö »ó´ÜÀ̹ÌÁö */
.slogan-box {padding:40px;}
.slogan-tit {font-size:36px; padding-bottom:10px;}

/* ¼­ºêÆäÀÌÁö ÅǸ޴º */
#submenu li a {font-size:13px; padding:12px 10px;}
.menu-tit {font-size:20px;}

/* ¿¬Çõ */
.history-list {padding-left:30px;}
.his-tit {font-size:20px;}
.info-tit {font-size:20px; line-height:24px;}

/* »ç¾÷ºÐ¾ß */
.bs-box {width:32.5%; padding:0 5px;}


}


@media all and (max-width: 768px) {

/* ¿ÞÂʸ޴º */
.leftmenu {display:none;}

/* ¼­ºêÆäÀÌÁö */
.sub-contents {width:100%; padding-left:0;}
.sub-contents h4 {font-size:20px; line-height:26px;}
.sub-contents h5 {font-size:20px; line-height:24px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box h3 {width:100%; text-align:center;}
.title-box .navi {width:100%; text-align:center;}

/* ¼­ºêÆäÀÌÁö »ó´ÜÀ̹ÌÁö */
.sub-top-img {margin-top:70px;}
.slogan-box {padding:25px;}
.slogan-tit {font-size:24px; padding-bottom:5px;}
.slogan-box > p {font-size:12px; line-height:16px;}

/* ¼­ºêÆäÀÌÁö ÅǸ޴º */
#submenu {display:none;}

/* CEO Àλ縻 */
.img-box {width:100%; padding-bottom:20px;}
.txt-box {width:100%; padding-left:0;}

/* ¿¬Çõ */
.his-tit {font-size:17px; background:url('../img/_designcoco/images/his_disc.gif') no-repeat 0 10px;}
.history-list li {padding:2px 0 2px 40px;}
li.his-txt {padding-bottom:10px;}

/* ¿À½Ã´Â ±æ */
.map ul {padding:15px;}
.map ul li {padding:5px;}
.map_img {height:350px;}

/* »ç¾÷ºÐ¾ß */
.bs-box {width:100%; padding:0; padding-bottom:30px;}
.business-box h5 {padding:10px 0; }
.info-box {display:block;}
.info-tit {display:block; width:100%; padding:15px; font-size:17px; border-bottom:1px solid #DDD;}
.info-txt {display:block; width:100%; padding:15px; }

}


@media all and (max-width: 480px) { 

/* ¿¬Çõ */
.history-img {width:100%;}
.history-list {width:100%; padding-left:0;}


/* ¿À½Ã´Â ±æ */
.map_img {height:250px;}

}