''@charset "euc-kr";
/*CSS Document*/
/*
@font-face {
  font-family: 'yg-jalnan';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
*/
.title-notice {
    display: inline-block;
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    font-family: 'yg-jalnan';
    background: url(/KOR/img/bullet_circle.jpg) left center no-repeat;
    color: #d73520;
    padding: 15px 0px 10px 25px;
}
.cont_table ol li {
    list-style: square;
}
.row {
    clear: both;
}
.col {
    float: left;
}
.gray_s {
    padding: 2px 10px;
    background: #f9f9f9;
    font-size: 13px;
}
.gray_s:hover {
    background: #000;
}
.grey {
    background: #999 !important;
}
/* ???챘째째챘? */
.board_notice {
    display: inline-block;
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    padding: 25px;
    background-color: #f3f5f6;
    margin: 10px 0px 20px;
    border: 1px solid #e9e9e9;
    list-style: disc !important;
}
.box {
    position: relative;
    margin: 20px 0;
    border: 1px solid #F76030;
    border-radius: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #151515;
    background-image: url("../img/kca_history_bgbg.jpg");
}
p.caption {
    padding: 10px 0px;
    color: #F76030;
}
.num_B {
    font-weight: bold;
    color: #F76030;
}
.contbox {
    padding: 10px 20px;
    background: #f7f7f7;
    border-radius: 20px;
    margin: 10px 0px;
    text-align: center;
}
.blue {
    display: inline;
    color: #00b0ca;
    font-weight: bold;
}
.red {
    display: inline;
    color: #d7341f;
    font-weight: bold;
}
.pd10 td {
    padding: 10px !important;
}
.pd6 td {
    padding: 6px !important;
}
.box .box_inner {
    position: relative;
    padding: 38px 40px 35px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.intro_box {
    border-color: #F76030;
	position: relative;
}
.intro_box:before {
    left: -1px;
    width: 240px;
    height: 53px;
    background-color: #fff;
}
.intro_box:before,
.intro_box:after { display: none; }
.intro_box .box_inner {
    min-height: 197px;
    padding-left: 240px;
	position: relative; z-index: 1;
}
.intro_box .box_inner.kca_history:before {
    background-image: url(../img/kca_history_icon.png);
}
.intro_box .box_inner.kca_organ:before {
    background-image: url(../img/kca_organ_icon.png);
}
.intro_box .box_inner.kca_award:before {
    background-image: url(../img/kca_award_icon.png);
}
.intro_box .box_inner.kca_jornal_icon:before {
    background-image: url(../img/kca_jornal_icon.png);
}
.intro_box .box_inner.kca_jourshop_icon:before {
    background-image: url(../img/kca_jourshop_icon.png);
}
.intro_box .box_inner.kca_promotion:before {
    background-image: url("../img/kca_promotion.png");
}
.intro_box .box_inner.kca_promotion2:before {
    background-image: url(../img/kca_promotion2.png);
}
.intro_box .box_inner.kca_research:before {
    background-image: url(../img/kca_research.png);
}
.intro_box .box_inner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0 !important;
    bottom: 0;
    left: 64px;
    width: 114px;
    height: 114px;
    margin: auto 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/contents/kca_history_icon.png);
}
/*
.intro_box:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    background: transparent;
    width: 99%;
    height: 50%;
    border: 1px solid #fff;
    border-radius: 20px;
    border-top: none;
    left: 1px
}
.intro_box:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}
*/
.intro_box .box_inner .box_banner_title {
    font-size: 1.75rem;
    line-height: 1.3;
    margin-bottom: 15px;
}
.intro_box .box_inner .box_banner_title > span {
    font-weight: 600;
    color: #f76030;
    font-size: 1.75rem;
}
.defaultTable {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    border-top: 1px solid #F76030;
    border-left: 1px solid #e9e9e9;
}
.defaultTable th, .defaultTable td {
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding: 12px;
}
.defaultTable td.cont {
    background-color: #ffffff;
    padding: 20px;
}
.defaultTable th {
    background: #f3f5f6;
}
.defaultTable tr:hover {
    background: #fafafa;
}
.btn_group {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 0px;
}
.boardDefault {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    border-top: 1px solid #f76030;
    margin: 10px 0px;
}
.boardDefault th, .boardDefault td {
    border-bottom: 1px solid #ededed;
    padding: 12px;
}
/* reset css */
.dn {
    display: none !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.colorGray {
    background: #f4f6fa;
}
/*


.bo_search form button[type="submit"] {
  position: absolute;
  width: 40px;
  height: calc(100% + 2px);
  font-size: 1.5rem;
  right: 0;
  color: #e95a2f;
  border: 1px solid #e95a2f;
  background: #fff;
  border-radius: 5px;
}
.bo_search form button[type="submit"]:hover {
  background: #e95a2f;
  color: #fff;
}
.bo_search form .stick {
  width: 1px;
  height: 50%;
  background: #d2d2d2;
  position: absolute;
  left: calc(26% + 6px);
}
*/
.board_inner {
    margin: 50px auto;
    width: 100%;
    max-width: 1116px;
    height: auto;
}
ul.user_tabList {
    margin-top: 30px;
    width: 302px;
    height: 40px;
    margin-bottom: 20px;
}
ul.user_tabList li {
    float: left;
    width: 130px;
    height: 40px;
    border: 1px solid #CCC;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
}
ul.user_tabList li.active {
    background: #666666;
    color: #ffffff;
}
.prom_pop { /*position: fixed; top: 0; left: 0; width: 100%; min-width: 1120px; height: 100%; z-index: 9999;*/ width: 800px;
    margin: 70px auto;
    background: url("../img/main/pop_bg.png")no-repeat top;
    background-size: cover;
}
/* .prom_pop .pop_bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.65);} */
.prom_pop .pop_inner { /*min-width: 800px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);*/ padding: 30px 30px 30px;
}
.prom_pop .pop_inner .title {
    font-size: 35px;
    font-weight: 900;
    color: #d6240c;
    letter-spacing: -0.08em;
    margin-bottom: 35px;
}
.prom_pop .pop_inner .top_box {
    background: #fff;
    padding: 30px 20px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    margin-bottom: 50px;
}
.prom_pop .pop_inner .top_box strong {
    font-size: 18px;
    font-weight: 900;
    color: #000;
    letter-spacing: -0.05em;
}
.prom_pop .pop_inner .top_box span {
    display: block;
    font-size: 14px;
    color: #000;
    margin-top: 5px;
    letter-spacing: -0.05em;
}
.prom_pop .pop_inner .top_box ol {
    padding: 20px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    margin: 20px 0;
}
.prom_pop .pop_inner .top_box ol li {
    font-size: 15px;
    color: #000;
    letter-spacing: -0.05em;
}
.prom_pop .pop_inner .top_box ol li:not(:last-child) {
    margin-bottom: 8px;
}
.prom_pop .pop_inner .top_box p {
    font-size: 14px;
    color: #000;
    letter-spacing: -0.075em;
    line-height: 1.67;
}
.prom_pop .pop_inner .top_box p b {
    color: #d6240c;
}
.prom_pop .pop_inner .code_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #d6240c;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 900;
    color: #d6240c;
    padding: 10px 0;
    margin: 10px 0 35px;
}
.prom_pop .pop_inner .code_wrap .prom_code {
    font-size: 18px;
    font-weight: 900;
    color: #d6240c;
    margin-left: 5%;
}
.prom_pop .pop_inner .code_wrap button {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #666;
    background: #fff;
    padding: 7px;
    margin-left: 15px;
}
.prom_pop .pop_inner .bot_box {
    text-align: center;
}
.prom_pop .pop_inner .bot_box strong {
    display: block;
    font-size: 18px;
    font-weight: 900;
    color: #000;
    letter-spacing: -0.05em;
    text-align: center;
}
.prom_pop .pop_inner .bot_box .img_wrap {
    margin: 10px 0 30px;
}
.prom_pop .pop_inner .bot_box .img_wrap img {
    max-width: 100%;
}
.prom_pop .pop_inner a {
    display: inline-block;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    background: #d6240c;
    border-radius: 50px;
    padding: 20px 50px;
    margin: 0 auto;
}
/**************************************************** ?짚챘? ****************************************************/
#Header {
    border-bottom: 1px solid #d9341e;
    z-index: 1;
}
#Header .inner {
    position: relative;
    width: 1100px;
    height: 90px;
    margin: 0 auto;
}
/* 챘징?? ------------------------------ */
#Header h1 {
    position: absolute;
    left: 0;
    top: 13px;
    z-index: 9999;
}
#M_visual {
    position: relative;
    width: 100%;
    height: 270px;
    overflow: hidden;
}
/* 챘째째챗짼쩍 */
#M_visual .Vis_bg_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
}
#M_visual .Vis_bg_left .inner {
    height: 270px;
    margin-right: 550px;
    background: url(../img/main/vis_bg_left.jpg) right top no-repeat;
}
#M_visual .Vis_bg_right {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
#M_visual .Vis_bg_right .inner {
    height: 270px;
    margin-left: 550px;
    background: url(../img/main/vis_bg_right.jpg) left top no-repeat;
}
/* 챘쨔?짙쩌??*/
#M_visual .Visual {
    position: relative;
    width: 1100px;
    height: 270px;
    margin: 0 auto;
    z-index: 2;
}
#M_visual .Visual .color {
    position: absolute;
    left: 0;
    top: 0;
    width: 490px;
    height: 270px;
    background: url(../img/main/vis_shadow.png) left top no-repeat #a31c0a;
}
#M_visual .Visual div.img {
    position: absolute;
    right: 0;
    top: 0;
    width: 610px;
    height: 270px;
    overflow: hidden;
}
#M_visual .Visual p {
    position: absolute;
    left: 40px;
    top: 40px;
    color: #fff;
    font-size: 35px;
    letter-spacing: -0.07em;
    line-height: 1.3;
    z-index: 2;
}
#M_visual .Visual span {
    position: absolute;
    left: 40px;
    top: 145px;
    height: 35px;
    line-height: 34px;
    color: #222;
    font-size: 15px;
    letter-spacing: -0.05em;
    padding: 0 80px 0 15px;
    background: url(../img/main/vis_txtbg.png) left top repeat;
    z-index: 2;
}
#M_visual .Visual span a.more {
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 35px;
    line-height: 34px;
    padding-left: 12px;
    color: #fff;
    font-size: 13px;
    letter-spacing: -0.05em;
    background: url(../img/main/vis_more.gif) 53px 14px no-repeat #a31c0a;
}
#M_visual .Visual div.controller {
    position: absolute;
    left: 40px;
    bottom: 36px;
    font-size: 0;
    z-index: 2;
}
#M_visual .Visual div.controller a {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 1px;
}
#M_visual .Visual div.controller a.btn_left {
    background: url(../img/main/vis_left.png) left top no-repeat;
}
#M_visual .Visual div.controller a.btn_right {
    background: url(../img/main/vis_right.png) left top no-repeat;
}
#M_visual .Visual div.controller a.btn_left:hover {
    background-position: 0 -35px;
}
#M_visual .Visual div.controller a.btn_right:hover {
    background-position: 0 -35px;
}
/**************************************************** 챘짤?? ****************************************************/
#M_container {
    width: 1100px;
    margin: 20px auto 20px;
    overflow: hidden;
}
/* ?????챙쩍?------------------------------ */
#M_container .M_quickICON {
    float: left;
    width: 730px;
    height: 178px;
    border-top: 2px solid #d9341e;
}
#M_container .M_quickICON ul {
    overflow: hidden;
}
#M_container .M_quickICON ul li {
    float: left;
    width: 120px;
    height: 88px;
    text-align: center;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
}
#M_container .M_quickICON ul li.first {
    width: 123px;
    border-width: 0 1px 1px;
}
#M_container .M_quickICON ul li:hover {
    background: #f2f2f2;
}
#M_container .M_quickICON ul li a {
    display: block;
    height: 88px;
}
#M_container .M_quickICON ul li a:hover {
    text-decoration: none;
}
#M_container .M_quickICON ul li div {
    width: 100px;
    height: 60px;
    margin: 3px auto 0;
    background: url(../img/main/quick_icon.png) 0 0 no-repeat;
}
#M_container .M_quickICON ul li p {
    font-size: 13px;
    color: #333;
    line-height: 1.3;
    letter-spacing: -0.07em;
}
#M_container .M_quickICON ul li div.icon1 {
    background-position: 0 0;
}
#M_container .M_quickICON ul li div.icon2 {
    background-position: -100px 0;
}
#M_container .M_quickICON ul li div.icon3 {
    background-position: -200px 0;
}
#M_container .M_quickICON ul li div.icon4 {
    background-position: -300px 0;
}
#M_container .M_quickICON ul li div.icon5 {
    background-position: -400px 0;
}
#M_container .M_quickICON ul li div.icon6 {
    background-position: -500px 0;
}
#M_container .M_quickICON ul li div.icon7 {
    background-position: 0 -60px;
}
#M_container .M_quickICON ul li div.icon8 {
    background-position: -100px -60px;
}
#M_container .M_quickICON ul li div.icon9 {
    background-position: -200px -60px;
}
#M_container .M_quickICON ul li div.icon10 {
    background-position: -300px -60px;
}
#M_container .M_quickICON ul li div.icon11 {
    background-position: -400px -60px;
}
#M_container .M_quickICON ul li div.icon12 {
    background-position: -500px -60px;
}
#M_container .M_quickICON ul li div.icon13 {
    background: url(../img/main/main_quick_ico1.png) 50% 50% no-repeat;
    animation: fade .8s infinite linear;
}
@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
#M_container .M_quickICON ul li:nth-child(3):hover .icon13 {
    animation: none;
}
.schd_table {
    border-top: 1px solid #ec6550;
    border-left: 1px solid #ddd
}
.schd_table * {
    word-break: keep-all;
}
.schd_table tr:nth-child(even) {
    background: #f7f7f7;
}
.schd_table th {
    height: 20px;
    padding: 6px 10px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
    line-height: 1.4;
    background: #fbeae7;
    text-align: center;
    font-weight: normal;
    color: #d42f12;
}
.schd_table td {
    height: 20px;
    padding: 6px 10px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
    line-height: 1.4;
    text-align: center;
    font-weight: normal;
}
.schd_table tbody th, .schd_table tbody td {
    font-weight: normal;
    color: #444;
}
.schd_table tbody th {}
.schd_table tbody td {}
.schd_table span {
    color: #d42f12;
}
.schd_table .no {
    color: #aaa;
}
.schd_table .red {
    color: #ff0000;
}
.schd_table .blue {
    color: #001aff;
}
/* 챘징?쨌쨍?쨍챘???------------------------------ */
#M_container #M_Loginbox {
    float: right;
    width: 348px;
    height: 178px;
    border: 1px solid #ddd;
    overflow: hidden;
}
/* 챘징?쨌쨍??*/
#M_container #M_Loginbox .M_LOGIN {
    padding: 27px 29px 0;
}
#M_container #M_Loginbox .M_LOGIN .logininput {
    position: relative;
}
#M_container #M_Loginbox .M_LOGIN .logininput input {
    width: 178px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #666;
    padding: 0 0 0 10px;
    border: 1px solid #d2d6dd;
    margin: 0 0 5px;
    *margin-bottom: 4px;
    *margin-top: -1px;
}
#M_container #M_Loginbox .M_LOGIN .logininput input:focus {
    border-color: #ff6854;
}
#M_container #M_Loginbox .M_LOGIN .logininput button {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 59px;
    font-weight: 600;
    color: #6e6e6e;
    font-size: 14px;
    letter-spacing: -0.05em;
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
}
#M_container #M_Loginbox .M_LOGIN .logininput button:hover {
    background: #fff;
    border-color: #ff6854;
    color: #d9371e;
}
#M_container #M_Loginbox .M_LOGIN .checkbox {
    padding: 7px 0 8px;
    *padding: 5px 0 8px;
}
#M_container #M_Loginbox .M_LOGIN .checkbox input {
    vertical-align: middle;
    margin-right: 5px;
    *margin-left: -4px;
}
#M_container #M_Loginbox .M_LOGIN .checkbox label {
    vertical-align: middle;
    font-size: 13px;
    color: #999;
    letter-spacing: -0.05em;
    *letter-spacing: -0.08em;
    margin-right: 30px;
}
#M_container #M_Loginbox .M_LOGIN .checkbox label:hover {
    color: #666;
}
#M_container #M_Loginbox .M_LOGIN .menu {
    height: 28px;
    text-align: center;
    border: 1px solid #ff6854;
    font-size: 0;
}
#M_container #M_Loginbox .M_LOGIN .menu a {
    display: inline-block;
    font-size: 13px;
    line-height: 28px;
    letter-spacing: -0.05em;
    color: #e1434b;
    padding-right: 15px;
    background: url(../img/main/login_arrow.gif) right 50% no-repeat;
    margin: 0 15px;
}
#M_container #M_Loginbox .M_LOGIN .menu :hover {
    color: #a81400;
    text-decoration: none;
}
/* 챘징?쨌쨍??? */
#M_container #M_Loginbox .M_LOGOUT {
    position: relative;
    width: 348px;
    height: 178px;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo {
    overflow: hidden;
    font-size: 0;
    padding: 13px 0 0 29px;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo div.img {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo div.img .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: url(../img/main/logout_img.png) left top no-repeat;
    z-index: 2;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo strong {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #999;
    line-height: 1.3;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo p {
    color: #353535;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: -0.05em;
    height: 20px;
    overflow: hidden;
    padding: 5px 0 10px;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo p b {
    font-weight: 600;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo p span {
    display: inline-block;
    padding-left: 10px;
    color: #ff6854;
    font-weight: 600;
    letter-spacing: 0;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo a.btn {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: #888;
    font-size: 12px;
    letter-spacing: -0.05em;
    background-color: #f8f8f8;
    border: 1px solid #d9d9d9;
    margin-right: 5px;
    padding: 0 10px;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo a.btn.mypage {
    padding-right: 21px;
    background-image: url(../img/main/logout_mypage.png);
    background-position: 70px 50%;
    background-repeat: no-repeat;
}
#M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo a.btn:hover {
    border-color: #bbb;
    color: #444;
    text-decoration: none;
}
#M_container #M_Loginbox .M_LOGOUT ul {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
}
#M_container #M_Loginbox .M_LOGOUT ul li {
    float: left;
    width: 116px;
    text-align: center;
}
#M_container #M_Loginbox .M_LOGOUT ul li.first {}
#M_container #M_Loginbox .M_LOGOUT ul li.first a {
    border-left: 0 none;
}
#M_container #M_Loginbox .M_LOGOUT ul li a {
    display: block;
    height: 73px;
    border-left: 1px solid #ebebeb;
}
#M_container #M_Loginbox .M_LOGOUT ul li a:hover {
    background: #f2f2f2;
    text-decoration: none;
}
#M_container #M_Loginbox .M_LOGOUT ul li div.img {
    height: 43px;
    padding: 7px 0 0;
}
#M_container #M_Loginbox .M_LOGOUT ul li p {
    font-size: 12px;
    color: #555;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 1.3;
}
/* 챗쨀쨉챙??짭챠? ------------------------------ */
#M_container .M_notice {
    position: relative;
    float: left;
    width: 313px;
    height: 193px;
    padding: 55px 20px 0;
    border: 1px solid #ddd;
    margin: 20px 0 0;
}
#M_container .M_notice ul.tab {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 355px;
    overflow: hidden;
}
#M_container .M_notice ul.tab li {
    float: left;
    width: 118px;
}
#M_container .M_notice ul.tab li.first {
    width: 119px;
}
#M_container .M_notice ul.tab li a {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #555;
    font-size: 14px;
    letter-spacing: -0.07em;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
    background: #f4f4f4;
}
#M_container .M_notice ul.tab li a:hover {
    text-decoration: none;
    background: #e9e9e9;
}
#M_container .M_notice ul.tab li.first a {
    border-width: 1px;
}
#M_container .M_notice ul.tab li.on a {
    height: 39px;
    color: #d9341e;
    font-weight: 600;
    border-bottom: 0 none;
    background: #fff;
    border-color: #d9341e #ddd #ddd;
}
#M_container .M_notice .cont {}
#M_container .M_notice .cont table {}
#M_container .M_notice .cont table td {
    height: 30px;
    padding-left: 8px;
    background: url(../img/main/dot.gif) left 50% no-repeat;
}
#M_container .M_notice .cont table td a {
    color: #787878;
    font-size: 13px;
    letter-spacing: -0.02em;
}
#M_container .M_notice .cont table td a:hover {
    color: #d9371e;
}
/* ?????????????------------------------------ */
#M_container .M_event {
    position: relative;
    float: left;
    width: 313px;
    height: 193px;
    padding: 55px 20px 0;
    border: 1px solid #ddd;
    margin: 20px 0 0 20px;
}
#M_container .M_event ul.tab {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 355px;
    border-bottom: 1px solid #d9341e;
    overflow: hidden;
}
#M_container .M_event ul.tab li {
    float: left;
    width: 177px;
}
#M_container .M_event ul.tab li.first {
    width: 178px;
}
#M_container .M_event ul.tab li a {
    display: block;
    height: 39px;
    line-height: 39px;
    text-align: center;
    color: #555;
    font-size: 14px;
    letter-spacing: -0.07em;
}
#M_container .M_event ul.tab li a:hover {
    text-decoration: none;
    color: #000;
}
#M_container .M_event ul.tab li.on a {
    background: #d9341e;
    color: #fff;
    font-weight: 600;
}
#M_container .M_event .cont {}
#M_container .M_event .cont table {}
#M_container .M_event .cont table th {
    height: 30px;
    font-weight: normal;
    text-align: left;
}
#M_container .M_event .cont table th a {
    color: #787878;
    font-size: 13px;
    letter-spacing: -0.02em;
}
#M_container .M_event .cont table th a:hover {
    color: #d9371e;
}
#M_container .M_event .cont table td {
    text-align: right;
    color: #aaa;
    font-size: 12px;
    letter-spacing: -0.05em;
}
#M_container .M_event a.btn_apply {
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 353px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    text-align: center;
    letter-spacing: -0.07em;
    color: #e1434b;
    border: 1px solid #ddd;
    background: #f4f4f4;
}
#M_container .M_event a.btn_apply span {
    display: inline-block;
    padding-right: 27px;
    background: url(../img/main/event_go.png) right 50% no-repeat;
}
#M_container .M_event a.btn_apply:hover {
    background: #fff;
    border-color: #ff6854;
}
/*
.c_member_list {
    margin: 20px 0px;
}
*/
.c_member_list td span.apply_pre {
    padding: 5px 12px;
    border-radius: 3px;
    background: #ffde00;
    color: #000;
}
.c_member_list td span.apply_ing {
    padding: 5px 12px;
    border-radius: 3px;
    background: #2ea400;
    color: #fff;
}
.c_member_list td span.apply_com {
    padding: 5px 12px;
    border-radius: 3px;
    background: #ea0000;
    color: #fff;
}
.c_member_list td span.apply_end {
    padding: 5px 12px;
    border-radius: 3px;
    background: #949494;
    color: #fff;
}
/* ?째챙?????짼짯 ****************************************************/
.title_area {
    display: flex;
    align-items: center;
}
.title_area span strong {
    color: #f76030;
    font-weight: 600;
}
.title_area select {
    width: 15%;
    height: 40px;
    font-size: 1rem;
    color: #999;
    padding: 0px 8px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    background: #ffffff;
    margin-left: 50px;
}
.title_area select:hover {
    border: 1px solid #333;
}
.title_area .apply_Tb {
    display: flex;
    align-items: flex-end;
    border-radius: 5px;
    margin-left: auto;
}
.title_area .apply_Tb li {
    border: 1px solid #d2d2d2;
    margin-left: -1px;
}
.title_area .apply_Tb li:first-child {
    border-radius: 5px 0 0 5px;
}
.title_area .apply_Tb li:last-child {
    border-radius: 0 5px 5px 0
}
.title_area .apply_Tb li a {
    display: block;
    padding: 8px 15px;
}
.title_area .apply_Tb li.on {
    background: #f76030;
    border-color: #f76030;
}
.title_area .apply_Tb li.on a {
    color: #ffffff;
}
#apply_form {
    display: none;
}
/* 챗쨉짭챙?챗쨉짭챙? ------------------------------ */
#M_container .M_jobs {
    position: relative;
    float: right;
    width: 308px;
    height: 78px;
    padding: 50px 20px 0;
    border: 1px solid #ddd;
    margin: 20px 0 0 0;
}
#M_container .M_jobs ul.tab {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 350px;
    overflow: hidden;
}
#M_container .M_jobs ul.tab li {
    float: left;
    width: 116px;
}
#M_container .M_jobs ul.tab li.first {
    width: 118px;
}
#M_container .M_jobs ul.tab li a {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #555;
    font-size: 14px;
    letter-spacing: -0.07em;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
    background: #f4f4f4;
}
#M_container .M_jobs ul.tab li a:hover {
    text-decoration: none;
    background: #e9e9e9;
}
#M_container .M_jobs ul.tab li.first a {
    border-width: 1px;
}
#M_container .M_jobs ul.tab li.on a {
    height: 39px;
    color: #d9341e;
    font-weight: 600;
    border-bottom: 0 none;
    background: #fff;
    border-color: #d9341e #ddd #ddd;
}
#M_container .M_jobs .cont {}
#M_container .M_jobs .cont table {}
#M_container .M_jobs .cont table td {
    height: 23px;
}
#M_container .M_jobs .cont table td.date {
    text-align: right;
    font-size: 12px;
    color: #aaa;
    letter-spacing: -0.05em;
}
#M_container .M_jobs .cont table td a {
    color: #787878;
    font-size: 13px;
    letter-spacing: -0.02em;
}
#M_container .M_jobs .cont table td a:hover {
    color: #d9371e;
}
/* ???챙짠? ------------------------------ */
#M_container .M_book {
    float: right;
    width: 174px;
    height: 109px;
    padding: 10px 0 0;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
    background: #f9f9f9;
    text-align: center;
    overflow: hidden;
}
#M_container .M_book div.img {
    width: 115px;
    height: 80px;
    margin: 0 auto;
}
#M_container .M_book p {
    margin: 5px 0 0;

    height: 18px;
    overflow: hidden;
}
#M_container .M_book p a {
    font-size: 12px;
    color: #555;
    line-height: 1.3;
    letter-spacing: -0.05em;
}
#M_container .M_book p a:hover {
    color: #d9371e;
    text-decoration: none;
}
/* ?????? ------------------------------ */
#M_container .M_gallery {
    position: relative;
    float: right;
    width: 173px;
    height: 109px;
    padding: 10px 0 0;
    text-align: center;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
    background: #f9f9f9;
}
#M_container .M_gallery p {
    margin: 5px 0 0;
    height: 18px;
    overflow: hidden;
}
#M_container .M_gallery p a {
    font-size: 12px;
    color: #555;
    line-height: 1.3;
    letter-spacing: -0.05em;
}
#M_container .M_gallery p a:hover {
    color: #d9371e;
    text-decoration: none;
}
#M_container .M_gallery div.controller {}
#M_container .M_gallery div.controller a {
    display: block;
    width: 23px;
    height: 23px;
    top: 50%;
    margin-top: -11px;
    border: 1px solid #ddd;
    background-color: #fff;
    background-image: url(../img/main/gallery_btn.png);
    z-index: 9;
}
#M_container .M_gallery div.controller a.btn_left {
    position: absolute;
    left: -1px;
    background-position: 0 0;
}
#M_container .M_gallery div.controller a.btn_left:hover {
    background-position: 0 -23px;
}
#M_container .M_gallery div.controller a.btn_right {
    position: absolute;
    right: -1px;
    background-position: -23px 0;
}
#M_container .M_gallery div.controller a.btn_right:hover {
    background-position: -23px -23px;
}
/* ?????? 챘징?? ------------------------------------*/
.m_partner {
    position: relative;
    width: 1100px;
    margin: 0 auto 20px;
    padding: 5px 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.m_partner .m_partner_slider {
    position: relative;
    width: 1044px; /*height:40px;*/ margin: 0 auto;
    overflow: hidden;
    z-index: 2;
}
.m_partner .m_partner_slider2 {
    position: relative;
    width: 1044px; /*height:40px;*/ margin: 0 auto;
    overflow: hidden;
    z-index: 2;
}
.m_partner .bannerNext, .m_partner .bannerPrev {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    display: block;
    width: 23px;
    height: 23px;
    border: 1px solid #ddd;
    z-index: 9;
    cursor: pointer;
    transition: all 0.3s;
}
.m_partner .bannerNext {
    left: -1px;
    background: url('../img/main/gallery_btn.png') 0 0 no-repeat;
}
.m_partner .bannerPrev {
    right: -1px;
    background: url('../img/main/gallery_btn.png') -23px 0 no-repeat;
}
.m_partner .bannerNext:hover {
    background-position: 0 -23px;
    border-color: #e1434b;
}
.m_partner .bannerPrev:hover {
    background-position: -23px -23px;
    border-color: #e1434b;
}
/*
.m_partner ul{width:1036px; margin:0 auto; padding:10px 0; overflow:hidden;}
*/
.m_partner {}
.m_partner ul { /*overflow:hidden;*/
}
.m_partner ul li { /*float:left;*/ width: 164px;
    height: 38px;
    margin-left: 8px;
    border: 1px solid #ddd;
    overflow: hidden; /*transition:border-color 0.3s;*/
}
.m_partner ul li:hover {
    border-color: #999;
}
/*.m_partner ul li:first-child{margin-left:0;}*/
/**************************************************** ??? ?????? ****************************************************/
#S_container {
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 60px auto 40px; /*overflow:hidden;*/
}
#S_container #Left_area {
    float: left;
    width: 260px;
}
#S_container #Contents_area {
    float: right;
    width: calc(100% - 320px);
}
#S_container #Contents_area #Contents {
    min-height: 400px;
}
/* ??? 챘쨔?짙쩌??------------------------------ */
#S_visual {
    height: 170px;
    background-color: #c3b2a4;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
