.img_mob {display:none !important}


.sub-page {width:1320px; margin:-110px auto; padding:50px 0 200px 0; font-family:'Noto Sans KR', sans-serif; font-size:15px; line-height:20px; background:#fff;}
.sub-page:after { content:""; display:block; clear:both; }



/* ·ÎÄÉÀÌ¼Ç ¿µ¿ª */
#container .location_bar {height:60px; border-bottom:1px solid #e6e6e6; background:#fff}
#container .location_bar .inner {max-width:1400px; margin:0 auto; padding:0 50px; text-align:right}
#container .location_bar .inner ul {text-align:right}
#container .location_bar .inner ul li {display:inline-block; color:#888; line-height:60px}
#container .location_bar .inner ul li.divider {margin:0 5px}
#container .location_bar .inner ul li.current {color:#333}
/* ÄÁÅÙÃ÷ ¿µ¿ª ·¹À̾ƿô */
#container > .inner {max-width:1300px; margin:0 auto; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:url(../../img/sub_bg01.png) right top -2px no-repeat}
#container > .inner:after {clear:both; display:block; content:''}
#container > .inner .content {margin-left:250px; min-height:500px; padding: 30px 50px 90px 50px; border-left:1px solid #e6e6e6}
.btm_img {clear:both; height:205px; background:url(../../img/sub_btm_img.jpg) center top no-repeat; background-size:cover}
.btm_img .inner {max-width:1400px; margin:0 auto; padding:0 50px}
.btm_img .inner .caption {padding-top:10%}
.btm_img .inner .caption h2 {font-size:50px; font-weight:600; color:#fff; line-height:1; margin-bottom:30px}
.btm_img .inner .caption p {font-size:15px; font-weight:300; color:#fff; max-width:60%}
/* ÁÂÃø ¼­ºê¸Þ´º */
#leftBar {float:left; width:200px; margin-top:-60px;}
#leftBar .title {height:160px; padding:20px; background:#2076cf}
#leftBar .title h2 {display:inline-block; font-size:20px; font-weight:600; color:#fff}
#leftBar .title span {font-size:13px; margin-left:10px; color:#fff}
#leftBar a.dropdown {display:none}
#lnb li {border-bottom:1px dotted #dcdcdc}
#lnb li.on a {color:#fff; background:#1a55a8 }
#lnb li:hover a {color:#1a55a8; background:#dcecfb}
#lnb li a {display:block; padding:10px 20px; font-size:14px}
#leftBar .box {padding:20px; border-bottom:1px dotted #dcdcdc; background:#f1f3f2}
#leftBar .box h4 {font-size:16px; font-weight:400; color:#333; line-height:1.1; margin-bottom:10px}
#leftBar .box p {color:#666}
#leftBar .box p span {font-size:16px; font-weight:600; color:#444}
/* ÄÁÅÙÃ÷ ³»ºÎ °øÅë */
#container > .inner img.img_tab, #container > .inner img.img_mob {display:none !important; width:100%}
#container .inner .content .title {margin-bottom:40px}
#container .inner .content .title h2 {font-size:42px; letter-spacing:-0.04em; font-weight:800; color:#333; line-height:1.2; margin-bottom:15px}
#container .inner .content .title h2:before {display:block; width:45px; height:3px; content:''; margin:10px 0; background:#313131}
#container .inner .content .title p {font-size:15px; color:#626262; font-family:Nanum Gothic; letter-spacing:-0.03em; line-height:1.6}
#container .inner .content h3.sub_tit {font-size:22px; font-weight:600; line-height:1.2; color:#313131; margin-bottom:30px}
#container .inner .content p {font-size:16px; font-weight:400; line-height:2; color:#1b1b1b; margin-bottom:30px}
#container .inner .content img {display:block}




/* ¿ÞÂʸ޴º */
.submenu {background:url(../../img/_designcoco/images/sub_bg01.png) top no-repeat}
.submenu-wrap {width:200px; margin-top:-30px; float:left; vertical-align:top; padding-left:30px;}
.submenu-tit {font-size:22px; font-weight:600; color:#184eb0; padding:20px 20px; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.submenu ul {margin:0 auto;text-align:left; width:100%;margin: 0 auto; border-top:30px 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:#626262; background:#fff; border-bottom:1px solid #d8e3f2; border-right:1px solid #fff; border-left:1px solid #fff;}
.submenu li a:hover {color:#3c71be; font-weight:500; background:#FFF; background: url("../../img/_designcoco/images/arrow.png") right 17px no-repeat; border-bottom:1px solid #3c71be;}
.submenu li a.active {color:#184eb0; font-weight:500; background:#FFF; background: url("../../img/_designcoco/images/arrow.png") right 17px no-repeat; border-bottom:2px solid #184eb0;}


/* ¼­ºêÆäÀÌÁö */
.sub-contents {width:1090px; padding-left:60px; float:left; vertical-align:top;}
.sub-contents h3 {font-size:28px; line-height:34px; font-weight:500; color:#000;}
.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:#000;}


/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {width:100%; padding:10px 0px; margin-bottom:50px;}
.title-box h3 {font-family:'Noto Sans KR', sans-serif; width:70%; display:inline-block; vertical-align:top; font-size:40px; color:#1b1b1b;}
.title-box .navi {width:29%; display:inline-block; vertical-align:top; font-family:'Montserrat','Noto Sans KR', sans-serif; font-size:12px; font-weight:500; text-align:right; color:#626262;}
.arrow-pd {padding:0 4px;}


/* ¼­ºêÆäÀÌÁö »ó´ÜÀ̹ÌÁö */
.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:60px 0; height:350px;}
.slogan-tit {font-size:45px; font-weight:800; color:#fff; padding:10px;}
.slogan-tit2 {font-family:'Montserrat'; font-size:16px; font-weight:600; color:#47a6ff;}
.slogan-box > p {color:#EEE; font-size:15px; font-weight:400; line-height:30px;}


/* CEO Àλ縻 */
.ceo-box {background: url("../../img/_designcoco/images/sub01_01.jpg") right 17px no-repeat;} 
.ceo-box .ceo-tit {padding:5px 0px 30px 0px; width:60%; text-align:left}
.ceo-box .ceo-tit > .tit {font-size:26px; line-height:38px; font-weight:400; letter-spacing:-1px; color:#000; padding-bottom:10px}
.ceo-box .ceo-tit > .txt {font-size:14px; line-height:28px; letter-spacing:0px; font-weight:300; color:#876340; padding:10px 0 20px 0}
.ceo-box .ceo-tit > .txt2 {font-size:15px; line-height:28px; letter-spacing:-1px; font-weight:300; color:#000; padding:30px 0 0 0}
.ceo-box .ceo-img {padding:20px 0;}
.ceo-box .ceo_sign {display:block; padding-top:15px}


/* ¿¬Çõ */
.history {width:100%}
.history-box {background: url("../../img/_designcoco/images/sub01_02.jpg") right 5px no-repeat;}  
.history-box .history-tit {padding:5px 0px 30px 0px; text-align:left}
.history-box .history-tit > .tit {font-size:27px; line-height:38px; font-weight:400; letter-spacing:-1px; color:#000; padding-bottom:10px}
.history-box .history-tit > .txt {font-size:14px; line-height:28px; letter-spacing:0px; font-weight:300; color:#876340; padding:10px 0 20px 0}
.history .his-list {border-bottom:1px solid #f0f0f0; padding:30px 0; width:84%;}
.history .his-list:first-child {margin-top:-20px;}
.history .his-list .his-year {display:inline-block; width:15%; color:#161e36; font-size:30px; padding-left:5px; letter-spacing:0.1em; font-family:'Montserrat','Noto Sans KR', sans-serif; font-weight:600; 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:0 0 10px 0;}
.history .his-list .his-txt .his-pic {padding:15px 0;}


/* ¿À½Ã´Â ±æ */
.map .map_img {height:450px;}
.map ul {padding:30px; margin-top:20px; 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%;}


/* »ç¾÷ºÐ¾ß */
.business {width:100%;}
.business-intro {width:100%; padding:35px; background: url('../../img/_designcoco/images/business_intro_bg.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
.business-intro > h3 {color:#161e36; font-size:25px; line-height:30px;}
.business-intro > .tit {padding:10px 0; color:#222; font-size:20px; line-height:24px;}
.business-intro > .txt {width:60%;}
.business-intro .business-btn {display:block; color:#333 !important; width:160px; margin-top:20px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.business-intro .business-btn:hover {background:#666; color:#FFF !important;}
.business-con {text-align:center;} 
.business-con h4 {font-size:22px; padding-bottom:10px;}
.business-con .box-wrap {width:100%; padding-top:20px;}
.business-con .box-wrap > .box {width:18%; padding-bottom:30px; display:inline-block; vertical-align:top; text-align:left;}
.business-con .box-wrap > .box > .pic img {width:100%; padding:7px 20px;}
.business-con .box-wrap > .box dl {padding:7px 20px;}
.business-con .box-wrap > .box dt {color:#1b1b1b; font-size:15px; line-height:22px; padding:5px 0;}
.business-con .box-wrap > .box dd {padding-right:10px;}


/* ÀÎÁõ¼­ */
.certificate {width:100%;}
.cer-intro {width:100%; padding:35px; background: url('../../img/_designcoco/images/certificate_intro_bg.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
.cer-intro > h3 {color:#161e36; font-size:25px; line-height:30px;}
.cer-intro > .tit {padding:10px 0; color:#222; font-size:20px; line-height:24px;}
.cer-intro > .txt {width:60%;}
.cer-intro .cer-btn {display:block; color:#333 !important; width:160px; margin-top:20px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.cer-intro .cer-btn:hover {background:#666; color:#FFF !important;}
.cer-list {text-align:center;} 
.cer-list h4 {font-size:22px; padding-bottom:10px;}
.cer-list .box-wrap {width:100%; font-size:0;}
.cer-list .box-wrap > .box {width:25%; font-size:15px; line-height:20px; padding:0 5px 30px 5px; display:inline-block; vertical-align:top;}
.cer-list .box-wrap > .box > .pic img {width:100%; border:1px solid #CCC;}


/* ÆÄÆ®³Ê */
.partner {width:100%;}
.partner-intro {width:100%; padding:35px; background: url('../../img/_designcoco/images/certificate_intro_bg.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
.partner-intro > h3 {color:#161e36; font-size:25px; line-height:30px;}
.partner-intro > .tit {padding:10px 0; color:#222; font-size:20px; line-height:24px;}
.partner-intro > .txt {width:60%;}
.partner-intro .part-btn {display:block; color:#333 !important; width:160px; margin-top:20px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.partner-intro .part-btn:hover {background:#666; color:#FFF !important;}
.partner-list {text-align:center; font-size:0;} 
.partner-list li {width:25%; font-size:15px; line-height:20px; padding:20px 20px 5px 20px; display:inline-block; vertical-align:top;}
.partner-list li img {width:100%; border:0px 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;}
}



@media all and (max-width: 1024px) {
/* ¼­ºêÆäÀÌÁö */
.sub-page {width:100%; padding:30px 20px; font-size:14px; line-height:20px;}
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding-bottom:10px; margin-bottom:30px;}
.title-box h3 {width:60%;}
.title-box .navi {width:39%; font-size:11px;}
/* ¼­ºêÆäÀÌÁö »ó´ÜÀ̹ÌÁö */
.slogan-box {padding:0px;}
.slogan-tit {font-size:36px; padding-bottom:10px;}
.slogan-box > p {color:#EEE; font-size:15px; line-height:20px;}
/* ¼­ºêÆäÀÌÁö ÅǸ޴º */
.submenu li a {font-size:13px; padding:12px 10px;}
.submenu-tit {font-size: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%;}
}

@media all and (max-width: 768px) {
.img_mob {max-width:100%; text-align:center; display:block !important}
.img_pc {display:none !important}


/* ¿ÞÂʸ޴º */
.submenu-wrap {display:none;}
/* ¼­ºêÆäÀÌÁö */
.sub-contents {width:100%; padding-left:0; padding-bottom:150px; }
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding-bottom:20px; margin-bottom:30px;}
.title-box h3 {width:100%; font-size:30px; text-align:center; padding-bottom:10px;}
.title-box .navi {width:100%; text-align:center;}
/* ¼­ºêÆäÀÌÁö »ó´ÜÀ̹ÌÁö */
.slogan-box {padding:70px 25px 25px 25px;}
.slogan-tit {font-size:24px; padding-bottom:5px;}
.slogan-box > p {color:#c2c0c0; font-size:14px; line-height:20px;}
/* CEO Àλ縻 */
.ceo-box {background: url("../../img/_designcoco/images/blank.gif");}
.ceo-box .ceo-tit {padding:0 20px 30px 20px; width:100%; text-align:left;}
.ceo-box .ceo-tit > .tit {font-size:20px; line-height:26px; padding-bottom:10px;}
.ceo-box .ceo-tit > .txt {font-size:15px; line-height:24px; padding-bottom:10px;}
.ceo-box .ceo-img {padding-bottom:20px;}
.ceo-box .ceo-img img {width:100%;}

/* ¿¬Çõ */
.history-box {background: url("../../img/_designcoco/images/blank.gif");}
.history-box .history-tit > .tit {font-size:20px; line-height:26px; padding-bottom:10px}
.history-box .history-tit > .txt {font-size:15px; line-height:24px; padding-bottom:10px;}
.history .his-list {border-bottom:1px solid #f0f0f0; padding:15px 0; width:100%;}
.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;}
/* company */
.company .sub-img img {width:100%;}
/* ¿À½Ã´Â ±æ */
.map ul {padding:10px;}
.map .map_img {height:300px;}
/* »ç¾÷ºÐ¾ß */
.business-con .box-wrap > .box {width:49%;}
.business-intro > h3 {font-size:22px; line-height:28px;}
.business-intro > .tit {padding:5px 0; font-size:16px; line-height:20px;}
.business-intro > .txt {width:100%;}
/* ÀÎÁõ¼­ */
.cer-intro > h3 {font-size:22px; line-height:28px;}
.cer-intro > .tit {padding:5px 0; font-size:16px; line-height:20px;}
.cer-intro > .txt {width:100%;}
.cer-list .box-wrap > .box {width:50%; font-size:13px; line-height:18px;}
/* ÆÄÆ®³Ê */
.partner-intro > h3 {font-size:22px; line-height:28px;}
.partner-intro > .tit {padding:5px 0; font-size:16px; line-height:20px;}
.partner-intro > .txt {width:100%;}
.partner-list li {width:50%; font-size:13px; line-height:18px;}
}

@media all and (max-width: 480px) { 
/* ¿À½Ã´Â ±æ */
.map .map_img {height:250px;}
/* »ç¾÷ºÐ¾ß */
.business-intro {padding:25px;}
.business-con h4 {font-size:19px; text-align:left;}
.business-con .box-wrap > .box {width:100%;}
/* ÀÎÁõ¼­ */
.cer-intro {padding:25px;}
/* ÆÄÆ®³Ê */
.partner-intro {padding:25px;}
}