@charset 'UTF-8';

@font-face {
    font-family: 'KyoboHandwriting2020A';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    font-size: 15px;
    color: #1d1d1d;
    box-sizing: border-box;
    overflow-x: hidden;
}

.page_wrap {overflow-x: hidden;}

/**************** p101010 *****************/
#p101010 {
    font-family: 'Pretendard-Regular';
}

.sub_top_box{
    width: 100%;
    height: 443px;
    background: url('/theme/casco/img/sub/sub_v1.jpg') no-repeat center center /cover;
    padding: 188px 0;
}

.eTxt {
    font-family: 'GmarketSansM';
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.bTxt {
    font-family: 'GmarketSansM';
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 27px;
}

.category{ background:#fff; border-bottom:1px solid #C1C1C1; text-align: center; padding:15px 0;}
.category li{ position:relative; display:inline-block; }
.category li:last-child{ margin-right:0; padding-right:0;}
.category li:before{ content:''; position:absolute; right:0; top:22px; border-right:1px #000 solid; width:1px; height:20px; opacity:0.3;}
.category li:last-child:before{ display:none;}
.category a{ color:#000; display:block;padding:20px 30px; font-size:21px; }

.category .selected2 a{ position:relative; color:#0054a6; font-weight:700;}



#page_info {
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: 20%;
    position: relative;
    
}

/*
.xi-angle-right-min {
    margin-bottom: 150px;
}
*/
.subTitleSubject {
    margin: 100px 0 19px;
}
.subTitleSubject > p {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin-top: 140px;
}

.subTitleSubject > span {
    display: block;
    width: 37px;
    height: 1px;
    background: #1d1d1d;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 125px;
}
#info_top {
    margin: 0 8%;
    margin-bottom: 180px;
}
#info_wrap {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 150px;
}

#ceo_wrap {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    position: relative;
    margin-bottom: 15%;
}

.ceo_img {
    font-size: 0;
    width: 420px;
    height: 560px;
    background: url('/theme/casco/img/sub/1/CEO_img.jpg') no-repeat center center /cover;
    box-shadow: -25px 25px 8px #2424244f ;
}

.ceo_msg > p {
    font-size: 18px;
    margin-top: 100px;
    line-height: 1.7rem;
    font-weight: 500;
    letter-spacing: -10;
}

.ceo_msg p > span {
    font-weight: bold;
}


.bt_msg {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    float: right;
}

.info_bg {
    width: 100%;
    height: 800px;
    background: url('/theme/casco/img/sub/1/001_1.png') no-repeat center center /cover;
    position: absolute;
    top: 1216px;
    opacity: 0.5;
    z-index: -10;
}


/**************** p102010 *****************/

.info_left h3 {
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 30px;
}

.info_left span {
    font-size: 50px;
    font-weight: bold;
    line-height: 3.5rem;
}

.info_right {
    width: 709px;
    height: 504px;
    background: url('/theme/casco/img/sub/1/sub_102.jpg') no-repeat center center /cover;
    box-shadow: 25px 25px 8px #2424244f ;
}

.small_info {
    font-size: 18px;
    font-weight: 400;
    color: #363636;
    line-height: 1.8rem;
    margin-top: 86px;
}

.bt_img {
    font-size: 0;
    width: 541px;
    height: 364px;
    background: url('/theme/casco/img/sub/1/sub_103.jpg') no-repeat center center /cover;
    margin-top: 150px;
    box-shadow: -25px 25px 8px #2424244f ;
}

#info_contents {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

.contents_title {
    text-align: center;
    margin: 5% 0;
}

.contents_info {
    max-width: 1280px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 200px;
}

.contents_title > p {
/*    font-family: 'GmarketSansB';*/
    text-align: left;
    font-size: 47px;
    font-weight: 700;
}
.contents_title > p > span {
/*    font-family: 'GmarketSansB';*/
    color: #f00;
}

.left_img {
    font-size: 0;
    width: 493px;
    height: 586px;
    background: url('/theme/casco/img/sub/1/sub_106.jpg') no-repeat center center /cover;
    box-shadow: -25px 25px 8px #2424244f ;
}
.contents_right {
    width: 100%;
    padding: 0 10%;
}
.contents_right > li {
    display: flex;
    /* justify-content: space-between; */
    padding: 4% 5%;
    font-size: 18px;
}

.contents_right > li > p {
    font-size: 18px;
    width: 100px;
    font-weight: 500;
}

.border_bt {
    display: block;
    width: 600px;
    height: 1px;
    background: #c9c9c9;
}

.casco_bg {
    font-size: 0;
    width: 100vw;
    height: 800px;
    background: url('/theme/casco/img/sub/1/sub_107.png') no-repeat center center /cover;
    opacity: .1;
    position: absolute;
    z-index: -2;
    bottom: -55%;
}


.testImg {
    margin: 0 auto;
    max-width: 1100px;
    margin-bottom: 180px;
}

/**************** p103010 *****************/

#p1030_wrap {
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 150px;
}