#S_visual.bg1 {
    background-image: url(../img/sub/svis1.jpg);
}
#S_visual.bg2 {
    background-image: url(../img/sub/svis2.jpg);
}
#S_visual.bg3 {
    background-image: url(../img/sub/svis3.jpg);
}
#S_visual.bg4 {
    background-image: url(../img/sub/svis4.jpg);
}
#S_visual.bg5 {
    background-image: url(../img/sub/svis5.jpg);
}
#S_visual.bg6 {
    background-image: url(../img/sub/svis6.jpg);
}
#S_visual.bg7 {
    background-image: url(../img/sub/svis7.jpg);
}
#S_visual.bg8 {
    background-image: url(../img/sub/svis8.jpg);
}
#S_visual.bg9 {
    background-image: url(../img/sub/svis9.jpg);
}
#S_visual.bg111 {
    background-image: url(../img/sub/svis0.jpg);
}
/* 챙짖?쨍징챘짤?? ------------------------------ */
#S_container #Left_area .lnb_title {
    background: #F76030;
    text-align: center;
    color: #fff;
    padding: 35px 0;
    border-radius: 20px 20px 0 0;
}
#Left_area h2 {
    font-size: 1.75rem;
    letter-spacing: -0.05em;
    font-weight: 500;
}
#Left_area span {
    display: block;
    font-size: 0.75rem;
    font-weight: 300;
    margin-top: 3px;
    letter-spacing: 0.2em;
}
#Left_area #LNB {
    border: 1px solid #d2d2d2;
    border-bottom: none;
}
#Left_area #LNB li {}
#Left_area #LNB li.on {}
#Left_area #LNB li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 15px;
    font-size: 1.125rem;
    letter-spacing: -0.05em;
    color: #000;
    font-weight: 400;
}
#Left_area #LNB > li > a {
    border-bottom: 1px solid #d2d2d2;
}
#Left_area #LNB li a i {
    font-weight: 900;
    color: #a3a3a3;
}
#Left_area #LNB li a:hover {
    text-decoration: none;
}
#Left_area #LNB li:hover {}
#Left_area #LNB li.on {}
#Left_area #LNB li.on a {
    color: #E95A2F;
    font-weight: 600;
}
#Left_area #LNB li.on > a {
    border-bottom-color: #E95A2F;
    border-bottom-width: 2px;
}
#Left_area #LNB li.on a i {
    color: #E95A2F
}
/* 3depth */
#Left_area #LNB li.on ul {
    display: block !important;
}
#Left_area #LNB ul {
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0 10px 10px;
    display: none;
}
#Left_area #LNB ul li {
    border: 0 none;
    display: flex;
    align-items: center;
    margin: 5px 0 5px 15px;
}
#Left_area #LNB ul li a, #Left_area #LNB li.on ul li a {
    display: block;
    padding: 0 0 0 10px;
    font-size: 0.9375rem;
    letter-spacing: -0.05em;
    color: #000;
    font-weight: normal;
    background: none;
}
#Left_area #LNB li.on ul li::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #949494;
    border-radius: 100%;
}
#Left_area #LNB ul li a:hover, #Left_area #LNB li.on ul li a:hover {
    text-decoration: none;
    color: #000;
}
#Left_area #LNB ul li.on, #Left_area #LNB li.on ul li.on {
    background-position: 170px 50%;
}
#Left_area #LNB li.on ul li.on::before {
    background: #E95A2F;
}
#Left_area #LNB ul li.on a, #Left_area #LNB li.on ul li.on a {
    font-weight: 600;
    color: #E95A2F;
}
/* 3depth */
#Left_area #LNB dl {
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    margin: 10px 0px 0px;
    padding: 0px 0 3px 0px;
}
#Left_area #LNB dl dd {
    border: 0 none;
    display: flex;
    align-items: center;
    margin: 5px 0 5px 15px;
}
#Left_area #LNB dd a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    font-size: 0.9375rem;
    letter-spacing: -0.05em;
    color: #000;
}
#Left_area #LNB li.on dd a {
    color: #000;
    font-weight: normal;
}
#Left_area #LNB dd.on dl dd a {
    display: block;
    padding: 0 0 0 10px;
    font-size: 0.9375rem;
    letter-spacing: -0.05em;
    color: #000;
    font-weight: normal;
    background: none;
}
#Left_area #LNB li dl dd::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #949494;
    border-radius: 100%;
}
#Left_area #LNB li dl dd a:hover {
    color: #E95A2F;
    font-weight: 600;
}
#Left_area #LNB li.on dl dd.on {
    background-position: 170px 50%;
}
#Left_area #LNB dd.on dl dd.on::before {
    background: #E95A2F;
}
#Left_area #LNB li.on dl dd.on a {
    font-weight: 600;
    color: #E95A2F;
}
/* ???챙짠? ???쨈챠? ------------------------------ */
#Contents_area #Pagetit {
    height: auto;
    border-bottom: 1px dashed #d2d2d2;
    margin: 20px 0 20px;
    padding-bottom: 20px;
    overflow: hidden;
    text-align: left;
}
#Contents_area #Pagetit h2 {
    font-size: 2.1875rem;
    font-weight: 500;
    text-align: left;
    letter-spacing: -0.05em;
    line-height: 1.3;
}
#Contents_area #Pagetit ul {
    overflow: hidden;
    margin: 15px 0 0;
}
#Contents_area #Pagetit ul li {
    float: left;
    font-size: 0.875rem;
    color: #666;
    letter-spacing: -0.05em;
    line-height: 1.3;
}
#Contents_area #Pagetit ul li br {
    display: none;
}
#Contents_area #Pagetit ul li:not(:first-child) i {
    margin: 0 10px;
}
#Contents_area #Pagetit ul li.home {}
.captionBox {
    padding: 20px 30px;
    line-height: 1.7em;
    border-radius: 10px;
    background: #f6f6f6;
}
.captionBox h5 {
    color: #F76030
}
.captionBox b {
    font-size: 1.2em;
}
#Contents h4 {
    color: #f76031
}
/*****************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************/
/******************************************************************************** ??? 챙쨩짢챠?챙쨍?********************************************************************************/
/*****************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************/
/**************************************************** 챘쨋?쨀쩌_챙짠??????챘짝짭챙???****************************************************/
.society_list {
    display: flex;
    flex-wrap: wrap;
}
.society_list li {
    width: 31%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd #c4c4c4 #c4c4c4 #ddd;
    margin: 0 0 20px;
}
.society_list li:not(:nth-child(3n)) {
    margin-right: 3.5%
}
.society_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
}
.society_list li img {
    display: block;
    max-width: 120px;
    margin: 0 auto;
}
.society_list li:hover {
    border-color: #ec6550;
}
.society_list li table {
    width: 100%;
    height: 100%;
}
.society_list li table td {
    width: 220px;
    text-align: center;
    vertical-align: middle;
} /* ?쨈챘?챙짠? */
.society_list li table td img {
    width: 110px;
}
.society_list li table th {
    text-align: left;
    font-weight: normal;
    line-height: 1.7;
}
.society_list li table th p {}
.society_list li table th p a {
    font-size: 17px;
    color: #333;
    letter-spacing: -0.05em;
    font-weight: 600;
}
.society_list li table th p a:hover {
    text-decoration: none;
}
.society_list li table th p span {
    display: inline-block;
    margin-left: 15px;
    font-size: 13px;
    color: #d9371e;
    letter-spacing: 0;
    font-weight: normal;
}
.society_list li table th div {
    font-size: 13px;
    margin: 5px 0 0;
}
.society_list li table th div b {
    font-weight: normal;
    color: #333;
}
.society_list li table th div span {
    display: inline-block;
    margin: 0 7px;
    color: #ddd;
}
.license_table {
    border-top: 1px solid #ec6550;
    margin: 10px 0px;
}
.license_table th, .license_table td {
    height: auto;
    border-bottom: 1px solid #ddd;
    text-align: left;
    font-weight: normal;
    padding: 12px;
}
.license_table thead th {
    background: #f7f7f7;
    color: #444;
}
.license_table tbody th {
    width: 15%;
    background: #f7f7f7;
    color: #444;
}
.license_table td {}
.license_table td input[type="checkbox"] {
    appearance: none;
    margin: 5px;
    border: max(1px, 0.1em) solid gray;
    border-radius: 3px;
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    transition: border 0.1s ease-in-out;
}
.license_table td input[type="checkbox"]:checked {
    border: 0.4em solid tomato;
}
table.table-license td ul.career {
    display: flex;
    justify-content: space-between;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
}
table.table-license td ul.career li {
    flex: 1 1 30%;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    padding: 4px;
    font-size: 13px;
}
table.table-license td ul.career li:last-child {
    margin-right: 0px;
}
div.license1 h5 {
    color: #F76030;
    padding: 10px 0px;
}
table.table-license td ul.career:first-child li {
    background: #f8f9fb;
}
ul#academic {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
}
ul#academic li {
    float: left;
    width: 33%;
    height: auto;
    padding: 10px;
    line-height: 1em;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    font-size: 13px;
}
ul#academic li:nth-child(5n+1) {
    clear: both;
    width: 50%;
    background: #f8f9fb;
}
ul#academic li:nth-child(5n+2) {
    width: 50%;
    background: #f8f9fb;
}
ul#academic li:nth-child(5n+3) {
    width: 34%;
    clear: both;
}
ul#academic li:nth-child(5n+4) {}
ul#academic li:nth-child(5n+5) {}
i.xi-plus {
    border-radius: 100%;
    padding: 4px;
}
i.xi-plus:hover {
    background-color: #212121;
    color: #ffffff;
    border: 1px solid #212121;
}
.academic_input {
    border-radius: 4px;
    padding: 5px 10px;
    border: 1px solid #ececec;
    width: 100%;
}
.academic_select {
    width: 100%;
    height: auto;
    padding: 5px 10px;
    border: 1px solid #ececec;
}
.academic_select option {}
/**************************************************** ??짭쨍???????짼짤??짼짯 ****************************************************/
.license_wrap {
    display: none;
    position: relative;
    padding: 25px 20px;
    border: 1px solid #f0afa5;
    overflow: hidden;
}
.license_wrap h3 {
    margin-bottom: 40px;
    font-weight: 400;
}
.license_wrap h5 {
    margin: 55px 35px 0 20px;
    font-weight: 400;
    float: left;
}
.license_wrap ul.license1 {
    float: left;
}
.license_wrap ul.license1 li {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}
.license_wrap ul.license1 li span {
    width: 138px;
    padding: 15px 0;
    border: 6px solid #a9abaa;
    color: #5b595a;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}
.license_wrap ul.license1 li span.now {
    border-color: #80bf00;
    color: #647f14;
}
.license_wrap ul.license1 li span.success {
    border-color: #de442a;
    color: #de442a;
}
.license_wrap .level1 {
    padding-top: 40px;
    overflow: hidden;
}
.license_wrap .level2 {
    padding-bottom: 40px;
    border-bottom: 1px solid #bec2c5;
    overflow: hidden;
}
.license_wrap ul.condition {
    position: absolute;
    top: 15px;
    right: 5px;
    margin: 15px 0 40px;
    text-align: right;
}
ul.condition li {
    display: inline-block;
    margin-right: 20px;
    padding-left: 16px;
}
ul.condition li.license_gain {
    background: url(../img/contents/license_gain.gif) left 2px no-repeat;
}
ul.condition li.ing {
    background: url(../img/contents/license_ing.gif) left 2px no-repeat;
}
ul.condition li.fail {
    background: url(../img/contents/license_fail.gif) left 2px no-repeat;
}
div.license1 {
    width: 100%;
    float: left;
}
.license_wrap ~ span.notice {
    display: block;
    line-height: 1.4;
    margin: 15px 0 0;
    text-align: center;
}
.license_information_wrap {
    margin-top: 30px;
}
.license_information_wrap h4 {}
.license1 .down_notice {
    display: inline-block;
    font-size: 1.125rem;
    color: #fff;
    background: #f76030;
    padding: 5px 15px 8px 30px;
    border-radius: 10px;
}
.license1 .down_notice i {
    font-size: 1.5rem;
    margin-left: 20px;
    transform: translateY(3px);
}
.license1 .title {
    display: block;
    font-size: 1.75rem;
    font-weight: 600;
    color: #f76030;
    margin: 30px 0 20px
}
.license1 .sub_title {
    display: block;
    font-size: 1.25rem;
}
.license1 .renew_list {
    border-top: 2px solid #e95a2f;
    margin-top: 20px;
    margin-bottom: 70px;
}
.license1 .renew_list th, .license1 .renew_list td {
    padding: 15px;
}
.license1 .renew_list thead {
    border: 1px solid #d2d2d2;
    background: rgba(238, 238, 238, 0.5);
}
.license1 .renew_list th {
    font-weight: 500;
    border: none;
}
.license1 .renew_list td {
    font-size: 0.9375rem;
    font-weight: 500;
    border: 1px solid #d2d2d2;
}
.license1 .renew_list .class {
    background: rgba(233, 90, 47, 0.05)
}
.license1 .renew_list .done {
    width: 80px;
    display: inline-block;
    color: #666;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 4px 0;
    font-weight: 400;
}
.license1 .renew_list .able {
    width: 80px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 4px 0;
    background: #d7341f;
    font-weight: 400;
}
.license1 .renew_list .disable {
    width: 80px;
    display: inline-block;
    color: #666;
    background: #d2d2d2;
    border-radius: 5px;
    padding: 4px 0;
    font-weight: 400;
}
.license1 .renew_list .yet {
    color: #666;
    font-weight: 400;
}
.license1 .caption {
    padding: 10px 0px;
    color: #F76030;
}
.license1 .caption1 {
    padding: 10px 0px 10px;
    text-align: right;
}
.license-step {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding-bottom: 10px;
    overflow: hidden;
}
.license-step li {
    width: 25%;
    height: 47px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    background: #f8f9fb;
    color: #666;
    text-align: center;
    letter-spacing: -0.01em;
    position: relative;
    padding: 9px 0 9px 10px;
}
.license-step li:not(:first-child) {
    border-left: none;
}
.license-step li:not(:last-child) {
    border-right: none;
}
.license-step li:not(:last-child)::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #f8f9fb;
    position: absolute;
    top: 6px;
    right: -16px;
    transform: rotate(45deg);
    z-index: 1;
}
.license-step li.on {
    width: 25%;
    color: #f76030;
    border-color: #f76030;
    font-weight: 600;
    background: #fff;
    box-shadow: 0px 5px 5px #f760301a;
}
.license-step li.on::after {
    background: #fff;
    border-color: #f76030;
    box-shadow: 5px -2px 5px #f760301a;
}
.license-step li.before::after {
    border-color: #f76030;
}
.license-step li:not(:first-child).before::before {
    content: "";
    display: none;
    width: 45px;
    height: 45px;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #fff;
    position: absolute;
    top: 8px;
    left: -23px;
    transform: rotate(45deg);
    z-index: 2;
}
.license-step2, .license-step3, .license-step4 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding-bottom: 10px;
    overflow: hidden;
}
.license-step2 li {
    width: 20%;
    height: 47px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    background: #f8f9fb;
    color: #666;
    text-align: center;
    letter-spacing: -0.01em;
    position: relative;
    padding: 9px 0 9px 10px;
}
.license-step3 li {
    width: 33.3333%;
    height: 47px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    background: #f8f9fb;
    color: #666;
    text-align: center;
    letter-spacing: -0.01em;
    position: relative;
    padding: 9px 0 9px 10px;
}
.license-step4 li {
    width: 16.6666%;
    height: 47px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    background: #f8f9fb;
    color: #666;
    text-align: center;
    letter-spacing: -0.01em;
    position: relative;
    padding: 9px 0 9px 10px;
}
.license-step2 li:not(:first-child), .license-step3 li:not(:first-child) {
    border-left: none;
}
.license-step2 li:not(:last-child), .license-step3 li:not(:last-child) {
    border-right: none;
}
.license-step2 li:not(:last-child)::after, .license-step3 li:not(:last-child)::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #f8f9fb;
    position: absolute;
    top: 6px;
    right: -16px;
    transform: rotate(45deg);
    z-index: 1;
}
.license-step2 li.on {
    width: 20%;
    color: #f76030;
    border-color: #f76030;
    font-weight: 600;
    background: #fff;
    box-shadow: 0px 5px 5px #f760301a;
}
.license-step3 li.on {
    width: 33.3333%;
    color: #f76030;
    border-color: #f76030;
    font-weight: 600;
    background: #fff;
    box-shadow: 0px 5px 5px #f760301a;
}
.license-step4 li.on {
    width: 16.6666%;
    color: #f76030;
    border-color: #f76030;
    font-weight: 600;
    background: #fff;
    box-shadow: 0px 5px 5px #f760301a;
}
.license-step2 li.on::after, .license-step3 li.on::after {
    background: #fff;
    border-color: #f76030;
    box-shadow: 5px -2px 5px #f760301a;
}
.license-step2 li.before::after, .license-step3 li.before::after {
    border-color: #f76030;
}
.license-step2 li:not(:first-child).before::before, .license-step3 li:not(:first-child).before::before {
    content: "";
    display: none;
    width: 45px;
    height: 45px;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #fff;
    position: absolute;
    top: 8px;
    left: -23px;
    transform: rotate(45deg);
    z-index: 2;
}
.license-step4 li:not(:first-child) {
    border-left: none;
}
.license-step4 li:not(:last-child) {
    border-right: none;
}
.license-step4 li:not(:last-child)::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #f8f9fb;
    position: absolute;
    top: 6px;
    right: -16px;
    transform: rotate(45deg);
    z-index: 2;
}
.license-step4 li.on::after {
    background: #fff;
    border-color: #f76030;
    box-shadow: 5px -2px 5px #f760301a;
}
.license-step4 li.before::after {
    border-color: #f76030;
}
.license-step4 li:not(:first-child).before::before {
    content: "";
    display: none;
    width: 45px;
    height: 45px;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #fff;
    position: absolute;
    top: 8px;
    left: -23px;
    transform: rotate(45deg);
    z-index: 2;
}
.license-title {
    font-size: 18px !important;
    color: #E95A2F;
    font-weight: bold;
    padding: 10px 0px;
}
.license-title b {
    font-size: 20px !important;
    color: #212121;
    font-weight: bold;
}
.map_table {
    border-top: 1px solid #aaa;
}
.map_table th, .map_table td {
    height: auto;
    border-bottom: 1px solid #ddd;
    text-align: left;
    font-weight: normal;
    padding: 4.5px 8px;
}
.map_table th {
    background: #f7f7f7;
    color: #444;
}

