/* ¼­ºê¸Þ´º */
.submenu {width:100%; margin: 0 auto; font-size:0; background:#333;}
.submenu ul {margin:0 auto;text-align:center;}
.submenu li {display:inline-block; background:url('../../img/_designcoco/images/menu_line.png') left no-repeat;}
.submenu li:first-child {background:none;}
.submenu li a {display:block; padding:15px 30px; font-size:14px; font-weight:300; text-align:left; color:#D5D5D5;}
.submenu li a:hover {color:#FFF;}
.submenu li a.active {color:#FFF; font-weight:500;}


/* 3Â÷ ÅǸ޴º */
.d3 {width:100%; margin:0 auto; font-size:0; padding-bottom:50px; text-align:center;}
.d3 ul li {display:inline-block; margin:2px; vertical-align:top;}
.d3 ul li a {display:block; padding:10px 20px; font-size:13px; line-height:16px; color:#787878; background:#F5F5F5; border:1px solid #BBB; text-align:center;}
.d3 ul li a:hover {color:#000; background:#FFF; border:1px solid #BBB; border-top:1px solid #333;}
.d3 ul li a.active {display:block; color:#000; background:#FFF; font-weight:500; border:1px solid #BBB; border-top:1px solid #333;}
.d3 ul li.on a {display:block; color:#000; background:#FFF; font-weight:500; border:1px solid #BBB; border-top:1px solid #333;}


/* Á¦Ç°¼Ò°³ 3Â÷ ÅǸ޴º */
.c3 {width:100%; margin:0 auto; font-size:0; padding-bottom:50px; text-align:center;}
.c3 ul li {display:inline-block; margin-right:-1px; margin-bottom:-1px; vertical-align:top;}
.c3 ul li a {display:block; padding:12px 30px; font-size:15px; line-height:22px; color:#787878; background:#F5F5F5; border:1px solid #BBB; text-align:center;}
.c3 ul li a:hover {color:#FFF; background:#396eb3; border:1px solid #BBB;}
.c3 ul li a.active {display:block; color:#FFF; background:#396eb3; font-weight:500; border:1px solid #BBB; }
.c3 ul li.on a {display:block; color:#FFF; background:#396eb3; font-weight:500; border:1px solid #BBB; }


/* Á¦Ç°¼Ò°³ 3Â÷ ÅǸ޴º ¿µ¹® */
.c3_e {width:100%; margin:0 auto; font-size:0; padding-bottom:50px; text-align:center;}
.c3_e ul li {display:inline-block; margin-right:-1px; margin-bottom:-1px; vertical-align:top;}
.c3_e ul li a {display:block; padding:10px 25px; font-size:14px; line-height:22px; color:#787878; background:#F5F5F5; border:1px solid #BBB; text-align:center;}
.c3_e ul li a:hover {color:#FFF; background:#396eb3; border:1px solid #BBB;}
.c3_e ul li a.active {display:block; color:#FFF; background:#396eb3; font-weight:500; border:1px solid #BBB; }
.c3_e ul li.on a {display:block; color:#FFF; background:#396eb3; font-weight:500; border:1px solid #BBB; }


/* 3Â÷ ÅǸ޴º */
.d3_e {width:100%; margin:0 auto; font-size:0; padding-bottom:50px; text-align:center;}
.d3_e ul li {display:inline-block; margin:2px; vertical-align:top;}
.d3_e ul li a {display:block; padding:8px 10px; font-size:12px; line-height:16px; color:#787878; background:#F5F5F5; letter-spacing:0px; border:1px solid #BBB; text-align:center;}
.d3_e ul li a:hover {color:#000; background:#FFF; border:1px solid #BBB; border-top:1px solid #333;}
.d3_e ul li a.active {display:block; color:#000; background:#FFF; font-weight:500; border:1px solid #BBB; border-top:1px solid #333;}
.d3_e ul li.on a {display:block; color:#000; background:#FFF; font-weight:500; border:1px solid #BBB; border-top:1px solid #333;}



/* ¼­ºêÆäÀÌÁö */
.content-area {width:100%; margin:0 auto; font-family:'Noto Sans KR', sans-serif; font-size:15px; line-height:22px; letter-spacing:-0.4px; padding-bottom:50px;}
.content-area h3 {font-size:28px; line-height:34px; font-family:'Noto Sans KR', sans-serif; font-weight:500; color:#333;}
.content-area h4 {font-size:28px; line-height:34px; font-family:'Noto Sans KR', sans-serif; font-weight:500; color:#000;}
.content-area h5 {font-size:20px; line-height:26px; font-family:'Noto Sans KR', sans-serif; font-weight:500; color:#876340;}



/* »ó´ÜÀ̹ÌÁö */
.sub-top-01 {background:url('../../img/_designcoco/images/sub_top_01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-02 {background:url('../../img/_designcoco/images/sub_top_02.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-03 {background:url('../../img/_designcoco/images/sub_top_03.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-04 {background:url('../../img/_designcoco/images/sub_top_04.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-05 {background:url('../../img/_designcoco/images/sub_top_05.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}


/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:100px 0;}
.slogan-box h2 {font-size:36px; font-weight:500; color:#FFF; padding-bottom:10px;}
.slogan-box p {color:#EEE; font-size:13px; line-height:16px;}


/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {width:100%; text-align:center; padding:80px 0;}
.title-box h3 {font-size:32px; line-height:40px; font-family:'Noto Sans KR', sans-serif; font-weight:500; color:#333; padding-bottom:5px;}
.title-box p {padding-top:20px;}
.title-box .title-line {width:25px; height:2px; background:#333; display:inline-block; margin:0 auto;}
.arrow-pd {padding:0 4px;}


/* ÆùÆ® Ä÷¯ */
.fc-brown {color:#876340; font-weight:400;}
.fc-blue {color:#396eb3; font-weight:500;}


/* CEO Àλ縻 */
.ceo-box .ceo-tit {padding:0 50px 30px 50px; text-align:center;}
.ceo-box .ceo-img {display:inline-block; width:29%; vertical-align:top;}
.ceo-box .ceo-txt {display:inline-block; width:70%; vertical-align:top; padding-right:50px;}
.ceo-box .ceo-txt .tit {font-size:30px; line-height:38px; font-weight:300; color:#000; padding-bottom:30px;}
.ceo-box .ceo-txt .txt {font-size:20px; line-height:24px; font-weight:500; color:#876340; padding-bottom:10px;}
.ceo_sign {display:block; padding-top:50px; text-align:left; color:#888 !important;}
.ceo_name {font-style:italic; font-size:150%; color:#333 !important;}


/* ¿¬Çõ */
.history-wrap {width:100%; padding-bottom:30px;}
.history-wrap .year-box {text-align:center;}
.history-wrap .year-box .tit-year {display:inline-block; background:#396eb3; margin:0 auto; padding:10px 30px; font-size:19px; color:#FFF; border-radius:3px;}
.history-wrap .history-box {display:table; width:100%; position:relative; background:url('../../img/_designcoco/images/history_line.gif') center repeat-y; padding-bottom:80px;}
.history-wrap .history-box .his-list {width:100%; display:block; padding-top:50px;}
.history-wrap .history-box .his-list:after {content:""; display:block; clear:both;}
.history-wrap .history-box .his-list .his-left {width:100%; float:left; text-align:right; padding-right:49.1%;}
.history-wrap .history-box .his-list .his-right {width:100%; float:right; padding-left:49.2%;}
.his-arrow {display:inline-block; width:6%; vertical-align:top;}
.his-txt {display:inline-block; width:93%; vertical-align:top;}
.his-txt .his-year {display:block; color:#161e36; font-size:22px; font-weight:500; padding-bottom:15px;}
.his-txt .month {color:#000; padding-right:15px;}
.his-txt li {padding:5px 0;}
.his-txt .his-pic img {width:100%;}
.his-round {display:inline-block; border:5px solid #396eb3; width:20px; height:20px; border-radius:50px;}



/* ¿À½Ã´Â ±æ */
.map .map_img {height:450px;}
.map ul {padding:20px; margin-top:30px; background:#F5F5F5; border:1px solid #E5E5E5;}
.map ul li {padding:10px;} 
.map ul li > .tit {display:inline-block; width:15%; color:#000; font-weight:500; padding-right:20px;}
.map ul li > .txt {display:inline-block; width:84%;}



/* Á¶Á÷µµ */
.organization {background:url('../../img/_designcoco/images/org_line1.gif') center repeat-y;}
.organization .org-top {text-align:center;}
.organization .org-middle {padding:50px 0; width:40%; margin:0 auto;}
.organization .org-bottom {text-align:center; background:#FFF; font-size:0;}
.organization .org-bottom ul {}
.organization .org-bottom ul li {display:inline-block; width:20%; vertical-align:top; padding:30px 20px;}
.organization .org-bottom dl {border:1px solid #DDD; padding:5px; background:#FFF;}
.organization .org-bottom dt {font-size:16px; background:#EBEBEB; color:#1E1E1E; padding:10px 0;}
.organization .org-bottom dd {font-size:14px; color:#888; padding:8px 0 8px 15px; text-align:left; background:url('../../img/_designcoco/images/org_list.gif') 5px 18px no-repeat;}

.org-box1 {display:inline-block; font-size:18px; font-weight:500; padding:15px 40px; background:#396eb3; color:#FFF; border-radius:5px;}
.org-box2 {display:inline-block; font-size:18px; font-weight:500; padding:15px 40px; background:#888888; color:#FFF; border-radius:5px;}
.org-line1 {background:url('../../img/_designcoco/images/org_line1.gif') center repeat-x;}
.org-line2 {background:url('../../img/_designcoco/images/org_line2.gif') 120px 0 no-repeat;}
.org-line3 {background:url('../../img/_designcoco/images/org_line3.gif') -160px 0 no-repeat;}
.org-line4 {background:url('../../img/_designcoco/images/org_line1.gif') top center repeat-x;}
.row50 {display:inline-block; width:50%;}



/* »ç¾÷ºÐ¾ß */
.business {width:100%;}
.business .box-wrap {width:100%; font-size:0;}
.business .box-wrap li {width:32%; margin-left:2%; padding-bottom:40px; display:inline-block; vertical-align:top; text-align:left;}
.business .box-wrap li:first-child {margin-left:0;}
.business .box-wrap li:nth-child(4) {margin-left:0;}
.business .box-wrap li.box .pic img {width:100%;}
.business .box-wrap li.box dt {font-size:18px; line-height:22px; color:#876340; padding:5px 0;}
.business .box-wrap li.box dd {font-size:13px; line-height:18px;}



/* ÀÎÁõ¼­ */
.certificate {width:100%; text-align:center;}
.certificate .box-wrap {width:100%; font-size:0;}
.certificate .box-wrap li {width:23%; margin-left:2%; padding-bottom:40px; display:inline-block; vertical-align:top;}
.certificate .box-wrap li:first-child {margin-left:0;}
.certificate .box-wrap li:nth-child(5) {margin-left:0;}
.certificate .box-wrap li p {color:#333; font-size:15px; line-height:20px;}
.certificate .box-wrap li .pic img {width:100%; border:1px solid #CCC;}



/* ÆÄÆ®³Ê */
.partner {width:100%; text-align:center;}
.partner .box-wrap {width:100%; font-size:0;}
.partner .box-wrap li {width:23%; margin-left:2%; padding-bottom:40px; display:inline-block; vertical-align:top;}
.partner .box-wrap li:first-child {margin-left:0;}
.partner .box-wrap li:nth-child(5) {margin-left:0;}
.partner .box-wrap li:nth-child(9) {margin-left:0;}
.partner .box-wrap li p {color:#333; font-size:15px; line-height:20px;}
.partner .box-wrap li .pic img {width:100%; border:1px solid #CCC;}



/* Á¦Ç°¼Ò°³ */
.product-wrap h5 {font-size:18px; line-height:24px; font-weight:500; color:#000; padding-bottom:10px;}
.product-wrap li {padding-left:32px; padding-bottom:2px; background:url('../../img/_designcoco/images/org_list.gif') 20px 9px no-repeat;}
.product-img {padding-top:30px;}
.product-img li {display:inline-block; vertical-align:middle; background:none; padding:10px !important;}
.product-info {padding-top:20px;}
.product-table {width:100%; text-align:center;}
.product-table table {border-top:1px solid #000 !important; width:100%;}
.product-table td {border:1px solid #DDD; padding:7px; }
.tr_tit {color:#FFF; background:#507eb2; font-weight:500;}
.td_tit {background:#F5F5F5; color:#1E1E1E;}
.plan-tit {display:inline-block; padding:3px 15px; color:#000; background:#D5D5D5; margin-bottom:10px; border-radius:3px; font-size:13px;}

.product-box {border-top:1px solid #000 !important; border:1px solid #DDD; width:100%; display:table; background:#F5F5F5; line-height:0;}
.product-box h4 {font-size:22px; line-height:30px; }
.product-box .info-img {display:table-cell; width:40%; vertical-align:top; background:url('../../img/_designcoco/images/product_bg.jpg') no-repeat; background-size:cover; box-shadow:5px 0px 20px rgba(0,0,0,0.06);}
.product-box .info-img img {width:100%;}
.product-box .info-txt {display:table-cell; width:60%; vertical-align:top; padding:30px; font-size:14px; line-height:20px;}
.product-round {display:inline-block; border:4px solid #396eb3; width:16px; height:16px; border-radius:50px; margin-right:6px;}

.product-box2 {border-top:1px solid #000 !important; border:1px solid #DDD; width:100%; display:table; background:#F5F5F5; line-height:0;}
.product-box2 h4 {font-size:22px; line-height:30px; }
.product-box2 .info-img {display:table-cell; width:65%; vertical-align:middle; background:url('../../img/_designcoco/images/product_bg.jpg') no-repeat; background-size:cover; box-shadow:5px 0px 20px rgba(0,0,0,0.06);}
.product-box2 .info-img img {width:100%;}
.product-box2 .info-txt {display:table-cell; width:35%; vertical-align:middle; padding:30px; font-size:14px; line-height:20px;}

/* Å×À̺íµðÀÚÀÎ */
.box_overflow {width:100%; overflow-x:auto;}
.table_guide {display:none;}


/* ±âŸ */
.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) {


/* CEO Àλ縻 */
.ceo-box .ceo-img img {width:100%;}
}




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

/* ¼­ºêÆäÀÌÁö */
.content-area {padding:20px;}


/* ¼­ºê¸Þ´º */
.submenu li a {padding:12px 20px; font-size:13px;}

/* 3Â÷ ÅǸ޴º */
.d3_e ul {text-align:left;}
.d3_e ul li {width:24.5%;}

/* Á¦Ç°¼Ò°³ 3Â÷ ÅǸ޴º */
.c3 ul li a {padding:10px 20px; font-size:13px; line-height:18px;}

/* Á¦Ç°¼Ò°³ 3Â÷ ÅǸ޴º ¿µ¹® */
.c3_e ul li a {padding:10px 20px; font-size:13px; line-height:18px;}

/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:50px 20px;}
.slogan-box h2 {font-size:28px; line-height:34px; padding-bottom:10px;}
.slogan-box p {font-size:12px; line-height:16px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding:40px 0;}
.title-box h3 {font-size:28px; line-height:36px; padding-bottom:5px;}

/* CEO Àλ縻 */
.ceo-box .ceo-txt .tit {font-size:24px; line-height:32px; padding-bottom:30px;}
.ceo-box .ceo-img img {width:100%;}

/* Á¶Á÷µµ */
.organization .org-bottom ul li {width:30%; padding:30px 10px;}

/* ¿¬Çõ */
.history {width:100%; padding-left:0;}
.history .his-list .his-txt .month {display:block;}

/* ¿À½Ã´Â ±æ */
.map ul {padding:20px;}
.map ul li > .tit {width:100%;}
.map ul li > .txt {width:100%;}

}




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

.content-area {font-size:13px; line-height:20px;}

/* ¼­ºê¸Þ´º */
.submenu ul {padding:5px;}
.submenu li a {padding:5px 15px; font-size:13px;}

/* 3Â÷ ÅǸ޴º */
.d3 {width:100%; margin:0 auto; font-size:0; padding-bottom:50px; text-align:left;}
.d3 ul li {display:inline-block; width:48%; margin:0.5%; vertical-align:top;}
.d3 ul li a {display:block; padding:8px; font-size:12px;}

/* 3Â÷ ÅǸ޴º */
.d3_e ul li {width:24%;}

/* Á¦Ç°¼Ò°³ 3Â÷ ÅǸ޴º */
.c3 {text-align:left; padding-bottom:30px;}
.c3 ul li {margin-right:1px; margin-bottom:1px;}
.c3 ul li a {padding:6px 12px; font-size:12px; line-height:16px;}

/* Á¦Ç°¼Ò°³ 3Â÷ ÅǸ޴º ¿µ¹® */
.c3_e {text-align:left; padding-bottom:30px;}
.c3_e ul li {margin-right:1px; margin-bottom:1px;}
.c3_e ul li a {padding:6px 12px; font-size:12px; line-height:16px;}

/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:40px 20px;}
.slogan-box h2 {font-size:24px; line-height:28px; padding-bottom:10px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding:30px 0;}
.title-box h3 {font-size:22px; line-height:26px; padding-bottom:5px;}

/* CEO Àλ縻 */
.ceo-box .ceo-img {width:100%; padding:30px;}
.ceo-box .ceo-txt {width:100%; padding-right:0px;}
.ceo-box .ceo-txt .tit {font-size:20px; line-height:28px; padding-bottom:20px;}
.ceo_sign {padding-top:20px;}

/* ¿¬Çõ */
.history .his-list .his-year {width:100%; font-size:20px; padding-left:0; padding-bottom:10px;}
.history .his-list .his-txt {width:100%;}
.history .his-list .his-txt li {padding:5px 0;}


/* ¿¬Çõ */
.history-wrap .year-box .tit-year {display:inline-block; margin:0 auto; padding:10px 30px; font-size:19px; border-radius:3px;}
.history-wrap .history-box {background:none; padding-bottom:50px;}
.history-wrap .history-box .his-list {width:100%; display:block; padding:20px 0; border-bottom:1px solid #DDD;}
.history-wrap .history-box .his-list .his-left {width:100%; float:left; text-align:left; padding-right:0%;}
.history-wrap .history-box .his-list .his-right {width:100%; float:right; padding-left:0%;}
.his-arrow {display:none;}
.his-txt {width:100%;}
.his-txt .his-year {font-size:18px; padding-bottom:10px;}
.his-txt li {padding:3px 0;}

/* Á¶Á÷µµ */
.organization .org-middle {text-align:center; padding:20px 0; width:auto;}
.organization .org-bottom ul li {width:50%; padding:5px;}
.organization {background:none;}
.org-line1 {background:none;}
.org-line2 {background:none;}
.org-line3 {background:none;}
.org-line4 {background:none;}
.org-box1 {width:50%;}
.org-box2 {width:100%;}

/* ¿À½Ã´Â ±æ */
.map ul {padding:10px;}
.map .map_img {height:300px;}


/* »ç¾÷ºÐ¾ß */
.business .box-wrap li {width:48%; margin:1% !important; padding-bottom:30px;}
.business .box-wrap > .box dt {font-size:16px; line-height:20px; color:#876340; padding:5px 0;}


/* ÀÎÁõ¼­ */
.certificate .box-wrap li {width:45%; margin:1% !important; padding-bottom:40px; display:inline-block; vertical-align:top;}
.certificate .box-wrap li p {font-size:14px; line-height:18px;}


/* ÆÄÆ®³Ê */
.partner .box-wrap li {width:45%; margin:1% !important; padding-bottom:40px; display:inline-block; vertical-align:top;}
.partner .box-wrap li p {font-size:14px; line-height:18px;}


/* Á¦Ç°¼Ò°³ */
.product-wrap h5 {font-size:16px; line-height:20px;}
.product-img li img {width:100%;}
.product-box h4 {font-size:18px; line-height:26px;}
.product-box .info-img {display:block; width:100%;}
.product-box .info-txt {display:block; width:100%; padding:20px; font-size:13px; line-height:18px;}
.product-round {width:12px; height:12px; border:3px solid #507eb2;}

.product-box2 h4 {font-size:18px; line-height:26px;}
.product-box2 .info-img {display:block; width:100%;}
.product-box2 .info-txt {display:block; width:100%; padding:20px; font-size:13px; line-height:18px;}

.table_guide {color:#666; display:block; text-align:center; margin-bottom:10px;}

}




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

.slogan-box {width:100%;}



/* 3Â÷ ÅǸ޴º */
.d3_e ul li {width:48.5%;}
.d3_e ul li a {padding:8px 0;}

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

/* »ç¾÷ºÐ¾ß */
.business .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}

/* Á¶Á÷µµ */
.organization .org-bottom dt {font-size:14px; padding:10px 0;}
.organization .org-bottom dd {font-size:13px; color:#888; padding:8px 0 8px 15px; text-align:left; background:url('../../img/_designcoco/images/org_list.gif') 5px 18px no-repeat;}
.org-box1 {font-size:15px; padding:12px 30px;}
.org-box2 {font-size:15px; padding:12px 30px;}


/* Á¦Ç°¼Ò°³ */
.product-table td img {width:20px; height:20px;}

/* ÀÎÁõ¼­ */
.certificate .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}

}



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


/* 3Â÷ ÅǸ޴º */
.d3_e ul li {width:100%;}

}