.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;}
/* °øÅë */
legend,
caption {
    display: none
}
.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 p {font-size:16px; line-height:32px; word-break:keep-all;}
/* ¼­ºê¸Þ´º */
.submenu {width:100%; background:#1a5bb1; text-align:center;}
.submenu ul {display:inline-block; vertical-align:top;}
.submenu li {float:left; border-left:1px solid #4179c3;}
.submenu li:last-child {border-right:1px solid #4179c3;}
.submenu li a {display:block; padding:12px 40px; color:#fff; }
.submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF;}
.submenu li a.active {color:#1E1E1E; font-weight:500; background:#FFF;}
/* ¿©¹é */
.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_01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-03 {background:url('../../img/_designcoco/images/sub_top_01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-04 {background:url('../../img/_designcoco/images/sub_top_01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-05 {background:url('../../img/_designcoco/images/sub_top_01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-06 {background:url('../../img/_designcoco/images/sub_top_01.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:800; color:#FFFFFF; font-family:'Montserrat','Noto Sans KR', sans-serif; padding-bottom:10px; text-shadow: 2px 2px 4px #666;}
.slogan-box p {color:#FFF; font-size:15px; line-height:22px; text-shadow: 2px 2px 4px #333;}
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {border-bottom:1px solid #DDD; padding:60px 0; margin-bottom:70px; text-align:center;}
.title-box h3 {color:#000; 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 .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%;}
/* ÁÖ¿äÇöȲ */
.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;}
/* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
.list-box5 ul {width:100%;}
.list-box5 li {color:#333; width:19.6%; margin-right:0.5%; padding:40px 0; background:rgba(255,255,255,0.85); float:left;}
.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;}

/* »ç¾÷ºÐ¾ß */
.list-img ul {width:100%;}
.list-img li {width:49%; margin-right:2%; margin-bottom:50px; float:left;}
.list-img li:nth-child(2n+2) {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:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}
/* »ç¾÷ºÐ¾ß */
.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;}

/* ½Ã¼³¼Ò°³ ¿µ¿ª */
#si-in p {padding-bottom: 20px;}
.sisel {width: 100%;}
.sisel img {width: 100%;}
.sisel li {width: 30%; float: left;}
.sisel li:nth-child(2) { margin: 0 4%;}
.si-text-3 { font-size:30px; line-height:40px; color:#1E1E1E; text-align: left; margin-top: 10px;}
.si-text-3:after {content: ''; display: block; margin: 15px 0; width: 60px; border-top: 3px solid #63a6c6;}
.si-text-4 {line-height: 1.94; letter-spacing:-1.05px; text-align: left; margin-top: 20px; padding-bottom: 100px; word-break: keep-all;}
.si_bi .tit {font-size: 30px; line-height: 40px; color: #1E1E1E; padding-bottom: 20px;}

/* ¼ö¿µÀåºñ±³Å×À̺í */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.pool_info3 {
    position: relative;
}
.pool_info3 table {
    border-top: 2px solid #148fae;
}
.pool_info3 table th:first-child {
    width: 150px;
}
.pool_info3 table th {
    padding: 11px 10px 10px;
    border-bottom: 1px solid #dcdcdc;
    font-weight: normal;
    text-align: center;
    color: #616161;
}
.pool_info3 table td {
    padding: 11px 10px 10px;
    border-bottom: 1px solid #dcdcdc;
    color: #616161;
    text-align: center;
}
.pool_info3 table thead th {
    border-bottom: 1px solid #555;
    color: #112443;
    background: #f8f8f8;
    border-left: 1px solid #dcdcdc;
    font-size: 16px
}
.pool_info3 table thead th:first-child {
    border-left: none
}
.pool_info3 table tbody th {
    background: #f8f8f8;
    font-size: 14px;
}
.pool_info3 table td {
    border-left: 1px solid #dcdcdc;
    font-size: 14px;
}
.pool_info3 table td:last-child {
    color: #148fae
}
.pool_info3 {
    padding-right: 320px;
}
.pool_info3 .pool_banner {
    position: absolute;
    right: 0;
    top: 0;
    float: left;
    background: url(/skin/img/info02_banner.png) no-repeat 0 0;
    width: 285px;
    /*height:367px;*/
    color: #fff;
}
.pool_info3 .pool_banner ul {}
.pool_info3 .pool_banner li {
    text-align: center;
    width: 285px;
    display: block;
    padding: 37px 0;
}
.pool_info3 .pool_banner li:first-child {
    background-color: #00b0f0;
}
.pool_banner li:nth-child(2) {
    background-color: #558ed5;
}
.pool_banner li:nth-child(3) {
    background-color: #0070c0;
}
.pool_banner li:nth-child(4) {
    background-color: #6245dd;
}
.pool_info3 .pool_banner li span {
    display: block;
    font-size: 18px;
    letter-spacing: -1px;
}

/*ÁöµµÀÚ¼Ò°³*/
.ceoprofile {
   margin-bottom: 50px;
}

.ceo-txt dl {
    margin-bottom: 40px;
}
.ceo-txt dl dt {
    font-size: 36px;
}
.ceo-txt dl dd {
    font-size: 24px;
    color: #20739b;
    margin-top: 5px;
    padding-bottom: 20px;
}
.ceo-txt dl dt:after {
    content: '';
    display: block;
    margin: 15px 0;
    width: 60px;
    border-top: 3px solid #63a6c6;
}
.ceo-img {
    float: left;
    width: 50%;
    vertical-align: top;
    padding-right: 50px;
}
.ceo-img img {
 
    width: 100%;
}

.p-tit {
    font-size: 20px;
    font-weight: 700;
    color: #76a0b9;
    margin-bottom: 10px;
}
.p-tit1 {
    font-size: 18px;
    font-weight: 400;
    color: #76a0b9;
    margin-top: 20px;
}
.p-end {
    margin-bottom: 90px;
}
.ceo-pro ul {

}
.ceo-txt ul li {
    color: #555;
    line-height: 160%;
}

.ceoprofile .pro-box li.pro2 {
    margin-right: 0;
}
.ceoprofile .pro-box li {
    width: 49%;
    margin-right: 2%;
    float: left;
    margin-bottom: 19px;
    box-sizing: border-box;
}

.ceoprofile .pro-box li.pro3 {
    width: 100%;
}

.tpro_box {
    width: 100%;
    float: left;
    border-top: 1px solid #e5e5e5;
    padding: 50px 0;
}
.tpro_box .colR dl dt {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 20px;
}

.tpro_box .colR dl dd {
    font-size: 18px;
    font-weight: 400;
    color: #76a0b9;
}

.tpro_box div.L,
.tpro_box div.R {
    width: 50%;
    float: left;
}
.tpro_box .picture img {
    width: 100%;
}
.tpro_box .colR {
    float: left;
    width: 62%;
}
.tpro_box .colR .zic {
    font-size: 20px;
    color: #20739b !important;
}
.tpro_box .colR li p {
    font-size: 14px;
    line-height: 25px;
}
.tpro_box .picture {
    width:30%;
    margin-right: 4%;
    margin-bottom: 0;
    float: left
}

/* Á¶Á÷µµ */
.organization {
    position: relative;
}
.organization:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #d1d3d5;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
}
.organization li {
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.organization li a {
    color: #fff;
    text-decoration: none;
    display: block;
}
.organization li .ceo,
.organization li .ceo1 {
    width: 20%;
    display: block;
    left: 40%;
    margin-bottom: 70px;
    position: relative;
    background-color: #1a5bb1;
    z-index: 999;
    padding: 12px 5%;
    color: #fff;
}
.organization li .ceo1 {
    background-color: #6d99cf;
}

.organization li strong.ceo a {
    font-size: 16px;
    padding: 10px 5%;
    background: #1a5bb1;
}
.organization li p {
    position: absolute;
    position: absolute;
    width: 100%;
    top: 170px;
    left: 0;
    box-sizing: border-box;
    padding-right: 18%;
}
.organization li span.side {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 50%;
}
.organization li span.side a {
    color: #1a5bb1;
    font-size: 18px;
    width: 44%;
    border: 2px solid #1a5bb1;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 7px
}

.organization li ul {
    padding: 100px 0 0 0;
}
.organization li ul:after {
    /* content:""; */
    display: block;
    clear: both;
}
.organization li ul li {
    width: 20%;
    float: left;
    padding-left: 2.5%;
    padding-right: 2.5%;
    margin-top: 0;
    margin-bottom: 70px;
    position: relative;
}

.organization li ul li.l_edge:after {
    content: "";
    display: block;
    width: 50%;
    height: 10px;
    background: #fff;
    position: absolute;
    left: 0;
    top: -2px;
}
.organization li ul li.r_edge:after {
    content: "";
    display: block;
    width: 50%;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 0;
    top: -2px;
}


.organization li ul li:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #d1d3d5;
    position: absolute;
    left: 0;
    top: -1px;
}
.organization li ul li strong {
    display: block;
    font-weight: 400;
    padding-top: 30px;
    position: relative;
    z-index: 10;
}
.organization li ul li strong:before {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background: #d1d3d5;
    position: absolute;
    left: 50%;
    top: 0;
}
.organization li ul li strong a {
    font-size: 16px;
    padding: 10px 5%;
    background: #36aeda;
}
.organization li ul li ul {
    padding: 0;
    z-index: 10;
    position: relative;
}
.organization li ul li ul li {
    width: auto;
    float: none;
    padding-left: 0;
    padding-right: 0;
    margin-top: 5px;
    margin-bottom: 0;
    padding-top: 0;
}
.organization li ul li ul li:before {
    display: none;
}
.organization li ul li ul li strong:before {
    display: none;
}
.organization li ul li ul li strong a {
    background: #6b7786;
    color: #fff;
}
.organization li ul li ul li a {
    background: #f4f4f4;
    color: #666;
    padding: 10px 5%;
}

.organization li ul li ul li ul li a {
    color: #666;
}



/*ÀÚ¹®À§¿ø¼Ò°³ */
.consultant {
    width: 100%;
}
.consultant ul li {
    width:21%;
    float: left;
    display: block;
    margin-right: 5.333%;
    margin-bottom: 50px;
    background-color: #eee;
}
.consultant ul li:nth-child(4) {
    margin-right: 0;
}
.consultant .bg_box {

    height: 150px;
    background: url('../../img/_designcoco/images/sub06_imgbg.jpg');
}
.consultant .bg_box .tbox {
    display: block;
    background-color: #8bc0d9;
    letter-spacing: 2px;
    width: 70%;
    margin-top: 18px;
    padding:3px 0;
    text-align: center;
    color: #fff;
}
.consultant .bg_box .tbox1 {
    width: 80%;
    margin: 20px auto;
}

.consultant .bg_box .tbox1 .name {
    font-size: 26px;
   color: #272727;
}




/* ȸ¿øµî·Ï¾È³» */
.join_box {
    overflow: hidden;
}

.join_box .img_box {
    max-width: 100%;
    margin: 0 0 50px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
   padding-bottom: 50px;
}

.join_box .text_box {
    float: left;
}

.img_box img {
    max-width: 122px;
    float: left;
    margin: 0 80px;
}
.join_box .tit,
.time_box .tit {
    font-size: 30px;
    line-height: 40px;
    color: #1E1E1E;
    padding-bottom: 20px;
}

/* ÇÁ·Î±×·¥¼Ò°³ */
.work .work_info {
    padding-bottom: 30px;
}
.work h2 {
    font-size: 30px;
    line-height: 40px;
    color: #1E1E1E;
    padding-bottom: 20px;
}

.work .tcolor,
.time_box table td .tcolor {
    color: #63a6c6;
}

/* ½Ã°£Ç¥ */
.time_box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}


.time_box .time_boxL {
    width: 50%;
    float: left;
}
.time_box .time_boxR {
    width: 50%;
    float: left;
}
.time_box .zic{
    font-size: 20px;
    color: #1a5bb1;
}
.time_box .tb01 {
    padding-right: 15px;
}
.time_box .tb02 {
    padding-left: 15px;
}
.time_box .tb01 .p_tit,
.time_box .tb02 .p_tit, 
.time_box .tb03 .p_tit {
    font-size: 30px;
    line-height: 40px;
    color: #1E1E1E;
    padding-bottom: 5px;
    letter-spacing: -1.5px;
}
.time_box table {
    width: 100%;
    border-top: 2px solid #1a5bb1;
    margin-top: 10px;
    margin-bottom: 20px;
}
.time_box .tcolor {
    color: #e95656;
}
.time_box h3 {
    color: #e95656;
    margin-bottom: 25px;
}
.time_box .end_txt {
    margin-bottom: 20px;
}
.time_box table th:first-child {
    color: #616161;
    width: 180px;
}
.time_box table th {
    padding: 11px 10px 10px;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    color: #616161;
    font-size: 14px;
}
.time_box table td{
    padding: 11px 10px 10px;
    border-bottom: 1px solid #dcdcdc;
    color: #616161;
    text-align: center;
}
.time_box table thead th {
    border-bottom: 1px solid #555;
    color: #112443;
    background: #f0f3f8;
    border-left: 1px solid #dcdcdc;
    font-weight: 600;
}
.time_box table thead th:first-child {
    border-left: none;
    font-weight: 600;
    color: #112443;
}
.time_box table tbody th {
    background: #f8f8f8;
}
.time_box table td {
    border-left: 1px solid #dcdcdc;
    font-size: 14px;
}
.time_box .tb04 table td {
    border-left: none;
    color: #616161
}

.time_box .tb03_width {
    width: 70%;
}

/* ¾÷¹«¿µ¿ª */
.work dl {width:50%; float:left;}
.work dt {color:#000; font-weight:500; font-size:110%;}
.work dd {padding-bottom:30px;}
.work dd:last-child {padding-bottom:0;}
/* ¿¬Çõ */
.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;}
.his-txt dd {width:90%; float:left;}
/* ¿À½Ã´Â ±æ */
.map .map_img {height:450px;}
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;}
/* ÀÎÁõ¼­ */
.certificate ul {width:100%; font-size:0; text-align:center;}
.certificate li {width:23.5%; margin-right:2%; padding-bottom:40px; 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;}
/* ÆÄÆ®³Ê */
.partner ul {width:100%; font-size:0; text-align:center;}
.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 p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}
.partner li .pic {line-height:0;}
.partner li .pic img {width:100%; border:3px solid #E0E0E0;}
/* ±âŸ */
.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;}
}

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

}



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



@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 ul {padding:10px;}
.submenu li {border-left:0; position:relative;}
.submenu li a {padding:2px 10px; font-size:13px;}
.submenu li:after {transform:rotate(25deg); content:''; display:inline-block; width:1px; height:10px; background:#b3bccf; position:absolute; top:8px; right:-1px;}
.submenu li:last-child {border-right:0 !important;}
.submenu li:last-child:after {display:none;}
.submenu li a.active {background:none; color:#FFF;}
.submenu li a:hover {background:none; color:#FFF;}
/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.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;}
/* ½Ã¼³¼Ò°³ */

.si-text-3 { font-size:20px;}
.si_bi .tit {font-size: 20px;}

/* ÁöµµÀÚ¼Ò°³ */

.tpro_box .picture {
    width:96%;
    margin-right: 2%;
    margin-bottom: 30px;
    float: left
}

/*Á¶Á÷µµ*/
.organization li ul li strong a {font-size: 12px;}

.organization li ul li ul li a {font-size: 12px;}

/*ÀÌ¿ë¾È³»*/

.join_box .text_box { width:75%;}
.img_box img { margin: 0 30px;}
.join_box .tit, .time_box .tit {font-size: 20px;}

/*½Ã°£Ç¥*/
.time_box table th:first-child {width: 100px;}

.time_box .tb01 .p_tit, .time_box .tb02 .p_tit, .time_box .tb03 .p_tit {font-size: 20px;}



/* ¿À½Ã´Â ±æ */
.map .map_img {height:300px;}
.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;}
/* ÀÚ¹®À§¿ø */
.consultant .bg_box .tbox1 .name {
    font-size: 20px;
   color: #272727;
}

/* ÆÄÆ®³Ê */
.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%;}
/* ÁÖ¿äÇöȲ */
.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;}
}


@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;}
/* ½Ã¼³¼Ò°³ */
.sisel li {width: 100%; float: left;}
.sisel li:nth-child(2) { margin: 0 0;}
.pool_info3 {padding-right: 0;}
.pool_info3 .pool_banner {
    position: relative;
    float: left;
    width:100%;
    margin-top:50px;    
}
.pool_info3 .pool_banner ul {}
.pool_info3 .pool_banner li {
    text-align: center;
    width: 100%;
    display: block;
    padding: 37px 0;
}
/* ÁöµµÀÚ¼Ò°³ */
.ceo-img {
    float: left;
    width: 100%;
    vertical-align: top;
    padding-right: 0;
    padding-bottom:30px;}
.ceo-pro .pro-box li {
    width: 100%;
    margin-right: 0%;
    float: left;
    margin-bottom: 19px;
    box-sizing: border-box;
    padding-bottom: 20px;
    padding-top: 30px;
}
.p-end {
    margin-bottom: 30px;
}

.tpro_box div.L, .tpro_box div.R { width: 100%; float: left;}
.tpro_box div.R { width: 100%; float: left; margin-top: 50px;}
.tpro_box .picture img {width: 270px;text-align: center;}
.tpro_box .picture {width:100%; float: left;margin-right: 0;}
.tpro_box .colR { width: 100%;}
.ceoprofile .pro-box li {width: 100%;}

/*Á¶Á÷µµ*/
.organization li ul li strong a {
    font-size: 12px;
}


/*ÀÚ¹®À§¿ø*/
.consultant ul li {
    width:48%;
    margin-right: 4%;
}
.consultant ul li:nth-child(2){margin-right: 0;}

/*ÀÌ¿ë¾È³»*/

.join_box .text_box { width:67%;}
.img_box img {  margin-left: 0px; margin-right: 5%;}

/*½Ã°£Ç¥*/
.time_box .time_boxL {width: 100%;}
.time_box .time_boxR {width: 100%;}
.time_box .tb01 {padding-right: 0px;}
.time_box .tb02 {margin-top: 30px; padding-left: 0px;}
.time_box2 {
    width: 100%;
    overflow: auto;
    margin-bottom: 30px;
}

/*¼ö¾÷·á*/
.time_box .tb03_width {
    width: 100%;
}
.time_box .tb03 {
    overflow: auto;
}


/* ¿À½Ã´Â ±æ */
.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;}
}

@media all and (max-width: 408px) { 
.join_box .text_box { width:100%;}
.join_box .img_box {
    text-align: center;
}
.img_box img { display: inline-block; margin:0 auto; float: none;}
}