/* visual sub 공통 start */
.sub_visual{
    width:100%;
    position: relative;
    overflow: hidden;
    margin-top:80px;
}
.sub_visual > img{
    width:100%;
    object-fit: cover;
    height:450px;
    transition: all 1.5s ease-in-out;
    transform:scale(1.5);
}
.sub_visual > img.zoom{transform:scale(1);}


.sub_visual .sub_typo{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width:100%;
    z-index: 99;
}

.sub_visual .sub_typo > span.up{opacity:1; transform:translate(0,0);}

.sub_visual .sub_typo span{
    color:#fff;
    display:block;
    opacity:0;
    transform:translate(0,100%);
    transition:all 1s ease-in-out;
    font-family:'GmarketSansMedium';
}

.sub_visual .sub_typo span:first-child{
    font-size:42px;
    transition-delay:0s;
}
.sub_visual .sub_typo span:nth-child(2){
    font-size:18px;
    transition-delay:0.5s;
    font-family:'GmarketSansLight';
}
/* visual sub 공통 end */

/* tab 메뉴 공통 */
.contents{padding:30px 0;}
.sub_tabmenu ul{font-size:0;}
.sub_tabmenu li{display:inline-block;}
.sub_tabmenu li a{
    display: block;
    font-size:12px;
    height:40px;
    line-height: 40px;
    text-align: center;
    border:1px solid #ccc;
    color:#333;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.sub_tabmenu a::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130%;
    height: 200%;
    border-radius: 50%;
    transform: translate3d(-50%,-50%,0) scale3d(0,0,0);
    transition: opacity .4s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1);
    background-color: #ed1f28;
    opacity: 0;
    z-index: -1;
    transition: all .2s ease-in-out;
}
.sub_tabmenu a:hover::before{
    opacity: 1;
    transition-duration: .85s;
    transition: all .2s ease-in-out;
    transform: translate3d(-50%,-50%,0) scale3d(1,1,1);
}
.sub_tabmenu a:hover{color:#fff;}

.tabmenu01 li{width:20%;}
.tabmenu02 li{width:25%;}
.tabmenu03 li{width:50%;}
.tabmenu04 li{width:100%;}
.tabmenu05 li{width:100%;}
.tabmenu06 li{width:50%;}
.tabmenu07 li{width:50%;}

.sub01_01 .sub_tabmenu li:nth-child(1) a{background-color: #ed1f28; color:#fff;}
.sub01_02 .sub_tabmenu li:nth-child(2) a{background-color: #ed1f28; color:#fff;}
.sub01_03 .sub_tabmenu li:nth-child(3) a{background-color: #ed1f28; color:#fff;}
.sub01_04 .sub_tabmenu li:nth-child(4) a{background-color: #ed1f28; color:#fff;}
.sub01_05 .sub_tabmenu li:nth-child(5) a{background-color: #ed1f28; color:#fff;}

.sub02_01 .sub_tabmenu li:nth-child(1) a{background-color: #ed1f28; color:#fff;}
.sub02_02 .sub_tabmenu li:nth-child(2) a{background-color: #ed1f28; color:#fff;}
.sub02_03 .sub_tabmenu li:nth-child(3) a{background-color: #ed1f28; color:#fff;}
.sub02_04 .sub_tabmenu li:nth-child(4) a{background-color: #ed1f28; color:#fff;}
.sub02_05 .sub_tabmenu li:nth-child(5) a{background-color: #ed1f28; color:#fff;}
.sub02_06 .sub_tabmenu li:nth-child(6) a{background-color: #ed1f28; color:#fff;}
.sub02_08 .sub_tabmenu li:nth-child(7) a{background-color: #ed1f28; color:#fff;}
.sub02_09 .sub_tabmenu li:nth-child(8) a{background-color: #ed1f28; color:#fff;}

.sub03_01 .sub_tabmenu li:nth-child(1) a{background-color: #ed1f28; color:#fff;}
.sub03_02 .sub_tabmenu li:nth-child(2) a{background-color: #ed1f28; color:#fff;}

.sub04_01 .sub_tabmenu li:nth-child(1) a{background-color: #ed1f28; color:#fff;}

.sub05_01 .sub_tabmenu li:nth-child(1) a{background-color: #ed1f28; color:#fff;}

.sub06_01 .sub_tabmenu li:nth-child(1) a{background-color: #ed1f28; color:#fff;}
.sub06_02 .sub_tabmenu li:nth-child(2) a{background-color: #ed1f28; color:#fff;}

.sub07_01 .sub_tabmenu li:nth-child(1) a{background-color: #ed1f28; color:#fff;}
.sub07_02 .sub_tabmenu li:nth-child(2) a{background-color: #ed1f28; color:#fff;}
/* tab 메뉴 공통 */

/* sub 타이틀 공통 */
.contents_title{
    margin-top:20px;
    padding:30px 0;
    position: relative;
    width:100%;
    border-bottom:1px solid #ccc;
    overflow: hidden;
}
.contents_title h2{
    font-size:24px;
    color:#333;
    font-weight: 400;
    font-family: 'GmarketSansLight';
    text-align: center;
}
.contents_title h2 span{
    font-size:24px;
    font-weight:600;
    display: block;
}
.contents_title p{
    font-size:16px;
    color:#333;
    text-align: center;
}
/* sub 타이틀 공통 */

/* ------------------------------------------- sub01 -------------------------------------------------------- */
/* sub01_01 */
.contents_detail{margin-top:30px;}
.company{padding:20px 0;}
.company .sub01_photo{
    text-align: center;
}
.company h2{
    font-size:24px;
    color:#333;
    padding-left:12px;
    padding-top:30px;
}
.company p{
    font-size:16px;
    color:#333;
    padding-left:12px;
    margin-bottom:30px;
}
.company ul{margin-top:20px;}
.company li p{
    font-size:14px;
    color:#fff;
}
.company li span{
    display: block;
    font-size:12px;
    color:#fff;
}
.company .box1 li{
    border-radius: 10px;
    padding:10px;
    height:90px;
}
.company .box1 li:first-child{
    background: #4AC29A;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4AC29A, #BDFFF3 );  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4AC29A, #BDFFF3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.company .box1 li:last-child{
    background: #36D1DC;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.company .box2 li{
    border-radius: 10px;
    padding:10px;
    height:90px;
}
.company .box2 li:first-child{
    background: #667db6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.company .box2 li:last-child{
    background: #36D1DC;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.company .box3 li{
    border-radius: 10px;
    padding:10px;
    height:90px;
}
.company .box3 li:first-child{
    background: #67B26F;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4ca2cd, #67B26F);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4ca2cd, #67B26F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.company .box3 li:last-child{
    background: #36D1DC;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/* sub01_01 */

/* sub01_02 */
.greeting{padding:20px 0;}
.greeting h3{
    font-size:24px;
    color:#333;
}
.greeting p{
    font-size:16px;
    color:#333;
}
.greeting p strong{
    font-size:16px;
    color:#2d2d83;
}
.greeting span{
    display: block;
    font-size:14px;
    color:#333;
    padding:10px 0;
}
.greeting_box{
    width:300px;
    background: #667db6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 10px;
    padding:20px 0;
    margin:0 auto;
}
.greeting_box p{
    font-size:14px;
    color:#fff;
    text-align: center;
}
.greeting_right{
    font-size:20px!important;
    text-align: right;
}
/* sub01_02 */

/* sub01_03 */
.history{padding:20px 0;}
.history ul{
    position: relative;
    overflow: hidden;
}
.history ul::after{
    content: '';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    border:1px dotted #ccc;
    height:100%;
    z-index: -1;
}
.history li{
    padding:20px 20px;
    position: relative;
    width:50%;
}
.history li:nth-child(odd){text-align: right;}
.history li:nth-child(odd)::after{
    content: '';
    position: absolute;
    top:35px;
    right:-5px;
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #ed1f28;
    z-index: 9;
}
.history li:nth-child(even){text-align: left; transform: translateX(100%);}
.history li:nth-child(even)::after{
    content: '';
    position: absolute;
    top:35px;
    left:-5px;
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #ed1f28;
    z-index: 9;
}
.history p{
    font-size:16px;
    color:#0b4da2;
    position: relative;
}
.history span{
    display: block;
    font-size:12px;
    color:#333;
}
/* sub01_03 */

/* sub01_04 */
.group{padding:20px 0;}
.group h3{
    font-size:18px;
    color:#0b4da2;
    padding-left:12px;
}
.group p{
    font-size:14px;
    color:#333;
    padding-left:12px;
}

.group ul{margin:60px 0;}
.group li{
    font-size:12px;
    padding:20px 0;
    text-align: center;
    border-radius: 10px;
}

.group_box1 li:nth-child(2){
    background: #ee0979;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ff6a00, #ee0979);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #ff6a00, #ee0979); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:#fff;
    position: relative;
}
.group_box1 li:nth-child(2)::before{
    content: '';
    position: absolute;
    bottom:-60px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:60px;
    background-color: #ccc;
}


.group_box2 li:nth-child(2){
    background-color: #717171;
    color:#fff;
    position: relative;
    border:3px solid #ff3c00;
}
.group_box2 li:nth-child(2)::before{
    content: '';
    position: absolute;
    bottom:-63px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:60px;
    background-color: #ccc;
}


.group_box2 li:nth-child(3){
    background-color: #49719e;
    transform: translateY(60px);
    color:#fff;
    position: relative;
}
.group_box2 li:nth-child(3)::before{
    content: '';
    position: absolute;
    bottom:-55px;
    left:-54%;
    top:50%;
    transform: translateY(-50%);
    width:55%;
    height:1px;
    background-color: #ccc;
}


.group_box3 li:nth-child(2){
    background-color: #717171;
    color:#fff;
    position: relative;
}
.group_box3 li:nth-child(2)::before{
    content: '';
    position: absolute;
    bottom:-60px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:60px;
    background-color: #ccc;
}


.group_box4 li:nth-child(2){
    background-color: #717171;
    color:#fff;
    position: relative;
}
.group_box4 li:nth-child(2)::before{
    content: '';
    position: absolute;
    bottom:-40px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:40px;
    background-color: #ccc;
}
.group_box4 li:nth-child(2)::after{
    content: '';
    position: absolute;
    bottom:-40px;
    left:48%;
    transform: translateX(-50%);
    width:257%;
    height:1px;
    background-color: #ccc;
}


.group_box5{padding-top:20px;}
.group_box5 li{
    border:2px solid #ff3c00;
    color: #ff3c00;
    position: relative;
    font-size:11px;
    letter-spacing: -1px;
}
.group_box5 li::before{
    content: '';
    position: absolute;
    top:-42px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:40px;
    background-color: #ccc;
}
.group_box5 li:nth-child(4)::after{
    content: '';
    position: absolute;
    bottom:-42px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:40px;
    background-color: #ccc;
}


.group_box6{padding-top:20px;}
.group_box6 li{
    font-size:11px;
    letter-spacing: -1px;
}
.group_box6 li:nth-child(1){
    border:1px solid #9aada1;
    background-color: #e4f1e8;
    color:#333;
    position: relative;
}
.group_box6 li:nth-child(1):before{
    content: '';
    position: absolute;
    top:-81px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:80px;
    background-color: #ccc;
}


.group_box6 li:nth-child(4){
    border:1px solid #9aada1;
    transform: translateX(-50%);
    background-color: #e4f1e8;
    color:#333;
    position: relative;
}
.group_box6 li:nth-child(4):before{
    content: '';
    position: absolute;
    top:-42px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:40px;
    background-color: #ccc;
}
.group_box6 li:nth-child(5){
    border:1px solid #9aada1;
    transform: translateX(-50%);
    background-color: #e4f1e8;
    color:#333;
    position: relative;
}
.group_box6 li:nth-child(5):before{
    content: '';
    position: absolute;
    top:-42px;
    left:50%;
    transform: translateX(-50%);
    width:1px;
    height:40px;
    background-color: #ccc;
}
.group_box6 li:nth-child(5)::after{
    content: '';
    position: absolute;
    top:-42px;
    left:-61%;
    width:110%;
    height:1px;
    background-color: #ccc;
}
/* sub01_04 */

/* sub01_05 */
.map{padding:20px 0;}
.map_chart{width:100%; margin-top:30px;}
.map_chart th,
.map_chart td{border:1px solid #ccc; padding:20px; font-size:12px;}
.map_chart th{background-color: #f5f5f5;}
.map_chart td{padding-left:20px;}
/* sub01_05 */
/* ------------------------------------------- sub01 -------------------------------------------------------- */

/* ------------------------------------------- sub02 -------------------------------------------------------- */
.sub02_01 .product,
.sub02_02 .product,
.sub02_03 .product,
.sub02_04 .product,
.sub02_05 .product,
.sub02_06 .product,
.sub02_07 .product,
.sub02_08 .product,
.sub02_09 .product{padding:0;}

.sub02_01 .board,
.sub02_02 .board,
.sub02_03 .board,
.sub02_04 .board,
.sub02_05 .board,
.sub02_06 .board,
.sub02_07 .board,
.sub02_08 .board,
.sub02_09 .board{padding:0;}

.sub02_01 .board .bbs_table{border-top:none!important;}
.sub02_01 .board .bbs_table tr{padding:0;}
.sub02_02 .board .bbs_table{border-top:none!important;}
.sub02_02 .board .bbs_table tr{padding:0;}
.sub02_03 .board .bbs_table{border-top:none!important;}
.sub02_03 .board .bbs_table tr{padding:0;}
.sub02_04 .board .bbs_table{border-top:none!important;}
.sub02_04 .board .bbs_table tr{padding:0;}
.sub02_05 .board .bbs_table{border-top:none!important;}
.sub02_05 .board .bbs_table tr{padding:0;}
.sub02_06 .board .bbs_table{border-top:none!important;}
.sub02_06 .board .bbs_table tr{padding:0;}
.sub02_07 .board .bbs_table{border-top:none!important;}
.sub02_07 .board .bbs_table tr{padding:0;}
.sub02_08 .board .bbs_table{border-top:none!important;}
.sub02_08 .board .bbs_table tr{padding:0;}
.sub02_09 .board .bbs_table{border-top:none!important;}
.sub02_09 .board .bbs_table tr{padding:0;}

.sub02_01 .board .subject a,
.sub02_02 .board .subject a,
.sub02_03 .board .subject a,
.sub02_04 .board .subject a,
.sub02_05 .board .subject a,
.sub02_06 .board .subject a,
.sub02_07 .board .subject a,
.sub02_08 .board .subject a,
.sub02_09 .board .subject a{font-size:12px;}
/* ------------------------------------------- sub02 -------------------------------------------------------- */

/* ------------------------------------------- sub03 -------------------------------------------------------- */

/* ------------------------------------------- sub03 -------------------------------------------------------- */
.certification{text-align: center;}
.certification img{width:100%;}
/* ------------------------------------------- sub04 -------------------------------------------------------- */
.sub04_01 .product{padding:0;}
.sub04_01 .board{padding:0;}
.sub04_01 .board .bbs_table{border-top:none!important;}
.sub04_01 .board .bbs_table tr{padding:0;}
.sub04_01 .board .subject a{font-size:12px;}
/* ------------------------------------------- sub04 -------------------------------------------------------- */

/* ------------------------------------------- sub05 -------------------------------------------------------- */

/* ------------------------------------------- sub05 -------------------------------------------------------- */
.sub05_01 .product{padding:0;}
.sub05_01 .board{padding:0;}
.sub05_01 .board .bbs_table{border-top:none!important;}
.sub05_01 .board .bbs_table tr{padding:0;}
/* ------------------------------------------- sub06 -------------------------------------------------------- */
/* sub06_01 */
.sub06_01 .pr_center .board .category_pd{display: none;}
.sub06_01 .board .M_bbs_List{border-top:none;}
/* sub06_01 */
/* sub06_02 */
.sub06_02 .product{padding:0;}
.sub06_02 .board{padding:0;}
.sub06_02 .board .bbs_table{border-top:none!important;}
.sub06_02 .board .bbs_table tr{padding:0;}
.sub06_02 .board .subject a{font-size:12px;}
/* sub06_02 */
/* ------------------------------------------- sub06 -------------------------------------------------------- */

/* ------------------------------------------- sub07 -------------------------------------------------------- */
/* sub07_01 */
.introduction_chart{
    padding:30px 0;
    background: url(../../img/sub/sub07/img1.jpg) no-repeat 50% 0 fixed;
    background-size: cover;
    
}
.introduction_chart li{
    width:300px;
    margin:0 auto;
    padding-top:90px;
    padding-bottom:30px;
    border:1px solid #fff;
    border-radius: 10px;
    margin-bottom:60px;
    position: relative;
    background-color: #fff;
}
.introduction_chart li::before{
    content: '▼';
    position: absolute;
    bottom:-45px;
    left:50%;
    transform: translateX(-50%);
    color:#fff;
    font-size:20px;
    opacity: .4;
    animation: triangle 0.6s 0s infinite linear normal;
}

@keyframes triangle {
    0% {bottom: -40px; opacity: 1;}
    100% {bottom: -45px; opacity: 0.4;}
}

.introduction_chart li:last-child::before{display: none;}
.introduction_chart li p{
    font-size:12px;
    color:#2c3084;
    text-align: center;
}
.introduction_chart li span{
    position: absolute;
    left:50%;
    top:20px;
    transform: translateX(-50%);
    display: block;
    width:50px;
    height:50px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #ed1f28;
    color:#fff;
    text-align: center;
}
/* sub07_01 */
/* sub07_02 */
.sub07_02 .board .consult_cont{border-top:none;}
.sub07_02 .board .consult_cont tr{width:100%;}
.sub07_02 .board .consult_cont tr th{width:30%; padding-left:15px;}
.sub07_02 .board .consult_cont tr td{width:70%}
.sub07_02 .board .consult_cont tr td input{width:100%;}
/* sub07_02 */
/* ------------------------------------------- sub07 -------------------------------------------------------- */