/* �뚯썝媛��낆젅李�*/
.join_contbox {
    font-size: 15px;
    line-height: 1.45;
    padding: 10px 15px;
    border: 1px solid #ddd;
}
.join_contbox p{margin-bottom: 5px}
.join_contbox span {
    color: #d9371e;
}
.join_contbox b {
    font-weight: 600;
    color: #444;
}
.join_contbox strong {
    color: #d9371e;
    font-weight: 600;
}
/* 챘짼?? */
.join_btn {
    text-align: center;
    margin: 30px 0 0;
}
.join_btn a {
    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 39px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.05em;
    background: #d9371e;
    border: 1px solid #b71d06;
    padding: 0 20px;
}
/* ?????? 챘쨀쨈챗쨍째 */
.View_Doc {
    position: relative;
    display: inline-block;
    margin-left: 7px;
}
.View_Doc span {
    display: inline-block;
    height: auto;
    padding: 4px 8px 4px;
    font-size: 13px;
    color: #ffffff;
    background: #f76030;
    border-radius: 3px;
    cursor: pointer;
}
.View_Doc:hover span {
    background: #ec6550;
    color: #fff;
}
.View_Doc:hover .view {
    display: block;
    z-index: 99;
}
.View_Doc .view {
    position: absolute;
    right: 0;
    top: 24px;
    width: 180px;
    padding: 5px 10px 5px 10px;
    background: #fff;
    border: 1px solid #ec6550;
    display: none;
    text-align: left
}
.View_Doc .view li {
    padding-left: 8px;
    background: url("../img/arrow2.gif") 0 6px no-repeat;
    line-height: 1.4;
    font-size: 12px;
    color: #555;
    margin: 5px 0;
    letter-spacing: -0.05em;
}
.receipt_stage ul {
    display: none;
    border: 1px solid #d9371e;
    overflow: hidden;
}
.receipt_stage ul li {
    position: relative;
    width: 168px;
    padding: 22px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #d9371e;
    float: left;
}
.receipt_stage ul li span {
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    background: url(../img/contents/stage_arrow.png) left top no-repeat;
}
.receipt_stage ul li.on span {
    background-image: url(../img/contents/stage_arrow_on.png);
}
.receipt_stage ul li.fir {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon1_off.png) 50% 28px no-repeat;
}
.receipt_stage ul li.last {
    border-right: none;
    background: none;
}
.receipt_stage ul li img {
    margin-bottom: 12px;
}
.receipt_stage ul .fir.on {
    color: #fff;
    background: url(../img/contents/stage_icon1_on.png) 50% 28px no-repeat #d9371e;
}
.receipt_stage ul li.sec {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon2_off.png) 50% 28px no-repeat;
}
.receipt_stage ul .sec.on {
    color: #fff;
    background: url(../img/contents/stage_icon2_on.png) 50% 28px no-repeat #d9371e;
}
.receipt_stage ul li.thi {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon3_off.png) 50% 28px no-repeat;
}
.receipt_stage ul .thi.on {
    color: #fff;
    background: url(../img/contents/stage_icon3_on.png) 50% 28px no-repeat #d9371e;
}
.receipt_stage ul li.fou {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon4_off.png) 50% 28px no-repeat;
}
.receipt_stage ul .fou.on {
    color: #fff;
    background: url(../img/contents/stage_icon4_on.png) 50% 28px no-repeat #d9371e;
}
.receipt_stage ul li.fif {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon5_off.png) 50% 28px no-repeat;
}
.receipt_stage ul .fif.on {
    color: #fff;
    background: url(../img/contents/stage_icon5_on.png) 50% 28px no-repeat #d9371e;
}
.receipt_step, .receipt_step_ent {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    padding-bottom: 10px;
    overflow: hidden;
}
.receipt_step li, .receipt_step_ent li {
    width: 25%;
    border: 1px solid #d2d2d2;
    background: #f8f9fb;
    font-size: 1.0625rem;
    color: #666;
    text-align: center;
    letter-spacing: -0.01em;
    position: relative;
    padding: 10px 0 10px 10px;
}
.receipt_step li:not(:first-child),.receipt_step_ent li:not(:first-child) {
    border-left: none;
}
.receipt_step li:not(:last-child), .receipt_step_ent li:not(:last-child) {
    border-right: none;
}
.receipt_step li:not(:last-child)::after, .receipt_step_ent li:not(:last-child)::after {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #f8f9fb;
    position: absolute;
    top: 6px;
    right: -16px;
    transform: rotate(45deg);
    z-index: 1;
}
.receipt_step li.on, .receipt_step_ent li.on {
    color: #f76030;
    border-color: #f76030;
    font-weight: 600;
    background: #fff;
    box-shadow: 0px 5px 5px #f760301a;
}
.receipt_step li.on::after, .receipt_step_ent li.on::after {
    background: #fff;
    border-color: #f76030;
    box-shadow: 5px -2px 5px #f760301a;
}
.receipt_step li.before::after, .receipt_step_ent li.before::after {
    border-color: #f76030;
}
.receipt_step li:not(:first-child).before::before, .receipt_step_ent li:not(:first-child).before::before {
    content: "";
    display: none;
    width: 45px;
    height: 45px;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #fff;
    position: absolute;
    top: 8px;
    left: -23px;
    transform: rotate(45deg);
    z-index: 2;
}
/**************************************************** ??짭쨍??????????? ****************************************************/
.exam_wrap {
    padding: 25px 20px;
    border: 1px solid #f0afa5;
    overflow: hidden;
}
.exam_wrap h3 {
    margin-bottom: 15px;
}
.exam_wrap .exam_information {
    margin-bottom: 35px;
    padding-top: 10px;
    border-top: 1px solid #bec2c5;
}
.exam_wrap .exam_information h5 {
    line-height: 1.8;
    font-weight: 400;
}
.exam_wrap .receipt_stage {
    padding-top: 15px;
    border-top: 1px solid #bec2c5;
}
.exam_wrap .receipt_stage ul {
    border: 1px solid #d9371e;
    overflow: hidden;
}
.exam_wrap .receipt_stage ul li {
    position: relative;
    width: 160px;
    padding: 22px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #d9371e;
    float: left;
}
.exam_wrap .receipt_stage ul li span {
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    background: url(../img/contents/stage_arrow.png) left top no-repeat;
}
.exam_wrap .receipt_stage ul li.on span {
    background-image: url(../img/contents/stage_arrow_on.png);
}
.exam_wrap .receipt_stage ul li.fir {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon1_off.png) 50% 28px no-repeat;
}
.exam_wrap .receipt_stage ul li.last {
    border-right: none;
    background: none;
}
.exam_wrap .receipt_stage ul li img {
    margin-bottom: 12px;
}
.exam_wrap .receipt_stage ul .fir.on {
    color: #fff;
    background: url(../img/contents/stage_icon1_on.png) 50% 28px no-repeat #d9371e;
}
.exam_wrap .receipt_stage ul li.sec {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon2_off.png) 50% 28px no-repeat;
}
.exam_wrap .receipt_stage ul .sec.on {
    color: #fff;
    background: url(../img/contents/stage_icon2_on.png) 50% 28px no-repeat #d9371e;
}
.exam_wrap .receipt_stage ul li.thi {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon3_off.png) 50% 28px no-repeat;
}
.exam_wrap .receipt_stage ul .thi.on {
    color: #fff;
    background: url(../img/contents/stage_icon3_on.png) 50% 28px no-repeat #d9371e;
}
.exam_wrap .receipt_stage ul li.fou {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon4_off.png) 50% 28px no-repeat;
}
.exam_wrap .receipt_stage ul .fou.on {
    color: #fff;
    background: url(../img/contents/stage_icon4_on.png) 50% 28px no-repeat #d9371e;
}
.exam_wrap .receipt_stage ul li.fif {
    padding: 88px 0 20px;
    background: url(../img/contents/stage_icon5_off.png) 50% 28px no-repeat;
}
.exam_wrap .receipt_stage ul .fif.on {
    color: #fff;
    background: url(../img/contents/stage_icon5_on.png) 50% 28px no-repeat #d9371e;
}
.exam_wrap .basic h5 {
    line-height: 2.5;
    font-weight: 400;
}
.exam_wrap .basic p {
    margin-bottom: 35px;
}
.exam_wrap .basic ul li {
    margin-bottom: 10px;
}
/* ??짭쨍??????짭챙?/??? 챗짼째챗쨀쩌챘째?? */
#step_status {
    padding: 0px 0 30px;
    /*    border-bottom: 1px dashed #cbcbcb;*/
    /*  margin-bottom: 50px;*/
}
#step_status .info_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
#step_status .info_wrap span {
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.05em;
}
#step_status .info_wrap span b {
    font-size: inherit;
    color: #f76030;
}
#step_status .info_wrap .process_info {
    display: flex;
}
#step_status .info_wrap .process_info dl {
    display: flex;
    align-items: center;
    font-size: 1.05rem;
    color: #666;
}
#step_status .info_wrap .process_info dl:not(:last-child) {
    margin-right: 20px;
}
#step_status .info_wrap .process_info dl dt {
    width: 10px;
    height: 10px;
    margin: 0px 5px 0 0;
}
#step_status .info_wrap .process_info dl dt.pass {
    background: #80bf00
}
#step_status .info_wrap .process_info dl dt.accept {
    background: #de442a
}
#step_status .info_wrap .process_info dl dt.yet {
    background: #fff;
    border: 1px solid #a9abaa
}
#step_status .info_wrap .process_info dl dd {
    margin-left: 0;
    margin-bottom: 0
}
#step_status .step_wrap ol {
    display: flex;
    flex-wrap: wrap;
    /*  align-items: center;*/
}
#step_status .step_wrap ol li {
    width: 23%;
}
#step_status .step_wrap ol li:not(:last-child) {
    margin-right: 2.666%;
}
#step_status .step_wrap ol li .step_box {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px; /*padding:35px 15px;*/ font-size: 1.0625rem;
    font-weight: 600;
}
/*
#step_status .step_wrap ol li:last-child .step_box {
  background: #f8f9fb;
  border: 1px solid #d2d2d2; padding:35px 0;
}
*/
#step_status .step_wrap ol li:nth-child(2) .step_box:first-child {
    margin-bottom: 30px;
}
#step_status .step_wrap ol li:not(:last-child) .step_box {
    display: flex;
    flex-direction: column;
}
#step_status .step_wrap ol li:not(:last-child) .step_box .step_num {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #666;
    font-weight: 700;
    color: #fff; /*padding:15px 0;*/ border-radius: 10px 10px 0 0;
}
#step_status .step_wrap ol li:not(:last-child) .step_box .step_title {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f9fb; /*padding:12px 0;*/ border: 1px solid #d2d2d2;
    border-top: none;
    /*  border-radius: 0 0 10px 10px;*/
}
#step_status .step_wrap ol li:not(:last-child) .step_box.now .step_num {
    background: #de442a;
}
#step_status .step_wrap ol li:not(:last-child) .step_box.now .step_title {
    color: #de442a;
}
#step_status .step_wrap ol li:not(:last-child) .step_box.success .step_num {
    background: #80bf00;
}
#step_status .step_wrap ol li:not(:last-child) .step_box.success .step_title {
    color: #80bf00;
}
#step_status .step_wrap .step .fail {
    background: #de442a;
    color: #fff
}
#step_status .step_wrap .step .success {
    background: #80bf00;
    color: #fff
}
#step_status .step_wrap h5 {
    font-size: 15px;
    font-weight: 500;
    background: #d3d3d3;
    padding: 8px 8px;
    color: #000;
    border-radius: 3px;
}
#step_status .step_wrap h4 {
    font-size: 15px;
    font-weight: 400;
    background: #fff;
    padding: 6px 8px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 6px;
}
#step_status .step_wrap span {
    display: none
}
#step_status .step_wrap .step-0 h5 {
    font-size: 15px;
    font-weight: 300;
    background: #fff;
    padding: 8px 8px;
    color: #000;
    border-radius: 3px;
}
#step_status .step_wrap .step-0 h4 {
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    padding: 6px 8px;
    color: #000;
    border: 0px solid #ccc;
}
@media (max-width:992px) {
    #step_status .step_wrap .step-0 {
        display: none
    }
    #step_status .step_wrap h4 {
        position: relative
    }
    #step_status .step_wrap h4 span {
        display: inline-block;
        position: absolute;
        left: 20px;
        font-weight: 500
    }
    #step_status .step_wrap h4 span:after {
        content: "";
        width: 1px;
        height: 15px;
        background: rgba(255, 255, 255, .4);
        position: absolute;
        top: 2px;
        left: 35px;
    }
}
/* ??짭쨍?????챘짧?? ----------------*/
.supervisor_txt {
    line-height: 1.6;
    font-size: 13px;
    border: 3px solid #ededed;
    text-align: center;
    margin: 0 0 20px;
    padding: 20px 0;
}
/**************************************************** �체쨔짰 쨩처쨈찾쨩챌째횏쨩철 ****************************************************/
/* ??? ??---------------------------------------------*/
.join_form {
    position: relative;
    border-top: 2px solid #e95a2f;
    margin: 15px 0 30px;
}
.join_form caption {
    position: absolute;
    right: 0;
    top: -23px;
    text-align: right;
    color: #888;
    line-height: 1.3;
}
.join_form th, .join_form td {
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}
.join_form th {
    padding: 12px;
    font-weight: 500;
    letter-spacing: -0.05em;
    text-align: center;
}
.join_form td {
    padding: 12px;
}
/* 챙짙쩌챙? */
.join_form td.address {}
.join_form td.address input {}
/* ??? */
.join_form select {
    height: 32px;
    line-height: 22px;
    margin: 2px;
    border-radius: 2px;
    text-align: center;
    border: 1px solid #d2d2d2;
    padding: 3px 0px;
}
/* .join_form select{height:24px; line-height:24px; color:#666; font-size:13px; border:1px solid #d5d5d5; vertical-align:middle;} */
.join_form tr td:first-child select {
    border-radius: 5px 0 0 5px;
}
.join_form td font {
    display: inline-block;
    padding: 0 5px;
    text-align: center;
}
.join_form td button {
    border-radius: 2px
}
.addbtn {
    text-align: center;
    margin: 10px 0 0;
}
.license1 .join_form td button {
    border-radius: 0 5px 5px 0
}
/* ???챗째????짚챠? ?쨈챘?챙짠? ------------------------------------*/
.join_step_person {
    height: 50px;
    background-image: url(../img/contents/join_step_person.jpg);
    background-repeat: no-repeat;
}
.join_step_person.step1 {
    background-position: 0 0;
}
.join_step_person.step2 {
    background-position: 0 -50px;
}
.join_step_person.step3 {
    background-position: 0 -100px;
}
.join_step_person.step4 {
    background-position: 0 -150px;
}
.join_step_person.step5 {
    background-position: 0 -200px;
}
.join_step_person.step6 {
    background-position: 0 -250px;
}
.join_step_company {
    height: 50px;
    background-image: url(../img/contents/join_step_company.jpg);
    background-repeat: no-repeat;
}
.join_step_company.step1 {
    background-position: 0 0;
}
.join_step_company.step2 {
    background-position: 0 -50px;
}
.join_step_company.step3 {
    background-position: 0 -100px;
}
.join_step_company.step4 {
    background-position: 0 -150px;
}
.join_step_company.step5 {
    background-position: 0 -200px;
}
.mem-ntc-pop {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 480px;
    height: 280px;
    margin: -140px 0 0 -240px;
    padding: 40px 35px 0;
    background: #fff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border: 8px solid #eee;
}
.mem-ntc-pop .cont {}
.mem-ntc-pop .cont p {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
    margin: 20px 0 0;
    text-indent: -19px;
    padding-left: 19px;
}
.mem-ntc-pop .cont p:first-child {
    margin-top: 0;
}
/**************************************************** 챗쨍째챙???? 챘짝짭챙???****************************************************/
.c_member_list {
    border-top: 2px solid #f76030;
}
.c_member_list thead {}
.c_member_list thead th, .c_member_list thead td {
    height: auto;
    color: #333;
    letter-spacing: -0.05em;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 12px 6px;
}
.c_member_list thead th {}
.c_member_list thead td {}
.c_member_list tbody {}
.c_member_list tbody tr {}
/* .c_member_list tbody tr:hover{background:#fafafa;} */
.c_member_list tbody th, .c_member_list tbody td {
    height: auto;
    color: #666;
    text-align: center;
    padding: 12px 6px;
    border-bottom: 1px solid #ddd;
}
.c_member_list tbody th {}
.c_member_list tbody td {
    font-size: 1em;
}
.borderR {
    border-right: 1px solid #ddd;
}
.borderL {
    border-left: 1px solid #ddd;
}
/**************************************************** ??? 챘째?챗쨌?? ****************************************************/
.law_tit {
    text-align: center;
    padding: 10px 0 5px;
}
.law_tit span {
    display: inline-block;
    line-height: 1.4; /*border-bottom:1px solid #888;*/ 
	font-weight: 600;
    letter-spacing: -0.05em;
    font-size: 30px;
    color: #333;
}
.law_list {
    background: #fafafa;
    border-width: 2px;
    border-style: solid;
    border-color: #e95a2f #e9e9e9 #e9e9e9;
    padding: 15px 10px;
}
.law_list table {}
.law_list table td, .law_list table th {
    text-align: left;
    padding-left: 30px;
    font-weight: normal;
    vertical-align: top;
}
.law_list table td {
    border-left: 1px solid #e9e9e9;
}
.law_list table td a, .law_list table th a {
    display: block;
    letter-spacing: -0.05em;
    line-height: 1.7;
    margin: 5px 0;
    color: #333;
	font-weight:600
}
.law_list table td a:hover, .law_list table th a:hover {
    color: #d9371e;
}
.law_wrap {
    color: #666;
    font-size: 15px;
    line-height: 2;
    letter-spacing: -0.05em;
    word-break: keep-all;
    text-align: justify;
}
.law_wrap h3 {
    margin: 50px 0 15px;
    color: #f76030;
    font-size: 20px;
}
.law_wrap h5 {
    margin: 20px 0 5px;
    font-size: 14px;
}
.law_wrap b {
    display: block;
    font-weight: 600;
    color: #333;
    margin-top: 10px;
    margin-bottom: 5px;
}
.law_wrap div.dep3 {
    background: #f7f7f7;
    padding: 10px 15px;
    margin: 5px 0 10px;
}
.law_wrap .dep2 {
    padding-left: 10px;
    font-size: 15px;
}
.law_wrap .txtbox {
    border: 2px solid #ededed;
    padding: 15px 20px;
    line-height: 2;
    letter-spacing: -0.05em;
    color: #666;
}
.law_table {
    border-top: 1px solid #e95943;
}
.law_table th, .law_table td {
    height: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
}
.law_table thead {}
.law_table thead th, .law_table thead td {
    color: #333;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
}
.law_table thead th {}
.law_table thead td {}
.law_table tbody {}
.law_table tbody th, .law_table tbody td {
    color: #666;
    border-bottom: 1px solid #ededed;
}
.law_table tbody th {
    color: #333;
    background: #f7f7f7;
}
.law_table tbody td {}
.law_table .lt {
    border-left: 1px solid #ddd;
}
.law_table .rt {
    border-right: 1px solid #ddd;
}
.law_table .bt {
    border-bottom: 1px solid #ccc;
}
.law_table.rowline {
    border-left: 1px solid #ddd;
}
.law_table.rowline th, .law_table.rowline td {
    border-right: 1px solid #ddd;
}
.law_table.rowline .lt {
    border-left: 0 none;
}
.law_table.rowline .rt {
    border-right: 0 none;
}
.law_table small {
    font-size: 11px;
    color: #999;
    font-weight: normal;
}
/**************************************************** ???챙짠? ****************************************************/
a.journal-download {
    display: inline-block;
    padding: 0 15px;
    border-radius: 2px;
    border: 1px solid #d9371e;
    border-right-color: #a10000;
    border-bottom-color: #800000;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5533a+0,d2351a+100 */
    background: rgb(229, 83, 58); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229, 83, 58, 1) 0%, rgba(210, 53, 26, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(229, 83, 58, 1) 0%, rgba(210, 53, 26, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(229, 83, 58, 1) 0%, rgba(210, 53, 26, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5533a', endColorstr='#d2351a', GradientType=0); /* IE6-9 */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
a.journal-download span {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.04em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 13px;
    background: url(/KOR/img/contents/icon_download_w.png) 0 50% no-repeat;
    padding-left: 20px;
}
a.journal-download2 {
    display: inline-block;
    padding: 0 15px;
    border-radius: 2px;
    border: 1px solid #ed4a30;
    border-right-color: #d9371e;
    border-bottom-color: #d9371e;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5533a+0,d2351a+100 */
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ececec', GradientType=0); /* IE6-9 */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
a.journal-download2 span {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    color: #e5533a;
    font-weight: 600;
    letter-spacing: -0.04em;
    font-size: 13px;
    background: url(/KOR/img/contents/icon_download.gif) 0 50% no-repeat;
    padding-left: 20px;
}
.covid19-notice {
    background: url(/KOR/img/contents/covid19-img.png) 98% -250% no-repeat #cfe0f0;
    font-weight: 400;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 25px;
    margin: 0 0 20px;
}
.covid19-notice span {
    display: block;
    color: #008cc9;
    font-size: 14px;
    letter-spacing: -0.045rem;
}
.covid19-notice strong {
    display: block;
    color: #004d9e;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.065rem;
    margin: 15px 0 0;
}
.bo_pagination td b {
    background: #fbded5;
}
.bo_pagination td a {
    font-weight: 500;
}
.bo_pagination td b, .bo_pagination td a {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 100%;
    margin: 0 3px
}
/************************************************************************************************************************************************************************************************************
********************************************************************************************** ??? 챘짠?????챙짠? **********************************************************************************************
************************************************************************************************************************************************************************************************************/
/**************************************************** ?짚챘? ****************************************************/
#BM_Header {
    background: #d9371e;
    margin: 0 0 40px;
}
#BM_Header .inner {
    position: relative;
    width: 1100px;
    height: 60px;
    margin: 0 auto;
}
#BM_Header h1 {
    position: absolute;
    left: 0;
    top: 18px;
    overflow: hidden;
}
#BM_Header h1 b {
    float: left;
}
#BM_Header h1 span {
    float: left;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 1.3;
    margin: 4px 0 0 20px;
    padding: 0 0 0 18px;
    background: url(../img/header/BM_logo_l.gif) left 2px no-repeat;
}
/* ?????*/
#BM_Header .Topmenu {
    position: absolute;
    right: 0;
    top: 22px;
    overflow: hidden;
}
#BM_Header .Topmenu li {
    float: left;
    padding-left: 21px;
    background: url(../img/header/BM_topmenu_l.gif) 10px 4px no-repeat;
}
#BM_Header .Topmenu li.first {
    padding-left: 0;
    background: none;
}
#BM_Header .Topmenu li a {
    display: block;
    color: #fff;
    font-size: 13px;
    letter-spacing: -0.05em;
    line-height: 1.3;
}
#BM_Header .Topmenu li a:hover {
    text-decoration: none;
    color: #fff;
}
/**************************************************** 챙쨩짢챠?챙쨍?****************************************************/
#BM_Container {
    width: 100%;
    max-width: 1320px;
    margin: 100px auto 40px;
    overflow: hidden;
    font-size: 15px;
}
#BM_Container #BM_lnb {
    float: left;
    width: 260px;
}
#BM_Container #BM_content {
    float: right;
    width: calc(100% - 320px);
}
/* 챙짖?쨍징챘짤?? */
#BM_Container #BM_lnb h2 {
    display: inline-block;
    font-size: 1.75rem;
    letter-spacing: -0.05em;
    font-weight: 500;
    width: 100%;
    background: #F76030;
    text-align: center;
    color: #fff;
    padding: 35px 0;
    border-radius: 20px 20px 0 0;
}
#BM_Container #BM_lnb ul {
    border: 1px solid #d2d2d2;
    border-bottom: none;
}
#BM_Container #BM_lnb ul li {}
#BM_Container #BM_lnb ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 15px;
    font-size: 1.125rem;
    letter-spacing: -0.05em;
    color: #000;
    font-weight: 400;
}
#BM_Container #BM_lnb ul li a:hover {
    text-decoration: none;
}
#BM_Container #BM_lnb > ul > li > a {
    border-bottom: 1px solid #d2d2d2;
}
/* ???챙짠? ???쨈챠? */
#BM_Container #BM_content #BM_Pagetit {
    position: relative;
    height: 50px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    margin: 0 0 20px;
}
#BM_Container #BM_content #BM_Pagetit h2 {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 28px;
    line-height: 1.4;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.05em;
}
#BM_Container #BM_content #BM_Pagetit ul {
    position: absolute;
    right: 0;
    top: 10px;
    overflow: hidden;
}
#BM_Container #BM_content #BM_Pagetit ul li {
    float: left;
    font-size: 12px;
    color: #666;
    letter-spacing: -0.05em;
    line-height: 1.3;
    padding-left: 20px;
    background: url(../img/sub/arrow.gif) 8px 5px no-repeat;
}
#BM_Container #BM_content #BM_Pagetit ul li.home {
    padding-left: 18px;
    background: url(../img/sub/home.gif) left 3px no-repeat;
}
/* 챙쨩짢챠?챙쨍????*/
#BM_Container #BM_content #BM_Contents {}
/* ?????? ?짭챙? */
.event_test_wrap {
    margin-top: 30px;
}
.event_detail_wrap {
    margin-top: 30px;
}
/**************************************************** 챗쨀쨉챠? ****************************************************/
/* h5{font-size:20px; font-weight:600; color:#333; letter-spacing:-0.05em; line-height:1.3;} */
font.red {
    color: #d9371e;
}
.eng {
    letter-spacing: 0em !important;
}
.little-titletxt {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 1.3;
    margin-top: 10px;
}
/* ??? ------------------------------------------- */
.tl {
    text-align: left !important;
}
.tc {
    text-align: center !important;
}
.tr {
    text-align: right !important;
}
/* ??? ------------------------------------------- */
.p100 {
    width: 100% !important;
}
.p98 {
    width: 98% !important;
}
.p90 {
    width: 90% !important;
}
.p80 {
    width: 80% !important;
}
.p70 {
    width: 70% !important;
}
.p60 {
    width: 60% !important;
}
.p50 {
    width: 50% !important;
}
.p48 {
    width: 48% !important;
}
.p45 {
    width: 45% !important;
}
.p40 {
    width: 40% !important;
}
.p33 {
    width: 33.3333333% !important;
}
.p30 {
    width: 30% !important;
}
.p20 {
    width: 20% !important;
}
.p15 {
    width: 15% !important;
}
.p10 {
    width: 10% !important;
}
.p5 {
    width: 5% !important;
}
/* ???짚챠???(챙짠????) ------------------------------------------- */
.dep_slnb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-left: 1px solid #d2d2d2;
}
.dep_slnb li {
    flex: 1;
    position: relative;
}
.dep_slnb li a {
    display: block;
    height: 47px;
    line-height: 46px;
    font-size: 1rem;
    letter-spacing: -0.05em;
    text-align: center;
    font-weight: 400;
    padding: 0px;
    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background: #f8f9fb;
}
.dep_slnb li a:hover {
    text-decoration: none;
}
.dep_slnb li.on {
    z-index: 1;
}
.dep_slnb li.on a {
    border: 1px solid #f76030;
    background: #fff;
    color: #f76030;
    box-shadow: 0px 5px 5px #f760301a;
}
.dep_slnb.eng li a {
    letter-spacing: 0em;
}
/* ????? */
input.inputst {
    accent-color: #f76030;
    height: 32px;
    color: #666;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    padding: 2px;
    margin: 2px;
    vertical-align: middle;
}
input.inputfilest {
    accent-color: #f76030;
    height: 32px;
    color: #666;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    padding: 2px;
    margin: 2px;
    vertical-align: middle;
}
.block {
    display: block;
}
select.selectst {
    height: 32px;
    line-height: 32px;
    color: #666;
    border-radius: 2px;
    padding: 0px 25px;
    background: #f8f8fa;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
}
textarea.textareast {
    color: #666;
    font-size: 13px;
    line-height: 1.4;
    padding: 5px;
    background: #f8f8fa;
    border: 1px solid #d5d5d5;
}
textarea {
    border: 1px solid #d5d5d5;
    padding: 12px;
    border-radius: 2px;
    font-size: 15px;
    color: #666666;
	font-weight: 300
}
/*  챘짠?????챙짠?  */
.btn_order {
    display: flex;
    align-content: space-between;
}
.btn_order li {
    width: 24%;
    margin: 0.5%;
}
.btn_order li a {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    border-radius: 5px;
    padding: 20px 25px;
    font-weight: 500;
    color: #ffffff;
    background: #F76030;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    outline: none;
}
/* 16 */
.btn-16 {
    border: none;
    color: #000;
}
.btn-16:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    box-shadow:
        -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
    transition: all 0.3s ease;
}
.btn-16:hover {
    background: #b71d06;
    color: #fff;
    margin-top: -1px;
}
.btn-16:hover:after {
    left: auto;
    right: 0;
    width: 100%;
}
.btn-16:active {
    top: 2px;
}
.comp {
    background: #ffffff;
    border: 1px solid #ececec;
    color: #D7341F !important;
}
.end {
    background: #d2d2d2;
    border: 1px solid #d2d2d2;
    color: #666666 !important;
}
.bef {
    background: #d2d2d2;
    border: 1px solid #d2d2d2;
    color: #666666 !important;
}
.app {
    background: #E95A2F;
    border: none;
    color: #ffffff !important;
    font-size: 12px;
    padding: 3px 12px;
}
.outs {
    background: #D7341F;
    color: #ffffff !important;
}
a.btn_s_a {
    display: inline-block;
    width: auto;
    height: auto;
    border: none;
    line-height: 1em;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.05em;
    background: #f76030;
    margin: 5px 0px;
    border-radius: 2px;
    padding: 6px 8px;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
}
a.btn_s_a:hover {
    background: #b71d06;
}
.btn_s_l {
    display: inline-block;
    width: auto;
    height: auto;
    border: none;
    line-height: 1em;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.05em;
    background: #f76030;
    margin: 5px 0px;
    border-radius: 2px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
}
.btn_s_l:hover {
    background: #b71d06;
}
a.btn_s_t {
    display: inline-block;
    width: auto;
    height: auto;
    border: 1px solid #807171;
    border-radius: 2px;
    line-height: 1em;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.05em;
    background: #a59b9b;
    margin: 5px 0px;
    border-radius: 2px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}
