.sub-page {width:1200px; margin:0 auto; padding:50px 0; font-family:'Noto Sans KR', sans-serif; font-size:15px; line-height:22px; letter-spacing:-0.3px; word-break:keep-all;}
.sub-page:after { content:""; display:block; clear:both; }

/* ¿©¹é */
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.txt-right {text-align:right; font-size:80%;}

/* Á¦¸ñ ½ºÅ¸ÀÏ */
.sub-page h4::before {border:4px solid #49b24e;  width:16px; height:16px; margin-top:8px; margin-right:8px; border-radius:50px; content:""; display:inline-block; vertical-align:top;}
.sub-page h4 {color:#000000; padding-bottom:15px; font-size:20px;line-height:30px; margin-left:21px; text-indent:-24px; font-family:'Noto Sans KR', sans-serif; font-weight:500;}

* ¹Ú½ºµðÀÚÀÎ */
.box-style {padding:30px; width:100%; display:table; position:relative;}
.box-style .icon {padding-right:30px; display:table-cell; vertical-align:top;}
.box-style .txt {display:table-cell; vertical-align:top;}
.gray-box {padding:35px; width:100%; border:3px solid #DDD; background:#F5F5F5; }
.gray-box .txt {line-height:30px; text-align:center;}
.gray-box .txt strong {font-size:150%; font-weight:600; color:#876340;}
.gray-box .txt2 {line-height:30px;}

/* ¿ÞÂʸ޴º */
.submenu-wrap {width:230px; display:inline-block; vertical-align:top;}
.submenu-tit {font-size:20px; font-weight:500; color:#FFF; background:#161e36; padding:30px 0; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.submenu ul {margin:0 auto;text-align:center; width:100%;margin: 0 auto;border-top:1px solid rgba(255, 255, 255, 0.3);}
.submenu li {}
.submenu li a {display:block; padding:12px 20px; font-size:14px; font-weight:400; text-align:left; color:#666; background:#f3f3f3; border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5; border-left:1px solid #D5D5D5;}
.submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF; background: url("../../img/_designcoco/images/arrow.png") 200px 17px no-repeat; border-bottom:1px solid #161e36;}
.submenu li a.active {color:#1E1E1E; font-weight:500; background:#FFF; background: url("../../img/_designcoco/images/arrow.png") right 17px no-repeat; border-bottom:1px solid #161e36;}

/* ¿ÞÂʸ޴º */
#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; font-weight:500; background:#FFF; background: url("../../img/_designcoco/images/arrow.png") right 17px no-repeat; border-bottom:1px solid #161e36;}
#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 a {display:block; padding:12px 20px; font-size:14px; font-weight:400; text-align:left; color:#666; background:#f3f3f3; border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5; border-left:1px solid #D5D5D5;}
#submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF; background: url("../../img/_designcoco/images/arrow.png") 200px 17px no-repeat; border-bottom:1px solid #161e36;}


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

/* ¸®½ºÆ® ½ºÅ¸ÀÏ */
.list ul {}
.list li::before {content:""; width:5px; height:5px; background:#333; border-radius:50px; vertical-align:top; margin-right:8px; margin-top:8px; display:inline-block;}
.list li {padding-bottom:15px; text-indent:-12px; margin-left:14px;}
.list li::last-child {padding-bottom:0;}

/* »ó´ÜÀ̹ÌÁö */
.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; letter-spacing:1px; font-weight:800; color:#F1C481; padding-bottom:10px;}
.slogan-box p {color:#EEE; font-size:13px; line-height:16px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {width:100%; border-bottom:1px solid #DDD; padding-bottom:20px; margin-bottom:50px;}
.title-box h3 {width:70%; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; 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;}
.arrow-pd {padding:0 4px;}

.box-style1 {border:3px solid #cead88; padding:4px; background:#f7f7ec; text-align:center;}
.box-style1 li {padding:5px 0;}
.box-style1 h4::before {display:none;}
.box-style1 h4 {color:#8d5228; font-size:25px; padding-bottom:30px; font-weight:700; text-indent:0; margin-left:0;}
.box-style1 .inner1 {border:1px solid #ddc6ac; padding:40px;}

.box-img{width:100%;}
.box-img li {padding:10px 0;}
.box-img h4::before {border:none; width:100% !important; height:32px !important; background:url('../../img/_designcoco/images/top_img.png') center top no-repeat;}
.box-img h4 {font-size:25px; padding-bottom:30px; text-indent:0 !important; margin-left:0 !important; text-align:center;}
.box-img .top {height:50px; background:url('../../img/_designcoco/images/box_top.png') center top no-repeat;}
.box-img .middle {padding:20px 100px 30px 100px; background:url('../../img/_designcoco/images/box_middle.png') repeat-y;}
.box-img .middle .left {width:9%; display:inline-block; vertical-align:middle;}
.box-img .middle .right {width:90%; display:inline-block; vertical-align:middle;}
.box-img .bottom {height:150px; background:url('../../img/_designcoco/images/box_bottom.png') center top no-repeat;}
.round {background:#2f4055; display:inline-block; width:50px; height:50px; line-height:50px; color:#FFF; border-radius:50px; text-align:center;}


/* ÆùÆ® Ä÷¯ */
.fc-brown {color:#876340; font-weight:400;}
.fc-green {color:#3da542; font-weight:400;}
.fc-black {color:#000; font-weight:400;}
.fw600 {font-weight:600;}
.txt-center {text-align:center !important;}

/* CEO Àλ縻 */
.ceo {}
.ceo .tit-sm {font-size:15px; line-height:22px; color:#876340; letter-spacing:5px; font-weight:600; padding-bottom:10px;}
.ceo .tit {font-size:30px; line-height:40px; color:#1E1E1E; padding-bottom:20px;}
.ceo-txt {float:left; width:50%; font-size:110%; line-height:30px; padding-top:50px; vertical-align:top; letter-spacing:-1.05px;}
.ceo_sign {display:block; padding-top:50px; font-size:90%; color:#888;}
.ceo_sign img {padding-left:10px; vertical-align:bottom;}
.img-left {float:left; width:50%; vertical-align:top; padding-right:50px;}
.img-left img {width:100%;}
.img-right {float:left; width:50%; vertical-align:top; padding-left:50px;}
.img-right img {width:100%;}



/* Å×À̺íµðÀÚÀÎ */
.table-wrap {width:100%;}
.table-wrap table {width:100%;}
.table-wrap td {border:1px solid #DDD; border-top:none; padding:11px; font-size:14px; line-height:18px;}
.td_tit {color:#1E1E1E; background:#F5F5F5; text-align:center;}
.table-top {color:#FFFFFF; background:#49b24e; text-align:center;}
.box_overflow {width:100%; overflow-x:auto;}
.table_guide {display:none;}

/* ¿¬Çõ */
.history {width:100%; padding-left:30px;}
.history .his-list {border-bottom:1px solid #DDD; padding:30px 0;}
.history .his-list:first-child {padding-top:0;}
.history .his-list .his-year {display:inline-block; width:15%; color:#161e36; font-size:24px; font-weight:500; padding:5px; vertical-align:top;}
.history .his-list .his-txt {display:inline-block; width:84%; vertical-align:top;}
.history .his-list .his-txt .month {color:#000; padding-right:15px;}
.history .his-list .his-txt li {padding:5px 0;}
ul.tb-list li {padding-left:10px; position:relative;}
ul.tb-list li:before {content:''; width:4px; height:1px; background:#666; position:absolute; top:8px; left:0;}

/* ¿À½Ã´Â ±æ */
.map:first-child {margin-bottom:50px;}
.map .map_img {height:450px; border:1px solid #E5E5E5;}
.map ul {padding:20px; margin-top:10px; 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%;}
.map-bt {margin-bottom: 50px;}

/* »ç¾÷ºÐ¾ß */
.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:26px; color:#3da542; font-weight:500; padding:10px 0;}
.business .box-wrap li.box dd {font-size:14px; line-height:22px; text-indent:-12px; margin-left:14px;}
.business .box-wrap li.box dd::before {content:""; width:4px; height:4px; background:#666; border-radius:50px; vertical-align:top; margin-right:8px; margin-top:10px; display:inline-block;}

/* ÀÎÁõ¼­ */
.certificate {width:100%; text-align:center;}
.certificate .box-wrap {width:100%; font-size:0; text-align:left;}
.certificate .box-wrap li {width:23.5%; margin-right:2%; padding-bottom:40px; text-align:center; display:inline-block; vertical-align:top;}
.certificate .box-wrap li:nth-child(4n+4) {margin-right: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;}
/* ±âŸ */
.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;}
/* ¿ÞÂʸ޴º */
.submenu-wrap {width:22%; display:inline-block; vertical-align:top;}
/* ¼­ºêÆäÀÌÁö */
.sub-contents {width:77%; padding-left:50px; display:inline-block; vertical-align:top;}


.box-img .top {background-size:100% !important;}
.box-img .middle {background-size:100% !important;}
.box-img .bottom {background-size:100% !important;}
}

@media all and (max-width: 1024px) {
.sub-page h4 {font-size:18px; line-height:24px;}
.sub-page h4::before {margin-top:6px; margin-right:6px;}
/* ¸®½ºÆ® ½ºÅ¸ÀÏ */
.list li::before {width:3px; height:3px;}

/* ¼­ºêÆäÀÌÁö */
.sub-page {width:100%; padding:30px 20px; font-size:14px; line-height:20px;}
/* ¿ÞÂʸ޴º */
.submenu li a {font-size:13px; padding:12px 10px;}
.submenu-tit {font-size:20px;}
/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.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-bottom:10px; margin-bottom:30px;}
.title-box h3 {width:60%;}
.title-box .navi {width:39%; font-size:11px;}
/* CEO Àλ縻 */
.ceo .tit-sm {font-size:16px; line-height:24px;}
.ceo .tit {font-size:24px; line-height:32px;}
.ceo-txt {font-size:15px; line-height:24px; padding-top:20px;}
.ceo_sign {padding-top:20px;}
/* ¿¬Çõ */
.history {width:100%; padding-left:0;}
.history .his-list .his-txt .his-pic img {width:100%;}
.history .his-list .his-txt .month {display:block;}
/* ¿À½Ã´Â ±æ */
.map ul {padding:20px;}
.map ul li > .tit {width:100%;}
.map ul li > .txt {width:100%;}
.box-img .top {height:35px;}
.box-img .middle {padding:20px 60px;}
.box-img .middle .left {width:12%;}
.box-img .middle .right {width:86%;}
.box-img .bottom {height:100px;}
}


@media all and (max-width: 768px) {
.sub-page h4 {font-size:17px; line-height:24px; margin-left:20px; text-indent:-20px;}
.sub-page h4::before {width:14px; height:14px; border-width:3px;}
/* ¿ÞÂʸ޴º */
.submenu-wrap {width:100%;}
.submenu-tit {display:none !important;}
.submenu ul {border-top:none; padding-bottom:30px; font-size:0; text-align:center;}
.submenu li {display:inline-block; width:30%; margin:1px;}
.submenu li a {padding:6px 17px; font-size:12px; background:#f3f3f3; border:1px solid #D5D5D5; text-align:center;}
.submenu li a:hover {background:none;}
.submenu li a.active {background:none;}
#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 {background:none;}
#submenu ul {border-top:none; padding-bottom:30px; font-size:0; text-align:center;}
#submenu li {display:inline-block; width:30%; margin:1px;}
#submenu li a {padding:6px; font-size:12px; background:#f3f3f3; border:1px solid #D5D5D5; text-align:center;}
#submenu li a:hover {background:none;}
#submenu li a.active {background:none;}

.mb-no {display:none;}

/* ¼­ºêÆäÀÌÁö */
.sub-contents {width:100%; padding-left:0;}
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding-bottom:20px; margin-bottom:30px;}
.title-box h3 {width:100%; text-align:center; padding-bottom:5px;}
.title-box .navi {width:100%; text-align:center;}
/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:40px 20px;}
.slogan-box h2 {font-size:24px; line-height:28px; padding-bottom:10px;}
/* Å×À̺íµðÀÚÀÎ */
.table-wrap td {padding:7px;}
.table_guide {color:#666; display:block; text-align:center; margin-bottom:10px;}
/* CEO Àλ縻 */
.ceo-box .tit {font-size:20px; line-height:28px; padding-bottom:20px;}
.ceo-box .ceo-txt {padding:20px; line-height:24px;}

/* ¿¬Çõ */
.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;}
/* ¿À½Ã´Â ±æ */
.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;}
.box-img h4 {padding-bottom:15px;}
.box-img h4::before {height:22px !important; background-size:90px;}
}

@media all and (max-width: 480px) { 
#submenu li {width:48%;}
.submenu ul {text-align:left;}
.submenu li {width:48%;}
/* CEO Àλ縻 */
.ceo .tit-sm {padding:10px 0;}
.img-left {width:100%; padding-right:0px;}
.img-right {width:100%; padding-top:30px; padding-left:0px;}
.ceo-txt {float:left; width:100%; padding-top:0;}
.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
.ceo_sign img {padding-left:10px;}
/* ¿À½Ã´Â ±æ */
.map .map_img {height:250px;}
/* »ç¾÷ºÐ¾ß */
.business .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}
/* ÀÎÁõ¼­ */
.certificate .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}
.box-img .top {height:15px;}
.box-img .middle {padding:10px 30px;}
.box-img .middle .left {width:100%; padding-bottom:10px; text-align:center;}
.box-img .middle .right {width:100%;}
.box-img .bottom {height:100px;}
.round {width:40px; height:40px; line-height:40px;}
}