.p1030_left h3{
    font-size: 50px;
    font-family: 'GmarketSansB';
    text-align: left;
    margin-bottom: 25px;
}

.p1030_left span {
    font-size: 27px;
}

.p30_img {
    max-width: 1280px;
    height: 443px;
    background: url('/theme/casco/img/sub/1/sub_108.png') no-repeat center center /cover;
/*    margin: 0 auto;*/
    margin: 60px 0 180px 0; 
    overflow: hidden;
}


#vision_contents {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 50px;
}


.circle_title {
    width: 210px;
    height: 210px;
    background: #1d3864;
    border-radius: 50%;
    position: relative !important;
    margin: 0 auto;
    margin-bottom: 100px;
}

.circle_title > p {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    transform: translateY(70px);
}

.rotate_circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 2px dotted #1d3864;
    position: absolute;
    top: -9%;
    left: -9%;
/*    transform: translate(-50%,-50%);*/
    animation: rotate_image 30s linear infinite; transform-origin: 50% 50%;
    z-index: 50;
}

@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}


.icon_contents {
    max-width: 1200px; 
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.icon_contents > ul {
    width: 300px;
}
.icon_contents > ul > li {
    text-align: center;
}

.icon_contents > ul > li:first-child {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
    color: #007bb4;
    margin-bottom: 15px;
}

.icon_contents > ul > li:nth-child(2) {
    font-family: 'GmarketSansB';
    font-size: 22px;
    margin-bottom: 22px;
}


.icon_contents > ul > li:nth-child(3) {
    margin-bottom: 40px;
}

.icon_contents > ul > li:last-child {
    font-size: 24px;
    font-weight: 500;
}

.icon_contents > span {
    width: 1px;
    height: 270px;
    background: #c9c9c9;
}
.vision_txt {
    font-size: 27px; 
    text-align: right;
    margin-top: 95px;
    line-height: 50px;
}
.vision_txt span {
    font-size: 40px;
    font-weight: bold;
    position: relative;
}
.vision_txt span::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 20px;
    background: #ffc7c7;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    z-index: -10;
}

#p30_bt {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 100px 0 0;
    align-items: center;
}

.p30_text_box {
    position: absolute;
    top: 35%;
    left: 14%;
    transform: translateY(-10%);
}

.casco_title {
    font-family: 'GmarketSansB';
    color: #fff;
    font-size: 80px;
    opacity: .3;
    margin-bottom: 30px;
    text-align: left;
}
.casco_mean {
    font-size: 25px;
    font-weight: 300;
    line-height: 2rem;
    color: #F4F3F3;
    margin-left: 10px;
}

.casco_mean > span {
    font-weight: 700;
    color: #f00;
}

.p30_bt_img {
    height: 500px;
    background: url('/theme/casco/img/sub/1/sub_109.jpg') no-repeat center /cover;
}


/**************** p104010 *****************/

#p1040_wrap {
    width: 100%;
    height: 100%;
    background: url('/theme/casco/img/sub/1/sub_110.png') no-repeat center center /cover;
    padding: 0 8%;
}

.p1040_container {
    max-width: 1400px;
    height: 100%;
    padding: 0 0 8% 0;
    margin: 0 auto; 
    margin-top: 150px;
}

#p1040_contents {
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    z-index: 10;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}


.middle_line {
    display: block;
    width: 1px;
    height: 1898px;
    background: #dbdbdb;
    margin: 0 auto;
    position: absolute;
    top: 220%;
    left: 70%;
    transform: translate(-50%,-50%);
    z-index: -2
}

.p1040_left {
    width: 50%;
    height: 100%;   
}

.p1040_left > h3 {
    font-size: 40px;
}



.p1040_left > ul > li {
    width: 480px;
    height: 400px;
    font-size: 0;
/*    margin-bottom: 130px;*/
}

/*
.history_img_1 {
    background: url('/theme/casco/img/sub/history_01.jpg') no-repeat center center /cover;
}


.history_img_2 {
    width: 400px;
    height: 260px;
    background: url('/theme/casco/img/sub/history_02.jpg') no-repeat center center /cover;
}

.history_img_3 {
    background: url('/theme/casco/img/sub/history_03.jpg') no-repeat center center /cover;
}


.history_img_4 {
    width: 400px;
    height: 260px;
    background: url('/theme/casco/img/sub/history_04.jpg') no-repeat center center /cover;
    margin-bottom: 0;
}
*/