a.btn_s_t:hover {
    background: #b71d06;
}
a.btn_s_p {
    display: inline-block;
    width: auto;
    height: auto;
    border: 1px solid #be3e16;
    border-radius: 2px;
    line-height: 1em;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.05em;
    background: #f76030;
    margin: 5px 0px;
    border-radius: 2px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}
a.btn_s_p:hover {
    background: #b71d06;
}
.btn_s {
    font-size: 12px;
    display: inline-block;
    height: auto;
    text-align: center;
    padding: 4px;
    min-width: 50px;
    color: #fff !important;
    letter-spacing: -0.05em;
    background: #f76030;
    justify-content: center;
    align-items: center;
    font-style: normal;
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    word-break: keep-all;
}
.btn_s:hover {
    background: #b71d06;
}
button.btn_typeA {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    background: #ffffff;
    font-weight: bold;
    padding: 7px 15px;
    color: #ff6600;
}
button.btn_typeA:hover {
    border: 1px solid #ff6600;
    color: #ffffff;
    background: #ff6600;
}
.btn_gray {
    display: inline-block;
    height: 32px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    padding: 2px 10px;
    color: #fff !important;
    letter-spacing: -0.05em;
    background: #999;
    border: none;
}
.btn_gray:hover {
    background: #000;
    color: #fff;
}
.btn_add {
    height: 25px;
    padding: 2px 10px;
    margin: 2px;
    font-size: 142px;
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    border-radius: 3px;
}
.btn_add b {}
.btn_add:hover {
    background: #f7f7f7;
    border-color: #bbb;
    color: #555;
}
/* ???챙짠?*/
.bo_pagination {
    margin-top: 50px;
}
.paging {
    text-align: center;
    margin: 30px 0 0;
    font-size: 0;
}
.paging a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ddd;
    margin: 0 2px;
    font-size: 13px;
    color: #999;
}
.paging a:hover {
    background: #f7f7f7;
    border-color: #ccc;
    color: #666;
}
.paging a.on {
    border-color: #ec6550;
    color: #ec6550;
    font-weight: 600;
}
/* ???챘쨍?*/
.Table_default {
    border-top: 2px solid #f76030;
    word-wrap: break-word;
}
.Table_default thead {}
.Table_default thead th, .Table_default thead td {
    height: auto;
    padding: 12px;
    letter-spacing: -0.05em;
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #ddd; /*background:#f7f7f7;*/ line-height: 1.6;
}
.Table_default thead th {}
.Table_default thead td {}
.Table_default tbody {}
.Table_default tbody tr {}
.Table_default tbody tr:hover {
    background: #fafafa;
}
.Table_default tbody th, .Table_default tbody td {
    height: auto;
    padding: 6px;
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    line-height: 1.7;
}
.Table_default tbody th {}
.Table_default tbody td {}
/* ???챘쨍???? ???챘짭쨍챗쨉짭 */
.Table_top_txt {
    font-size: 13px;
    color: #666;
    line-height: 1.3;
    letter-spacing: -0.05em;
}
.Table_top_txt span {
    color: #d9371e;
    font-weight: 600;
}
.license_top_txt {
    font-size: 24px;
    color: #666;
    line-height: 1.3;
    letter-spacing: -0.05em;
}
.license_top_txt span {
    color: #d9371e;
    font-size: 24px;
    font-weight: 600;
}
.btn_check {
    border: 1px solid #ff5400;
    width: 24px;
    height: 24px;
    margin-right: 2px;
}
.Table_default.rowline {}
.Table_default.rowline th, .Table_default.rowline td {
    border-left: 1px solid #ddd;
}
.Table_default.rowline .lt {
    border-left: 0 none;
}
.Table_default.left {}
.Table_default.left td {
    text-align: left;
    padding-left: 15px;
}
.Table_default .point {
    background: #fafafa;
    color: #333;
}
.Table_col {
    border-top: 1px solid #ec6550;
}
.Table_col th, .Table_col td {
    height: 25px;
    padding: 5px 0;
    font-size: 13px;
    color: #666;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    line-height: 1.6;
}
.Table_col th {
    background: #f7f7f7;
    color: #333;
    border-right: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 10px;
}
.Table_col td {
    padding-left: 15px;
    padding-right: 10px;
}
.Table_col tr {}
.Table_col tr:hover {
    background: #fafafa;
}
.Table_gray {
    border-top: 1px solid #bbb;
    border-left: 1px solid #ddd;
    background: #fff;
}
.Table_gray th, .Table_gray td {
    height: 25px;
    padding: 12px;
    font-size: 1rem;
    text-align: center;
    font-weight: normal;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
    line-height: 1.7;
}
.Table_gray thead {}
.Table_gray thead th, .Table_gray thead td {
    background: #e9e9e9;
}
.Table_gray thead th {
    color: #333;
}
.Table_gray thead td {}
.Table_gray tbody {}
.Table_gray tbody th, .Table_gray tbody td {}
.Table_gray tbody th {}
.Table_gray tbody td {
    text-align: left;
}
/*
.Table_gray tr{}
.Table_gray tr:hover{background:#fafafa;}
*/
.Table_basic {
    border-top: 1px solid #bbb;
    border-left: 1px solid #ddd;
}
.Table_basic th, .Table_basic td {
    height: 25px;
    padding: 9px 0;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 1.6;
}
.Table_basic th {
    background: #f7f7f7;
    color: #333;
    padding-left: 15px;
    padding-right: 10px;
}
.Table_basic td {
    padding-left: 15px;
    padding-right: 10px;
}
.Table_basic tr {}
.Table_basic tr:hover {
    background: #fafafa;
}
.Table_clear, .Table_clear th, .Table_clear td {
    border: 0 none;
    background: #none;
    padding: 0;
}
/* ?쨍챠? 챙째??짭챙?챙짝?------------------------------------------------ */
.w10 {
    width: 10px;
}
.w20 {
    width: 20px;
}
.w30 {
    width: 30px;
}
.w40 {
    width: 40px;
}
.w50 {
    width: 50px;
}
.w60 {
    width: 60px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w150 {
    width: 150px;
}
.w200 {
    width: 200px;
}
.w300 {
    width: 300px;
}
.w400 {
    width: 400px;
}
.w500 {
    width: 500px;
}
.w600 {
    width: 600px;
}
.w650 {
    width: 650px;
}
.w700 {
    width: 700px;
}
.w800 {
    width: 800px;
}
.w900 {
    width: 900px;

}
/* 챘짠?? ------------------------------------------------ */
.top3 {
    margin-top: 3px;
}
.top4 {
    margin-top: 4px;
}
.top5 {
    margin-top: 5px;
}
.top10 {
    margin-top: 10px;
}
.top15 {
    margin-top: 15px;
}
.top20 {
    margin-top: 20px;
}
.top23 {
    margin-top: 23px;
}
.top25 {
    margin-top: 25px;
}
.top30 {
    margin-top: 30px;
}
.top35 {
    margin-top: 35px;
}
.top40 {
    margin-top: 40px;
}
.top50 {
    margin-top: 50px;
}
.top60 {
    margin-top: 60px;
}
.top70 {
    margin-top: 70px;
}
.top80 {
    margin-top: 80px;
}
.top90 {
    margin-top: 90px;
}
.left5 {
    margin-left: 5px;
}
.left10 {
    margin-left: 10px;
}
.left15 {
    margin-left: 15px;
}
.left20 {
    margin-left: 20px;
}
.left25 {
    margin-left: 25px;
}
.left30 {
    margin-left: 30px;
}
.left35 {
    margin-left: 35px;
}
.left40 {
    margin-left: 40px;
}
.left50 {
    margin-left: 50px;
}
.left60 {
    margin-left: 60px;
}
.left70 {
    margin-left: 70px;
}
.left80 {
    margin-left: 80px;
}
.left90 {
    margin-left: 90px;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}
.btn_new_white {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 4px 12px;
    background: #fff;
}
a.btn_new_white:hover {
    box-shadow: inset 0px 2px 5px rgb(0 0 0 / 8%);
}
.round_btn {
    -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 500;
    background: #f76030;
    padding: 10px 40px;
    border: none;
    color: #fff !important;
}
.round_btn.unable {
    background: #666;
    color: #fff;
}
.pc_br {
    display: block;
}
.m_br {
    display: none;
}
.pc_img {
    display: block;
    margin: 0 auto;
}
.m_img {
    display: none;
}
.subject-name {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
}
.subject-name li {
    float: left;
    height: 36px;
    line-height: 36px;
}
@media all and (max-width:1400px) {}
@media (max-width:1330px) {
    .board_inner {
        margin: 50px auto;
        width: 100%;
        height: auto;
    }
}
@media all and (max-width:1280px) {}
@media all and (max-width:1080px) {
    #S_container {
        max-width: 90%;
    }
    #S_container #Left_area {
        display: none;
    }
    #S_container #Contents_area {
        width: 100%;
    }
    .license-step li {
        width: 25%;
    }
    .license-step li.on {
        width: 25%;
    }
    .license-step li:nth-child(3):after {
        display: none;
    }
    .license-step li:nth-child(3) {
        border-right: 1px solid #d2d2d2;
    }
    .license-step li:nth-child(4) {
        border-left: 1px solid #d2d2d2;
    }
    .license-step2 li, .license-step3 li, .license-step4 li {
        width: 33.3333%;
    }
    .license-step2 li.on, .license-step3 li.on, .license-step4 li.on {
        width: 33.3333%;
    }
    .license-step2 li:nth-child(3):after, .license-step4 li:nth-child(3):after {
        display: none;
    }
    .license-step2 li:nth-child(3), .license-step4 li:nth-child(3) {
        border-right: 1px solid #d2d2d2;
    }
    .license-step2 li:nth-child(4), .license-step4 li:nth-child(4) {
        border-left: 1px solid #d2d2d2;
    }
}
@media (max-width:900px) {
    .receipt_step li:not(:first-child).before::before {
/*        display: block;*/
    }
}
@media (max-width:780px) {
    .receipt_step li:not(:first-child).before::before {
        width: 41px;
        height: 41px;
        left: -21px;
    }
    .receipt_step li:not(:last-child)::after {
        width: 29px;
        height: 30px;
    }
}
@media (max-width:768px) {
    .license-step li {
        width: 50%;
    }
    .license-step li.on {
        width: 50%;
    }
    .license-step li:nth-child(2):after {
        display: none;
    }
    .license-step li:nth-child(2) {
        border-right: 1px solid #d2d2d2;
    }
    .license-step li:nth-child(3) {
        border-left: 1px solid #d2d2d2;
    }
    #BM_Container {
        width: 100%;
        font-size: 13px;
    }
    .m_tn {
        display: none;
    }
    #Contents_area #Pagetit h2 {
        font-size: 18px;
    }
    #Contents_area #Pagetit ul li {
        font-size: 13px;
    }
    body, table, th, td, input, select, textarea, div {
        font-size: 13px;
    }
    .cont_table img {
        max-width: 100%;
        height: auto !important;
    }
    .pc_img {
        display: none;
    }
    .m_img {
        display: block;
        width: 100%;
    }
    .pc_br {
        display: none;
    }
    .m_br {
        display: block;
    }
    .law_list table td a, .law_list table th a {
        font-size: 13px;
    }
    .law_wrap {
        font-size: 13px;
        line-height: 1.5em;
        letter-spacing: 0em;
        text-align: left;
    }
    .law_wrap div {
        font-size: 13px;
    }
    h3 {
        font-size: 1.5rem;
        font-weight: 600;
        letter-spacing: 0;
    }
    .law_tit span {
        letter-spacing: 0em;
        font-size: 1.9rem;
        font-weight: 400;
    }
    .board_inner {
        margin: 50px auto;
        width: 96%;
        padding: 2%;
        height: auto;
    }
    /*
  .intro_box:before {
    width: 200px;
  }
*/
    .intro_box .box_inner {
        min-height: auto;
        padding: 15px;
    }
    .intro_box .box_inner:before {
        display: none;
    }
    .law_wrap b {
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .law_wrap div.dep3 {
        padding: 20px;
        margin: 10px 0 20px 0;
    }
    .dep_slnb li {
        flex: none;
        width: 50%;
    }
    .dep_slnb li a {
        font-size: 14px;
    }
    /* 챗짼????챗짼???째쩍 */
    .bo_search form[name="sfrm"] {
        width: 100%;
        max-width: unset;
    }
    /* 챗짼???????챘쨍??짢챗쨍째챗쨍?*/
    .hidden {
        display: none;
    }
    .c_member_list thead th, .c_member_list thead td {
        font-size: 13px;
        letter-spacing: -0.05em;
        padding: 6px 3px;
    }
    .c_member_list img {
        max-width: 100%;
        height: auto !important;
    }
    .join_form {}
    .join_form caption {}
    .join_form th, .join_form td {}
    .join_form th {
        padding: 6px 3px;
    }
    .join_form td {
        padding: 6px 3px;
    }
    /* 챙짙쩌챙? */
    .join_form td.address {}
    .join_form td.address input {}
    /* ??? */
    .join_form select {
        height: 32px;
        line-height: 22px;
        color: #666;
        font-size: 13px;
        border: 1px solid #d5d5d5;
        vertical-align: middle;
        margin: 9px 0;
        border-radius: 2px;
    }
    .join_form td font {
        display: inline-block;
        padding: 0 5px;
        text-align: center;
    }
    .join_form td button {
        border-radius: 2px;
    }
    .c_member_list tbody th, .c_member_list tbody td {
        padding: 6px 3px;
    }
    .Table_default thead th, .Table_default thead td {
        height: auto;
        padding: 6px 3px;
    }
    .Table_default tbody th, .Table_default tbody td {
        height: auto;
        padding: 6px 3px;
    }
    .btn_new_white {
        padding: 4px 4px;
    }
    .c_member_list td span.apply_end {
        padding: 4px 4px;
        border-radius: 1px;
    }
    .c_member_list td span.apply_ing {
        padding: 4px 4px;
        border-radius: 1px;
    }
    .title_area {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .title_area .apply_Tb {
        flex-basis: 100%;
        margin: 20px 0px 0px;
    }
    .title_area select {
        width: 50%;
        margin-left: 64px;
    }
    .title_area .apply_Tb li {
        width: 20%;
        border: 1px solid #d2d2d2;
        margin-left: -1px;
    }
    .title_area .apply_Tb li a {
        padding: 8px 0px;
        text-align: center;
    }
    .receipt_step li {
        width: calc(50% - 12px);
    }
    .receipt_step li:last-child {
        width: calc(50% + 6px);
    }
    .receipt_step li:not(:last-child)::after {
        top: 5px;
        right: -15px
    }
    .receipt_step li:not(:first-child).before::before {
        width: 41px;
        height: 41px;
        left: -21px;
    }
    .btn_s {
        font-size: 13px;
    }
    .btn_order {
        flex-wrap: wrap;
    }
    .btn_order li {
        width: 46%;
        margin: 2%;
    }
    .btn_order li a {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        padding: 10px 15px;
        height: 80px;
    }
}
.input {
    width: 130px;
    /* height:32px;  */
    letter-spacing: -0.045rem;
    color: #5a5a5a;
    border: 1px solid #ddd;
    background: #f8f8fa;
    text-align: left;
    padding: 0 7px;
    box-sizing: border-box;
}
.p_input {
    width: 80px;
    height: 32px;
    letter-spacing: -0.045rem;
    color: #5a5a5a;
    border: 1px solid #ddd;
    background: #f8f8fa;
    text-align: left;
    padding: 0 7px;
    box-sizing: border-box;
}
.a_input {
    width: 100%;
    height: 32px;
    font-family: 'Nanumgothic', sans-serif;
    letter-spacing: -0.045rem;
    color: #5a5a5a;
    border: 1px solid #ddd;
    background: #f8f8fa;
    text-align: left;
    padding: 0 7px;
    margin: 4px 0 0;
    box-sizing: border-box;
}
.red {
    color: #d9371e;
}
.center {
    text-align: center;
}
.vert {
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #d9d9d9;
    vertical-align: middle;
    margin: 0 10px;
}
.super_satis {
    width: 100%;
/*    height: 260px;*/
    padding: 5px 0;
    margin-bottom: 30px;
    border: 1px solid #ddd;
/*     border-top: 1px solid #d9371e; */
    text-align: center;
    box-sizing: border-box;
}
.super_satis h3 {
    font-size: 16px;
    letter-spacing: -0.075rem;
    margin-bottom: 12px;
    margin-right: 20px;
}
.super_satis .open_box {
/*     margin-bottom: 10px; */
}
.super_satis span {
    font-size: 14px;
    letter-spacing: -0.065rem;
    color: #3c3c3c;
}
.super_satis .satis_box {
/*     margin-bottom: 10px; */
}
.super_satis .satis_box label {
    margin-right: 10px;
}
.super_satis .satis_box label:last-child {
    margin-right: 0;
}
/* .super_satis .input { */
/*     width: 50%; */
/* } */

/* 1399px 미만 */
@media (max-width:1398px){

  .satis-row{
    justify-content:center;   
    text-align:center;
  }

  .satis-title{
    width:100%;
    text-align:center; 
    margin-bottom:10px;
  }

  .satis-options{
    justify-content:center;
  }
}
@media (max-width:1199px) and (min-width:992px){

  .satis-open-row{
    justify-content:center; 
    text-align:center;
  }

  .open-left{
    display:none;  
  }

  .open-options{
    justify-content:center; 
  }
}

/* 999px 이하 */
@media (max-width:999px){

  .satis-row{
    justify-content:center;
  }

  .satis-options{
    justify-content:center;
  }

  .satis-etc{
    flex-basis:100%;    
    justify-content:center;
    margin-top:8px;
  }
   .super_satis {padding: 20px 20px;}
}







/* .super_satis .input {
    width:580px;
} */
.save_btn {
    width: auto;
    height: auto;
    border: none;
    font-weight: 700;
	font-size: 18px;
    color: #fff;
    letter-spacing: -0.05em;
    background: #f76030;
    margin: 0 4px;
    border-radius: 6px;
    padding: 6px 20px;
    cursor: pointer;
}
.save_btn:hover {
    background: #b71d06;
    color: #fff;
}
/* .save_btn {display:inline-block; width:130px; height:40px; line-height:40px; border:1px solid #b71d06; background:#d9371e; font-family:'Nanumgothic',sans-serif; font-size:16px; font-weight:700; color:#fff; letter-spacing:-0.075rem; text-align:center; box-sizing:border-box;} */
/* .list_btn {display:inline-block; width:130px; height:40px; line-height:40px; border:1px solid #9f9f9f; background:#c0c0c0; font-family:'Nanumgothic',sans-serif; font-size:16px; font-weight:700; color:#fff; letter-spacing:-0.075rem; text-align:center; box-sizing:border-box;} */
.list_btn {
    width: auto;
    height: auto;
    border: none;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.05em;
    background: #666;
    margin: 0 2px;
    border-radius: 6px;
    padding: 6px 20px;
    cursor: pointer;
}
.list_btn:hover {
    background: #000;
    color: #fff;
}
.myinfo_record_search {
    display: inline-block;
    height: 32px;
    line-height: 31px;
    text-align: center;
    padding: 0 8px;
    color: #333;
    font-style: normal;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 1rem;
    box-sizing: border-box;
    background: #fff;
}
.myinfo_record_cancel {
    display: inline-block;
    height: 32px;
    line-height: 31px;
    text-align: center;
    padding: 0 8px;
    color: #333;
    font-style: normal;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 1rem;
    box-sizing: border-box;
    background: #fff;
}
ul.commjob_search {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*    position: absolute;*/
    /*    top: 50px;*/
    color: #777;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 0
}
ul.commjob_search li {
    margin: 0 10px
}
.board_table .new-icon img {
    width: 14px;
    height: 14px
}
/* 횇횉 */
.tabs ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
}
.tabs ul li {
    display: table-cell;
    margin-left: -1px;
    font-size: 16px;
    text-align: center;
}
.tabs ul li a {
    position: relative;
    display: block;
    padding: 8px 5px;
    ;
    border: 1px solid #d9d9d9;
    transition: all 0.3s;
    border-radius: 4px;
    letter-spacing: -1px;
    vertical-align: middle;
}
.tabs ul li.on a {
    background: #484459 url('/user/images/sub/bg_sl.png') repeat-x;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #484459;
    letter-spacing: -1px;
}
.tabs ul li.on a:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #484459;
}
.mtabs li a {
    display: table-cell;
    display: block;
    min-height: 80px;
    vertical-align: middle !important;
}
@media all and (max-width:768px) {
    .tabs ul li a {
        min-height: 88px;
    }
    .tabs ul li.on a {
        min-height: 88px;
    }
}
/* FAQ */
.faq {
    border-top: 2px solid #979797;
    border-bottom: 1px solid #e2e2e2;
    line-height: 18px;
    clear: both;
}
.faq dt {
    padding: 8px;
    vertical-align: middle;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
}
.faq dt span {
    width: 50px;
    text-align: center;
    color: #ababab;
    display: block;
    float: left;
}
.faq dt strong {
    width: 40px;
    text-align: center;
    display: block;
    float: left;
}
.faq dt img {
    padding: 7px;
    vertical-align: middle;
}
.faq dd {
    padding: 15px;
}
.faq dd strong {
    width: 40px;
    text-align: center;
    display: block;
    float: left;
}
.faq dd span {
    margin: 0 20px;
    display: block;
}
.faq dt.on {
    font-weight: bold;
}
.faq dd.on {
    background-color: #f4f4f4;
}
.faq2 {
    width: 100%;
    overflow: hidden;
}
.faq2 > dt {
    position: relative;
    width: 100%;
    padding: 8px 5px;
    padding-left: 50px;
    box-sizing: border-box;
    color: #333;
    border-bottom: 1px solid #666;
    cursor: pointer;
}
.faq2 > dt:first-child {
    border-top: 2px solid #666;
}
.faq2 > dd {
    position: relative;
    width: 100%;
    padding: 27px 30px 30px 50px;
    box-sizing: border-box;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
    line-height: 20px;
}
.faq2 .faqQ {
    position: absolute;
    left: 20px;
    top: 7px;
    width: 16px;
    height: 16px;
    background: url('/images/sub/faqQ.png') no-repeat;
}
.faq2 .faqA {
    position: absolute;
    left: 20px;
    top: 30px;
    width: 16px;
    height: 16px;
    background: url('/images/sub/faqA.png') no-repeat;
}
.faq2 .faqList > dt {
    margin-top: 20px;
}
.faq2 .faqList > dt:first-child {
    margin-top: 0;
}
.faq2 .faqList > dd {
    margin-left: 10px;
}
.faq2 .faqList > dd > ul {
    margin-left: 12px;
}
.faq2 .faqList .bulNo > li {
    padding-left: 5px;
}
.faq2 .faqList .bulBd > li {
    padding-left: 14px;
    background: url('/images/sub/bul_bar.png') left 9px no-repeat;
}
.faq2 .faqList .bulSt {
    padding-left: 15px;
    background: url('/images/sub/bul_star.png') 2px 6px no-repeat;
}
.faq2 .tbFaq {
    width: 100%;
}
.faq2 .tbFaq thead th {
    padding: 10px;
    border: 1px solid #ededed;
    border-bottom: 2px solid #333;
    background: #fff;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.faq2 .tbFaq tbody th {
    padding: 5px 8px;
    border: 1px solid #ededed;
    background: #fff;
    color: #666;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}
.faq2 .tbFaq tbody td {
    padding: 5px 8px;
    border: 1px solid #ededed;
    background: #fff;
    color: #666;
    text-align: left;
    font-size: 12px;
}
.faqTab {
    width: 100%;
    height: 50px;
    margin: 0 3px;
}
.faqTab li {
    margin-right: 1px;
    padding: 7px 15px;
    background-image: url('/images/sub/bg_tab.gif');
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #e9e9e9;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    color: #666666;
    float: left;
    cursor: pointer;
    line-height: 18px !important;
}
.faqTab li.on {
    color: #5d5d5d;
    background-image: url('/images/sub/bg_tab_on.gif');
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #cdcdcd;
    border-bottom: 1px solid #ffffff;
}
.faqTab li strong {
    padding: 0px 20px;
    display: block;
    font-weight: normal;
}
.faqTab li.on strong {
    padding: 0px 20px;
    color: #ff7100;
}
.legal_link {
    border: 1px solid #d2d2d2;
    padding: 12px 30px;
    border-radius: 10px;
    margin: 30px 0px 20px 0px;
}
.legal_link div:last-child {
    background: orangered;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 6px;
    color: #fff
}
/* 횉횖쩌첬횁철 ===========*/
.journal_head h6 {
    /*    font-size: 1.875rem;*/
    line-height: 1.3;
    font-weight: 400;
    margin: 20px 0 10px 0;
}
.journal_head h6 > span {
    color: #f76030;
    font-weight: 500;
}
.journal_head .journal_shead {
    font-size: 1rem;
}
.journal_head .book {
    float: right;
    text-align: center;
}
.journal_head .book img {
    display: block;
}
.journal_head .book a {
    display: inline-block;
    width: 150px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    letter-spacing: -0.05em;
    font-weight: 600;
    background: #d62a11;
    border: 1px solid #d62a11;
    border-radius: 3px;
    transition: all 0.3s;
}
.journal_head .book a:hover {
    text-decoration: none;
    background: #fff;
    color: #d62a11;
}
@media (max-width: 768px) {
    .journal_head .book {
        float: unset;
        text-align: -webkit-right;
    }
}


.journal_head {
    position: relative; /*min-height:330px; background:url(../img/contents/journal_korea_img.jpg) right 0px no-repeat;*/ font-size: 13px;
    line-height: 1.9;
    color: #333;
    overflow: hidden;
    /*    border-bottom: 1px solid #f0afa5;*/
    margin: 0 0 50px;
    padding: 0 0 50px;
    font-size: 15px;
}
/* .journal_head h6{font-size:28px; font-weight:200; color:#d9371e; line-height:1.3; letter-spacing:-0.15rem; font-family:"notokr", "Noto Sans KR", "쨀짧쨈짰째챠쨉챰",'NanumGothic',Helvetica!important; margin:30px 0 30px;} */
.journal_head h6 {
    /*    font-size: 1.875rem;*/
    line-height: 1.3;
}
.journal_head .book {
    float: right;
    text-align: center;
}
.journal_head .book img {
    display: block;
}
.journal_head .book a {
    display: inline-block;
    width: 150px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-weight: 600;
    background: #d62a11;
    border: 1px solid #d62a11;
    border-radius: 3px;
    transition: all 0.3s;
}
.journal_head .book a:hover {
    text-decoration: none;
    background: #fff;
    color: #d62a11;
}
/*
.journal_head div{padding:40px 0 20px;}
.journal_head p{}

.journal_head a.btn22{position:absolute; right:90px; top:310px; display:inline-block; width:150px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:15px; letter-spacing:-0.05em; font-weight:600; background:#d62a11; border:1px solid #d62a11; border-radius:3px; transition:all 0.3s;}
.journal_head a.btn22:hover{text-decoration:none; background:#fff; color:#d62a11;}
*/
/* 쨔철횈째 */
.orange_whitebtn {
    border: 1px solid #ccc;
    ;
    border-radius: 10px;
    color: #F76030 !important;
    font-size: 0.87rem;
    padding: 0px 10px;
    line-height: 38px;
    margin: 2px;
    cursor: pointer;
}
.orange_whitebtn:hover {
    background: #F76030;
    border: 1px solid #F76030;
    color: #ffffff !important;
}
/*
.graybox {
    border: 4px solid #efefef;
    padding: 20px;
    line-height: 1.8;
    font-size: 13px;
    text-align: justify;
    word-break: keep-all;
}
*/
.graybox.pad25 {
    padding: 25px;
}
.Table_default {}
.Table_default tbody th {
    font-weight: bold;
}

.list_style li {
    font-size: 1.2rem;
    line-height: 1.6;
    padding-left: 10px;
    background: url(../img/sub/dot.gif) left 10px no-repeat;
    margin: 4px 0;
}
.list_style li b {
    font-weight: 600;
    color: #111;
}
.list_style li p span {
    font-size: 19px;
}
/*.list_style li strong{font-weight:600; color:#111;}*/


a.btn_link {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    background: #d9371e;
    border: 1px solid #b71d06;
    margin-left: 4px;
    border-radius: 3px;
    transition: all 0.3s;
}
a.btn_link:hover {
    background: #b71d06;
    text-decoration: none;
}
/* 쨔횩째짙짹횚횁짚 */
.regulations { /*text-align:justify;*/ word-break: keep-all;
}
.regulations, .regulations * {
    font-size: 0.95rem;
    line-height: 1.7; /*text-align:justify;*/ word-break: keep-all;
}
.regulations h6 {
    display: block;
    color: #333;
    font-weight: 600;
    margin: 20px 0 5px;
    padding: 0;
}
.regulations span {
    display: block;
    padding-left: 15px;
}
.regulations p {
    padding-left: 17px;
    text-indent: -17px;
}
.regulations .depth {
    padding-left: 17px;
}
.regulations .depth p {
    padding-left: 20px;
    text-indent: 0px;
}
.regulations .depth .depth {
    padding-left: 20px;
}
.regulations .depth .depth p {
    padding-left: 17px;
    text-indent: -17px;
}
.regulations .btn-down {
    display: inline-block;
    font-size: 11px;
    padding: 0 10px;
    text-indent: 0;
    color: #ec6550;
    border: 1px solid #ec6550;
    border-radius: 2px;
    vertical-align: middle;
}
.regulations .btn-down:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 9px;
    background: url(/KOR/img/contents/icon_download.gif) 0 0 no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}
