.sub-page {width:100%; font-family:'Noto Sans KR', sans-serif; color:#5D5D5D; font-size:17px; line-height:32px; letter-spacing:-0.4px; word-break:keep-all;}
.sub-content {padding-bottom:80px;}
/* °øÅë */
.sub-page h3 {color:#333;  font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page h4 {color:#000; font-size:24px; line-height:34px; font-weight:500; padding-bottom:15px; }
.sub-page h5 {color:#1E1E1E; font-size:20px; line-height:28px; font-weight:500; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page h6 {color:#00a1e4; font-size:24px; line-height:34px; font-weight:500; padding-bottom:15px; text-align:center; }
.sub-page p {font-size:16px; line-height:24px; word-break:keep-all;}
.sub-page .txt_info {font-size:16px; margin-bottom:30px; line-height:24px; word-break:keep-all;}


/* ¼­ºê¸Þ´º */
.submenu {width:100%; background:#eeeeee; text-align:center; }
.submenu ul {display:inline-block; vertical-align:top;}
.submenu li {float:left; border-left:1px solid #dcdcdc; }
.submenu li:last-child {border-right:1px solid #dcdcdc;}
.submenu li a {display:block; padding:12px 40px; color:#7d7d7d; }
.submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF; z-index:999;}
.submenu li a.active {color:#1E1E1E; font-weight:500; background:#FFF; z-index:999;}

/* Á¦Ç°¸Þ´º */
.prodmenu {margin-top:25px; text-align:center; }
.prodmenu li {display:inline-block; font-size:16px; border:1px solid #dcdcdc; }
.prodmenu li .prodmenu_on {color:#7d7d7d; font-weight:500; background:#eeeeee;}
.prodmenu li:last-child {border-right:1px solid #dcdcdc;}
.prodmenu li a {display:block; padding:0px 25px; color:#7d7d7d; }
.prodmenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF; z-index:999;}
.prodmenu li a.active {color:#1E1E1E; font-weight:500; background:#FFF; z-index:999;}


/* ¿©¹é */
.sm-bottom {margin-bottom:30px;}
.md-bottom {margin-bottom:50px;}
.lg-bottom {margin-bottom:120px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}

/* Á¤·Ä */
.txt-center {text-align:center;}
/* ÆùÆ® Ä÷¯ */
.fc-brown {color:#876340; font-weight:400;}
.fc-blue {color:#00529B; font-weight:500;}

/* »ó´ÜÀ̹ÌÁö - ȸ»ç¼Ò°³ */
.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;}
/* »ó´ÜÀ̹ÌÁö - 3D½ºÄ³³Ê */
.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;}
/* »ó´ÜÀ̹ÌÁö - qna */
.sub-top-05 {background:url('../../img/_designcoco/images/sub_top_05.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
/* »ó´ÜÀ̹ÌÁö - Ä¿¹Â´ÏƼ */
.sub-top-06 {background:url('../../img/_designcoco/images/sub_top_06.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
/* »ó´ÜÀ̹ÌÁö - LMI */
.sub-top-07 {background:url('../../img/_designcoco/images/sub_top_07.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
/* »ó´ÜÀ̹ÌÁö - API */
.sub-top-08 {background:url('../../img/_designcoco/images/sub_top_08.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}


/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:60px 0;}
.slogan-box h2 {font-size:36px; font-weight:800; color:#FFFFFF; font-family:'Montserrat','Noto Sans KR', sans-serif; padding-bottom:10px;}
.slogan-box p {color:#EEE; font-size:15px; line-height:22px;}
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {border-bottom:1px solid #DDD; padding:60px 0; margin-bottom:70px; text-align:center; font-size:34px; line-height:42px; font-weight:500; padding-bottom:10px; width:100%; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; display:block;}
.title-box p {font-size:13px;}
.title-box .navi {width:100%; display:block; color:#888;}
.arrow-pd {padding:0 4px;}

/* ȸ»ç¼Ò°³ */
.company  {}
.company .img {padding-bottom:40px; line-height:0;}
.company .img img {width:100%;}
.company .tit {font-size:30px; line-height:40px; color:#1E1E1E; font-weight:500;}
.company .txt {width:70%; text-align:center; margin:0 auto;}

/* CEO Àλ縻 */
.ceo .tit-sm {font-size:20px; line-height:28px; color:#00a1e4; 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%; vertical-align:top; letter-spacing:-1.05px;}
.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
.ceo_sign img {padding-left:10px;}
.ceo_sign .txt {vertical-align:top;}
.ceo_sign .name {vertical-align:top;}
.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%;}


/* ȸ»ç¼Ò°³ - ÀÎÁõ,¼Ò¼ÓÇùȸ*/
.certificate ul {width:100%; font-size:0; text-align:center;}
.certificate li {width:23.5%; margin-right:2%; margin-bottom:10px; padding-bottom:50px; float:left; vertical-align:top;}
.certificate li:nth-child(4n+4) {margin-right:0;}
.certificate li .pic {line-height:0; }
.certificate li .pic img {width:100%; border:1px solid #DDD;}
.certificate li p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}

.patent  {/*text-align:center;*/}
.patent div {/*isplay:inline-block; width:290px;*/ margin:30px 0; vertical-align:top;}
.patent div .patent_name {margin-bottom:10px; color:#0f75bc; font-size:18px; font-weight:500; }
.patent ul {}
.patent li {display:inline-block; margin:2px; padding:10px 15px; color:#333; font-size:14px; line-height:16px; border:1px solid #e6e6e6; border-radius:10px;}


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

/* ȸ»ç¼Ò°³ - Å©·¹¾ÆÆû¿ª»ç */
.history-creaform .year{font-size:24px; font-weight:500px; color:#0f75bc;}
.history-creaform dl {margin-left:100px; margin-bottom:50px; }
.history-creaform dt {display:inline-block; width:15%; padding:0 0 0 10px; vertical-align:top; text-align:center; color:#000; font-weight:500; font-size:110%;}
.history-creaform dd {display:inline-block; width:80%; padding-top:5px; padding-bottom:20px; vertical-align:top; font-size:14px; line-height:24px;}
.history-creaform dd:last-child {padding-bottom:0;} 

/* ȸ»ç¼Ò°³ - Àü¼¼°èÁö»ç */
.world-creaform  img{display:block;  margin: 0 auto; margin-bottom:50px;}
.world-creaform .zone {font-size:24px; font-weight:500px; color:#0f75bc;}
.world-creaform dl {width:33%; float:left; margin-bottom:50px; }
.world-creaform dt {color:#000; font-weight:500; font-size:110%;}
.world-creaform dd {padding-bottom:20px; font-size:14px; line-height:18px;}
.world-creaform dd:last-child {padding-bottom:0;} 


/* ¿À½Ã´Â ±æ */
.map .map_img {width:100%; height:450px; }
.map .map_img .map_b {float:left; width:28%; height:450px; border-right:5px solid#fff;}
.map .map_img .map_b img {height:100%; padding-right:10px; }
.map .map_img .map_view {float:right; width:72%; height:450px; border-left:5px solid#fff;}}
.map .map_img .map_view iframe {width:100%;}

.address ul.address {border-top:1px solid #DDD; padding-bottom:0 !important;}
.address li {width:100%; display:table; position:relative; border-bottom:1px solid #DDD;}
.address li .tit {color:#000; background:#F5F5F5; width:20%; display:table-cell; vertical-align:middle; padding:20px 30px; }
.address li .tit i {color:#001f60; font-size:135%; font-weight:500; margin-right:15px; vertical-align:middle;}
.address li .txt {width:80%; display:table-cell; vertical-align:middle; padding:20px;}

/* ÆÄÆ®³Ê */
.partner ul {width:100%; margin-bottom:80px; font-size:0; text-align:center; border:0px solid red; }
.partner li {width:23.5%; margin-right:2%; padding-bottom:30px; float:left; vertical-align:top;}
.partner li:nth-child(4n+4) {margin-right:0;}
.partner li .title {color:#333; font-size:16px; line-height:20px; padding:5px 0;}
.partner li p {color:#333; font-size:14px; line-height:20px; padding:5px 0;}
.partner li .pic {line-height:0;}
.partner li .pic img {width:100%; border:3px solid #E0E0E0;}


/* Á¦Ç°¸ÞÀÎ ¸®½ºÆ® */
.prod-main ul {width:100%;}
.prod-main li {width:23%; margin-right:2%; margin-bottom:50px; float:left; text-align:center; border:0px solid red; }
.prod-main li:nth-child(4n+4) {margin-right:0%;}
.prod-main li .img {line-height:0; padding-bottom:15px;}
.prod-main li .img img {width:100%;}
.prod-main li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:16px; /*color:#00529b;*/ border-top:1px solid #DDD;} 
.prod-main li .txt p {font-size:14px; line-height:22px; letter-spacing:-0.8px; }
.prod-main a        { }
.prod-main a:hover img {width:100%; filter:grayscale(50%) opacity(0.6); }
.prod-main a.active {}

/* Á¦Ç°¼Ò°³ */
.prod {margin-bottom:20px;}
.prod-txt {float:left; width:50%; margin-top:20px; font-size:16px; line-height:26px; }
.prod .tit-sm {font-size:16px; line-height:28px; color:#00a1e4; letter-spacing:5px; font-weight:600; padding-bottom:10px; border:0px solid red; }
.prod .tit {font-size:28px; line-height:40px; color:#1E1E1E; padding-bottom:5px;}
.prod .txt { color:#1E1E1E; font-weight:300; padding-bottom:10px;}
.prod .tit-se {font-size:16px; line-height:25px; color:#0068b7; letter-spacing:2px; padding-bottom:10px; border:0px solid red; }

.img-left {float:left; width:50%; /*vertical-align:top;*/ padding-right:50px; border:0px solid green;}
.img-left img {width:100%;}
.img-right {float:left; width:50%; vertical-align:top; padding-left:50px;}
.img-right img {width:100%;}

.prod-info {float:left; width:50%; padding:10px; border:0px solid red;}
.prod-info .prod-name {padding-bottom:8px; font-size:18px; color:#000;}
.prod-info img {float:left; margin-right:15px; border:1px solid #e6e6e6;}
.prod-info ul {margin:5px; font-size:15px; line-height:24px; }

.prod-spec table {width:100%; }

.prod-spec .item {color:#000; background-color:#f6f6f6; border-right:1px solid #e5e5e5; border-left:1px #e5e5e5; }
.prod-spec .spec_comment {font-size:14px; font-weight:200; color:#6c828d;}
.prod-spec td {text-align:center; border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid;}
.prod-spec td td {border-bottom:none; border-right:none !important;} 

.prod-spec-info {margin:15px 0; font-size:12px; line-height:18px; color:#64819c;}
.prod-spec-info li {padding-bottom:5px;}

/* Á¦Ç° - ¸®½ºÆ®2Ä­ */
.prod-img2 ul {width:100%;}
.prod-img2 li {width:48%; margin-right:2%; margin-bottom:50px; float:left; }
.prod-img2 li:nth-child(2n+2) {margin-right:0%;}
.prod-img2 li .img {line-height:0; padding-bottom:15px;}
.prod-img2 li .img img {width:100%;}
.prod-img2 li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:16px; color:#00529b; border-bottom:1px solid #DDD;}
.prod-img2 li .txt p {font-size:14px; line-height:22px; letter-spacing:-0.8px; }

/* Á¦Ç° - ¸®½ºÆ®3Ä­ */
.prod-img ul {width:100%; }
.prod-img li {width:32%; margin-right:2%; margin-bottom:50px; float:left; }
.prod-img li:nth-child(3n+3) {margin-right:0%;}
.prod-img li .img {line-height:0; padding-bottom:15px;}
.prod-img li .img img {width:100%;}
.prod-img li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:16px; color:#00529b; border-bottom:1px solid #DDD;}
.prod-img li .txt p {font-size:14px; line-height:22px; letter-spacing:-0.8px; }
.prod-img li .txt .serial {width:100%; height:20px; margin-top:-18px; padding-left:5px; color:#fff; font-size:12px; letter-spacing:0.5px; background:#a0a0a0;}
.prod-img li .txt .coment {color:#a40035; font-size:11px; line-height:16px;  letter-spacing:-0.3px;}


/* Á¦Ç° - ¸®½ºÆ®4Ä­ */
.prod-img4 ul {width:100%;}
.prod-img4 li {width:23%; margin-right:2%; margin-bottom:50px; float:left; }
.prod-img4 li:nth-child(4n+4) {margin-right:0%;}
.prod-img4 li .img {line-height:0; padding-bottom:15px;}
.prod-img4 li .img img {width:100%;}
.prod-img4 li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:16px; color:#00529b; border-bottom:1px solid #DDD;}
.prod-img4 li .txt p {font-size:14px; line-height:22px; letter-spacing:-0.8px; }
.prod-img4 li .txt .serial {width:100%; height:20px; margin-top:-18px; padding-left:5px; color:#fff; font-size:12px; letter-spacing:0.5px; background:#a0a0a0;}
.prod-img4 li .txt .coment {color:#a40035; font-size:11px; line-height:16px;  letter-spacing:-0.3px;}

/* Á¦Ç° - ¸®½ºÆ®5Ä­ */
.prod-img5 ul {width:100%;}
.prod-img5 li {width:18%; margin-right:2%; margin-bottom:50px; float:left; }
.prod-img5 li:nth-child(5n+5) {margin-right:0%;}
.prod-img5 li .img {line-height:0; padding-bottom:15px;}
.prod-img5 li .img img {width:100%;}
.prod-img5 li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:14px; color:#00529b; letter-spacing:-0.5px; border-bottom:1px solid #DDD;}
.prod-img5 li .txt p {font-size:12px; line-height:20px; letter-spacing:-0.8px; font-weight:400px; }
.prod-img5 li .txt .serial {width:100%; height:20px; margin-top:-18px; padding-left:5px; color:#fff; font-size:12px; letter-spacing:0.5px; background:#a0a0a0;}
.prod-img5 li .txt .coment {color:#a40035; font-size:11px; line-height:16px;  letter-spacing:-0.3px;}

/* Á¦Ç° - »ö±ò ¹Ú½º */
.prod-color {background: #eeeeee;}

/* Á¦Ç° - ¾Ç¼¼¼­¸® */
.acc-img ul {width:100%; }
.acc-img li {width:23%; height:550px; margin-right:2%; margin-bottom:50px; float:left; }
.acc-img li:nth-child(4n+4) {margin-right:0%;}
.acc-img li .img {line-height:0; padding-bottom:15px;}
.acc-img li .img img {width:100%;}
.acc-img li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:16px; color:#00529b; letter-spacing:-0.5px; border-bottom:1px solid #DDD;}
.acc-img li .txt p {font-size:12px; line-height:20px; letter-spacing:-0.8px; font-weight:400px; }
.acc-img li .txt .serial {width:100%; height:20px; margin-top:-18px; padding-left:5px; color:#fff; font-size:12px; letter-spacing:0.5px; background:#a0a0a0;}
.acc-img li .txt .coment {color:#a40035; font-size:11px; line-height:16px;  letter-spacing:-0.3px;}

/*»ó´Ü Á¦Ç°¼Ò°³ µ¿¿µ»ó */
.videoArea {text-align:center; background:#eeeeee; }
.videoView {width:100%; margin:0 auto; padding:30px; max-width:1200px;}
.videoView-2 {display:inline-block; width:50%; margin:0 auto; padding:30px 10px; max-width:600px;}

/* Á¦Ç°¼Ò°³-ºê·Î¼Å´Ù¿î */
.prod .bt_brochure {float:right; width:300px; height:50px; margin-left:20px; border:2px solid #6c828d; border-radius:50px;}
.prod .bt_brochure a {display:block; width:300px; height:50px; padding-top:5px; text-align:center; color:#7d7d7d; }
.prod .bt_brochure a:hover {margin-top:-1px; margin-left:-1px; color:#ffffff; font-weight:500; background:#6c828d; border:2px solid #6c828d; border-radius:55px;}
.prod .bt_brochure span {padding-left:10px;}


/*Á¦Ç°¼Ò°³- Á¦Ç° ¹®ÀÇ Çϱâ */
.prod .bt_brochure.bt_contact {border: 2px solid #007BFF;}
.prod .bt_brochure.bt_contact a {color: #007BFF;}
.prod .bt_brochure.bt_contact a:hover {background: #007BFF; color: #ffffff; border: 2px solid #007BFF;}


/* Á¦Ç°¼Ò°³- µ¿¿µ»ó°¶·¯¸® */
#player { width:520px; }
#player_screen { position:relative; width:500px; height:281px; margin-bottom:10px;}
#player_screen iframe { position:relative; width:500px; height:281px; }
#player_screen .top_img { width:500px; height:281px; position:absolute; top:0px; left:0px; cursoor:pointer; background:#e5e5e5;}
#player_screen .top_img + iframe { display:none }
#player_text dt, #player_text dd { margin:0; padding:0;}
dl.movs { width:160px; float:left; border:solid 0px #ccc; }
dl.movs + dl.movs { margin-left:10px;}
dl.movs dt, dl.movs dd { margin:0; padding:0;}
dl.movs dd.desc, dl.movs dd.url { display:none; }


/* ÁÖ¿äÇöȲ_ȸ»ç¼Ò°³ ÇÏ´Ü */
.company-info {text-align:center; background:url('../../img/_designcoco/images/company_bg.jpg') center top no-repeat; padding:80px 40px; background-size:cover;}
.company-info h4 {color:#FFF; padding-bottom:10px;}
.company-info p {color:#FFF; padding-bottom:40px;}

/* ¼­ºñ½º Áß°£ ¼³¸í¿µ¿ª  */
.service .tit-sm {font-size:20px; line-height:28px; color:#00a1e4; letter-spacing:5px; font-weight:600; padding-bottom:10px; border:1px solid red;}
.service .tit {font-size:30px; line-height:40px; color:#1E1E1E; padding-bottom:20px;}
.service-txt {float:left; width:50%; vertical-align:top; letter-spacing:-1.05px;}
.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%;}


/* ¼­ºñ½º - ¸®½ºÆ®3Ä­ */
.list-img ul {width:100%;}
.list-img li {width:32%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img li:nth-child(3n+3) {margin-right:0%;}
.list-img li .img {line-height:0; padding-bottom:15px;}
.list-img li .img img {width:100%;}
.list-img li .txt h5 {color:#00529b; padding-bottom:5px; margin-bottom:2px; }
.list-img li p {padding-top:12px; border-top:1px solid #DDD;}

/* ¼­ºñ½º - ¸®½ºÆ®4Ä­ */
.list-img-4 ul {width:100%;}
.list-img-4 li {width:23%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-4 li:nth-child(4n+4) {margin-right:0%;}
.list-img-4 li .img {line-height:0; padding-bottom:15px;}
.list-img-4 li .img img {width:100%;}
.list-img-4 li .txt h5 {color:#00529b; padding-bottom:5px; margin-bottom:2px; }
.list-img-4 li p {padding-top:12px; font-size:14px; border-top:1px solid #DDD;}

/* ¼­ºñ½º - ¸®½ºÆ®5Ä­ */
.list-img-5 ul {width:100%; }
.list-img-5 li {width:18%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-5 li:nth-child(5n+5) {margin-right:0%;}
.list-img-5 li .img {line-height:0; padding-bottom:15px;}
.list-img-5 li .img img {width:100%;}
.list-img-5 li .txt h5 {padding-bottom:5px; margin-bottom:2px; color:#666; font-size:16px; font-weight:400; }

/* workflow */
.workflow5 ul {width:100%;}
.workflow5 li {width:15%; margin-right:6%; margin-bottom:50px; float:left; }
.workflow5 li:nth-child(5n+5) {margin-right:0%;}
.workflow5 li .img {line-height:0; padding-bottom:15px;}
.workflow5 li .img img {width:100%;}
.workflow5 li .txt p {text-align:center; font-size:14px; line-height:20px; letter-spacing:-0.8px; }

.workflow6 ul {width:100%;}
.workflow6 li {width:14%; margin-right:3%; margin-bottom:50px; float:left; }
.workflow6 li:nth-child(6n+6) {margin-right:0%;}
.workflow6 li .img {line-height:0; padding-bottom:15px;}
.workflow6 li .img img {width:100%;}
.workflow6 li .txt p {text-align:center; font-size:14px; line-height:20px; letter-spacing:-0.8px; }


/*ÇÏ´Ü µ¿¿µ»ó3´Ü »ðÀÔ ¿µ¿ª */
.videoWarp {text-align:center; }
.list-video {position:relative; /*padding-bottom:56.25%;*/ }
.list-video li {width:32%; margin-right:2%; margin-bottom:50px; float:left; text-align:center;}
.list-video li:nth-child(3n+3) {margin-right:0%;}
.list-video li:last-child {margin-right:0;}
.list-video li .txt h5 {padding-top:8px; font-size:16px; color:#333; }
.list-video li .txt p {margin-top:10px; padding-top:15px; border-top:1px solid #DDD;}
.list-video iframe {width:380px; height:214px;}
.list-video embed { position: absolute;  width: 100%;  height: 100%;}

/* ¼­Æ÷Æ® ¾È³» */
.support {margin-top:60px; margin-bottom:50px; }
.support-txt {float:left; width:50%; margin-top:20px; font-size:16px; line-height:26px; }
.support .tit-sm {font-size:16px; line-height:28px; color:#00a1e4; letter-spacing:5px; font-weight:600; padding-bottom:10px; border:0px solid red; }
.support .tit {font-size:28px; line-height:40px; color:#1E1E1E; padding-bottom:5px;}
.support .txt { color:#1E1E1E; font-weight:300; padding-bottom:10px;}
.img-left {float:left; width:50%; /*vertical-align:top;*/ padding-right:50px; border:0px solid green;}
.img-left img {width:100%;}

/* ±³¿í¼­ºñ½º */
.edu {margin-top:20px; margin-bottom:100px; }
.edu-txt {float:left; width:50%; margin-top:10px; font-size:16px; line-height:26px; }
.edu .tit-sm {font-size:20px; line-height:28px; color:#00a1e4; letter-spacing:5px; font-weight:600; padding-bottom:10px;}
.edu .tit {font-size:34px; line-height:40px; color:#1E1E1E; padding-bottom:20px;}
.edu .txt {float:left; width:100%; vertical-align:top; font-size:18px; letter-spacing:0.5px;  }
.edu_thumb {float:left; padding-top:30px; font-size:92%; color:#888;}
.edu_thumb img {padding-right:8px; width:32%; }
.edu_info {float:left; padding-top:30px; font-size:92%; color:#888; letter-spacing:0.5px;}
.edu_info p {font-size:15px; color:#072e3a;}
.edu_info li {font-size:14px; color:#888;}
.edu_info a {display:block; width:160px; height:35px; margin-top:10px; padding:4px; text-align:center; color:#fff; background:#0f75bc; border-radius:15px;}

.edu-img {float:left; width:48%; vertical-align:top; padding-left:50px;}
.edu-img img {width:100%;}

/* À¯Áöº¸¼öccp */
.support-ccp {width:100%; border:0px solid red;}
.support-ccp .level-box {width:23%; margin-right:2%; margin-bottom:50px; float:left; }
.support-ccp .level-box:nth-child(3n+4) {margin-right:0%;}
.support-ccp .level {height:160px; padding:50px 10px; margin-bottom:5px; text-align:center; vertical-align:middle; border-radius:0 15px 0 15px;}

.support-ccp .level01 {background:#3a84b6; color:#ffffff; }
.support-ccp .level02 {background:#00558b; color:#ffffff; }
.support-ccp .level03 {background:#3e3e3e; color:#ffffff; }
.support-ccp .level04 {background:#000000; color:#ffffff; }
.support-ccp h5 {font-size:24px; color:#ffffff; font-weight:600; }
.support-ccp ul {position:relative; height:400px; padding:25px 0; font-size:16px; background:#e5e5e5; border-radius:15px 0 0 0; }
.support-ccp li {width:80%; margin-left:30px; margin-bottom:10px; list-style-type : disc;  line-height:140%; }
.support-ccp .plus {position:absolute; top:320px; width:100%; padding-top:30px; text-align:center; color:#000000; background:url('../../img/_designcoco/images/icon/plus.png') center top no-repeat;}

.ccp-option {float:right; width:66%; margin-top:-50px; padding:20px; background:#cae5e4; border:5px solid #84ccc9; }
.ccp-option .option-title {font-size:24px; color:#000000; font-weight:600;}
.ccp-option ul {padding:25px 0 0; }
.ccp-option li {width:90%; margin-left:30px; margin-bottom:10px; list-style-type : disc;  line-height:140%; }

/* ¼­Æ÷Æ®-À̹ÌÁö¸®½ºÆ® */
.support-img-2 ul {width:100%; }
.support-img-2 li {width:49%; margin-right:2%; margin-bottom:50px; float:left;}
.support-img-2 li:nth-child(2n+2) {margin-right:0%;}
.support-img-2 li .img {line-height:0; padding-bottom:15px;}
.support-img-2 li .img img {width:100%;}
.support-img-2 li .txt h5 {color:#00529b; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}

/* Æû¸ÞÀÏ ¿µ¿ª */
.mailTo {}
.mailTo p {padding-bottom:40px;}
.mailTo a {display:block; width:160px; height:55px; margin:0 auto;  padding-top:15px;  background:#0b3243; border:1px solid #6c828d; border-radius:15px;}
.mailTo a:hover {background:#000; }
.mailTo .mail-send {font-size:20px; font-weight:600px; color:#fff;}

/* »ç¾÷ºÐ¾ß */
.list-img-2 ul {width:100%; }
.list-img-2 li {width:49%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-2 li:nth-child(2n+2) {margin-right:0%;}
.list-img-2 li .img {line-height:0; padding-bottom:15px;}
.list-img-2 li .img img {width:100%;}
.list-img-2 li .txt h5 {color:#00529b; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}


/* »ç¾÷ºÐ¾ß 2 - ¾÷¹«¿µ¿ª */
.work dl {width:50%; float:left; /*border:1px solid red;*/}
.work dt {color:#000; font-weight:500; font-size:110%;}
.work dd {padding-bottom:30px; font-size:16px;}
.work dd:last-child {padding-bottom:0;}


/* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
.list-box5 ul {width:100%;  align:center; border:1px solid red;}
.list-box5 li { /*float:left;*/ display:inline-block; color:#333; width:19.6%; /*margin-right:0.5%;*/ padding:40px 0; background:rgba(255,255,255,0.85);}
.list-box5 li:last-child {margin-right:0;}
.list-box5 li .img {line-height:0; padding-bottom:20px;}
.list-box5 li .txt h5 {color:#000; padding-bottom:10px; }
.list-box5 li .txt p {color:#666; padding-bottom:0; }


/* Å×ÀÌºí ½ºÅ¸ÀÏ */
.table table {width:100%; text-align:center; border-top:2px solid #1e459c !important;}
.table td {padding:10px 5px; border:1px solid #DDD;}
.bc-gray {color:#000; background:#F5F5F5;}
.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) {
.sub-content {width:100%; padding:0 20px 50px 20px;}

/*»ó´Ü Á¦Ç°¼Ò°³ µ¿¿µ»ó */
.videoView-2 {display:inline-block; width:48%; margin:0 auto; padding:30px 5px; }
}


@media all and (max-width: 1200px) {
.img-1 img {width:100%;}

/*»ó´Ü Á¦Ç°¼Ò°³ µ¿¿µ»ó */
.videoView-2 {display:inline-block; width:48%; margin:0 auto; padding:30px 5px; }

}

@media all and (max-width: 1024px) {
.sub-page {font-size:14px; line-height:22px;}
/* °øÅë */
.sub-page h4 {font-size:20px; line-height:30px;}
.sub-page h5 {font-size:17px; line-height:24px;}
.sub-page p {font-size:14px; line-height:22px;}
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding:40px 0; margin-bottom:50px;}
.title-box h3 {font-size:28px; line-height:36px;}
/* ¼­ºê¸Þ´º */
.submenu li a {padding:8px 30px; font-size:14px;}
/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.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;}
/* 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;}

/* Á¦Ç°¸ÞÀÎ ¸®½ºÆ® */
.prod-main ul {width:100%;}
.prod-main li {width:32%; margin-right:2%; margin-bottom:50px; float:left; text-align:center; border:0px solid red; }
.prod-main li:nth-child(3n+3) {margin-right:0%;}
.prod-main li .img {line-height:0; padding-bottom:15px;}
.prod-main li .img img {width:100%;}
.prod-main li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:16px; /*color:#00529b;*/ border-top:1px solid #DDD;} 
.prod-main li .txt p {font-size:14px; line-height:22px; letter-spacing:-0.8px; }


/*»ó´Ü Á¦Ç°¼Ò°³ µ¿¿µ»ó */
.videoView-2 {display:inline-block; width:48%; margin:0 auto; padding:30px 5px; }

/*¼­ºñ½ºÇÏ´Ü - µ¿¿µ»ó2x */
.videoWarp {margin-top:80px;}
.list-video {position:relative; /*padding-bottom:56.25%;*/ }
.list-video li {width:45%; margin-right:2%; margin-bottom:50px; float:left; text-align:center;}
.list-video li:nth-child(3n+3) {margin-right:0%;}
.list-video li:last-child {margin-right:0;}
.list-video li .txt h5 {padding-bottom:15px; margin-bottom:15px; font-size:14px; color:#00529b; border-bottom:1px solid #DDD;}
.list-video embed { position: absolute;  width: 100%;  height: 100%;}

/* Á¦Ç°¼Ò°³-ºê·Î¼Å´Ù¿î(1024px)*/
.prod .bt_brochure {float:right; width:250px; height:40px; border:2px solid #6c828d; border-radius:50px;}
.prod .bt_brochure a {display:block; width:250px; height:40px; padding-top:5px; text-align:center; color:#7d7d7d; }

/* ȸ»ç¼Ò°³ */
.company .tit {font-size:24px; line-height:32px;}
/* ¿¬Çõ */
.his-left {padding-right:49%;}
.his-right {padding-left:49%;}

/* ±³¿í¼­ºñ½º(1024px)*/
.edu {margin-top:20px; margin-bottom:100px; }
.edu-txt {float:left; width:60%; margin-top:0; font-size:16px; line-height:26px; }

.edu_thumb {float:left; padding-top:30px; font-size:92%; color:#888;}
.edu_thumb img {padding-right:8px; width:32%; }

.edu-img {float:left; width:40%; vertical-align:top; padding-left:50px;}

/* ¼­Æ÷Æ® ¾È³»(1024px)*/

.support-ccp {width:100%; border:0px solid red;}
.support-ccp .level-box {width:23%; margin-right:2%; margin-bottom:50px; float:left; }
.support-ccp .level-box:nth-child(3n+4) {margin-right:0%;}
.support-ccp .level {height:160px; padding:50px 10px; margin-bottom:5px; text-align:center; vertical-align:middle; border-radius:0 15px 0 15px;}


.support-ccp .level01 {background:#3a84b6; color:#ffffff; }
.support-ccp .level02 {background:#00558b; color:#ffffff; }
.support-ccp .level03 {background:#3e3e3e; color:#ffffff; }
.support-ccp .level04 {background:#000000; color:#ffffff; }


.support-ccp h5 {font-size:24px; color:#ffffff; font-weight:600; }
.support-ccp ul {position:relative; height:400px; padding:25px 0; font-size:15px; background:#e5e5e5; border-radius:15px 0 0 0; }
.support-ccp li {width:80%; margin-left:25px; margin-bottom:10px; list-style-type : disc;  line-height:140%; }
.support-ccp .plus {position:absolute; top:330px; width:100%; padding-top:20px; text-align:center; color:#000000; background:url('../../img/_designcoco/images/icon/plus.png') center top no-repeat;}

.ccp-option {float:right; width:66%; margin-top:-50px; padding:20px; background:#cae5e4; border:5px solid #84ccc9; }
.ccp-option .option-title {font-size:24px; color:#000000; font-weight:600;}
.ccp-option ul {padding:25px 0 0; }
.ccp-option li {width:90%; margin-left:30px; margin-bottom:10px; list-style-type : disc;  line-height:140%; }

}


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

/* ¿©¹é */
.lg-bottom {margin-bottom:80px;}
/* °øÅë */
.sub-page h4 {font-size:18px; line-height:26px;}
.sub-page h5 {font-size:16px; line-height:24px;}
/* ¼­ºê¸Þ´º */
.submenu li a {padding:6px 10px; font-size:13px; border:0px solid red; }
/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:40px 20px;}
.slogan-box h2 {font-size:24px; line-height:28px; padding-bottom:10px;}
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding:30px 0; margin-bottom:30px;}
.title-box h3 {font-size:24px; line-height:32px;}
/* ȸ»ç¼Ò°³ */
.company .txt {width:100%;}
/* CEO Àλ縻 */
.ceo .tit-sm {font-size:13px; line-height:20px;}
.ceo .tit {font-size:20px; line-height:28px;}

/* Á¦Ç°¸ÞÀÎ ¸®½ºÆ® */
.prod-main ul {width:100%;}
.prod-main li {width:32%; margin-right:2%; margin-bottom:50px; float:left; text-align:center; border:0px solid red; }
.prod-main li:nth-child(3n+3) {margin-right:0%;}
.prod-main li .img {line-height:0; padding-bottom:15px;}
.prod-main li .img img {width:100%;}
.prod-main li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:16px; /*color:#00529b;*/ border-top:1px solid #DDD;} 
.prod-main li .txt p {font-size:14px; line-height:22px; letter-spacing:-0.8px; }

/* Á¦Ç°¸Þ´º */
.prodmenu {margin-top:20px; text-align:center; }
.prodmenu li {display:inline-block; font-size:16px; border:1px solid #dcdcdc; }
.prodmenu li .prodmenu_on {color:#7d7d7d; font-weight:500; background:#eeeeee;}
.prodmenu li:last-child {border-right:1px solid #dcdcdc;}
.prodmenu li a {display:block; padding:0px 25px; color:#7d7d7d; }

/*Á¦Ç°¼Ò°³ */
.prod .prod-txt {float:left; width:50%; margin-top:0; font-size:16px; line-height:26px; }

.prod .img-left {float:left; width:50%; /*vertical-align:top;*/ padding-right:50px; border:0px solid green;}
.prod .img-left img {width:100%;}
.prod .img-right {float:left; width:50%; vertical-align:top; padding-left:50px;}
.prod .img-right img {width:100%;}

.prod-info {float:left; width:100%; padding:10px;}

/* Á¦Ç° - ¸®½ºÆ®4Ä­(768px) */
.prod-img4 ul {width:100%;}
.prod-img4 li {width:48%; margin-right:2%; margin-bottom:30px; float:left; }

/* Á¦Ç° - ¸®½ºÆ®5Ä­ */
.prod-img5 ul {width:100%;}
.prod-img5 li {width:31%; margin-right:2%; margin-bottom:50px; float:left; }


/* ¾Ç¼¼¼­¸® - ¾Ç¼¼¼­¸® */
.acc-img ul {width:100%; }
.acc-img li {width:31%; height:500px; margin-right:2%; margin-bottom:50px; float:left; }
.acc-img li:nth-child(4n+4) {margin-right:0%;}

/* ¼­ºñ½º - ¸®½ºÆ®3Ä­ 
.list-img ul {width:100%;}
.list-img li {width:32%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img li:nth-child(3n+3) {margin-right:0%;}
.list-img li .img {line-height:0; padding-bottom:15px;}
.list-img li .img img {width:100%;}
.list-img li .txt h5 {color:#00529b; padding-bottom:5px; margin-bottom:2px; }
.list-img li p {padding-top:12px; border-top:1px solid #DDD;}
*/
/* ¼­ºñ½º - ¸®½ºÆ®4Ä­(768px) */
.list-img-4 ul {width:100%;}
.list-img-4 li {width:32%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-4 li:nth-child(3n+3) {margin-right:0%;}
/*
.list-img-4 li .img {line-height:0; padding-bottom:15px;}
.list-img-4 li .img img {width:100%;}
.list-img-4 li .txt h5 {color:#00529b; padding-bottom:5px; margin-bottom:2px; }
.list-img-4 li p {padding-top:12px; font-size:14px; border-top:1px solid #DDD;}
*/

/* ¼­ºñ½º - ¸®½ºÆ®5Ä­(768px)  */
.list-img-5 ul {width:100%; }
.list-img-5 li {width:32%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-5 li:nth-child(3n+3) {margin-right:0%;}
.list-img-5 li .img {line-height:0; padding-bottom:15px;}
.list-img-5 li .img img {width:100%;}
.list-img-5 li .txt h5 {padding-bottom:5px; margin-bottom:2px; color:#666; font-size:16px; font-weight:400; }


/*»ó´Ü Á¦Ç°¼Ò°³ µ¿¿µ»ó */
.videoView-2 {display:inline-block; width:100%; margin:0 auto; padding:30px 5px; }

/*¼­ºñ½ºÇÏ´Ü - µ¿¿µ»ó1x */
.videoWarp {margin-top:80px;}
.list-video {position:relative; /*padding-bottom:56.25%;*/ }
.list-video li {width:100%; margin-right:2%; margin-bottom:50px; float:left; text-align:center;}
.list-video li:nth-child(3n+3) {margin-right:0%;}
.list-video li:last-child {margin-right:0;}
.list-video li .txt h5 {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}
.list-video embed { position: absolute;  width: 100%;  height: 100%;}

/* Á¦Ç°¼Ò°³-ºê·Î¼Å´Ù¿î(1024px)*/
.prod .bt_brochure {float:right; width:250px; height:40px; border:2px solid #6c828d; border-radius:50px;}
.prod .bt_brochure a {display:block; width:250px; height:40px; padding-top:5px; text-align:center; color:#7d7d7d; }

/* ¿¬Çõ */
.year-box {text-align:left;}
.year-box .tit-year {padding:8px 24px; font-size:16px;}
.history-box {background:none; padding-bottom:50px;}
.history-box:last-child {padding-bottom:0;}
.history-box .his-list {width:100%; display:block; padding:20px 0; border-bottom:1px solid #DDD;}
.his-left {text-align:left; padding-right:0%;}
.his-left dt {float:left !important;}
.his-right {padding-left:0%;}
.his-arrow {display:none;}
.his-txt .his-year {font-size:17px;}
.his-txt {width:100%;}
.his-txt dt {width:15%;}
.his-txt dd {width:85%;}

/* ȸ»ç¼Ò°³ - Å©·¹¾ÆÆû¿ª»ç */ 
.history-creaform .zone {margin-bottom:50px; font-size:20px; font-weight:500px; color:#0f75bc;}
.history-creaform dl {width:100%; float:left; margin-left:0;  margin-bottom:50px; }
.history-creaform dt {color:#000; font-weight:500; font-size:110%;}
.history-creaform dd {padding-bottom:20px; font-size:14px; line-height:18px;}
.history-creaform dd:last-child {padding-bottom:0;} 

/* ȸ»ç¼Ò°³ - Å©·¹¾ÆÆû¿ª»ç */
.world-creaform  img{display:block; width:100%;  margin: 0 auto; margin-bottom:50px;}
.world-creaform .zone {font-size:24px; font-weight:500px; color:#0f75bc;}
.world-creaform dl {width:100%; float:left; margin-bottom:50px; }
.world-creaform dt {color:#000; font-weight:500; font-size:110%;}
.world-creaform dd {padding-bottom:20px; font-size:14px; line-height:18px;}
.world-creaform dd:last-child {padding-bottom:0;} 

/* ¿À½Ã´Â ±æ(768px) */
.map .map_img {width:100%; height:300px; }
.map .map_img .map_b {float:left; width:28%; height:450px; display:none;}
.map .map_img .map_b img {height:100%; padding-right:10px; }
.map .map_img .map_view {float:left; width:100%;}
.map .map_img .map_view iframe {width:100%;}
.address li .tit {width:25%; padding:15px; }
.address li .txt {width:72%; padding:15px;}
/* »ç¾÷ºÐ¾ß */
.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 li {width:45%; margin:1% !important;}
.certificate li p {font-size:14px; line-height:18px;}
/* ÆÄÆ®³Ê */
.partner li {width:48%; margin:1% !important;}
.partner li p {font-size:14px; line-height:18px;}
/* ¸®½ºÆ® À̹ÌÁö3 */
.list-img li {width:49%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img li:nth-child(2n+2) {margin-right:0% !important;}
.list-img li:nth-child(3n+3) {margin-right:2%;}

/* ¼­ºñ½º - ¸®½ºÆ®4Ä­(768px) */
.list-img-4 ul {width:100%;}
.list-img-4 li {width:32%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-4 li:nth-child(3n+3) {margin-right:0% !important;}

.list-img-4 li:nth-child(4n+4) {margin-right:2%;}

/* ¼­ºñ½º - ¸®½ºÆ®5Ä­(768px)  */
.list-img-5 ul {width:100%; }
.list-img-5 li {width:32%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-5 li:nth-child(3n+3) {margin-right:0% !important;}
.list-img-5 li:nth-child(4n+4) {margin-right:2%;}

/* ÁÖ¿äÇöȲ */
.company-info {padding:60px 40px;}
/* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
.list-box5 li {color:#333; width:33%; margin-bottom:0.5%; padding:30px 0;}
.list-box5 li:nth-child(3n+3) {margin-right:0;}

/* ¼­Æ÷Æ® ¾È³»(768px) */
.support {margin-top:60px; margin-bottom:50px; }
.support-txt {float:left; width:100%; margin-top:20px; font-size:16px; line-height:26px; }
.support .tit-sm {font-size:16px; line-height:28px; color:#00a1e4; letter-spacing:5px; font-weight:600; padding-bottom:10px;}
.support .tit {font-size:28px; line-height:40px; color:#1E1E1E; padding-bottom:5px;}
.support .txt { color:#1E1E1E; font-weight:300; padding-bottom:10px;}
.img-left {width:100%; }
.img-left img {width:100%;}

.support-ccp {width:100%; border:0px solid red;}
.support-ccp .level-box {width:23%; margin-right:2%; margin-bottom:50px; float:left; }
.support-ccp .level-box:nth-child(3n+4) {margin-right:0%;}
.support-ccp .level {height:160px; padding:40px 10px; margin-bottom:5px; text-align:center; vertical-align:middle; border-radius:0 15px 0 15px;}


.support-ccp .level01 {background:#3a84b6; color:#ffffff; }
.support-ccp .level02 {background:#00558b; color:#ffffff; }
.support-ccp .level03 {background:#3e3e3e; color:#ffffff; }
.support-ccp .level04 {background:#000000; color:#ffffff; }


.support-ccp h5 {font-size:24px; color:#ffffff; font-weight:600; }
.support-ccp ul {position:relative; height:420px; padding:20px 0; font-size:14px; background:#e5e5e5; border-radius:15px 0 0 0; }
.support-ccp li {width:80%; margin-left:25px; margin-bottom:10px; list-style-type : disc;  line-height:140%; }
.support-ccp .plus {position:absolute; top:360px; width:100%; padding-top:15px; text-align:center; color:#000000; background:url('../../img/_designcoco/images/icon/plus.png') center top no-repeat;}

.ccp-option {float:right; width:66%; margin-top:-50px; padding:20px; background:#cae5e4; border:5px solid #84ccc9; }
.ccp-option .option-title {font-size:24px; color:#000000; font-weight:600;}
.ccp-option ul {padding:25px 0 0; }
.ccp-option li {width:90%; margin-left:30px; margin-bottom:10px; list-style-type : disc;  line-height:140%; }

}


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

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding:40px 0 30px 0; margin-bottom:30px;}
.title-box h3 {font-size:24px; line-height:32px;}
/* ȸ»ç¼Ò°³ */
.company .tit {font-size:18px; line-height:26px;}
.company .img {padding-bottom:25px;}
/* CEO Àλ縻 */
.ceo .tit-sm {padding:10px 0;}
.img-left {width:100%; padding-right:0px;}
.img-right {width:100%; padding-top:10px; padding-left:0px;}
.ceo-txt {float:left; width:100%;}
.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
.ceo_sign img {padding-left:10px;}

/* Á¦Ç°¸Þ´º */
.prodmenu {margin-top:20px; text-align:center; }
.prodmenu li {display:inline-block; font-size:14px; border:1px solid #dcdcdc; }
.prodmenu li .prodmenu_on {color:#7d7d7d; font-weight:500; background:#eeeeee;}
.prodmenu li:last-child {border-right:1px solid #dcdcdc;}
.prodmenu li a {display:block; padding:0px 10px; color:#7d7d7d; }

/* Á¦Ç°¸ÞÀÎ ¸®½ºÆ® */
.prod-main ul {width:100%;}
.prod-main li {width:48%; margin-right:2%; margin-bottom:50px; float:left; text-align:center; border:0px solid red; }
.prod-main li:nth-child(2n+2) {margin-right:0%;}
.prod-main li .img {line-height:0; padding-bottom:15px;}
.prod-main li .img img {width:100%;}
.prod-main li .txt h5 {padding-bottom:10px; margin-bottom:10px; font-size:16px; /*color:#00529b;*/ border-top:1px solid #DDD;} 
.prod-main li .txt p {font-size:14px; line-height:22px; letter-spacing:-0.8px; }

.prod .prod-txt {float:left; width:100%; margin-top:0; font-size:14px; line-height:20px; }
.prod .tit-sm {font-size:12px; line-height:20px; color:#00a1e4; letter-spacing:5px; font-weight:600; padding-bottom:3px; border:0px solid red; }
.prod .tit {font-size:20px; line-height:30px; color:#1E1E1E; padding-bottom:5px;}

.prod .img-left {float:left; width:100%; /*vertical-align:top;*/ padding-right:0; border:0px solid green;}
.prod .img-left img {width:100%;}
.prod .img-right {float:left; width:100%; vertical-align:top; padding-left:0;}
.prod .img-right img {width:100%;}

/* Á¦Ç° - ¸®½ºÆ®2Ä­ */
.prod-img2 ul {width:100%;}
.prod-img2 li {width:100%; margin-right:0; margin-bottom:50px; float:left; }

/* Á¦Ç° - ¸®½ºÆ®3Ä­(480px) */
.prod-img ul {width:100%; }
.prod-img li {width:100%; margin-right:0; margin-bottom:30px; float:left; }

/* Á¦Ç° - ¸®½ºÆ®4Ä­(480px) */
.prod-img4 ul {width:100%;}
.prod-img4 li {width:100%; margin-right:0; margin-bottom:30px; float:left; }

/* Á¦Ç° - ¸®½ºÆ®5Ä­ */
.prod-img5 ul {width:100%;}
.prod-img5 li {width:100%; margin-right:0; margin-bottom:30px; float:left; }

/* ¾Ç¼¼¼­¸® - ¾Ç¼¼¼­¸® */
.acc-img ul {width:100%; }
.acc-img li {width:100%; margin-right:0; margin-bottom:50px; float:left; }
.acc-img li:nth-child(4n+4) {margin-right:0%;}

/* ¼­ºñ½º - ¸®½ºÆ®4Ä­(480px) */
.list-img-4 ul {width:100%;}
.list-img-4 li {width:48%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-4 li:nth-child(2n+2) {margin-right:0%;}
.list-img-4 li:nth-child(3n+3) {margin-right:2%;}

/* ¼­ºñ½º - ¸®½ºÆ®5Ä­(480px)  */
.list-img-5 ul {width:100%; }
.list-img-5 li {width:48%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img-5 li:nth-child(2n+2) {margin-right:0%;}
.list-img-5 li:nth-child(3n+3) {margin-right:2%;}

/* Á¦Ç°¼Ò°³-ºê·Î¼Å´Ù¿î(1024px)*/
.prod .bt_brochure {float:right; display:block; width:200px; height:40px; border:2px solid #6c828d; border-radius:50px;}
.prod .bt_brochure a {display:block; width:200px; height:40px; padding-top:0; padding:8px; text-align:center; line-height:18px; color:#7d7d7d; }


/* ¿À½Ã´Â ±æ */
.map .map_img {height:250px;}
.address li {padding:15px;}
.address li .tit {width:100%; display:inline-block; background:#FFF; padding:0; padding-bottom:5px;}
.address li .tit i {margin-right:7px;}
.address li .txt {width:100%; display:inline-block; padding:0;}
/* »ç¾÷ºÐ¾ß */
.business .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}
/* ¾÷¹«¿µ¿ª */
.work dl {width:100%; padding-top:20px;}
.work dt {color:#000; font-weight:500; font-size:110%;}
.work dd {padding-bottom:30px;}
.work dd:last-child {padding-bottom:0;}
/* ÀÎÁõ¼­ */
.certificate li {width:100%; margin:0% !important; padding-bottom:30px;}
.list-img li {width:100%; margin-right:0%;}
.list-img li:last-child {margin-bottom:0%;}
/* ÁÖ¿äÇöȲ */
.company-info {padding:50px 20px;}
/* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
.list-box5 li {width:100%; margin-bottom:5px;}
.list-box5 li:nth-child(3n+3) {margin-right:0;}

/* ±³¿í¼­ºñ½º */
.edu {margin-top:20px; margin-bottom:100px; }
.edu-txt {float:left; width:100%; margin-top:10px; font-size:16px; line-height:26px; }
.edu .txt {float:left; width:100%; vertical-align:top; font-size:18px; letter-spacing:0.5px;  }
.edu_thumb {float:left; padding-top:30px; font-size:92%; color:#888;}
.edu_thumb img {padding-right:8px; width:32%; }
.edu-img {float:left; width:100%; vertical-align:top; padding-left:0; padding-top:20px}
.edu-img img {width:100%;}

/* À¯Áöº¸¼öccp 480px */
.support-ccp {width:100%; border:0px solid red;}
.support-ccp .level-box {width:23%; margin-right:2%; margin-bottom:50px; float:left; }
.support-ccp .level-box:nth-child(3n+4) {margin-right:0%;}
.support-ccp .level {height:160px; padding:20px 5px; margin-bottom:5px; text-align:center;  line-height:120%; vertical-align:middle; border-radius:0 15px 0 15px;}


.support-ccp .level01 {background:#3a84b6; color:#ffffff; }
.support-ccp .level02 {background:#00558b; color:#ffffff; }
.support-ccp .level03 {background:#3e3e3e; color:#ffffff; }
.support-ccp .level04 {background:#000000; color:#ffffff; }


.support-ccp h5 {font-size:20px; color:#ffffff; font-weight:600; }
.support-ccp ul {position:relative; height:420px; padding:20px 0; font-size:12px; background:#e5e5e5; border-radius:15px 0 0 0; }
.support-ccp li {width:80%; margin-left:20px; margin-bottom:5px; list-style-type : disc;  line-height:140%; }
.support-ccp .plus {position:absolute; top:350px; width:100%; padding-top:20px; text-align:center; color:#000000; background:url('../../img/_designcoco/images/icon/plus.png') center top no-repeat;}

.ccp-option {float:right; width:66%; margin-top:-50px; padding:20px; background:#cae5e4; border:5px solid #84ccc9; }
.ccp-option .option-title {font-size:20px; color:#000000; font-weight:600;}
.ccp-option ul {padding:25px 0 0; font-size:12px;}
.ccp-option li {width:85%; margin-left:30px; margin-bottom:10px; list-style-type : disc;  line-height:140%; }