@charset "utf-8";

/*-------------------------------------------------------*/
/* SocialRiea Commons Colorset
/*-------------------------------------------------------*/

/* color */
.p-light-gray { color : #6e6e6e; }


/* text-align */
.txt-center { text-align: center !important; }
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }
.txt-justify { text-align: justify !important; }

/* text size */
.extra-small { font-size: 11px; line-height: 14px; }
.small-text { font-size: 12px; line-height: 20px; }
.medium-text { font-size: 16px; line-height: 23px; }
.large-text { font-size: 18px; line-height: 26px; }
.extra-text { font-size: 20px; line-height: 26px; }
.large-title { font-size: 100px; line-height: 95px; }
.extra-title { font-size: 130px; line-height: 120px; }

/* icon size */
.small-icon { font-size: 24px; }
.medium-icon { font-size: 35px; }
.medium-ex-icon { font-size: 40px; }
.large-icon { font-size: 50px; }

/* text color */
.text-light-gray { color : #d6d5d5; }
.text-medium-gray { color : #757575; }
.text-dark-gray { color : #232323; }
.text-black { color : #000; }

/* font */
.alt-font { font-weight: 500; }
.display-block { display: block !important; }
.display-table { display: table !important; }
.display-table-cell { display: table-cell !important; }
.display-inline-block { display: inline-block !important; }

/* width */
.width-90 { width : 90%; }
.p-margin { margin: 0 0 25px !important; }

/* margin */
.no-margin { margin: 0 !important; }
.auto-margin { margin : 0 auto; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-90 { margin-top: 90px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-left-60 { margin-left: 60px !important; }
.margin-left-70 { margin-left: 70px !important; }
.margin-left-80 { margin-left: 80px !important; }
.margin-left-90 { margin-left: 90px !important; }
.margin-left-100 { margin-left: 100px !important; }
.margin-both-10 { margin : 10px 0; }
.margin-both-20 { margin : 20px 0; }
.margin-both-30 { margin : 30px 0; }
.margin-both-40 { margin : 40px 0; }
.margin-both-50 { margin : 50px 0; }
.margin-both-60 { margin : 60px 0; }
.margin-both-70 { margin : 70px 0; }
.margin-both-80 { margin : 80px 0; }
.margin-both-90 { margin : 90px 0; }
.margin-both-100 { margin : 100px 0; }

/* size */
.width-100 {
    width: 100%;
}

/* margin persent */
.margin-one-top { margin-top: 1%; }
.margin-two-top { margin-top: 2%; }
.margin-three-top { margin-top: 3%; }
.margin-four-top { margin-top: 4%; }
.margin-five-top { margin-top: 5%; }
.margin-six-top { margin-top: 6%; }
.margin-seven-top { margin-top: 7%; }
.margin-eight-top { margin-top: 8%; }
.margin-nine-top { margin-top: 9%; }
.margin-ten-top { margin-top: 10%; }
.margin-one-bottom { margin-bottom: 1%; }
.margin-two-bottom { margin-bottom: 2%; }
.margin-three-bottom { margin-bottom: 3%; }
.margin-four-bottom { margin-bottom: 4%; }
.margin-five-bottom { margin-bottom: 5%; }
.margin-six-bottom { margin-bottom: 6%; }
.margin-seven-bottom { margin-bottom: 7%; }
.margin-eight-bottom { margin-bottom: 8%; }
.margin-nine-bottom { margin-bottom: 9%; }
.margin-ten-bottom { margin-bottom: 10%; }

/* margin top and bottom */
.margin-one-tb {margin-top:1%; margin-bottom:1%;}
.margin-one-half-tb {margin-top:1.5%; margin-bottom:1.5%;}
.margin-two-tb {margin-top:2%; margin-bottom:2%;}
.margin-two-half-tb {margin-top:2.5%; margin-bottom:2.5%;}
.margin-three-tb {margin-top:3%; margin-bottom:3%;}
.margin-three-half-tb {margin-top:3.5%; margin-bottom:3.5%;}
.margin-four-tb {margin-top:4%; margin-bottom:4%;}
.margin-four-half-tb {margin-top:4.5%; margin-bottom:4.5%;}
.margin-five-tb {margin-top:5%; margin-bottom:5%;}
.margin-five-half-tb {margin-top:5.5%; margin-bottom:5.5%;}
.margin-six-tb {margin-top:6%; margin-bottom:6%;}
.margin-six-half-tb {margin-top:6.5%; margin-bottom:6.5%;}
.margin-seven-tb {margin-top:7%; margin-bottom:7%;}
.margin-seven-half-tb {margin-top:7.5%; margin-bottom:7.5%;}
.margin-eight-tb {margin-top:8%; margin-bottom:8%;}
.margin-eight-half-tb {margin-top:8.5%; margin-bottom:8.5%;}
.margin-nine-tb {margin-top:9%; margin-bottom:9%;}
.margin-nine-half-tb {margin-top:9.5%; margin-bottom:9.5%;}
.margin-ten-tb {margin-top:10%; margin-bottom:10%;}
.margin-ten-half-tb {margin-top:10.5%; margin-bottom:10.5%;}
.margin-eleven-tb {margin-top:11%; margin-bottom:11%;}
.margin-eleven-half-tb {margin-top:11.5%; margin-bottom:11.5%;}
.margin-twelve-tb {margin-top:12%; margin-bottom:12%;}
.margin-twelve-half-tb {margin-top:12.5%; margin-bottom:12.5%;}
.margin-thirteen-tb {margin-top:13%; margin-bottom:13%;}
.margin-thirteen-half-tb {margin-top:13.5%; margin-bottom:13.5%;}
.margin-fourteen-tb {margin-top:14%; margin-bottom:14%;}
.margin-fourteen-half-tb {margin-top:14.5%; margin-bottom:14.5%;}
.margin-fifteen-tb {margin-top:15%; margin-bottom:15%;}
.margin-fifteen-half-tb {margin-top:15.5%; margin-bottom:15.5%;}
.margin-sixteen-tb {margin-top:16%; margin-bottom:16%;}
.margin-sixteen-half-tb {margin-top:16.5%; margin-bottom:16.5%;}
.margin-seventeen-tb {margin-top:17%; margin-bottom:17%;}
.margin-seventeen-half-tb {margin-top:17.5%; margin-bottom:17.5%;}
.margin-eighteen-tb {margin-top:18%; margin-bottom:18%;}
.margin-eighteen-half-tb {margin-top:18.5%; margin-bottom:18.5%;}
.margin-nineteen-tb {margin-top:19%; margin-bottom:19%;}
.margin-nineteen-half-tb {margin-top:19.5%; margin-bottom:19.5%;}
.margin-twenty-tb {margin-top:20%; margin-bottom:20%;}
.margin-twenty-half-tb {margin-top:20.5%; margin-bottom:20.5%;}
.margin-twenty-one-tb {margin-top:21%; margin-bottom:21%;}
.margin-twenty-one-half-tb {margin-top:21.5%; margin-bottom:21.5%;}
.margin-twenty-two-tb {margin-top:22%; margin-bottom:22%;}
.margin-twenty-two-half-tb {margin-top:22.5%; margin-bottom:22.5%;}
.margin-twenty-three-tb {margin-top:23%; margin-bottom:23%;}
.margin-twenty-three-half-tb {margin-top:23.5%; margin-bottom:23.5%;}
.margin-twenty-four-tb {margin-top:24%; margin-bottom:24%;}
.margin-twenty-four-half-tb {margin-top:24.5%; margin-bottom:24.5%;}
.margin-twenty-five-tb {margin-top:25%; margin-bottom:25%;}
.margin-5px-tb {margin-top:5px; margin-bottom:5px;}
.margin-10px-tb {margin-top:10px; margin-bottom:10px;}
.margin-15px-tb {margin-top:15px; margin-bottom:15px;}
.margin-20px-tb {margin-top:20px; margin-bottom:20px;}
.margin-25px-tb {margin-top:25px; margin-bottom:25px;}
.margin-30px-tb {margin-top:30px; margin-bottom:30px;}
.margin-35px-tb {margin-top:35px; margin-bottom:35px;}
.margin-40px-tb {margin-top:40px; margin-bottom:40px;}
.margin-45px-tb {margin-top:45px; margin-bottom:45px;}
.margin-50px-tb {margin-top:50px; margin-bottom:50px;}
.margin-55px-tb {margin-top:55px; margin-bottom:55px;}
.margin-60px-tb {margin-top:60px; margin-bottom:60px;}
.margin-65px-tb {margin-top:65px; margin-bottom:65px;}
.margin-70px-tb {margin-top:70px; margin-bottom:70px;}
.margin-75px-tb {margin-top:75px; margin-bottom:75px;}
.margin-80px-tb {margin-top:80px; margin-bottom:80px;}
.margin-85px-tb {margin-top:85px; margin-bottom:85px;}
.margin-90px-tb {margin-top:90px; margin-bottom:90px;}
.margin-95px-tb {margin-top:95px; margin-bottom:95px;}
.margin-100px-tb {margin-top:100px; margin-bottom:100px;}

/* icon size */
.i-very-small {
    font-size: 16px
}

.i-small {
    font-size: 24px
}

.i-medium {
    font-size: 35px
}

.i-extra-medium {
    font-size: 40px
}

.i-large {
    font-size: 50px
}

.i-round-small {
    border-radius: 100%;
    display: table-cell;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    font-size: 32px
}

.i-round-medium {
    border-radius: 100%;
    display: table-cell;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

/* verticle align */
.vertical-align-middle {vertical-align: middle;}
.vertical-align-top {vertical-align: top;}
.vertical-align-bottom {vertical-align: bottom;}
.vertical-middle {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute; top: 50%; left:0; right: 0}
.clear-both{ clear:both}
.line-break { display:block;}
.no-transition *, .swiper-container *, .mfp-container *, .skillbar-bar-main *, .portfolio-grid *, .parallax, .rev-slider *, .header-searchbar *, .header-social-icon * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; }
.absolute-middle-center {left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); }
.absolute-bottom-center {left: 50%; top: 80%; position: absolute; -ms-transform: translateX(-50%) translateY(-80%); -moz-transform: translateX(-50%) translateY(-80%); -webkit-transform: translateX(-50%) translateY(-80%); transform: translateX(-50%) translateY(-80%); -o-transform: translateX(-50%) translateY(-80%); }


/*padding*/
.no-padding { padding : 0 !important; }
.padding-15 { padding: 5px 15px; }
.padding-10 { padding: 10px !important; }
.padding-20 { padding: 15px 20px !important; }
.padding-30 { padding: 30px !important; }
.padding-top-80 { padding-top: 80px; }
.padding-both-30 { padding : 30px; }
.padding-per12 { padding: 12%; }
.padding-per2 { padding: 2%; }

/* font-size */
.font-48 { font-size: 48px; line-height: 54px; }

/* width */
.width-50px { width : 50px; }

/* border */
.border-1 { border: 1px solid #e5e5e5; }

/* separator */
.separator-1px { height : 1px; }

/* letter-spacing */
.letter-spacing-half { letter-spacing: -0.5px !important; }
.letter-spacing-1 { letter-spacing: -1px !important; }
.letter-spacing-2 { letter-spacing: 1px !important; }

/* border-radius */
.border-radius-5 { border-radius: 5px; }

/* border */
.border-3 { border : 3px solid #295392; }

/* fotn-weight */
.fontweight-300 { font-weight: 300; }
.fontweight-400 { font-weight: 400; }
.fontweight-500 { font-weight: 500; }
.fontweight-600 { font-weight: 600;  }

/* separator */
.separator-line-verticle-extra-small {width:1px; height: 8px;}
.separator-line-verticle-small-thick {width:17px; height: 3px;}
.separator-line-verticle-small {width:1px; height: 13px;}
.separator-line-verticle-small-thick2 {width:64px; height: 7px;}
.separator-line-verticle-large {width:1px; height:20px;}
.separator-line-verticle-extra-large {width:1px; height:30px;}
.separator-line-verticle-medium-thick-full {width:8px; height: 40px;}
.separator-line-verticle-large-thick {width:109px; height: 11px}
.separator-line-horrizontal-medium-light {width:36px; height: 3px;}
.separator-line-horrizontal-medium-light2 {width:40%; height: 1px;}
.separator-line-horrizontal-medium-light3 {width:18%; height: 1px;}
.separator-line-horrizontal-medium-thick {width:50px; height: 5px;}
.separator-line-horrizontal-full {width:100%; height: 1px;}


/* commons */
#sr_introduce .sub_con_title,
#se_introduce .sub_con_title,
#social_intro .sub_con_title,
#cooper_intro .sub_con_title,
#self_intro .sub_con_title,
#sr_business .sub_con_title,
#sr_history .sub_con_title,
#sr_location .sub_con_title {
    padding-top:20px;
    margin-bottom: 60px;
}
#se_introduce, #social_intro, #cooper_intro, #self_intro, #sr_business, #sr_history,#sr_location {
    padding:30px 0;
    font-size: 15px;
}

#sr_introduce p.p_line,
#se_introduce p.p_line {
    line-height: 25px;
    color: #5e5e5e !important;
}
.sub_con_title p span {
    display: block;
}
.border {
    border: 1px solid #dee2e6 !important;
}
.border-round {
    border-radius: 5px !important;
}
.pad-5 {
    padding: 50px 30px !important;
}
.pad-40 {
    padding: 8rem 0 0;
}
.mar-8 {
    margin: 0 8px;
}
.mar-10 {
    margin-bottom: 10px;
}


.mar-2 {
    margin-right: .5rem !important;
}


.slow-spin {
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}

/* ul/li */
ul, ol, li { list-style: none; }
.li-style-1 {
    list-style: none;
    padding: 0 !important;
    margin: 0;
}

.li-style-1 li:last-child {
    border-bottom : 0;
}

.li-style-1 li {
    position: relative;
    padding: 0 0 0px 22px;
    *margin:0 0 10px 0;
    line-height: 1.6;
    color: #5e5e5e;
    letter-spacing: -0.5px;
}

.li-style-1 li:before{
    content: "\f192";
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    font-weight: 400;
    color: #021B79;
    opacity: 0.6;
}

.li-style-2 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.li-style-2 li:last-child {
    border-bottom : 0;
}

.li-style-2 li {
    position: relative;
    padding: 0 0 0px 22px;
    *margin:0 0 10px 0;
    line-height: 1.6;
    color: #5e5e5e;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}

.li-style-2 li:before{
    content: "\f192";
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    font-weight: 400;
    color: #021B79;
    opacity: 0.6;
}

.principle .blit-txt { margin: 0; padding: 0; }
.principle .blit-txt li { position: relative; padding-left: 15px; *margin : 0; color: #5e5e5e !important; letter-spacing: -.5px; *line-height: 22px; margin-bottom: 10px; }
.principle .blit-txt li span.pd-1 { position: absolute; left: 0;  }
.principle .l-two li { padding-left: 54px !important;  }
.understand-1 .blit-txt { margin: 0; padding: 0; }
.understand-1 .blit-txt li { position: relative; padding-left: 15px; *margin : 0; color: #5e5e5e !important; letter-spacing: -.5px; *line-height: 22px; margin-bottom: 10px; }
.understand-1 .blit-txt li span.pd-1 { position: absolute; left: 0;  }
.understand-1 .l-two li { padding-left: 54px !important;  }
.cont-height-247 { min-height: 247px; }
.cont-height-170 { min-height: 170px; }

/* nav */
.nav-tabs {
    margin-bottom: 50px !important;
}
.nav-tabs>li.active>a, nav-tabs>li.active>a:hover {
    color: #fff !important;
    background-color: #4b6cb7 !important ;
    *border: none;
}

/* opacity */
.opacity8 { opacity: .8; }

/* color */
.txt-white { color: #fff !important; }
.se_red { color: #eb5451; }
.se_navy { color : #4c6187; }
.se_blue { color : rgb(52,152,219 ); }
.se_white { color : #fff !important; }
.se_navy { color: #4b6cb7; }
.se_gray { color: #939393; }
.se_darknavy { color : #295392; }
.se_black { color : #333; }
.se_mint { color : #21bbb1; }
.se_dark_gray { color : #232323; }
.bg-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-light-gray {background-color:#e0e0e0}
.bg-medium-light-gray {background-color:#ededed}
.bg-light-gray {background-color:#f7f7f7}
.bg-very-light-gray {background-color:#fafafa}
.bg-deep-pink {background-color:#ff214f;}
.bg-deep-mint {background-color:#21bbb1;}
.bg-deep-yellow{background-color:#ffb400;}
.bg-transparent-white { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.bg-transparent-black { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.85); }
.bg-black-opacity { background-color: rgba(0, 0, 0, 0.85); }
.bg-black-opacity-light { background-color: rgba(0, 0, 0, 0.5); }
.bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
.bg-deep-mint-opacity {background-color: rgba(33, 187, 177, 0.85);}
.bg-charcoal-gray{background-color: #0e0f10;}
.bg-deep-yellow-opacity {background-color:rgba(255, 180, 0, 0.85);}

/* bg color */
.bg_blue { background-color : #49708A; }
.bg_navy { background-color: #373b44; }
.bg_red { background-color: #eb5451; }
.bg_mint { background-color: #21bbb1; }
.bg_gray { background-color: #f4f4f4; }

/* border-color */
.border_navy { border-color: #4b6cb7; }
.border_navy_1 { border-color : #4b6cb7 !important; }
.border_navy_1 .left { border-left : none !important; }
.border_navy_1 .border-right { border-right : none !important; }


.gradient-blue {
    background: #373B44;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #373b44, #4286f4);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #373b44, #4286f4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.f-gradient-blue {
    color: #373B44;
    background: -webkit-linear-gradient(#373b44, #4286f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.thema-blue {
    background:#295392;
}

/* table */
.table-wrap {
    color: #5e5e5e;
}
.table-wrap table {
    border-bottom: 1px solid #ececec;
    width: 100%;
}
.table-wrap table .bd-t th {
    border-top: 2px solid #eb5451;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-weight: 400;
}

.table-wrap table .bd-t-2 th {
    border-top: 2px solid #eb5451;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-weight: 400;
}
.table-wrap table .bd-t-3 th {
    border-top: 1px solid #ececec;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-weight: 400;
}
.table-wrap table .bd-t-4 th {
    border-top: 2px solid #eb5451;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-weight: 400;
}
.table-wrap .understand-1 tr.bd-t-5  th:first-child {
    border-top: 2px solid #eb5451;
    text-align: center;
    box-sizing: border-box;
    color: #333;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 1px solid #ececec;
}
.table-wrap .understand-1 tr.bd-t-5  td {
    border-top: 2px solid #eb5451;
}
.table-wrap table .icon th,
.table-wrap table .icon td {
    padding : 5px 0;
    text-align: center;
}
.table-wrap .understand-1 th {
    border-top : 1px solid #ececec;
}
.table-wrap .understand-1 tr.icon td {
    border-left: none;
}

.table-wrap table .bd-t-3 th:first-child {
    border-left : 1px solid #ececec;
}

.table-wrap table th {
    padding: 15px 0;
    border-left: 1px solid #ececec;
    font-size: 15px;
    vert-align: middle;
}
.table-wrap table .bd-t-4 th,
.table-wrap table .bd-t-3 th{
    padding: 10px 0 !important;
    border-left: 1px solid #ececec;
    font-size: 16px;
    vert-align: middle;
}
.table-wrap table th:first-child {
    border-left: none;
}
.table-wrap table td {
    padding: 15px 10px;
    border-left: 1px solid #ececec;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px solid #ececec;
    letter-spacing: -0.7px;
}
.table-wrap table td > ul,
.table-wrap table td > ol{
    padding: 0;
}
.table-wrap table td > ul >li,
.table-wrap table td > ol >li{
    margin-left: 15px;
}

.table-wrap table td:first-child {
    border-left: none;
}
.table-wrap .active {
    background: #f5f5f5;
}
.table-wrap .info {
    background: #5e5e5e;
    opacity: 0.6;
}
.table-wrap .info-2 {
    background: #7e7e7e;
    opacity: 0.6;
}
.table-wrap .blit-txt { margin: 0; padding: 0; }
.table-wrap .blit-txt li { position: relative; padding-left: 15px; margin : 0; }
.table-wrap .blit-txt li span.pd-1 { position: absolute; left: 0;  }
.table-wrap .l-two li { padding-left: 54px !important; }

.table-wrap .understand-1 .col01 { width : 14%; }
.table-wrap .understand-1 .col02 { width : 28%; }
.table-wrap .understand-1 .col03 {  }
.table-wrap .understand-1 .col04 { width : 28%; }
.table-wrap .understand-1 .col05 { width : 15%; }
.table-wrap .understand-1 .col06 { width : 20%; }
.table-wrap .understand-1 .col07 { width : 25%; }
.table-wrap .understand-1 .col08 { width : 25%; }
.table-wrap .understand-1 .col09 { width : 15%; }
.table-wrap .understand-1 .col10 { width : 85%; }




/* sr_introduce */
#sr_introduce {
    padding:30px 0 60px;
    font-size: 15px;
}

.sub_con_title .sub_title {
    color:#282828;
    font-size: 24px;
}

.sub_con_title .sub_con_line {
    margin: 0 auto;
    border-bottom: 4px solid #e22f2b;
    width: 130px;
    padding-top: 10px;
}

/* se_introduce */
#se_introduce p, #social_intro p, #cooper_intro p, #self_intro p, #sr_business p, #sr_history p, #sr_location p {
    *letter-spacing: -.075em;
    color: #5e5e5e;
    line-height: 1.6;
}

#se_introduce h3, #social_intro h3, #cooper_intro h3, #self_intro h3, #sr_business h3, #sr_history h3, #sr_location h3 {
    font-size: 20px;
    *letter-spacing: -.08em;
}

#se_introduce i {
    *margin-bottom: 10px;
}

.social-icon {
    margin-bottom: 40px;
}


.se_content {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .5rem;
    margin: 50px 0;
}
.se_header {
    padding: 2rem 3rem;
}

.se_content h3 {
    margin: 0 !important;
}
.se_header:first-child {
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
}
.se_body {
    padding: 35px;
}
.se_body .small-title {
    font-size: 18px; letter-spacing: -.06em; margin-top: 20px; margin-bottom: 30px;
    color: #4b6cb7;
}
.se_body hr {
    margin: 60px 0px;
}
.se_body hr.dot {
    *border-top : 2px dotted #eee;
}
.position-relative {
    position: relative !important;
}
.social-box-75 {
    padding-left: 90px;
}
.social-box-75 i {
    position: absolute;
    top: 0;
    left: 0;
}

.social-list dl {
    *border: 1px solid #e5e5e5;
}
.social-list dt {
    text-align: center;
    margin: 30px 0 20px;
    font-weight: 500 !important;
}
.social-list dd {
    color: #5e5e5e;
    padding: 10px 8px;
}
.social-list dt i {
    margin: 10px 0 20px;
}


/* social_intro */
.social_content span > a:link, .social_content span > a:visited { color : #fff; text-decoration: none; }
.social_content .small-title {
    font-size: 18px; letter-spacing: -.06em; margin-top: 20px; margin-bottom: 30px;
    color: #4b6cb7;
}
.social_content .li-style-1 li { margin-bottom: 20px !important; }
.social_mean .active { background-color: #d9edf7; }
.social-ex { display : block; font-size: 18px; padding: 30px 20px !important; text-align: center; border-radius: 5px; }
.social-img { text-align: center; margin: 30px 0; }
.social_content hr { margin: 60px 0px; }
.social-role dl { border:1px solid #eee; text-align: center; color: #5e5e5e; border-radius: 10px; }
.social-role dl > dt { padding : 15px 5px; color: #fff; font-weight: 400; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.social-role dl > dd { line-height: 1.6; padding : 20px 5px; letter-spacing: -.5px;}
.social-role .row-8 { padding-right:8px; padding-left: 8px; }


/* cooperative */
.cooper-img { text-align: center; margin: 50px 0; }
.principle h5 { font-size : 30px !important; line-height: 33px; color: #21bbb1; text-align: center; }
.principle p { line-height: 22px; }

/* self-enterprise */

/* board */
.board-list { padding: 30px 0; }
.list-wrap { margin: 50px 0; }

/*sr_business */
.busi-content figure .team-image {position: relative;overflow: hidden; padding : 40px 0; }
.busi-content .team-overlay {display: block; position: absolute; overflow: hidden; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.busi-content .team-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 0;}
.busi-content figure:hover .team-overlay {height: 100%;}
.busi-content figure figcaption {width: 100%; position: relative; margin-top: 17px}
.busi-content figure .overlay-content {opacity: 0;position: absolute;height: 100%;width: 100%;top:0;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;top:-15px;}
.busi-content figure:hover .overlay-content {opacity: 1; z-index: 1111; top:0}
.busi-content figure figcaption .team-member-position {position: relative; top: 0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }


/* sr_history */
.history .header-line:after { display: block; content: ""; width: 72px; height: 3px; margin: .5em auto 1em 0; background: #4b6cb7; }
.history-line { border-right: 4px solid #eaeaea; margin-right: 30px; width: 16px; }
.history-line:after { content: ''; position: relative; width: 25px; height: 25px; background-color: #4b6cb7; border: 6px solid #fff; top:0px; left: 2px; border-radius: 50%; z-index: 1; display: inline-block; }
.history-line1 { border-right: 4px solid #eaeaea; margin-right: 30px; width: 16px; }
.history-line1:after { content: ''; position: relative; width: 25px; height: 25px; background-color: #21bbb1; border: 6px solid #fff; top:0px; left: 2px; border-radius: 50%; z-index: 1; display: inline-block; }
.history-entry .history-date { font-size: 13px; color : #a5a5a5; }
.history-entry .history-title { font-size: 15px; color : #5e5e5e; }
.d-flex { display: flex !important; }
.p-bottom { padding-bottom: 15px !important; }
.p-top { padding-top: 4px !important; }
.min-height-158 {
    min-height: 158px;
}

/* main */

.econo-story {
    border: 1px solid #ddd;
}

.econo-story .right_tit {
    position: relative;
    background: #f3f3f3;
    border-bottom: 1px solid #dadada;
    padding: 15px 0 15px 22px;
    line-height: 14px !important;
    margin: 0;
}
.econo-story .econo-desc {
    padding: 15px;
    min-height: 196px;
}

.econo-story .right_tit .btn_more {
    position: absolute;
    top: -1px;
    right: -1px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    background: #fff;
    border: 1px solid #dadada;
    padding: 14px;
}

.div-tab.tabs ul.nav-tabs li {
    width: 25% !important;
}
.div-tab.tabs ul.nav-tabs li a {
    text-align: center !important;
}

.w-tab .nav-tabs {
    margin-bottom: 0 !important;
}
.nav>li>a {
    padding : 15px !important;
}
.div-tab.tabs div.tab-content {
    min-height: 196px;
}
.mquick {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin-bottom: 30px;
}
.mquick .mq-bg {
    position: relative;
    border: 1px solid #ddd;
}

.mquick .mq-bg h4 {
    float: left;
    width: 25%;
    height: 138px;
    padding: 35px 0 35px 24px;
    font-weight: 400;
    font-size: 30px;
    color: #333;
    background-color: #e4eaf5;
    background-image: linear-gradient(-65deg, #fff 20%, #e4eaf5 0);
    margin: 0;
}

.mquick .mq-bg h4 span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    color: #4b6cb7;
}

.mquick .mq-bg ul {
    float: left;
    width: 75%;
    background: #fff;
    margin-bottom: 0 !important;
    padding: 0;
}

.mquick .mq-bg ul li {
    float: left;
    width: calc(100% / 6);
    padding: 32px 0 0;
    height: 138px;
    list-style: none;
}

.mquick .mq-bg ul li a:hover {
    color: #4b6cb7;
}

.mquick .mq-bg ul li i {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.mquick .mq-bg ul li a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color:#333;
    text-align: center;
    border-right: 1px solid #ddd;
}

.mquick .mq-bg ul li:last-child a {
    border-right: none;
}

.mquick .mq-bg ul li:nth-child(1) a:before {
    background: url('/thema/SocialRiea/img/social_icon.png') no-repeat;
}

.mquick .mq-bg ul li:nth-child(2) a:before {
    background: url('/thema/SocialRiea/img/cooper_icon.png') no-repeat;
}

.mquick .mq-bg ul li:nth-child(3) a:before {
    background: url('/thema/SocialRiea/img/village_icon.png') no-repeat;
}

.mquick .mq-bg ul li:nth-child(4) a:before {
    background: url('/thema/SocialRiea/img/heart_icon.png') no-repeat;
}

.mquick .mq-bg ul li:nth-child(5) a:before {
    background: url('/thema/SocialRiea/img/schedule_icon.png') no-repeat;
}

.mquick .mq-bg ul li:last-child a:before {
    background: url('/thema/SocialRiea/img/news_icon.png') no-repeat;
}

.mquick .mq-bg ul li a:before {
    content: "";
    width: 55px;
    height: 55px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.w-main .at-main,
.w-main .at-side { padding-bottom:0px; }
.w-main .div-title-underbar { margin-bottom:15px; font-weight:bold; }
.w-main .div-title-underbar span { padding-bottom:4px; }
.w-main .w-more { font-weight:normal; color:#888; padding-top:2px; letter-spacing:-1px; font-size:11px; }
.w-main .w-img img { display:block; max-width:100%; /* 배너 이미지 */ }
.w-main .w-empty { margin-bottom:20px; }
.w-main .w-box { border:1px solid #ddd; margin-bottom:20px; background:#fff; }
.w-main .w-p10 { padding:10px; }
.w-main .w-p15 { padding:15px; }
.w-main .w-tab { border-right:1px solid #ddd; border-top:1px solid #ddd; }
.w-main .w-tab .nav { margin-top:-1px !important; }
.w-main .w-tab .nav li { position:relative; z-index:1; }
.w-main .w-tab .nav li.active a { font-weight:bold; }
.w-main .tabs { margin-bottom:20px !important; }
.w-main .tab-content { padding:15px !important; }
.w-main .w-row { margin-left:-10px; margin-right:-10px; }
.w-main .w-col { padding-left:10px; padding-right:10px; }

/* Owl-Carousel */
.w-owl { overflow:hidden; position:relative; top:-42px; margin-bottom:-42px; }
.w-owl .owl-carousel, .w-owl .owl-hide { padding-top:44px; }
.w-owl .owl-carousel .owl-controls .owl-buttons div {
    display:block; background: #fff; color:#999; width: 25px; height: 18px; top: 0px; margin-top: 0px; line-height: 18px; font-size: 12px; border:1px solid #ddd;
}
.w-owl .owl-carousel .owl-controls .owl-buttons div.owl-prev { left:auto; right:39px; }
.w-owl .owl-prev .fa-chevron-left:before { content: "\f104"; }
.w-owl .owl-next .fa-chevron-right:before { content: "\f105"; }



@media (max-width:767px) {
    .cont-height-247 { min-height: 0px; }
    .cont-height-170 { min-height: 0px; }
    .xs-center { text-align: center; }
    .xs-bottom-15px {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 486px) {
    .mquick .mq-bg {
        border: none;
    }

    .mquick .mq-bg h4 {
        width: 100%;
        height: 50px;
        padding: 15px 0 15px 14px;
        font-weight: 400;
        font-size: 16px;
        border: 1px solid #ddd;
    }

    .mquick .mq-bg h4 span {
        display: none;
    }

    .mquick .mq-bg ul {
        width: 100%;
        padding: 0;
    }

    .mquick .mq-bg ul li {
        float: left;
        width: calc(100% / 3);
        padding: 12px 0 0;
        height: auto;

    }

    .mquick .mq-bg ul li a {

        border: 1px solid #ddd;
        border-right: none;
        font-size: 12px;
    }

    .mquick .mq-bg ul li a:before {
        margin-top: 10px;
    }

    .mquick .mq-bg ul li:nth-child(3) a {
        border: 1px solid #ddd;
    }

    .mquick .mq-bg ul li:last-child a {
        border: 1px solid #ddd;
    }

    #sr_introduce .sub_con_title,
    #se_introduce .sub_con_title,
    #social_intro .sub_con_title,
    #cooper_intro .sub_cont_title,
    #self_intro .sub_cont_title,
    #sr_business .sub_con_title,
    #sr_history .sub_con_title,
    #sr_location .sub_con_title {
        padding-top:20px;
        margin-bottom: 50px;
    }
    #se_introduce, #social_intro, #cooper_intro, #self_intro, #sr_introduce, #sr_business, #sr_history, #sr_location {
        padding: 30px 0;
    }
    .board-list { padding : 0;  }
    .sub_con_title .sub_title {
        color:#282828;
        font-size: 20px;
    }
    .se_content {
        margin: 50px 0 !important;;
    }
    .se_header {
        padding: 1.5rem 1rem;
    }
    #se_introduce h3, #social_intro h3, #cooper_intro h3, #self_intro h3, #sr_business h3, #sr_history h3, #sr_location h3 {
        font-size: 18px;
        letter-spacing: -.5px;
    }
    .pad-5 {
        padding: 4rem 3rem !important;
    }
    .sm-margin { margin-bottom: 15px;}
    .se_body {
        padding: 10px !important;
    }
    .social-list dl{
        margin-bottom: 15px;
    }
    .social-role .row-8 {
        padding: 0px !important;
    }
    .row-0 {
        padding: 0px !important;
    }
    .no-auto { margin : 0 auto;}
    .font-48 { font-size: 20px;}
    .nav-tabs > li > a { font-size: 14px; }
    #se_introduce .border {
        border: none !important;
    }
    .cont-height-247 { min-height: 0px; }
    .cont-height-170 { min-height: 0px; }


}