/*.regulations b{display:block; color:#333; font-weight:600; margin:15px 0 5px;}*/
.regulations .example_box {
    background: #f7f7f7;
    padding: 15px;
    margin: 10px 0;
    text-align: justify;
    word-break: keep-all;
}
/* 쩔첩째챠�횤쩌쨘쩔채쨌횋 NEW */
.wongo_wrap {
    text-align: justify;
    word-break: keep-all;
}
.wongo_wrap, .wongo_wrap * {
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
    word-break: keep-all;
}
.wongo_wrap .tit {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.05em;
    margin: 30px 0 10px;
}
.wongo_wrap p {
    padding-left: 12px;
    text-indent: -12px;
    margin: 5px 0 0;
}
.wongo_wrap p:first-child {
    margin: 0;
}
.wongo_wrap .dep {
    margin-left: 12px;
}
/* 횇천째챠쩔채쨌횋 */
.toogo_wrap {
    text-align: justify;
    word-break: keep-all;
}
.toogo_wrap, .toogo_wrap * {
    font-size: 13px;
    line-height: 1.8;
}
.toogo_wrap p {
    padding-left: 15px;
    text-indent: -15px;
    margin: 5px 0 0;
}
/* 쩔첩째챠횁짖쩌철 쨔횞 쨔횩째짙�횕횁짚 횇횞�횑쨘챠 */
.Table-journal_sch {
    border-top: 2px solid #ec6550;
}
.Table-journal_sch th, .Table-journal_sch td {
    height: 25px;
    padding: 9px 0;
    font-size: 1rem;
    letter-spacing: -0.05em;
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    line-height: 1.6;
    border-right: 1px solid #ddd;
}
.Table-journal_sch th:last-child, .Table-journal_sch td:last-child {
    border-right: 0 none;
}
.Table-journal_sch th {}
.Table-journal_sch td {}
.Table-journal_sch thead th, .Table-journal_sch thead td {
    background: #FEF7F4;
    color: #333;
}
.Table-journal_sch thead th {}
.Table-journal_sch thead td {}
.Table-journal_sch tbody tr {}
.Table-journal_sch tbody tr:hover {
    background: #f5f5f5;
}
.Table-journal_sch tbody th, .Table-journal_sch tbody td {}
.Table-journal_sch tbody th {}
.Table-journal_sch tbody td {}
/*
	.Table-journal_sch tbody tr.select{}
	.Table-journal_sch tbody tr.select td{font-size:15px; font-weight:600; color:#333; border-top:2px solid #000; border-bottom:2px solid #000;}
	.Table-journal_sch tbody tr.select td font{color:#ff0000;}
	.Table-journal_sch tbody tr.select td:first-child{border-left:2px solid #000;}
	.Table-journal_sch tbody tr.select td:last-child{border-right:2px solid #000;}
	*/