.history_box {
    max-width: 1155px; 
    height: 400px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
/*    margin-bottom: 170px;*/
}

.year_title {
    width: 350px;
    text-align: right;
    margin-right: 50px;
}

.year_title::before {
    background: url('')
}
.year_title p {
    font-size: 100px;
    font-weight: bold;
}
.year_title span {
    font-size: 50px;
    font-weight: 500;
}

.point_circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    background: #1d3864;
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    -moz-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
  0% {opacity: 0.5;}
  100% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0.5;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0.5;}
  100% {opacity: 1;}
}


.wh_circle {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.history_info {
    margin-left: 50px;
}
.history_info ul {
    margin-bottom: 35px;
}

.history_info ul > li {
    width: 350px;
}

.history_info .r1 span {
    font-size: 17px;
    color: #f21111;
    font-weight: 600;
    text-align: left;
}

.history_info .r2 p{
    font-size: 20px;
    font-weight: 500;
    margin-top: 12px;
    text-align: left;
}

.years {
    font-size: 45px;
    font-weight: 700;
    width: 350px;
    text-align: right;
    margin-right: 50px;
}



/**************** p105010(조직) *****************/

#p1050_wrap {
    
    width: 100%;
    margin: 0 auto;
    font-size: 80px;
    font-weight: 500px;
    padding: 2% 0 8% 0;
    text-align: center;
}