.cmt_table {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ec6550 #e8e8e8 #ddd;
    margin: 15px 0 0;
}
.cmt_table th, .cmt_table td {
    height: 25px;
    padding: 13px 10px;
    text-align: center;
    font-size: 1rem;
    font-weight: normal;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e8e8e8 #e8e8e8;
}
.cmt_table th {}
.cmt_table td {}
.cmt_table thead th, .cmt_table thead td {
    background: #f9f9f9;
    border-color: #ddd;
    color: #000;
}
.cmt_table thead th {}
.cmt_table thead td {}
.cmt_table tbody th, .cmt_table tbody td {
    color: #666;
}
.cmt_table tbody th {}
.cmt_table tbody td {}
.moreview {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    font-weight: normal;
    color: #d9371e !important;
}
.moreview:hover {
    text-decoration: none;
}
.journal_search_wrap { /*padding:13px 0;*/ margin-top: 10px;
    margin: 0 0 10px;
    overflow: hidden;
}
.journal_search_wrap table {
    width: 100%;
}
.journal_search_wrap table tr {
    display: flex;
    flex-wrap: wrap;
}
.journal_search_wrap table tr td {
    position: relative;
}
.journal_search_wrap table td:first-child {
    width: 67%;
}
.journal_search_wrap table td:first-child select {
    width: 100%;
    height: unset;
    padding: 15px 0;
    font-size: 1rem;
    text-align: center;
    border: none;
    background: #d93a1d;
    color: #fff;
    cursor: pointer;
}
.journal_search_wrap table td:first-child::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 35%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.journal_search_wrap table td:first-child select option {
    background: #fff;
    color: #000;
}
.journal_search_wrap table td.checkboxw {
    width: 33%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: none;
    background: #d93a1d;
    padding: 0 30px
}
.journal_search_wrap table td.checkboxw div {
    width: 32%;
}
.journal_search_wrap table td.checkboxw div:not(:last-child) {
    margin-right: 2%
}
.journal_search_wrap table td.checkboxw input {
    vertical-align: middle;
    margin-right: 5px;
}
.journal_search_wrap table td.checkboxw label {
    font-size: 1rem;
    color: #fff;
    cursor: default;
}
.journal_search_wrap table td.searchw {
    display: flex;
    width: 100%;
}
.journal_search_wrap table td.searchw input {
    width: 83%;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    border: 2px solid #f76030;
    font-size: 1rem;
    padding: 0 15px;
}
.journal_search_wrap table td.searchw button {
    width: 17%;
    height: 50px;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    background: #b53018;
}
.journal_list {
    border-top: 2px solid #555;
}
.journal_list td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.journal_list td.subject {}
.journal_list td.subject p a {
    font-size: 12px;
    font-weight: 600;
}
.journal_list td.subject font {
    font-size: 12px;
    color: #666;
}
.journal_view {
    border-top: 2px solid #555;
}
.journal_view thead {}
.journal_view thead td {
    background: #f2f2f2;
    text-align: center;
    border-bottom: 1px solid #ccc;
    height: 35px;
    font-weight: 600;
}
.journal_view tbody {}
.journal_view tbody td {
    border-bottom: 1px solid #ddd;
    padding: 7px 10px;
    color: #666;
}
.journal_view tbody td.content {
    background: #f7f7f7;
    padding: 15px;
}
@media all and (max-width:1000px) {
    .journal_search_wrap table td.checkboxw {
        padding: 0 15px;
    }
}
@media all and (max-width:768px) {
    .journal_search_wrap table td:first-child {
        width: 100%;
    }
    .journal_search_wrap table td.checkboxw {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        padding: 10px 15px;
    }
    .journal_search_wrap table td.searchw input {
        width: 80%;
    }
    .journal_search_wrap table td.searchw button {
        width: 20%;
    }
}
/* 쨔횩째짙짹횚횁짚 */
.regulations2 {
    font-size: 1rem;
    line-height: 1.7;
    word-break: keep-all;
}
.regulations2 b {
    display: block;
    color: #333;
    font-weight: 600;
    margin: 15px 0 5px;
}
.regulations2 b i {
    display: inline-block;
    font-style: normal;
    width: 22px;
}
.regulations2 p {
    padding-left: 22px
}
.regulations2 .depth {
    padding-left: 22px;
}
.regulations2 .depth p {
    padding-left: 16px;
    text-indent: -16px;
}
.regulations2 .depth .depth p {
    padding-left: 19px;
    text-indent: -19px;
}
.journal_japc_top {
    position: relative;
    min-height: 300px;
    background: url(../img/contents/journal_japc_img.jpg) right 10px no-repeat;
}
.journal_japc_top div {
    padding: 20px 0 20px;
}
.journal_japc_top p {
    font-size: 13px;
    line-height: 1.9;
    color: #666;
}
.journal_japc_top a.btn22 {
    position: absolute;
    right: 90px;
    top: 320px;
    display: inline-block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-weight: 600;
    background: #d62a11;
    border: 1px solid #d62a11;
    border-radius: 3px;
}
.journal_japc_top a.btn22:hover {
    text-decoration: none;
    background: #fff;
    color: #d62a11;
}
.graybox {
    border: 4px solid #efefef;
    padding: 20px;
    line-height: 1.7;
    font-size: 1rem;
    text-align: justify;
    word-break: keep-all;
}
.graybox.pad25 {
    padding: 25px;
}
.graybox a {
    color: #d9371e;
}
.graybox a:hover {
    text-decoration: underline;
}
.graybgbox {
    background: #f2f2f2;
    padding: 20px;
    line-height: 1.7;
    font-size: 1rem;
    text-align: justify;
    word-break: keep-all;
}
.graybgbox.pad25 {
    padding: 25px;
}
.graybgbox a {
    color: #d9371e;
}
.graybgbox a:hover {
    text-decoration: underline;
}

.list_style li {
    font-size: 15px;
    line-height: 1.6;
    padding-left: 10px;
    background: url(../img/sub/dot.gif) left 10px no-repeat;
    margin: 4px 0;
}

.list_style li span {
    color: #d9371e;
}
.list_style li a.btn_link {
    display: inline-block;
    height: 19px;
    line-height: 19px;
    padding: 0 5px;
    color: #fff;
    font-size: 11px;
    background: #d9371e;
    border: 1px solid #b71d06;
    margin-left: 4px;
}
.list_style li a.btn_link:hover {
    background: #b71d06;
}
.list_style li ul {
    background: #f7f7f7;
    padding: 5px 15px;
    margin: 10px 0 15px;
}
.list_style li ul li {
    background: none;
    padding-left: 0;
}
.regulations {
    font-size: 1rem;
    line-height: 1.7;
    text-align: justify;
    word-break: keep-all;
}
.regulations b {
    display: block;
    color: #333;
    font-weight: 600;
    margin: 20px 0 5px;
}
.regulations a {
    color: #d9371e;
}
.regulations .span {}
.regulations .dep2 {
    padding-left: 15px;
    margin-bottom: 20px;
    padding-top: 5px;
}
.lineb {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
.border {
    border-bottom: 1px solid #f0afa5;
    margin: 0px;
}
/* 횉짧횇횒

------------------------------------------------------------------------------------------------------------*/
.partners_wrap {
    overflow: hidden;
}
.partners_wrap ul {
    width: 1000px;
    margin: 0 auto;
}
.partners_wrap ul li {
    float: left;
}
.foot_wrap {
    background: #efefef;
}
@media(max-width:560px) {
    .partners_wrap {
        justify-content: center
    }
    .partners_wrap ul {
        flex-wrap: nowrap;
        justify-content: center
    }
    .partners_wrap ul li {
        display: inline-block;
        width: 50%;
        text-align: center
    }
}
/*쨘횖째첬횉횖횊쨍*/
/*쨍횧�횓 횆횥횇횢횄첨

------------------------------------------------------------------------------------------------------------*/
/*====쨘횖째첬횉횖횊쨍 쨔챔째챈 �횑쨔횑횁철 =========*/
/*====쨈챘횉횗쨩처쨈찾=====*/
#society_visual .img01 {
    width: 100%;
    background: url("../img/visual_img.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====횄횎쩔첫쩔쨉쩌쨘=====*/
#society_visual .img02 {
    width: 100%;
    background: url("../img/visual_img02.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====쩍횋쨍짰횆징쨌찼쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img03 {
    width: 100%;
    background: url("../img/visual_img03.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====횁첵쨈횥쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img04 {
    width: 100%;
    background: url("../img/visual_img04.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====쨘횓쨘횓째징횁쨌횉횖횊쨍=====*/
#society_visual .img05 {
    width: 100%;
    background: url("../img/visual_img05.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====짹창쩐첨쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img06 {
    width: 100%;
    background: url("../img/visual_img06.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====횁첩쨌횓쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img07 {
    width: 100%;
    background: url("../img/visual_img07.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====NLP쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img08 {
    width: 100%;
    background: url("../img/visual_img08.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====횁횩쨉쨋쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img09 {
    width: 100%;
    background: url("../img/visual_img09.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====쩐횈쨉쩔횄쨩쩌횘쨀창쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img10 {
    width: 100%;
    background: url("../img/visual_img10.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====짹쨘째챈쩌횘쨔챈쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img11 {
    width: 100%;
    background: url("../img/visual_img11.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====쨩첵쩐횜째쨀쨔횩쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img12 {
    width: 100%;
    background: url("../img/visual_img12.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====횉횖짹쨀쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img13 {
    width: 100%;
    background: url("../img/visual_img13.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====짹쨀횁짚쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img14 {
    width: 100%;
    background: url("../img/visual_img14.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*====쨀챘�횓쨩처쨈찾횉횖횊쨍=====*/
#society_visual .img15 {
    width: 100%;
    background: url("../img/visual_img15.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
#m_contents_wrap {
    overflow: hidden;
}
#m_contents_wrap #m_contents {
    width: 1000px;
    margin: 0 auto;
}
.main_cs {
    width: 277px;
    padding: 24px 0 0 14px;
    border-right: 1px solid #d7d7d7;
    float: left;
    overflow: hidden;
}
.main_cs a {
    margin: 12px 0 34px 0;
    display: block;
}
/**/
.main_cs2 {
    float: left;
    position: relative;
    width: 276px;
    height: 272px;
    padding: 0 0 0 15px;
    border-right: 1px solid #d7d7d7;
    overflow: hidden;
}
.main_cs2 .title {
    height: 51px;
    padding: 5px 0 0;
    margin: 20px 0 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    padding-left: 65px;
    background: url(../img/main/icon_cs.png) 0 0 no-repeat;
}
.main_cs2 .title strong {
    display: block;
    font-size: 20px;
    color: #444;
    ;
}
.main_cs2 .tel {
    font-size: 35px;
    color: #333;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.03em;
}
.main_cs2 .fax {
    font-size: 20px;
    color: #aaa;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.02em;
}
.main_cs2 .email {
    font-size: 16px;
    color: #e85f57;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.02em;
}
.main_cs2 .kca_bn {
    position: absolute;
    left: 15px;
    bottom: 30px;
}
.main_cs2 .kca_bn a {
    display: block;
}
.m_notice {
    position: relative;
    width: 271px;
    padding: 31px 39px 0 40px;
    float: left;
    overflow: hidden;
}
.m_notice h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 21px;
}
.m_notice p {
    margin-bottom: 18px;
    padding: 12px 0 0 70px;
    background: url(../img/main/p_background.png) top left no-repeat;
}
.m_notice p a {
    font-size: 15px;
    color: #6b6e73;
    font-weight: 600;
    display: block;
}
.m_notice p a:hover {
    text-decoration: underline;
}
.m_notice p small {
    font-size: 15px;
    color: #323234;
    font-weight: 600;
}
.m_notice ul li {
    padding-left: 7px;
    background: url(../img/main/dot.gif) left 9px no-repeat;
}
.m_notice ul li td {
    font-size: 12px;
    color: #626262;
    line-height: 1.8;
}
.m_notice ul td a {
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m_notice a.more {
    position: absolute;
    top: 30px;
    right: 40px;
    display: block;
}
#m_contents .main_btn li {
    margin-left: 2px;
    float: left;
}
#m_contents .main_btn li.first {
    margin-left: 0;
}
#m_contents .main_btn li.one {
    margin-bottom: 2px;
}
/*#society_visual {background:url("../img/visual_img.jpg") no-repeat center center; background-size:cover; padding:70px 0 40px;}*/
#society_visual .visual_inner, #society_visual .visual_inner2 {
    width: 100%;
    height: 414px;
    position: relative;
}
#society_visual .visual_inner .txt_box, #society_visual .visual_inner2 .txt_box {
    position: absolute;
    left: 50px;
    bottom: 50px;
}
#society_visual .visual_inner .txt_box strong, #society_visual .visual_inner2 .txt_box strong {
    display: block;
    font-size: 2.575rem;
    font-weight: 900;
    color: #ed5b30;
}
#society_visual .visual_inner .txt_box p, #society_visual .visual_inner2 .txt_box p {
    font-size: 1.5rem;
    color: #666;
    letter-spacing: -0.05em;
}
#society_visual .visual_inner, #society_visual .visual_inner9 {
    width: 100%;
    height: 414px;
    position: relative;
}
#society_visual .visual_inner .txt_box, #society_visual .visual_inner9 .txt_box {
    position: absolute;
    left: 50px;
    bottom: 50px;
}
#society_visual .visual_inner .txt_box strong, #society_visual .visual_inner9 .txt_box strong {
    display: block;
    font-size: 2.575rem;
    font-weight: 900;
    color: #ed5b30;
}
#society_visual .visual_inner .txt_box p, #society_visual .visual_inner9 .txt_box p {
    font-size: 1.5rem;
    color: #666;
    letter-spacing: -0.05em;
}
#society_section1 {
    background: #fff8f6;
    padding: 50px 0;
}
#society_section1 .lat_box:nth-child(2) .lat_wrap {
    display: none;
}
#society_section1 .lat_box:nth-child(2) .lat_wrap li {
    padding: 8px 0;
}
#society_section1 .lat_box:nth-child(2) .lat_wrap li a i {
    width: 25px;
    height: 25px;
    border-radius: 100%;
}
#society_info {
    padding: 50px 0;
}
#society_info .con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*
.left_box {
    width: 48%;
    background: url("../img/society_info_bg.jpg"") no-repeat right center;
    background-size: cover;
}
*/
.lat_top {
    width: 100%;
}
.lat_box {
    background: url("../img/society_info_bg.jpg") no-repeat right center;
    padding: 20px;
    height: 250px
}
.lat_box .info_box {
    min-height: 160px
}
.lat_top .tab_list {
    width: 100%;
    margin-top: 20px
}
.lat_top .tab_list li {
    width: 100%;
    align-items: center;
    font-size: 1.35rem;
    overflow: hidden;
    margin-left: -1px;
    position: relative;
}
.lat_top .tab_list li b {
    display: block;
    margin-left: auto;
}
.info_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0;
}
.info_box ul li {
    width: 48%;
    display: flex;
    align-items: center;
    font-size: 1.0625rem;
    font-weight: 500;
}
.info_box ul li img {
    margin-right: 10px;
}
.info_box a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #ed5b30;
    padding: 12px 0;
    font-size: 1.875rem;
    color: #fff;
}
.info_box a img {
    max-width: 198px;
    filter: brightness(1000%);
    margin-right: 5px;
}
.sns-item2 {
    background: #fff;
    border: 1px solid var(--border-info-color);
    border-radius: 4px;
    transition: var(--transition);
}
.quick_link, .quick_link2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.quick_link li {
    width: 23%;
    border-radius: 10px;
    height: 250px
}
.quick_link2 li {
    width: 48%;
    border-radius: 10px;
    height: 250px
}
.quick_link li a, .quick_link2 li a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px
}
.quick_link li:not(:last-child), .quick_link2 li:not(:last-child) {
    margin-right: 2.667%
}
.quick_link li:nth-child(1), .quick_link2 li:nth-child(1) {
    border: 1px solid #e2e2e2;
    background: #fff;
}
.quick_link li:nth-child(2), .quick_link2 li:nth-child(2) {
    border: 1px solid #e2e2e2;
    background: #fff;
}
.quick_link li:nth-child(3) {
    border: 1px solid #e2e2e2;
    background: #fff;
}
.quick_link li:nth-child(4) {
    border: 1px solid #e2e2e2;
    background: #fff;
}
.quick_link li .img_wrap, .quick_link2 li .img_wrap {
    padding: 0;
    text-align: center
}
.quick_link li .img_wrap img, .quick_link2 li .img_wrap img {
    max-width: 85%;
    max-height: auto;
}
.quick_link li span, .quick_link2 li span {
    display: block;
    font-size: 1.0625rem;
    font-weight: 500;
    text-align: center;
    margin-top: 15px;
    letter-spacing: -0.03em;
    line-height: 1.2;
}
@media (max-width: 1199.98px) {
    .quick_link li .img_wrap img {
        max-width: 70%;
        max-height: auto;
    }
}
@media (max-width: 767.98px) {
    .quick_link li {
        height: 150px
    }
}
.greeting .title_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
/* 횉횖횊쨍쩌횘째쨀-횉횖횊쨍�책 �횓쨩챌쨍쨩 */
.greeting .sub_title_txt {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-left: 0px;
}
.greeting div:first-child > img {
    width: 100%;
    max-width: 100%;
    padding: 15px;
    display: inline-block
}
.greeting .sub_title_txt p:last-child {
    font-size: 1.5rem;
    margin-bottom: 20px;
    letter-spacing: -1.5px;
    line-height: 1.35
}
.greeting {
    font-size: 18px;
    padding: 0 25px
}
.greeting p.bon-txt {
    max-width: 100%;
	margin-top: 20px
}
/* 쩔짧쨈챘횊쨍�책 =====*/
.past_list > li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 0;
    border-bottom: 1px dashed #d2d2d2;
}
.past_list > li form {}
.past_list > li .img_box {
    width: 143px;
    height: auto;
}
.past_list > li .img_box img {
    width: 100%;
}
.past_list > li .txt_box {
    width: calc(97% - 180px);
}
.past_list > li .txt_box .title {
    font-family: "Noto Sans KR" !important;
    font-size: 1.25rem;
    font-weight: 600;
    justify-content: flex-start;
}
.past_list > li .txt_box .top {
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 500;
    color: #999;
}
.past_list > li .txt_box .top .title {
    width: 100%;
    color: #000;
    margin-bottom: 10px;
}
.past_list > li .txt_box .top .name {
    width: 100%;
    font-size: 1.0625rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}