/* organ */
.organ-bg { width: 100%; position: absolute; top: -120px; z-index: -2; }
.organ-bg > img:last-child { position: absolute; right: 0; }
.organ { width: 100%; max-width: 1490px; margin: 0 auto; padding: 30px 80px 180px 80px;}
.organ1 { width: 250px; height: 250px; border-radius: 50%; box-shadow: 0 15px 18px rgba(12, 180, 141, 0.3); display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; margin-bottom: 190px;}
.organ1::before,
.organ1::after,
.organ2-2::after,
.organ2-2.lineTotop::before,
.organ2-2.lineToleft::before,
.organ2-3::before,
.organ2-3::after,
.organ2-4::before,
.organ2-4::after,
.organ2-5::before,
.organ2-5::after { content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); }
.organ2-3.marginTop::after { content: ""; display: block; position: absolute; width: 1px; height: 56px; border-right: 1px dashed #a5a5a5; top: -80px;}
.organ1::before {width: 5px;height: 5px;border-radius: 50%;background: #0cb48d;border: 1px solid #fff;bottom: -3px;}
.organ1::after { width: 1px; height: 127px; border-right: 1px dashed #a5a5a5; bottom: -127px; }
.organ1-1 {width: 170px;height: 170px;border-radius: 50%; display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;background-image: linear-gradient(to right, #3b7cbf, #102c6c); }
.organ1-1 h6 { font-size: 27px; letter-spacing: -0.020em; color: #fff; }
.organ1-1 span {color: #fff;}
.organ2 { margin-top: 130px; display: flex; justify-content: center; }
.organ2 > div { width: calc(100% / 2 - 2.631%) }
.organ2, .organ2-2, .organ2-3 { width: 100.1%; }
.organ2-2 { margin: 0 auto; text-align: center; width:300px;  height: 65px; border-radius: 32.5px; background-image: linear-gradient(to right, #dd8451, #b95500); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; position: relative; }
.organ2-5 { margin: 0 auto; text-align: center; width:300px;  height: 65px; border-radius: 32.5px; background-image: linear-gradient(to right, #578b61, #0e5a11); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; position: relative; }
/*.organ2 > div:nth-child(2) { margin: 0 2.631%; }*/
.organ2-2.lineTotop::after { width: 5px; height: 5px; border-radius: 50%; background: #f07b05; border: 1px solid #fff; top: -3px; }
.organ2-5.lineTotop::after { width: 5px; height: 5px; border-radius: 50%; background: #f07b05; border: 1px solid #fff; top: 34px; left: -3px }
.organ2-2.lineTotop::before { content: ''; display: block; position: absolute; width: 867px; height: 1px; border-top: 1px dashed #a5a5a5; top: -62px; left: 584px; }
.organ2-5.lineTotop::before { content: ''; display: block; position: absolute; width: 163px; height: 1px; border-top: 1px dashed #a5a5a5; top: 33px; left: -82px; z-index: -50; }
.organ2-2.lineToleft::before { width: 395px; height: 1px; border-top: 1px dashed #a5a5a5; top: -60px; left: -3.8%; width: 108%; }



.organ2-5{ transform: translateY(-175px)}
.organ2-5::before { content: ''; display: block; position: absolute; width: 1px; height: 56px; border-right: 1px dashed #a5a5a5; top: -80px; }
.organ2-5::after { width: 146px; width: 480px; height: 1px; border: none; border-top: 1px dashed #a5a5a5; border-radius: 0; background: transparent; position: absolute; top: 50%; transform: translateY(-50%); left: -146px; left: -480px; z-index: -2; }
.organ2-3, .organ2-6 {height: 120px; border-radius: 10px; margin-top: 90px; position: relative; display: flex; align-items: center; }
.organ2-3::before {content: ""; display: block; width: 468px; height: 1px; border-top: 1px dashed #a5a5a5; position: absolute; top: -18%; left: 316px; }
.organ2-3::after { width: 1px; height: 194px; border-right: 1px dashed #a5a5a5; top: -217px; z-index: -50; }
.organ2-3 ul,
.organ2-6 ul { width: 700px; height: 55px; background: #f1f1f1; border-radius: 15px; margin: 0 5px; }
.organ2-3 ul li,
.organ2-6 ul li{ width: 100%; height: 55px; line-height: 55px; font-weight: 300; display: flex; align-items: center; justify-content: center; font-size: 18px;}
.organ2-3 ul li::before { content: ""; display: block; width: 1px; height: 50px; border-right: 1px dashed #a5a5a5; position: absolute; top: -18%; }
.organ2-6 ul::before { content: ""; display: block; width: 1px; height: 240px; border-right: 1px dashed #a5a5a5; position: absolute; top: -213px; transform: translateX(72px)}
/* en 수정 */
.organ2-3.en ul li { width: 100%; }
.organ2-3 ul li span,
.organ2-6 ul li span
{ display: block; margin-right: 5px;}
.organ_m {display: none;}



/**************** p106010 *****************/

#mab_box {
    width: 100%;
    padding: 0 8%;
}

#map_wrap {
    width: 100%;
    max-width: 1280px;
    height: 100%;
    margin-bottom: 10%;
    margin: 0 auto;
}

#daumRoughmapContainer1671776998038 {
    margin: 0 auto;
}


.map_bt {
    width: 100%;
    height: 290px;
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 150px;
    background: #0d1c48;
    padding: 2% 3% 2% 3%;
}

.map_bt .map_write {
    width: 100%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    color: #d7d7d7;
}
.map_bt > p {
    font-size: 120px;
    font-weight: 800;
    opacity: 0.1;
    text-align: right;
    transform: translateY(-34px);
    color: #FFFFFF;
}

.map_write li {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px;
}

.map_write li > p {
    font-weight: 600;
    margin-right: 10px;
}

.map_write li:first-child {
    margin-right: 15px;
}

.map_icon1 {
    width: 30px;
    height: 30px;
    background: url('/theme/casco/img/sub/icon_06.png') no-repeat center center /cover;
}




/**************** p301010, p302010 *****************/
/* Policy */
.main-visual__text {font-size: 20px;}
.policy-sec {padding:0 0 100px; }
/*.policy-sec .inner {padding: 0 8%;}*/
.policy-sec__visual.third {}
.policy-sec__visual_1::before {content:""; display:inline-block; width:100%; height:400px; background:url("/theme/casco/img/sub/3/b_visual1.jpg") no-repeat top center / cover;}
.policy-sec__visual_2::before {content:""; display:inline-block; width:100%; height:400px; background:url("/theme/casco/img/sub/3/b_visual2.jpg") no-repeat top center / cover;}
.policy-sec__visual_3::before {content:""; display:inline-block; width:100%; height:400px; background:url("/theme/casco/img/sub/3/b_visual3.jpg") no-repeat top center / cover;}
.policy-sec__box {position:relative; width:90%; max-width:1180px; padding:80px 20px 0; margin:-50px auto 0; text-align:center; background-color:#fff; z-index:50;}
.policy-sec__box .text-medium {font-size: 20px;}
.policy-sec .title-xsmall {position:relative; padding-bottom:40px; margin-top:15px; font-size: 40px; font-weight: 600; color: #1871cb; }
.policy-sec .title-xsmall::after {content:""; position:absolute; bottom:0; left:50%; width:1px; height:20px; background-color:#222; transform:translateY(-50%);}
.policy-box {max-width:1180px; margin:75px auto 0;}
.policy-box .icon-box__icon {background-image:url("/uploads/media/policy_icon_stripe.png");}
.policy-box .icon-box__item.first .icon-box__icon {width:53px; height:53px; background-position:-95px 0; background: url("/theme/casco/img/sub/3/icon_09.png") no-repeat; }
.policy-box .icon-box__item.second .icon-box__icon {width:53px; height:53px; background-position:-53px 0; background: url("/theme/casco/img/sub/3/icon_10.png") no-repeat; }
.policy-box .icon-box__item.third .icon-box__icon {width:53px; height:53px; background-position:0 0; background: url("/theme/casco/img/sub/3/icon_11.png") no-repeat; }
.policy-box .icon-box__item.fourd .icon-box__icon {width:53px; height:53px; background-position:0 0; background: url("/theme/casco/img/sub/3/icon_12.png") no-repeat; }
.policy-box .icon-box__item.first .icon-box__text-list { width: 500px;}
.policy-box .icon-box__item.first .icon-box__text-list .text-medium {width:100%; margin-top:0;}
.policy-sec__process {padding-top:75px; margin-top:110px; border-top:1px solid #222;}
.policy-sec__wrap {margin-top:110px;}
.policy-sec__write {display: flex; justify-content: space-between; align-items: center; margin-top:160px;}
.policy-sec__write .title-xxsmall {font-size: 40px; margin-bottom: 70px; line-height: 1.5; }
.policy-sec__write .title-xxsmall > span {font-size: 40px; font-weight: 600;}
.policy-sec__write .title-xxxsmall {font-size: 20px;}
.policy-sec__write  .title-xxxsmall > span {font-size: 25px; font-weight: 500; color:#c91e4e;}
.write_right_img {width: 550px; height: 380px; background: url('/theme/casco/img/sub/3/policy_01.jpg');}
.policy-sec__wrap:first-child {margin-top:0;}
.policy-sec__process .title-xxsmall {flex-shrink:0; width:240px;}
.policy-sec__right {width:100%;}
.policy-sec__list-wrap {}
.policy-sec__list {display:flex; flex-wrap:wrap; justify-content: center; margin:-10px;}
.policy-sec__item {width:30%; height: 280px; padding:10px;}
.policy-sec__inner {height:100%; min-height:160px; border:1px solid #e5e5e5;}
.policy-sec__icon-wrap {margin-top:35px;}
.policy-sec__icon-list {}
.policy-sec__icon-item {}
.policy-sec__icon-inner {padding:30px 30px 30px 50px;}
.policy-sec__icon-box {display:inline-flex; flex-shrink:0; justify-content:center; align-items:center; width:90px; height:90px; margin-right:25px; margin-bottom: 22px; border-radius:50%; background-color:#fafafa;}
.policy-sec__icon {display:inline-block; background-image:url("/uploads/media/policy_process_icon_stripe.png");}
.policy-sec__icon-item.first .policy-sec__icon {width:35px; height:37px; margin-left:10px; background-position:0 0;}
.policy-sec__icon-item.second .policy-sec__icon {width:30px; height:39px; background-position:-35px 0;}
.policy-sec__icon-item.third .policy-sec__icon {width:40px; height:29px; background-position:-65px 0;}
.policy-sec__icon-item.fourth .policy-sec__icon {width:46px; height:27px; background-position:-105px 0;}
.policy-sec__icon-item.fifth .policy-sec__icon {width:36px; height:31px; background-position:-151px 0;}
.policy-sec__icon-item.sixth .policy-sec__icon {width:38px; height:34px; background-position:-187px 0;}
.policy-sec__title {min-width:125px; font-size:16px; font-weight: 700;  line-height:1.5;}
.policy-sec__text-wrap {position:relative;}
/*.policy-sec__text-wrap::before {content:""; position:absolute; top:50%; left:0; width:1px; height:80px; background-color:#e5e5e5; transform:translateY(-50%);}*/
.policy-sec__text-wrap .text-medium {line-height:1.5; font-size: 18px;}
.policy-sec__desc {font-size:15px; font-weight:300; color:#aaa;}
.grey-box__wrap {}
.grey-box__list {display:flex; flex-wrap:wrap; margin:-10px;}
.grey-box__item {width:100%; padding:10px; margin: 0 auto; margin-bottom: 50px;}
.grey-box__inner {height:100%; min-height:160px; border:1px solid #e5e5e5;}
.grey-box__title {display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:160px; font-size:22px; line-height:1.5; text-align:center; background-color:#fff; padding: 10px 0;  border-bottom: 1px solid  #e5e5e5;}
.grey-box__title-wrap {display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:160px; text-align:center; border-right:1px solid #e5e5e5;}
.grey-box__title-wrap .grey-box__title {border-right:0;}
.grey-box__desc-list {}
.grey-box__desc-item {position:relative; padding-left:10px; margin-top:5px; font-size:16px; color:#666;}
.grey-box__desc-item::before {content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background-color:#222;}
.grey-box__small {font-size:16px; font-weight:400; color:#666;}
.grey-box__wrap .icon-box__text-list {background-color:#fafafa; display: flex; justify-content: space-around; flex-wrap: wrap; align-self:center; padding: 30px 80px; margin-top:0;}
.grey_contents > p {
    font-size: 20px; font-weight: 400; text-align: center; margin: 20px 0 30px;
}

/* Icon Box */
.icon-box {}
.icon-box__list {margin:-10px; display: flex; flex-wrap: wrap;}
.icon-box__item {padding:10px; width: 50%;}
.icon-box__inner {display:flex; align-items:center; min-height:283px; padding:30px 30px; background-color:#f8f8f8;}
.icon-box__circle {display:flex; flex-shrink:0; justify-content:center; align-items:center; width:120px; height:120px; border-radius:50%; background-color:#fff;}
.icon-box__icon {display:inline-block;}
.icon-box__wrap {margin-left: 30px;}
.icon-box__title {font-size:20px; font-weight:600; margin-bottom: 20px;}
.icon-box .text-medium {margin-top:7px; color:#666; line-height:1.7;}
.icon-box__text-list {margin-top:15px; text-align:left;}
.icon-box__text-list .text-medium {position:relative; padding-left:12px; margin-top:5px; line-height:1.5;}
.icon-box__text-list .text-medium:first-child {margin-top:0;}
.icon-box__text-list .text-medium::before {content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#007dc6;}
.icon-box.half .icon-box__list {display:flex; flex-wrap:wrap;}
.icon-box.half .icon-box__item {width:50%;}


.container {max-width: 1280px; width: 100%; margin: 0 auto;}
h3.sub_first_tit {padding: 60px 0 35px; font-size: 30px;}
#personnel .bg_blue {padding: 60px 0 120px; margin: 60px 0 0;}
.main_section04 .main4_slide {margin-top: 0; padding-top: 70px; margin: -20px 0;}
.main4_slider {padding: 20px 0;}
.main4_btnbox {bottom: 44%;}

/* 윤리헌장 */
.charter_box {margin-top: 60px; margin-bottom: 50px;}
.charter_ul {width: 100%; max-width: 100%;}
.charter_ul li {max-width: 100%;margin-bottom: 20px; vertical-align: top; width: 33.33%; padding: 0 10px; height: 300px;}
.charter_ul li div {display: inline-block; border: 1px solid #d7d7d7; padding: 50px; height: 100%;}
.charter_ul li img {display: block;}
.charter_ul li .sub_num {margin: 50px 0 30px; font-weight: 600;}
.charter_txt {font-weight: 300; font-size: 17px; color: #333;}
.charter_ul {display: flex; flex-wrap: wrap;}
.add_txt {font-size: 22px;}




/**************** p401010, p402010 *****************/

#machine_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 0 20%;
    margin-bottom: 50px;
}

.machine_box {
    margin: 10px;
    border: 1px solid #ddd;
}

.machine_box > p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background: #eee;
    padding: 8px 0;
}

.rwd-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
  margin-bottom: 120px;
}

.rwd-table tr:first-child {
  border-top: none;
  background: #428bca;
  color: #fff;
  font-size: 20px;
}

.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f9fc;
}


.table_title {
    font-weight: bold;
}


.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
  font-size: 20px;
  margin: 0 20px;
  border-right: 1px solid #ddd;
}
.rwd-table td:last-child {
    border-right: none;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 120px;
  display: inline-block;
  color: #000;
}


.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  border-radius: .4em;
  overflow: hidden;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}




/**************** p501010 *****************/
#p5010_wrap ul {
    width: 100%;
    max-width: 1244px;
    margin: 100px auto;
    display: flex;
    flex-wrap: wrap;
/*    margin: 100px 0;*/
}

#p5010_wrap ul > li {
    height: 100%;
    text-align: center;
    margin-bottom: 100px;
    cursor: pointer;
    margin: 30px 30px;
}

/**/
#p5010_wrap ul > li > img {
    width: 250px;
    height: 350px;
    border-radius: 10px;
    box-shadow: 0px 0px 2px #a3a3a3;
    transition: all .4s;
}

#p5010_wrap ul > li > img:hover {
    transform: scale(105%);
}


#p5010_wrap ul > li > p {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    
}




/**************** privavcy.php *****************/
.privacy_wrap {max-width: 1280px; margin: 0 auto;}
.privacyArea {padding: 30px; margin: 100px 0; border: 1px solid #ddd;}
.privacyTitle {font-size: 35px; text-align: center; margin-bottom: 50px; font-weight: 600;}
.privacyArea strong {font-weight: bold;}
.privacyArea > div+div {margin-top: 30px;}
	







@media all and ( max-width: 1920px ){
	
	
	
	
}
@media all and ( max-width: 1640px ){
	
	
    
}

@media all and ( max-width: 1440px ){
    .organ {overflow-x: scroll; white-space:nowrap; padding: 30px; 80px; margin-bottom: 180px;}
    .organ_m {display: block;}
    .organ1, .organ2 {display: none;}
}
@media all and ( max-width: 1380px ){

/*    #bo_list, #bo_w {padding: 0 8%;}*/
}

@media all and ( max-width: 1280px ){
    #p1030_wrap {padding: 0 8%;}
    .p30_img {margin-top: 80px;}
    .root_daum_roughmap  {width: 1060px;}
    
    
}@media all and ( max-width: 1230px ){
    .info_right {width: 482px;}
    .contents_right {padding: 0 5%;}
}


@media all and ( max-width: 1200px ){
    .info_right {width: 571px; height: 432px;}
    #info_contents {width: 100%; padding: 0 8%}
    .info_right {width: 430px; height: 456px; margin-top: 80px;}
    .info_left h3 {font-size: 30px;}
    .info_left span {font-size: 40px;}
    .contents_title > p {font-size: 40px;}
    .left_img {width: 442px; margin-bottom: 80px;}
    .contents_right > li {font-size: 16px;}
    #p1040_contents {display: block;}
    .middle_line {left: 50%; height: 2736px;}
    .history_img {margin-bottom: 80px; text-align: center; }
    .history_box {max-width: 1000px; height: 350px;}
}


@media all and ( max-width: 810px ){
    .category a {font-size: 18px;}
}
@media all and ( max-width: 760px ){
    .sub_top_box {padding: 190px 0; }
    .category > .inner {padding: 0 20px; }
    .category a {padding: 20px;}
}
@media all and ( max-width: 660px ){
    .category a {font-size: 16px;}
}


@media all and ( max-width: 500px ){
    .category > .inner {padding: 0 10px;}
    .category a {padding: 11px;}
    .category li:before {top: 13px;}
    .p101010_new dl {margin: 0 8%;}
    .p101010_new dt .area {padding: 30px 30px;}
    .p101010_new dd article {padding: 10% 2%; margin-bottom: 120px; }
    .p101010_new dd {font-size: 16px; margin: 0;}
    .p101010_new dt {height: 190px;}
    .mb20 {margin-bottom: 30px;}
    .fs350 {font-size: 27px;}
    .p101010_new dt .area .fs30 {line-height: 22px;}
    .fs30 {font-size: 15px;}
    #info_wrap {display: block;}
    .contents_info {display: block;}
    .info_left h3 {font-size: 30px;}
    .info_left span {font-size: 37px;}
    .info_right {width: 420px; box-shadow: 15px 15px 8px #2424244f;}
    .small_info {font-size: 16px; letter-spacing: -1.5px; margin-top: 66px;}
    .contents_title > p {font-size: 40px;}
    .left_img {width: 409px; height: 485px; box-shadow: -15px 15px 8px #2424244f;}
    .contents_right {padding: 0; margin-top: 80px;}
    .contents_right > li {font-size: 16px; padding: 5% 2%;}
    .border_bt {width: 410px;}
    .casco_bg {height: 356px; bottom: -18%;}
    #p1030_wrap {margin-top: 150px;}
    .p1030_left h3 {font-size: 37px;}
    .p1030_left span {font-size: 22px;}
    .vision_txt {font-size: 25px; text-align: center;}
    .vision_txt span {font-size: 30px;}
    .icon_contents {display: block;}
    .icon_contents {margin: 0 5%; text-align: center;}
    .icon_contents > ul {width: 200px; padding: 30px 0; display: inline-block;}
    .icon_contents > ul:nth-child(1), .icon_contents > ul:nth-child(3) {border-right: 1px solid #ddd;}
/*    #p30_bt {padding: 100px 0;}*/
    .history_box {display: block; margin: 0 6%;}
    .history_info {margin-left: 0;}
    .history_info ul > li {width: 100%; text-align: center;}
    .year_title {width: 100%;}
    .year_title p, .year_title span {width: 100%; text-align: right}
    .year_title p {font-size: 65px;}
    .year_title span {font-size: 50px;}
    .point_circle {margin: 30px auto;}
    .history_info .r1 span, .history_info .r2 p {text-align: center;}
    .years {font-size: 40px; width: 100%; margin-bottom: 50px;}
    .history_img > img {width: 380px;}
    #p1040_contents {margin-top: 100px;}
    .middle_line {height: 2917px; top: 225%;}
    .organ_m {display: block; width: 600px;}
    .map_bt {padding: 5% 4% 2% 4%; height: 195px;}
    .map_write li {font-size: 16px; margin-bottom: 0;}
    .map_bt > p {font-size: 50px; transform: translateY(22px);}
    .sub_top_box {padding: 200px 0;}
    .eTxt {font-size: 16px;}
    .bTxt {font-size: 22px;}
    .policy-sec__write {display: block;}
    .write_right_img {width: 417px; margin-top: 100px;}
    .icon-box__inner {padding: 30px 40px;}
    .icon-box__circle {width: 80px; height: 80px; margin-bottom: 30px; margin: 0 auto;}
    .icon-box__wrap {margin: 0 20px; margin-top: 30px;}
    .grey_contents > img {width: 150px; }
    .icon-box__item {width: 100%;}
    .icon-box__title {text-align: center;}
    .icon-box__text-list {padding: 0 35px;}
    .policy-box .icon-box__item.first .icon-box__text-list .text-medium {width: 100%;}
    .grey-box__wrap .icon-box__text-list {padding: 30px 20px;}
    .icon-box__inner {display: block;}
    .testImg {text-align: center;}
    .testImg > img {width: 90%;}
    #p5010_wrap ul {padding: 30px; justify-content: space-around;}
    #p5010_wrap ul > li {margin: 12px;}
    #p5010_wrap ul > li > img {width: 177px; height: 248px;}
    #p5010_wrap ul > li > p {font-size: 18px;}
    .casco_mean {margin-left: 0;}
    .rwd-table td {border-right: none;}
    .rwd-table td > p {padding-left: 34%;}
    .rwd-table th, .rwd-table td {font-size: 18px;}
    #machine_wrap {padding: 0 5%;}
    .machine_box > img {width: 180px;}
}
	
@media all and ( max-width: 460px ){
    .fs350 {font-size: 24px;}
    .mb20 {margin-bottom: 15px;}
    .bTxt {margin-top: 16px; font-size: 20px;}
    .p101010_new dt .area {padding: 20px 30px;}
    .category a {font-size: 15px;}
    .info_right {width: 347px;}
    .left_img {width: 385px; height: 480px;}
    .border_bt {width: 393px;}
    .sub_top_box {padding: 130px 0; height: 280px;}
    .p101010_new dt {height: 156px;}
    .policy-sec > .inner {padding: 0 5%;}
    .policy-sec .title-xsmall {font-size: 32px;}
    .policy-sec__box .text-medium {font-size: 18px;}
    .write_right_img {width: 349px;}
    .policy-sec__write .title-xxsmall {font-size: 32px;}
    .policy-sec__write .title-xxsmall > span {font-size: 35px; }
    .policy-sec__write .title-xxxsmall > span {font-size: 22px;}
    .grey-box__wrap .icon-box__text-list {padding: 30px 15px;}
    .icon-box__wrap {margin: 30px 0 20px;}
    .icon-box__title {font-size: 18px;}
    .icon-box__circle {width: 80px; height: 80px; margin: 0 auto;}
    .p1030_left h3 {font-size: 30px;}
    .p1030_left span {font-size: 20px;}
    .p30_img {height: 266px;}
    .vision_txt {font-size: 20px; line-height: 40px;}  
    
    #p5010_wrap ul {padding: 30px; justify-content: space-around;}
    
    #p5010_wrap ul > li {margin: 12px;}
    #p5010_wrap ul > li > img {width: 140px; height: 200px; border-radius: 15px;}
    #machine_wrap {padding: 0 8%; justify-content: space-around;}
    #machine_wrap {padding: 0 3%;}
    .machine_box > img {width: 160px;}
    .machine_box > p {font-size: 16px;}
    #p5010_wrap ul {padding: 0;}
    #p5010_wrap ul > li {width: 150px;}
    .rwd-table th, .rwd-table td {font-size: 16px;}
    .rwd-table td {margin: 0 12px;}
    .rwd-table td > p {padding-left: 37%;}
    
}

@media all and ( max-width: 400px ){
    .info_right {width: 327px; height: 397px;}
    .left_img {width: 332px;}
    .history_img > img {width: 330px;}
    .map_write li {font-size: 15px;}
    .map_write li:first-child {margin-right: 8px;}
    .map_write li > p {margin-right: 3px;}
    .casco_title {font-size: 70px;}
}

@media all and ( max-width: 360px ){
    .info_right {width: 300px; height: 368px;}
    .left_img {width: 300px; height: 365px;}
}



@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}