.past_list > li .txt_box .top span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.2em;
}
.past_list > li .txt_box .top span.vice {
    border-right: 1px solid #d2d2d2;
    padding-right: 10px;
    margin-right: 8px;
}
.past_list > li .txt_box .desc_box {
    height: 70px;
    line-height: 1.55;
    margin: 15px 0;
    overflow: hidden;
}
.past_list > li .txt_box .desc_box.on {
    height: auto;
}
.past_list > li .txt_box .toggle_btn {}
.past_list > li .txt_box .toggle_btn i {
    font-weight: 900;
}
/* 횉횖횊쨍쩌횘째쨀-횁횜쩔채횊째쨉쩔 */
.kcawork_content {
    padding: 50px 0px;
}
.kcawork_content > img {
    width: 100%;
    max-width: 999px;
}
.kcawork_content h3 {
    margin-top: 50px;
}
.kcawork_content .list_style {
    margin-top: 15px;
    border-top: 1px solid #e95943;
}
.kcawork_content .list_style li {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    padding: 10px 0 10px 20px;
    background: url(../img/sub/dot.gif) 8px 18px no-repeat;
    border-bottom: 1px solid #ddd;
    word-break: keep-all;
}
.kcawork_content .list_style li:hover {
    background-color: #f7f7f7;
}
.kcawork_content .list_style li span {
    display: inline-block;
    font-weight: 600;
    color: #333;
    padding-right: 15px;
}
.kcawork_content .kca_work_sotitle {
    display: block;
    font-size: 0.75rem;
    font-weight: 300;
    letter-spacing: 0.2em;
    color: #666;
    padding: 8px 0;
    margin-bottom: -1px;
    position: relative;
}
.kcawork_content .kcawork_photo_style {
    margin-top: 20px;
}
.kcawork_content .kcawork_photo_style > img {
    width: 100%;
}
h5.biz, h4.biz, h3.biz {
    color: #f76030 !important;
}
/********************************************************************* �뚯튃 諛� �ㅻ━媛뺣졊 *********************************************************************/
.law_wrap {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    color: #555;
}
.law_wrap .law_tit {
    text-align: center;
    font-size: 30px;
    letter-spacing: -0.02em;
    font-weight: 600;
    margin: 0;
}
.law_wrap .tit {
    font-size: 17px;
    color: #111;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e2e2e2;
    padding: 10px 0;
    margin: 50px 0 15px;
}
.law_wrap .tit.first {
    margin-top: 0;
}
.law_wrap b {
	 font-size: 16px;
    color: #111;
    font-weight: 600;
}
.law_wrap .depth {
    padding-left: 20px;
}
.law_wrap p {
    text-indent: -24px;
    padding-left: 24px;
}
/* �밴툒 */
.tttttttttttt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    border: 7px solid #fde8e2;
    border-radius: 30px;
    text-align: center;
    background: #fff8f6;
    padding: 15px 20px;
    word-break: keep-all;
}
.tttttttttttt h5 {
    display: none;
}
.justify_title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.justify_title a {
    font-size: 0.9375rem;
    border: 1px solid #ec6550;
    border-radius: 7px;
    padding: 0 12px;
}
.justify_title a:hover {
    background: #ec6550;
    color: #fff;
}
.rule_info {
    background: #fafafa;
    border: 1px solid #e9e9e9;
    padding: 20px;
    margin-top: 50px;
}
.rule_info > span {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}
.rule_info ul li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 1px;
    background: #000;
    position: relative;
    top: -4px;
    margin-right: 5px;
}
@media (max-width: 768px) {
    .society_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2px;
        /*    flex-direction: column;*/
    }
    .society_list li {
        width: 49%;
    }
    .society_list li:not(:nth-child(3n)) {
        margin-right: unset;
    }
    .society_list li {
        margin: 0 0 10px;
    }
}
/*吏���븰��*/
/*硫붿씤 肄섑뀗痢�

------------------------------------------------------------------------------------------------------------*/
/*===��援� 寃쎈턿=========*/
#society_visual .visual_inner2 {
    width: 100%;
    background: url("../img/region_01.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
.greeting .sub_title_txt p:first-child {
    font-size: 1.25rem;
}
/*===짹짚횁횜 �체쨀짼=========*/
#society_visual .visual_inner3 {
    width: 100%;
    background: url("../img/region_02.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*===쨈챘�체 쩌쩌횁쩐=========*/
#society_visual .visual_inner4 {
    width: 100%;
    background: url("../img/region_03.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*===쩌짯쩔챦째챈짹창=========*/
#society_visual .visual_inner5 {
    width: 100%;
    background: url("../img/region_04.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*===횁짝횁횜=========*/
#society_visual .visual_inner6 {
    width: 100%;
    background: url("../img/region_05.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*===째짯쩔첩=========*/
#society_visual .visual_inner7 {
    width: 100%;
    background: url("../img/region_06.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*===쨘횓쨩챗쩔챦쨩챗=========*/
#society_visual .visual_inner8 {
    width: 100%;
    background: url("../img/region_07.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*===짹쨔횁짝횁철쩔짧=========*/
#society_visual .visual_inner9 {
    width: 100%;
    background: url("../img/visual_img3.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/*===�체쨘횕=========*/
#society_visual .visual_inner8 {
    width: 100%;
    background: url("../img/region_08.jpg") no-repeat center right;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);
    z-index: 10
}
/* 횇횞�횑쨘챠 짹창쨘쨩 째징쨌횓횉체 */
.table_basic {
    border-top: 2px solid #f76030;
}
.table_basic th, .table_basic td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    color: #444;
}
.table_basic th:last-child, .table_basic td:last-child {
    border-right: 0 none;
}
.table_basic th {
    background: #fff8f0;
    padding-left: 15px
}
/*.table_basic th.lt{border-left:1px solid #ccc;}*/
.table_basic td {
    padding: 7px 10px; /*border-left:1px solid #ccc;*/
}
.table_basic thead {
    background: #f2f2f2;
}
.table_basic thead th, .table_basic thead td {
    text-align: center;
    font-weight: 400;
    color: #222;
    border-bottom: 1px solid #ccc;
    background-color: #fff8f0;
}
.table_basic tbody {}
.table_basic tbody th, .table_basic tbody td {}
.table_basic tbody th {
    font-weight: 400;
    color: #222;
    text-align: center
}
.table_basic tbody td {}
.table_basic.center td {
    text-align: center;
}
.committee_table {
    border-top: 2px solid #f76030;
    table-layout: fixed;
    word-wrap: break-word;
}
.committee_table th, .committee_table td {
    padding: 10px;
    height: 35px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.committee_table th {
    font-weight: 500;
    line-height: 1.4
}
.committee_table td {
    border-left: 1px solid #ddd;
    font-size: 15px;
    font-weight: 400
}
.committee_table thead th, .committee_table thead td {
    background: #fff8f0;
    font-weight: 500;
    color: #333;
    text-align: center;
}
.committee_table tbody th {
    background: #fff8f0;
}
/* 횉횖횊쨍쩌횘째쨀-쩔짭횉천 */
.history {
    position: relative;
    min-height: 590px;
    margin-top: 10px;
    overflow: hidden;
}
.history_tab ul.year {
    overflow: hidden;
}
.history_tab ul.year li {
    width: 283px;
    float: left;
}
.history_tab ul.year li a {
    display: block;
    padding: 0 0 0 20px;
    line-height: 44px;
    font-size: 1.25rem;
    color: #5f6164;
    background: #f4f4f4;
    margin: 0 0 9px 0;
}
.history_tab ul.year li a:hover {
    color: #333;
    text-decoration: none;
}
.history_tab ul.year li.on a {
    color: #fff;
    background: #e95943;
}
.history_tab ul.year li.on {
    background: url(../img/contents/kca_history_tab.png) 50% 100% no-repeat #fff;
}
.history ul:not(:first-child) {
    display: none;
}
.history ul li {
    padding: 30px 0px;
    display: flex;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    letter-spacing: -0.05em;
    line-height: 1.55;
    font-size: 15px;
    color: #666;
}
.history ul li:nth-child(odd) {
    flex-direction: row-reverse;
}
.history ul li.line {
    border-color: #ccc;
}
.history ul li span {
    width: 50%;
    color: #e95a2f;
    padding: 0 20px;
    font-size: 1.875rem;
    font-weight: 700;
}
.history ul li .desc_box {
    width: 50%;
    padding: 0 20px;
}
.history ul li:nth-child(odd) .desc_box {
    border-right: 1px dashed #e95a2f;
}
.history ul li:nth-child(even) .desc_box {
    border-left: 1px dashed #e95a2f;
    margin-left: -2px;
}
.history ul li:nth-child(even) span, .history ul li:nth-child(odd) .desc_box {
    text-align: right;
    line-height: 25px;
}
.history ul li:hover {
    background: #f7f7f7;
}
/* 짹횚횁짚 */
.law_list > table > tbody > tr > th {
    width: 33%;
}
.law_list > table > tbody > tr > td {
    width: 33%;
}
@media (max-width: 1080px) {}

/* 횉횖횊쨍쩌횘째쨀-횁짚째체 */
.dep_slnb li {
    flex: 1;
}
.dep_slnb li a {
    font-size: 15px;
}
.law_list > table > tbody > tr > th {
    width: 33%;
}
.law_list > table > tbody > tr > td {
    width: 33%;
}
.law_wrap {
    text-align: justify;
}
.oath_wrap {
    border-width: 1px;
    border-style: solid;
    border-color: #ef533b #ddd #ddd;
    padding: 80px 90px;
}
.oath_wrap .title {
    text-align: center;
    font-size: 1.9rem;
    line-height: 1.4;
    letter-spacing: -0.05em;
    font-weight: 400;
    color: #333;
}
.oath_wrap .cont {
    line-height: 1.6;
    margin: 40px 0 0;
}
.oath_wrap .cont p {
    border-bottom: 1px dotted #ccc;
    padding: 20px 0;
    text-align: justify;
}
.oathdown_wrap {
    margin: 50px 0 50px;
}
.oathdown_wrap h3 {
    letter-spacing: -0.05em;
    font-size: 20px;
    color: #f76030;
}
.law_table1 {
    border-top: 1px solid #e95943;
}
.law_table1 th, .law_table td {
    height: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: normal;
    line-height: 1.4;
}
.law_table1 thead {}
.law_table1 thead th, .law_table1 thead td {
    padding: 12px;
    color: #333;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
}
.law_table1 thead th {}
.law_table1 thead td {}
.law_table1 tbody {}
.law_table1 tbody th, .law_table1 tbody td {
    padding: 12px;
    color: #666;
    border-bottom: 1px solid #ededed;
}
.law_table1 tbody th {
    color: #333;
    background: #f7f7f7;
}
.law_table1 tbody td {}
@media (max-width: 768px) {
    .law_list > table > tbody > tr > th {
        width: unset;
    }
    .law_list > table > tbody > tr > td {
        width: unset;
    }
    .law_list table td, .law_list table th {
        display: block;
        clear: both;
        text-align: center;
        padding-left: 0;
    }
    .law_list table td {
        border: none;
    }

}
@media (max-width: 360px) {
    .law_table th, .law_table td {
        height: auto;
        display: block;
        clear: both;
    }
    .kca_law12 > table > thead > tr:nth-child(2) {
        display: none;
    }
    .law_wrap {
        word-break: unset;
    }
}

/* �덉감 */

.oathdown_wrap .process {
    overflow: hidden;
    margin: 20px 0 0;
    display: flex;
}
.oathdown_wrap .process li {
    position: relative;
    width: 21%;
    height: 80px;
    text-align: center;
    border: 1px solid #f87a66;
    border-radius: 5px;
    margin-left: 50px;
}
.oathdown_wrap .process li:first-child {
    margin-left: 0;
}
.oathdown_wrap .process li .table {
    display: table;
    width: 100%;
}
.oathdown_wrap .process li .table-cell {
    display: table-cell;
    width: 100%;
    height: 80px;
    vertical-align: middle;
    color: #222;
    line-height: 1.35;
    letter-spacing: -0.05em;
    font-size: 18px;
    padding: 0 10px;
	font-weight: 600
}
.oathdown_wrap .process li i {
    position: absolute;
    left: 0;
    top: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -28px;
    background: url("../img/on.png") 0 0 no-repeat;
}




/* 湲곕낯 (PC) */
.oathdown_wrap .process {
    display: flex;
    flex-wrap: nowrap;
}

.oathdown_wrap .process li {
    width: 21%;
    margin-left: 50px;
}

@media (max-width: 1024px) {
    .oathdown_wrap .process {
        flex-wrap: wrap;
    }

    .oathdown_wrap .process li {
        width: calc(50% - 25px);
        margin-left: 0;
        margin-bottom: 20px;
    }

    .oathdown_wrap .process li:nth-child(odd) {
        margin-right: 50px;
    }

    .oathdown_wrap .process li:nth-child(odd) i {
        display: none;
    }
}

@media (max-width: 767px) {
    .oathdown_wrap .process {
        flex-direction: column;
    }

    .oathdown_wrap .process li {
        width: 100%;
        margin: 0 0 15px 0;
    }

    /* 紐⑤컮�쇱뿉�쒕뒗 �붿궡�� �꾩껜 �④� */
    .oathdown_wrap .process li i {
        display: none;
    }

    .oathdown_wrap .process li .table-cell {
        font-size: 16px;
        padding: 0 15px;
    }
}

/* 쨈횢쩔챤 */
.oathdown_wrap .down {
    margin: 20px 0 0;
}
.oathdown_wrap .down p {
    color: #666;
    line-height: 1.4;
    padding: 10px 0 0;
}
.oathdown_wrap .down p:first-child {
    padding: 0;
}
.oathdown_wrap .down .down_btn {
    margin: 20px 0 0;
}
.oathdown_wrap .down .down_btn a {
    display: inline-block;
    padding: 0 40px 0 20px;
    height: 40px;
    line-height: 40px;
    color: #d9371e;
    letter-spacing: -0.05em;
    border: 1px solid #f87a66;
    border-radius: 3px;
    background: url(../img/contents/icon_download.gif) right 20px top 50% no-repeat;
}
#rightClick {
    text-align: center;
}
#rightCLick.hidden {
    display: none
}
#rightClick p {
    display: inline-block;
    clear: both;
    float: left;
    width: 100%;
}
#rightClick img {
    max-width: 100%;
    margin: 0 auto;
}
div.gotop {
    position: fixed;
    right: 20px;
    bottom: 20px;
}
div.gotop a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #877a71;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
div.gotop a:hover {
    background: #000;
}
/* 횁쨋횁첨 쨔횞 짹쨍쩌쨘 */
.organ_box {
    overflow: hidden;
    margin-top: 50px;
}
.organ_box h4 {
    padding-bottom: 15px;
    color: #f76030
}
.organ_box.first {
    margin-top: 0;
}
.organ_box table {
    border-top: 1px solid #ec6550;
    border-left: 1px solid #ddd;
}
.organ_box table tr:hover th, .organ_box table tr:hover td {
    background: #f0f0f0;
}
.organ_box table th, .organ_box table td {
    height: 41px; /*width:33.33%;*/ text-align: center;
    font-weight: normal;
    font-size: 1rem;
    color: #666;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
}
.organ_box table th {
    background: #f7f7f7;
    color: #333;
}
.organ_box table td {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
}
.organ_box .office_info {
    padding-bottom: 10px;
}
.organ_box .office_info li:first-child {
    color: #ff6600;
    font-weight: bold;
}
/* 횄짙쩐횈쩔�쩍횄쨈횂 짹챈 */
.txtbox {
    color: #666;
    line-height: 1.6;
}
.map_how {
    overflow: hidden;
    margin-top: 15px;
}
.map_how li {
    padding: 10px 15px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    line-height: 1.9;
    color: #666;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.map_how li:hover {
    border-color: #ec6550;
}
.map_how li p {
    float: left;
    line-height: 1.36
}
.map_how li p.tit {
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #333;
    width: 100px;
}
.map_how.ko li p.tit {
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #333;
    width: 70px;
}
.map_how li span {
    color: #ec6550;
}
.map_how li b {
    font-weight: normal;
    color: #333;
}
.mapphp {
    padding: 30px 0px 50px 0px;
    border-bottom: 1px dashed #f760307a;
    margin-bottom: 60px;
}
.mapphp .mapphp_icon1 > ul {
    display: flex;
    width: 50%;
}
.mapphp .mapphp_icon1 {
    display: flex;
}
.mapphp .mapphp_icon1 > ul > li > p {
    line-height: 28.2px;
}
.mapphp .mapphp_icon1 > ul {
    margin: 5px;
}
.mapphp .mapphp_icon1 > ul > li > img {
    margin-right: 20px;
}
/* 쩌짯쨘챗 횆횁횇횢횄첨*/
.greeting_ol {
    padding-left: 20px;
}
.greeting_ol li {
    list-style: square !important;
    padding-bottom: 5px;
}
.bylaws_wrap {
    text-align: justify;
    word-break: keep-all;
}
.bylaws_wrap, .bylaws_wrap * {
    line-height: 1.6;
}
.bylaws_wrap .tit {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    margin: 40px 0 20px;
    padding: 40px 0 0;
    border-top: 1px solid #eee;
}
.bylaws_wrap b {
    font-weight: 600;
}
.bylaws_wrap .depth {
    margin: 0 15px;
}
.bylaws_wrap .indent {}
.bylaws_wrap .indent p {
    padding-left: 15px;
    text-indent: -15px;
}
.organ-wrap {
    text-align: justify;
    word-break: keep-all;
}
.organ-wrap, .organ-wrap * {
    font-weight: 300;
    color: #666;
    line-height: 1.7;
    letter-spacing: 0;
}
.organ-wrap b {
    font-weight: 400;
    color: #222;
}
.column_wrap li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px dashed #d2d2d2;
}
ol.alret {
    width: 100%;
    max-height: 85%;
    background: #fff;
    position: relative;
    overflow: auto;
    border: 8px solid #ed5b30;
    padding: 30px;
}
ol.alret li:not(:last-child) {
    margin-bottom: 8px;
}
ol.alret li {
    list-style: decimal;
    margin-left: 1rem;
}
ol.alret li {
    position: relative;
    padding-left: 15px;
}
/* 째쨀�횓횊쨍쩔첩 째징�횚 */
.join_personal {
    margin: 20px 0 0;
}
.join_personal .col {
    border: 1px solid #ccc;
    display: flex;
    padding: 30px 0px;
    width: 100%;
    border-top-color: #e95a2f;
    margin-top: 30px;
}
.join_personal .col div {
    width: 20%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.join_personal .col div span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #444;
}
.join_personal .col.line6 div span {}
.join_personal .col div a {
    display: inline-block;
    width: 65%;
    height: 40px;
    color: #fff;
    background: #e95a2f;
    border-radius: 10px;
    padding-top: 5px;
}
.join_personal .col div p {
    color: #999;
    margin-bottom: 15px;
}

.join_company .col.line6 div span {}
.join_company .col div a {
    display: inline-block;
    width: 65%;
    height: 40px;
    color: #fff;
    background: #e95a2f;
    border-radius: 10px;
    padding-top: 5px;
}
.join_company .col div p {
    color: #999;
    margin-bottom: 15px;
}

/*-----------------------------------------------------------------------------------*/
.receipt_step{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  overflow: visible;
}
.receipt_step li {
  width: calc(33.333% - 12px);
  position: relative;
}

.receipt_step li:not(:nth-child(3)):not(:nth-child(6))::after {
  content: "";
  position: absolute;
  top: 9px;
  right: -24px;
  width: 46px;
  height: 46px;
}


.receipt_step li span {
    position: relative;
    z-index: 6;
}
.receipt_step li span em {
    display: block;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    color: #999;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-bottom: 0px;
}
/* PC �④퀎蹂� width */
.receipt_step li:nth-child(1) { width: 16.5%; }
.receipt_step li:nth-child(2) { width: 14%; }
.receipt_step li:nth-child(3) { width: 22%; }
.receipt_step li:nth-child(4) { width: 16.5%; }
.receipt_step li:nth-child(5) { width: 13%; }
.receipt_step li:nth-child(6) { width: 18%; }

.receipt_step li:not(:last-child)::after {
  width: 44px;
  height: 44px;
  top: 9px;
  right: -24px;
}

.receipt_step_ent li {
    width: 20%;
}
.receipt_step_ent li:not(:first-child):not(:last-child) {
    padding-left: 33px;
}
.receipt_step_ent li:last-child {
    padding-left: 16px;
}
.receipt_step_ent li span {
    position: relative;
    z-index: 6;
}
.receipt_step_ent li span em {
    display: block;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    color: #999;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-bottom: 0px;
}


@media all and (max-width:1400px) {
    .receipt_step li:not(:last-child)::after {
        width: 44px;
        height: 44px;
        right: -23px;
    }
}

@media (max-width: 1200px) {
  .receipt_step li{
    display: list-item !important; 
    width: auto !important;       
    flex: 0 0 calc(33.333% - 12px);
    max-width: calc(33.333% - 12px);
    flex-shrink: 0;
    box-sizing: border-box;
  }

 .receipt_step li:nth-child(2)::after,
  .receipt_step li:nth-child(5)::after{
    content: none !important;
    display: none !important;
  }
  .receipt_step li:nth-child(2),
  .receipt_step li:nth-child(5){
    box-shadow: inset -1px 0 0 #ddd; 
  }

  .receipt_step li:nth-child(3)::before,
  .receipt_step li:nth-child(6)::before{
    content: none !important;
    display: none !important;
  }
	.receipt_step li:nth-child(3)::after,
  .receipt_step li:nth-child(6)::after{
    content: none !important;
    display: none !important;
  }

	.receipt_step li:nth-child(3){
		border-right: 1px solid #ddd;
	}
		.receipt_step li:nth-child(4){
		border-left: 1px solid #ddd;
	}
  .receipt_step li:nth-child(3),
  .receipt_step li:nth-child(6){
    box-shadow: inset 1px 0 0 #ddd; 
	overflow: hidden;
  }
	.receipt_step li:nth-child(1), .receipt_step li:nth-child(2),.receipt_step li:nth-child(3){
		border-bottom: 0px solid #ddd;
	}
	.receipt_step li.on{
		border: 1px solid #f76030;
	}
}

@media (max-width: 780px) {
  .receipt_step li{
    display: list-item !important;
    width: auto !important;
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    flex-shrink: 0;
    box-sizing: border-box;
  }

  .receipt_step li{
    position: relative;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

 

	  .receipt_step li:nth-child(4){
    border-right: 1px solid #ddd;
	 border-bottom: 0px solid #ddd;	  
  }
	.receipt_step li:nth-child(1){
		border-right: 1px solid #ddd;
	}
	
	.receipt_step li:nth-child(1), .receipt_step li:nth-child(2){
		border-bottom: 0px solid #ddd;
	}
	.receipt_step li:nth-child(3){
		 border-left: 0px solid #ddd;
		 border-bottom: 0px solid #ddd;
		border-right: 0px solid #ddd;
	}

	.receipt_step li:nth-child(5){
		 border-left: 1px solid #ddd;
		border-right: 0px solid #fff;
	}
	.receipt_step li:nth-child(6){
		border-right: 1px solid #ddd;
		border-left: 0px solid #ddd;
	}
	.receipt_step li.on{
		border: 1px solid #f76030;
	}
	
  .receipt_step li::after{
    display: none !important;
    content: none !important;
  }

  /* ===== �쒖꽦�� STEP ===== */
  .receipt_step li.on{
    z-index: 2;
  }

  .receipt_step li.on{
    border-top: 1px solid #ff6a2a;  
  }

 
  .receipt_step li.on:nth-child(odd){
    border-right: 1px solid #ff6a2a;
  }

  .receipt_step li.on:nth-child(even){
    border-left: 1px solid #ff6a2a;
  }
}

@media (max-width: 480px) {
  .receipt_step li{
    display: list-item !important;
    width: auto !important;
    flex: 0 0 100%;
    max-width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
  }

 .receipt_step li{
    flex: 0 0 100%;
    max-width: 100%;

    border-right: 1px solid #ddd; 
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 0;         
  }
	.receipt_step li:nth-child(3){
		 border-right: 1px solid #ddd;
	}
	   .receipt_step li:nth-child(even){
    border-left: 1px solid #ddd;
  }
  .receipt_step li:last-child{
    border-bottom: 1px solid #ddd;
	border-left: 0px solid #ddd;
  }

  .receipt_step li::after{
    display: none !important;
    content: none !important;
  }
}


@media (max-width:700px){
  .journal_head .book{
    float:none !important;
    width:100%;
    text-align:center !important;
  }

  .journal_head .book img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
  }
}