@charset "UTF-8";
/* 인사말(about) */
@import url('/css/kor/about_23.css?version=20241121');
/* 연혁(history) */
@import url('/css/kor/history_23.css?version=20241121');
/* 오시는길 */
@import url('/css/kor/direction_23.css');

.subtop {
    height: 160px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.wrapsub {
    padding: 100px 10px 0px 10px;
    width: 1220px;
    margin: 0 auto;
    box-sizing: border-box;
}

#breadcrumb {
    height: 50px;
}

.breadcrumb_li{
	width : 300px;
	padding-left: 20px;
}

@media(max-width: 1220px){
    .wrapsub{padding-left: 40px;padding-right: 40px;width:100%;padding-top: 50px;}
    .inner{width: 100%;}
}

@media(max-width: 768px){
    .wrapsub{padding-left: 20px;padding-right: 20px;}
}

.title_wrap {
    padding-bottom: 50px;
}
@media(max-width: 768px){
    .title_wrap {
        padding-bottom: 30px;
    }
}


.title_wrap h3{
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    transition: all .25s;
}

@media(max-width: 768px){
    .title_wrap h3{font-size: 25px;font-weight: 400;word-break: normal;}
}

.sub_tit {
    font-weight: 500;
    font-size: 20px;
}
@media(max-width: 768px){
    .sub_tit{font-size: 18px;}
}


.subtop {
    position: relative;
    z-index: 2;
}

.subtop .inner {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;z-index:4;
}
.subtop:after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    height: 110px;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    max-width: 1600px;
    z-index: 2;
}


.subtop .inner .top_txt {
    color: #fff;
    font-size:35px;font-weight:800;
}

.subtop{background-position: center;background-size: cover;}

@media(max-width: 768px){
    .subtop .inner .top_txt{font-size: 24px;}
}

.top_system{background:url("/images/kor/sub/top_system.jpg") center/cover}
.top_board{background:url("/images/kor/sub/top_board.jpg") center/cover}
.top_law{background:url("/images/kor/sub/top_law.jpg") center/cover}
.top_about{background:url("/images/kor/sub/top_about.jpg") center/cover}
.top_etc{background:url("/images/kor/sub/top_about.jpg") center/cover}



.subtop:after{content:none;}
.subtop{
	height:220px;
}

#breadcrumb {
    position: relative;
    z-index: 3;
    height: 50px;
    background: #3765CF;
    max-width: 1200px;
    margin: -25px auto 0;
    border-radius:5px;
}

#breadcrumb .list {
    float: left;
}

#breadcrumb .list:after {
    content: "";
    display: block;
    clear: both;
}

#breadcrumb .list > li {
    float: left;
    position: relative;
    border-left: 1px solid #5F84D9;
    height: 50px;
}

#breadcrumb .list > li:first-child{border-left:0;}

#breadcrumb .list > li:after {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    height: 50px;
    border: 1px solid #5F84D9;
    border-bottom: 0;
    z-index: 2;
    opacity: 0;
    transition: all cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
    visibility: hidden;
}

#breadcrumb .list > li.on:after {
    opacity: 1;
    visibility: visible;
}

#breadcrumb .list > li.on > a {
    background-color: #fff;
    color: #333333;
    z-index: 3;
}

#breadcrumb .list > li.on .toggle {
    background-image: url(/images/kor/sub/breadcrumb_arrow_on.png);
}

#breadcrumb .list > li.on .dropmenu_list {
    border: 1px solid #107fe2;
    border-top: 0;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}

#breadcrumb .list > li:last-child {
    border-right: 1px solid #5F84D9;
}

#breadcrumb .list > li > a {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 50px;
    height: 50px;
    transition: all cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}

#breadcrumb .list > li .home {
    width: 90px;
    text-align: center;
    font-weight: 300;
    /*
    font-size:0;
    background: url(/images/kor/sub/icon_home.svg) no-repeat center;
    */
}

#breadcrumb .list > li .toggle {
    position: relative;
    min-width: 300px;
    padding: 0 20px;
    padding-right: 56px;
    text-decoration: underline;
    background: url(/images/kor/sub/breadcrumb_arrow.png) no-repeat right 20px top 50%;
}

#breadcrumb .dropmenu_list {
    position: absolute;
    left: -1px;
    top: 50px;
    right: -1px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    transform: translateY(-10px);
    text-decoration: underline;
    text-decoration-color: #444;
}

#breadcrumb .dropmenu_list li a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 18px;
    padding-right: 18px;
    font-weight: 300;
}

#breadcrumb .icon_blank_black{width: 14px;height:14px;background-size: 100% 100%;margin-top: -2px;}
#breadcrumb li a:hover .icon_blank_black{background-image:url('/images/kor/common/icon_blank.svg')}

#breadcrumb .dropmenu_list li.current a{
    background: #f5f7fd !important;
    color: #333 !important;
    cursor:default;
}

#breadcrumb .dropmenu_list li a:hover, #breadcrumb .dropmenu_list li a:focus {
    color: #fff;
    background: #107fe2;
}

#breadcrumb .btn_doc_print {
    display: block;
    float: right;
    border-left: 1px solid #5F84D9;
    background: url(/images/kor/sub/icon_print.svg) no-repeat center;
    width: 50px;
    height: 50px;
}


@media(max-width: 1020px){
    #breadcrumb .btn_doc_print {display: none;}
    #breadcrumb{border-radius: 0;}
}

@media(max-width: 768px){
    #breadcrumb .list{width: 100%;}
    
    #breadcrumb .list > li:after{left:0; right:0;}
	#breadcrumb .dropmenu_list{left:0; right:0;}
	#breadcrumb .list > li.on .dropmenu_list{border-right:0;}
    
    #breadcrumb .list > li{display:none;}
    #breadcrumb .list > .dropmenu.last_dropmenu{display:block;}
    #breadcrumb .list > li.dropmenu{width: 100%;border-right: 0;}

    #breadcrumb .list > li{border-left: 0;}
    #breadcrumb .list > li.on .dropmenu_list{border-left: 0;background-repeat: no-repeat;}
    #breadcrumb .list > li:after{border-left: 0;}

    #breadcrumb .dropmenu_list{box-shadow: 0 10px 15px rgba(0,0,0,.2);}
    /* #breadcrumb .dropmenu_list{border-left: 0;background-repeat: 0;} */
}


.color_grid {
    position: relative;
}

.color_grid:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    z-index: -1;
}


/* -----------------------------
      설립배경
----------------------------- */
.director:before {
    height: 560px;
}

.director .txt_g {
    text-align: center;
    padding-top: 60px;
    line-height: 1.4;
}

.director .txt_g .txt_1 {
    color: #666666;
    font-weight: 300;
    font-size: 26px;
}

@media(max-width: 768px){
    .director .txt_g .txt_1 {font-size: 20px;}
    .director .txt_g {padding-top: 20px;}
}

.director .txt_g .txt_1 em {
    color: #107fe2;
    font-weight: 300;
}

.director .txt_g .txt_2 {
    color: #666666;
    font-weight: 300;
    font-size: 16px;
    padding-top: 12px;
}
@media(max-width: 768px){
    .director .txt_g .txt_2 {font-size: 15px;}
}

.director_content {
    /* background: #fff url(/images/kor/about/vision_arrow_big.png) no-repeat 425px 167px; */
    /* background-position: left calc(100% - 253px) 0; */
    /* background-size: calc(100% - 415px - 160px - 40px) auto; */
    padding: 70px 80px 0 80px;
    margin-top: 60px;
}

@media(max-width: 1220px){
    .director_content{padding-left: 0;padding-right: 0;}
}

.director_row {
    position: relative;
    margin-bottom: 20px;
    padding-left: 253px;
    background: url(/images/kor/about/vision_arrow.png) no-repeat 200px 50%;
}

.director_row.fir {
    background: none;
    margin-bottom: 30px;
}

.director_row.fir .desc_g, .director_row.fir .tit_p {
    background-color: #107fe2;
    color: #fff;
    min-height: 68px;
}

.director_row.fir .desc_g {
    font-size: 22px;
    font-weight: 300;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.director_row.arrows{background: none;margin-bottom: 0;}
.director_row.arrows .desc_g div{
    width: calc(33.33333% - 19px * 2 / 3);
    height: 44px;
    box-sizing: border-box;
    background:url(/images/kor/about/vision_arrow_top.png) no-repeat center bottom;
}

.director_row.arrows .desc_g div + div{margin-left: 19px;}

.director_row:last-child {
    margin-bottom: 0;
}

.director_row .tit_p.pt0{padding-top:0;}

.director_row .tit_p {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
    border-radius: 5px;
    /* min-height: 68px; */
    background: #7b829a;
    width: 165px;
    /* padding-top: 16px; */
    font-weight: 300;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.1;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

.director_row .tit_p b {
    font-weight: 500;
    display: block;
    padding-bottom: 4px;
    font-size: 16px;
    color: #fff;
}

.director_row .tit_p.v2 {
    /* display: flex; */
    /* justify-content: center;
    align-items: center; */
}

.director_row .tit_p.v2 b {
    padding-bottom: 0;
}

.director_row.size_2 ul li {
    min-height: 50px;
}

.director_row .desc_g{
    display: flex;
}

.director_row .desc_g .box {
    /* float: left; */
    background: #fff;
    border: 1px solid #e7e9f2;
    border-radius: 3px;
    min-height: 68px;
    /* width: 249px; */
    width: calc(33.33333% - 19px * 2 / 3);
    /* padding: 17px 0 0 24px; */
    padding: 17px;
    font-size: 14px;
    font-weight: 300;
}

.director_row .desc_g .box em {
    color: #c24f66;
}

.director_row .desc_g .box + .box {
    margin-left: 19px;
}

.director_row .desc_g .box ul li {
    position: relative;
    padding-left: 11px;
    line-height: 1.35;
}

.director_row .desc_g .box ul li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 4px;
    background: #7b829a;
}

.director_row .pc-br{display: block;}

@media(max-width: 1220px){
    .director_row .pc-br{display: none;}
    .director_row{
        padding-left: 160px;
        background-position: 128px 50%;
    }
    .director_row .tit_p{width: 120px;}
    .director_row .desc_g .box ul li{min-height: auto;}
    .director_row .desc_g .box ul li + li{margin-top: 10px;}
}

@media(max-width: 768px){
    .director_content{margin-top: 0;}
    .director_row{
        padding-left: 0;background: none;border: 1px solid #e7e9f2;
        padding:10px;
        margin-bottom: 40px;
    }
    .director_row.fir{margin-bottom: 40px;}
    .director_row.arrows{display: none;}

    .director_row.fir .tit_p{margin-top: 0;}
    .director_row.fir{padding: 0;background: #107fe2;border:0;padding-top: 10px;border-radius: 5px;overflow: hidden;}
    .director_row.fir .desc_g, .director_row.fir .tit_p{min-height: auto;}
    .director_row.fir .tit_p{flex-direction: row;gap: 8px;font-size: 16px;align-items: center;}
    .director_row.fir .tit_p b{margin: 0;}
    .director_row.fir .desc_g{font-size: 18px;padding-top: 0;}

    .director_row .tit_p {position: static;margin:0 auto;height: 40px;margin-top: -30px;}
    .director_row .desc_g{flex-direction: column;padding: 15px;}
    .director_row .desc_g .box{border:0;width: 100%;min-height: auto;padding: 0;}
    .director_row .desc_g .box + .box{margin-left: 0;margin-top: 10px;}
}

/* -----------------------------
      C.I
----------------------------- */
.ci {
    padding-top: 35px;
}

.grid_paper {
    /* height: 281px; */
    padding-top: 20px;padding-bottom: 20px;
    min-height: 280px;
    display: flex;
    border: 1px solid #ddd;
    background: url(/images/kor/about/grid_paper.gif) 0 0;
    text-align: center;
    align-items: center;
    justify-content: space-around;
}

.grid_paper > *{flex: 1;}

@media(max-width: 768px){
    .grid_paper{flex-direction: column;gap: 50px;padding-top: 50px;padding-bottom: 50px;}
    .ci_img img{width: 65%;}
}

.grid_hgroup {
    position: relative;
    margin-bottom: 20px;
}

.grid_hgroup p {
    color: #666666;
    font-weight: 300;
    font-size: 16px;
    padding-top: 10px;
}

.grid_hgroup .down_g {
    position: absolute;
    right: 0;
    top: 0;
}


.grid_hgroup .down_g a {
    display: inline-block;
    /* float: left; */
}

@media(max-width: 1220px){
    .grid_hgroup .down_g {position: static;margin-top: 15px;}
}

.grid_hgroup .down_g a + a {
    margin-left: 3px;
}

.multi_tit_g {
    position: relative;
    height: 37px;
}

.multi_tit_g .tit_link_button {
    position: absolute;
    right: 0;
    top: 0;
}

.multi_tit_g .tit_link_button a {
    display: block;
    float: left;
}

.multi_tit_g .tit_link_button a + a {
    margin-left: 3px;
}

/* -----------------------------
      각국MOU체결현황
----------------------------- */
.sort_area {
    /* overflow: hidden; */
    padding-top: 45px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.sort_area .total {
    font-weight: 300;
    /* float: left; */
    line-height: 1;
    /* padding-top: 15px; */
}

.sort_area .total b {
    font-weight: 300;
    color: #c24f66;
}

.sort_area .select {
    width: 200px;
    height: 28px;
    /* float: right; */
    font-weight: 300;
    font-size: 14px;
    padding: 0 0 0 5px;
    margin-left: auto;margin-right: 0;
}

.country_list {
    background: #fff;
    border: 1px solid #e7e9f2;
    padding: 30px 40px 40px;
}
@media(max-width: 768px){
    .country_list {display: none;}
}

.country_list ul:after {
    content: "";
    display: block;
    clear: both;
}

.country_list ul li {
    float: left;
    width: 11%;
    margin-top: 9px;
}

.country_list ul li a {
    position: relative;
    font-weight: 300;
    display: inline-block;
    color: #666666;
    transition: all ease-out 0.4s;
    padding-bottom: 5px;
}

.country_list ul li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #c24f66;
    transition: all ease-out 0.2s;
}

.country_list ul li a:before {
    content: "";
    display: block;
    position: absolute;
    right: -14px;
    top: 5px;
    width: 6px;
    height: 7px;
    background: url(/images/kor/common/gnb_dep_hover.png) no-repeat 0 0;
    transition: all 0.15s ease-in 0.2s;
    opacity: 0;
    visibility: hidden;
}

.country_list ul li a:hover, .country_list ul li a:focus {
    color: #c24f66;
}

.country_list ul li a:hover:after, .country_list ul li a:focus:after {
    width: 100%;
}

.country_list ul li a:hover:before, .country_list ul li a:focus:before {
    opacity: 1;
    visibility: visible;
}

.table.mou_list {
    padding-top: 40px;
}

/* .table.mou_list table{min-width:700px} */

.table.mou_list table th, .table.mou_list table td {
    padding: 10px 0;
    font-weight: 300;
    line-height: 1;
}

.table.mou_list table td {
    padding: 12px 0;
}

.table.mou_list table tr.focus_tr td {
    background: #fff8f9;
}

.filter_select{position: relative;height: 40px;}
.filter_select button {
    display: inline-block;
    color: #fff;
    padding-right: 16px;
    height: 40px;
    background: url(/images/kor/about/mou_arrow.png) no-repeat 100% 50%;
}
.filter_select button.on + ul{
    opacity: 1;
    visibility: visible;
    transition:all 0.15s linear;
    top:40px;
}
.filter_select ul{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    background: #fff;
    height: 215px;
    overflow-y: auto;
    border: 1px solid #999999;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
}
.filter_select ul li a{display: block;height: 30px;line-height: 30px;font-size: 14px;font-weight: 300;padding-left: 30px;text-align: left;}
.filter_select ul li a:hover,
.filter_select ul li a:focus{
    background-color: #f5f7fd;
}

@media(max-width: 768px){
    .table.mou_list{position: relative;}
    .filter_select{position:static;}
    .filter_select button.on + ul{top:80px;}
}

/* -----------------------------
      조직도
----------------------------- */
.organization {
    padding-top: 50px;
}

.organization:before {
    height: 355px;
}

.org_image {
    position: relative;
    padding: 70px 0 100px;
    text-align: center;
    padding: 40px;
    bottom: 30px;
    border: 1px solid #e7e9f2;
}

.org_image #previewImage{max-width: 100%;}

.org_image .tag {
    position: absolute;
    left: 90px;
    top: 80px;
    color: #c24f66;
    font-weight: 300;
    font-size: 13px;
}

@media(max-width: 1220px){
    .org_image{padding: 10px;}
    .org_image .tag{
        position: static;
        text-align: left;
    }    
}

.department_nav {
    position: relative;
}

.department_nav:after {
    content: "";
    display: block;
    clear: both;
}

.department_nav:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #107fe2;
    z-index: 1;
}
.tab_wrap .department_nav > li{float:left;}
.tab_wrap .department_nav button {
    position: relative;
    border: 1px solid #e7e9f2;
    border-bottom: 0;
    width: 147px;
    z-index: 2;
    font-weight: 300;
    /* 조직도 변경 시 주석 제거 */
    font-size: 13px;
/* 	font-size: 15px; */
    height: 42px;
    padding: 0;
}

.department_nav_mo{display: none;margin-bottom: 20px;}
.organization .tab_wrap{height:625px}
.department_nav > ul > li{float:left;}
.department_nav > ul > li .tabpanel{text-align:left;}



.tab_wrap .department_nav button:first-child, .tab_wrap .department_nav button:last-child {
	/* 조직도 변경 시 주석 제거 */
    width: 120px;
/* 	width: 150px; */
}

.department_nav button:after {
    display: none;
}

.department_nav li.active button {
    font-weight: 500;
    color: #107fe2;
    border-color: #107fe2;
}

.department_nav li.active button:before {
    display: block;
}

.department_nav button + button {
    margin-left: 4px;
}
.department_nav li button:after{display:none !important}
.department_nav li button:before {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #fff;
    z-index: 2;
}

.department_content {
    border: 1px solid #107fe2;
    border-top: 0;
    padding: 50px 70px;
    display:flex;
}

.department_content > *{flex: 1;}

.active .department_content{display: flex;}

.department_content:after {
    content: "";
    display: block;
    clear: both;
}

#department_2 .department_info{flex: 1}
.dif_content{display: flex;}
.dif_content > div{flex: 1;}

.tit_department {
    position: relative;
    padding-left: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 20px;
}

.tit_department:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 4px;
    background: #107fe2;
}


.department_info dl {
    position: relative;
    padding-left: 13px;
}

.department_info dl + dl {
    margin-top: 22px;
}

.department_info dl dt {
    width: 110px;
    font-weight: 300;
    font-size: 15px;
    background: url(/images/kor/about/dpt_blit.gif) no-repeat 100% 50%;
}

.department_info dl dd {
    position: absolute;
    left: 150px;
    top: 0;
    font-size: 14px;
    font-weight: 300;
}

@media(max-width: 1220px){
    .tab_wrap .department_nav button {display: none;}
    .department_nav_mo{display: block;}
    .organization .tab_wrap .tabpanel{position: static}
    .department_nav > ul > li{float: none;}
    .organization .tab_wrap{height:auto;}
    .department_content{
	    border-top: 1px solid #107fe2;
	    border-bottom: 0;
    }
}

.main_business ul li {
    font-weight: 0300;
    color: #333333;
    font-size: 14px;
    padding-left: 13px;
}

.main_business ul li + li {
    margin-top: 10px;
}

@media(max-width: 1220px){
    .department_content{padding: 30px;}
    .department_info dl dt {width: 80px;}
    .department_info dl dd{width:120px}

    .dif_content{gap: 50px;flex-wrap:wrap;}
    .dif_content > div{flex: 0 0 calc(50% - 50px);}
}

@media(max-width: 768px){
    .department_content{padding: 15px;padding-top: 20px;padding-bottom: 20px;}
    #department_2 .department_info{flex: auto;}
    .department_info{
        width: auto !important;
    }
    .department_content{flex-direction: column;}
    .department_content > * + *{margin-top: 50px;}
    .dif_content{flex-direction: column;}
    .dif_content > div{flex: auto;}
    .department_info dl + dl{margin-top:10px;}
    .dif_content > div + div{margin-top:40px;}
}

/* -----------------------------
      자금세탁방지제도
----------------------------- */
.point_color {
    color: #107fe2;
    font-weight: 300;
}

b.point_color {
    font-weight: 500;
}

.point_color2 {
    color: #c24f66;
    font-weight: 300;
}

.link_tab {
    margin-bottom: 50px;
    position: relative;
    border-bottom: 1px solid #107fe2;
}

.link_tab ul {
    margin: 0;
    position: relative;
}

.link_tab li {
    float: left;
    position: relative;
    border: 1px solid #e7e9f2;
    border-bottom: 0;
    width: calc((100% / 6) - 3.4333px);
    z-index: 2;
}

.link_tab.len_5 li {
    width: calc((100% / 5) - (4px * 4 / 5));
}

.link_tab.len_3 li {
    width: calc((100% / 3) - (4px * 2 / 3));
}

.link_tab li:before {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #fff;
    z-index: 3;
}

.link_tab li + li {
    margin-left: 4px;
}

.link_tab li a {
    display: flex;
    height: 42px;
    line-height:1.2em;
    text-align: center;
    align-items: center;
    font-weight: 300;
   	justify-content: center;
}

@media(max-width: 1020px){
    .link_tab{overflow-x:auto;overflow-y:hidden;padding-bottom:15px;border-bottom:0;}
    .link_tab::-webkit-scrollbar{width:10px;height:5px;}
    .link_tab ul{white-space: nowrap;font-size:0;}
    .link_tab ul::before{content:'';position:absolute;top:43px;height:1px;left:0;width:100%;background:#107fe2;}
    .link_tab li{float: none;display: inline-block;width: auto !important;padding-left: 15px;padding-right: 15px;}
    .link_tab li::before, .link_tab li::after{
    	content:'' !important;position:absolute;bottom:-1px;background: #107fe2;height:1px;
    	left: -6px;
    	right: -6px;
    }
    
    .link_tab li:first-child::before,
    .link_tab li:first-child::after{
    	left:0;    
    }
    
    .link_tab li.current::before, .link_tab li.current::after{
    	left:0; right:0;
    	background:#fff;
    }
    
    .link_tab li a {font-size: 14px;}
}

.link_tab li.current {
    border-color: #107fe2;
}

.link_tab li.current:before {
    display: block;
}

.link_tab li.current a {
    font-weight: 500;
    color: #107fe2;
    /* font-size: 16px; */
}

/* link_tab_sub */
.link_tab_sub {
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 55px;
}

.link_tab_sub ul:after {
    content: "";
    display: block;
    clear: both;
}

.link_tab_sub ul li {
    float: left;
    width: 200px;
}

.link_tab_sub ul li + li {
    margin-left: 3px;
}

.link_tab_sub ul li a {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    border: 1px solid #e7e9f2;
    height: 40px;
    line-height: 38px;
}

.link_tab_sub ul li.current a {
    background-color: #6b829a;
    border-color: #7b829a;
    color: #fff;
}

@media(max-width: 1220px){
    .link_tab_sub ul li{
        width: calc((100% / 4) - (3px * 3 / 4));
    }
}

.list_t1 li + li {
    margin-top: 42px;
}

.list_t1 li strong {
    display: block;
    font-weight: 500;
    padding-bottom: 18px;
}

.list_t1 li p {
    /* color: #666666; */
    font-weight: 300;
}

.sub_tit_g {
    overflow: hidden;
}

.sub_tit_g h3 {
    position: relative;
    float: left;
    color: #107fe2;
    font-weight: 500;
    padding-left: 10px;
    line-height: 1;
}

.sub_tit_g h3:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 4px;
    background: #107fe2;
}

.sub_tit_g h3.v2 {
    color: #333;
}

.sub_tit_g h3.v2:before {
    background: #7b829a;
}

.sub_tit_g h3.v3:before {
    background: #7b829a;
}

.sub_tit_g .em_txt {
    float: right;
    color: #c24f66;
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
    padding-top: 3px;
}

.system:before {
    top: 9px;
    height: 530px;
}

.sub_tit{
    display: block;
}

.system .sub_tit {
    /* line-height: 1.25em; */
    margin-bottom: 25px;
}
@media(max-width: 768px){
    .system .sub_tit {margin-bottom: 17px;}
    
}

.system p {
    font-weight: 300;
    line-height: 1.6;
}

.system p + p {
    margin-top: 30px;
}

.system-1-1 .system_1_txt {
    padding-bottom: 45px;
}

.system-1-1 .system_1_txt span {
    display: inline-block;
    border-bottom: 3px solid #107fe2;
    padding-bottom: 3px;
    line-height: 1.5;
    font-weight: 300;
    font-size: 36px;
    color: #666666;
}

.system-1-1 .system_1_txt span.point_color {
    color: #107fe2;
}

.system-1-1 .system_1_txt span:not(.point_color){display: inline;line-height: 1.9em;}

@media(max-width: 768px){
    .system-1-1 .system_1_txt span{
        font-size: 20px;
    }
    /* .system-1-1 .system_1_txt span:not(.point_color){border-bottom:0;margin-top: 8px;} */
}


/* .system_img_list */
.system_img_list {
    padding: 80px 0;
}

.system_img_list ul{display: flex;}
.system_img_list ul li {
    /* float: left; */
    transition: all .25s;
    flex: 1;
}

.system_img_list ul .thumb_li .thumb img{
    width: 100%;
}

.system_img_list ul .thumb_li .desc {
    margin-top: 0;
    background: #7b829a;
    height: 83px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.system_img_list ul .li_center .desc {
    background: #107fe2;
}

.system_img_list ul .li_center .slogo_kofiu{
    display: block;
    height: 14px;
    width: 50px;
    background:url(/images/kor/system/system_kofiu.png) no-repeat center / auto 100%;
    font-size: 0;
    margin-top: 5px;
}



.system_img_list ul .arrow_li {
	display:flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
    flex: 0 0 146px;
    justify-content: center;
}

.system_img_list ul .arrow_li p {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 16px;
    color: #107fe2;
}


.system_img_list ul .arrow_li:after {
	content:'';display:block;width:50px;height:20px;background:red;
	background: url(/images/kor/system/arrow.png) no-repeat center 100%;
	height:24px;
	margin-top:10px;
}

@media(max-width: 768px){
    .system_img_list{padding: 40px 0;max-width: 300px; margin: 0 auto;}
    .system_img_list ul{flex-direction: column}
    
    .system_img_list ul li{flex: auto;}
    .system_img_list ul .arrow_li{flex: auto;padding-left: 5px;padding-right: 5px;padding-top:20px;padding-bottom:20px;}
    .system_img_list ul .arrow_li p{min-width: auto;background-size: 100% auto;display: block;}
    .system_img_list ul .arrow_li::after{transform:rotate(90deg);width:30px;background-position: right center;}
    .system_img_list ul .thumb_li .desc{height: 60px;padding-top: 0;}
    .system_img_list ul .li_center .slogo_kofiu{height:10px;}
}

.kofiu_system {
    text-align: center;
    padding: 40px;
    border: 1px solid #e7e9f2;
}

@media(max-width: 768px){
    .kofiu_system{padding: 20px;}
}

.kofiu_system img{max-width: 100%;}

.system-1-3:before {
    height: 350px;
}

.system-1-4:before {
    height: 400px;
}

.system-1-5:before {
    height: 250px;
}

.system-1-6:before {
    height: 445px;
}

.system-1-6 p + p {
    margin-top:30px;
}

/* -----------------------------
      공중협박자금조달금지제도
----------------------------- */
/* .system-2-1:before {
    height: 290px;
}

.system-2-2 .color_grid:before {
    height: 735px;
    top: 9px;
}

.system-2-2-2:before {
    height: 356px;
} */

.system_2_2_list li {
    font-size: 15px;
    font-weight: 300;
}

/* .system_2_2_list li a {
    display: inline-block;
    position: relative;
    text-decoration: underline;
    color: #107fe2;
    font-size: 15px;
} */

/* .system_2_2_list > li a:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -22px;
    top: 4px;
    width: 11px;
    height: 11px;
    background: url(/images/kor/system/blank.png) no-repeat 0 0;
} */

.system_2_2_list > li + li {
    margin-top: 35px;
}

.system_2_2_list > li span {
    display: block;
    margin-top: 7px;
}

.system-2-3:before {
    height: 250px;
    top: 25px;
}

.system-2-3 .sub_tit {
    /* font-size: 26px;
    line-height: 1.5;*/
    font-weight: 300;
    margin-bottom: 40px;
}

/* -----------------------------
      국제기구 및 국제기준
----------------------------- */
.system-3-1:before {
    height: 180px;
}

.system-3-1-2:before {
    height: 240px;
}

.system-3-1-3:before {
    height: 210px;
}

.system-3-1-4:before {
    height: 300px;
}

.system-3-1-4 .sub_tit {
    margin-bottom: 35px;
}

.system-3-1-4 p + p {
    margin-top: 35px;
}

.pdf_list {
    padding: 10px 0 10px 30px;
    border: 1px solid #e7e9f2;
}

.pdf_list.non_pd {
    padding: 15px 30px;
    border: 0;
}

.pdf_list ul:after {
    content: "";
    display: block;
    clear: both;
}

.pdf_list ul.width_v2 li {
    width: 142px;
}

.pdf_list li {
    float: left;
    width: 145px;
    margin: 9px 0;
}

@media(max-width: 768px){
    .pdf_list li{width: 50% !important;}
}


.pdf_list li a {
    position: relative;
    display: inline-block;
    color: #666;
    font-weight: 300;
    font-size: 13px;
    padding-left: 26px;
    height: 20px;
    line-height: 20px;
}

.pdf_list li a:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 20px;
    width: 20px;
    background-image: url(/images/kor/common/file_pdf@2x.png);
    background-size:15px 19px;
}

.system-3-2:before {
    top: 10px;
    height: 215px;
}

.system-3-3:before {
    top: 25px;
    height: 370px;
}

.system-3-4:before {
    top: 150px;
    height: 380px;
}

.toggle_button {
    text-align: right;
}

.toggle_button div {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.toggle_button a {
    float: left;
}

.toggle_button a + a {
    margin-left: 3px;
}

.collapse {
    border: 1px solid #e7e9f2;
    background: #fff;
}

.collapse.on dl dt a {
    font-weight: 500;
}

.collapse.on dl dt a:after {
    transform: rotate(0deg);
}

.collapse.on dl dd {
    display: block;
}

.collapse + .collapse {
    margin-top: 4px;
}

.collapse .download_list {
    border: 0;
}

.collapse .download_list li {
    font-size: 14px;
}


.collapse dl dt a {
    display: block;
    font-weight: 300;
    font-size: 16px;
    min-height: 60px;
    padding: 10px 30px;
    padding-right: 40px;
    position: relative;
    display: flex;
    align-items: center;
}

.collapse dl dt a:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(/images/kor/system/3-4-arrow.svg) no-repeat 0 0;
    top: 50%;
    right: 22px;
    margin-top: -5px;
    transform: rotate(180deg);
}

@media(max-width: 768px){
    .collapse dl dt a{padding: 10px 40px 10px 20px;font-size: 15px;}
    .collapse dl dt a:after{background-size: 14px 9px;}
}

.collapse dl dt.on a {
    font-weight: 500;
    transform: rotate(0deg);
}

.collapse dl dd {
    display: none;
    border-top: 1px solid #e7e9f2;
}

.collapse.double_collapse .add_list {
    display: none;
}

.collapse.double_collapse.on .collapse_handle {
    display: block;
}

.collapse.double_collapse.all_open .add_list {
    display: block;
}

.collapse.double_collapse.all_open .collapse_handle a:after {
    transform: rotate(180deg);
}

.collapse .collapse_handle {
    display: none;
    text-align: center;
    background: #f8f9fb;
    border-top: 1px solid #e7e9f2;
}

.collapse .collapse_handle a {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

.collapse .collapse_handle a:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 6px;
    background: url(/images/kor/system/3-4-arrow-small.gif) no-repeat 0 0;
    top: 50%;
    right: 0;
    margin-top: -1px;
    transform: rotate(0deg);
}

.system-3-4-3:before {
    height: 270px;
}

.system-3-4-4:before {
    height: 470px;
}

.trend_list {
    margin: 0 50px;
    overflow: hidden;
}

.trend_list .webzine_list {
    padding-top: 24px;
}

.trend_list .webzine_list + .webzine_list {
    margin-left: 46px;
}

.trend_list .webzine_list:nth-child(3n+1) {
    margin-left: 0;
}

.trend_list .webzine_hgroup {
    height: 113px;
}

.trend_list .webzine_hgroup .tag {
    display: inline-block;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    background: #929292;
    border-radius: 3px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 12px;
}

.trend_list .webzine_hgroup .date {
    bottom: 12px;
}

.trend_list .webzine_content {
    height: 155px;
}

/* -----------------------------
      알기쉬운 제도안내
----------------------------- */
.easy_insti {
    padding-top: 30px;
}

.easy_insti:before {
    height: 480px;
}

.easy_tab {
    float: left;
    width: 370px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}

.easy_tab_mo{margin-bottom: 30px;max-width: 710px;margin:0 auto 30px;display:none;}

.easy_tab ul {
    margin: 0 27px;
}

.easy_tab ul li {border-bottom: 1px solid #f5f7fd;}
.easy_tab ul li:last-child{border-bottom: 0;}

.easy_tab ul li.active {
    position: relative;
}

.easy_tab ul li.active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: #107fe2;
}

.easy_tab ul li.active a {
    font-weight: 500;
    font-size: 20px;
    color: #107fe2;
}

.easy_tab ul li a {
	line-height:1.25em;
	display:block;
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 20px;
}

.easy_content {
    float: left;
    padding-left: 120px;
    width: 830px;
}

.easy_content h4.sub_tit {
    font-size: 18px;
    margin-bottom: 14px;
}

.easy_tit {
    color: #107fe2;
    font-weight: 300;
    font-size: 36px;
}

.easy_1_list {overflow: hidden;display: flex;}
.easy_1_list li {position: relative;flex:1;}
.easy_1_list li + li{margin-left: 50px;}
.easy_1_list li::after{
    content: '';
    width: 12px;height: 22px;
    background: url(/images/kor/system/4-1-arrow.png) no-repeat center;
    position: absolute;
    left: -50px;
    top: calc(50% - 11px);
}

.easy_1_list li:first-child::after{content: none;}

.easy_1_list li > div{max-width: 160px;border-radius: 50%;position: relative;}
.easy_1_list li > div > div{
    display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;
}
.easy_1_list li > div::before{content: '';display: block;padding-bottom: 100%;}
.easy_1_list li > div > div{
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;
}
.easy_1_list div.color1{background: #7C829B;}
.easy_1_list div.color2{background: #6172B6;}
.easy_1_list div.color3{background: #3380E5;}

.easy_1_list div{text-align: center;}
.easy_1_list div strong{font-size: 20px;font-weight: 400;margin-top: -10px;}
.easy_1_list div span{font-weight: 100;margin-top: 5px;text-align:center;}

@media(max-width: 768px){
	.easy_insti{padding-top: 0;}
	.easy_tab_mo{display:block;}
    .easy_tit{font-size:20px;display: none;}
    .easy_1_list div strong{font-size: 13px;font-weight: bold;}
    .easy_1_list div span{font-size: 11px;}
    .easy_1_list li + li{margin-left: 30px;}
    .easy_1_list li::after{left:-21px;background-size: 6px auto;}
}

.easy_content .txt_g .t2 {
    color: #c24f66;
}

.easy_content .txt_g p {
    font-weight: 300;
    color: #333333;
    font-size: 16px;
    line-height: 1.4;
}

.under_line_txt {
    color: #107fe2;
    font-size: 18px;
    font-weight: 300;
}

.under_line_txt .large {
    font-size: 26px;
    font-weight: bold;
}

@media(max-width: 768px){
    .under_line_txt .large {font-size: 24px;}
}

.under_line_txt span {
    border-bottom: 2px solid #107fe2;
    padding-bottom: 5px;
    display: inline;
    line-height: 2em;
}

.under_line_txt p + p {
    padding-top: 5px;
}

.list_t2 li {
    position: relative;
    font-weight: 300;
    font-size: 16px;
    color: #666666;
    padding-left: 12px;
    line-height: 1.1;
}

.list_t2 li + li {
    margin-top: 8px;
}

.list_t2 li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 4px;
    background: #107fe2;
}

.fiu_vision {
    border: 1px solid #e7e9f2;
    padding: 30px 20px 18px;
}

.fiu_vision .tit_box {
    background-color: #107fe2;
    height: 60px;
    padding-left: 40px;
    line-height: 60px;
    border-radius: 5px;
}

.fiu_vision .tit_box dl {
    overflow: hidden;
}

.fiu_vision .tit_box dl dt, .fiu_vision .tit_box dl dd {
    float: left;
    color: #fff;
}

.fiu_vision .tit_box dl dt {
    font-weight: 500;
    font-size: 18px;
}

.fiu_vision .tit_box dl dt span {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    margin-left: 6px;
}

.fiu_vision .tit_box dl dd {
    font-weight: 300;
    font-size: 18px;
    margin-left: 24px;
    padding-left: 50px;
    position: relative;
}

.fiu_vision .tit_box dl dd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 19px;
    background: #fff;
    opacity: 0.1;
    height: 24px;
    width: 1px;
}

.fiu_vision .box {
    overflow: hidden;
}

.fiu_vision .box li {
    float: left;
    text-align: center;
    border: 1px solid #e7e9f2;
    height: 86px;
    width: calc(33.333333% - 12px / 3);
    border-radius: 3px;
    display:flex;align-items:center;
    overflow: hidden;
    justify-content:center;
    padding-left:10px;padding-right: 10px;
}

.fiu_vision .box li + li {
    margin-left: 6px;
}

.vision_txt {
    background: url(/images/kor/system/4-3-2.gif) no-repeat 50% 12px;
    height: 172px;
    padding-top: 85px;
    text-align: center;
    color: #107fe2;
    font-size: 18px;
    font-weight: 500;
}

.vision_txt small {
    display: block;
    font-weight: 300;
    font-size: 14px;
}

@media(max-width: 768px){
    .fiu_vision .tit_box{height: auto;padding-left: 0;padding-top: 15px;padding-bottom: 15px;} 
    .fiu_vision .tit_box dl dt,
    .fiu_vision .tit_box dl dd{float: none;text-align: center;margin: 0;padding: 0;line-height: 1.25em;}
    .fiu_vision .tit_box dl dt{margin-bottom: 10px;}
    .vision_txt{height: 110px;padding-top: 45px;background-size: auto 100%;}
    .fiu_vision .box li {
        float:none;
        width: 100%;
        padding:13px;
        height:auto;
        max-width: 300px;
        margin: 0 auto;
    }
    .fiu_vision .box li + li{margin:10px auto 0}
}

.easy_content .point_box {
    background: #107fe2;
    padding: 25px;
}

.easy_content .point_box p {
    color: #fff !important;
    font-weight: 300;
    line-height: 1.6;
    font-size: 14px;
}

@media(max-width: 1220px){
    .easy_tab_mo{display: block;}
    .easy_tab{display: none;}
    .easy_content{float: none;padding-left: 0;margin: 0 auto;max-width: 710px;width: 100%;}
}

.easy_content .img_area img{max-width: 100%;}
.easy_content .graph_img img{max-width: 100%;}


/* -----------------------------
      알림마당 : 보도자료
----------------------------- */
.webzine_group {
    display: flex;
    flex-wrap: wrap;
    margin-left: -24px;margin-right: -24px;
}
@media(max-width: 1220px){
    .webzine_group {
        padding: 0;
        margin-left: -24px;margin-right: -24px;
    }
}

@media(max-width: 768px){
    .webzine_group {
        flex-direction: column;
        width:100%;
        margin-left: -10px;margin-right: -10px;
    }
}

.webzine_group .tag{
    display: inline-block;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    background: #929292;
    border-radius: 3px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 12px;
}

.webzine_list {
    flex: 0 0 calc(33.3333% - (48px * 3 / 3));
    width: calc(33.3333% - (48px * 3 / 3));
    border: 1px solid #e7e9f2;
    background: #fff;
    transition: all 0.1s ease-in;
    padding: 29px 29px 20px;
    margin: 24px;
    box-sizing: border-box;
}
@media(max-width: 768px){
    .webzine_list{
        margin: 10px;
        height: auto;
        padding: 15px;
        width: 100%;
    }
}

.webzine_list:hover, .webzine_list:focus {
    background: #107fe2;
    border-color: #107fe2;
}

.webzine_list:hover .webzine_content a, 
.webzine_list:focus .webzine_content a{
    color:#fff;
}


.webzine_list:hover .webzine_hgroup, .webzine_list:focus .webzine_hgroup {
    border-color: #3b8dd6;
}

.webzine_list:hover .webzine_hgroup h4 a, .webzine_list:focus .webzine_hgroup h4 a {
    color: #fff;
}

.webzine_list:hover .webzine_hgroup .date, .webzine_list:focus .webzine_hgroup .date {
    color: #fff;
}

.webzine_list:hover .webzine_content, .webzine_list:focus .webzine_content {
    color: #fff;
}

.webzine_list .file_area {
    position: relative;
    text-align: right;
}

.webzine_list .file_area .modal {
    text-align: left;
}

.webzine_hgroup {
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #e7e9f2;
    padding-bottom: 15px;
}

.webzine_hgroup.v2{height:auto}
.webzine_hgroup.v2 .date{display:block;padding:15px 0;position:static}
.webzine_hgroup h4 a {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    height:2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2 ;
    -webkit-box-orient: vertical;
}

.webzine_hgroup .date {
    margin-top: 10px;
    display: block;
    font-weight: 300;
    color: #666666;
    font-size: 13px;
}

.webzine_content {
    padding: 20px 0;
    color: #666;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
}

.webzine_content a{
    color:#666;
    height: calc(1.5em * 4);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    box-sizing: content-box;
    -webkit-line-clamp: 4 ;
    -webkit-box-orient: vertical;
}

@media(max-width: 768px){
    .webzine_hgroup h4 a {height: auto;display:block;font-size: 16px;}
    .webzine_content {height: auto;display: block;}
    .webzine_content a{
        -webkit-line-clamp: 2 ;
        height: calc(1.5em * 2);
    }
}


/* -----------------------------
      알림마당 : 발행자료
----------------------------- */
.publisher_wrap {
    
    /* margin-top: -25px;margin-bottom: -25px; */
}

@media(max-width: 1220px){
    .publisher_wrap {margin: 0;}
}

.publisher_list > ul{
    display: flex;
    flex-wrap: wrap;
    /* margin-top: -25px;margin-bottom: -25px; */
    /* margin: -30px -25px; */
}

.publisher_list ul li.wrap_cont {
    width: calc(25% - 50px * 3 / 4);
    box-sizing: border-box;
    border: 1px solid #e7e9f2;
    background: #fff;
    transition: all 0.1s ease-in;
    padding: 14px 14px 10px;
    margin: 30px 25px;
}

.publisher_list ul li.wrap_cont:nth-of-type(4n+1){margin-left: 0;}
.publisher_list ul li.wrap_cont:nth-of-type(4n){margin-right: 0;}

@media(max-width: 1220px){
    .publisher_list ul{gap: 10px;}
    .publisher_list ul li.wrap_cont {
        width: calc(33.33333% - 6.7px);
        margin: 5px 5px;
        margin: 0;
    }    
}
@media(max-width: 768px){
    .publisher_list ul{gap: 10px;}
    .publisher_list ul li.wrap_cont {
        width: calc(50% - 5px);
        margin: 5px 5px;
        margin: 0;
    }    
}

.publisher_list ul li.wrap_cont:hover, .publisher_list ul li.wrap_cont:focus {
    border-color: #107fe2;
}

/* .publisher_list ul li.wrap_cont + li {
    margin-left: 58px;
}

.publisher_list ul li.wrap_cont:nth-child(4n+1) {
    margin-left: 0;
}

.publisher_list ul li.wrap_cont:nth-child(5), .publisher_list ul li.wrap_cont:nth-child(6), .publisher_list ul li.wrap_cont:nth-child(7), .publisher_list ul li.wrap_cont:nth-child(8) {
    margin-top: 50px;
} */

.publisher_list ul li.wrap_cont .report_area {
    display: block;
    /* width: 200px;
    height: 280px; */
    /* 1.4 */
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size:100% 100%;
    /* padding: 25px 0 0 25px; */
    position: relative;
}

.publisher_list ul li.wrap_cont .report_area::after{
    content: '';display: block;
    padding-bottom: 140%;
}

.publisher_list ul li.wrap_cont{position:relative;}

.publisher_list ul li.wrap_cont .report_area.type-a {
    background-image: url(/images/kor/common/report_cover_a.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-b {
    background-image: url(/images/kor/common/report_cover_b.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-c {
    background-image: url(/images/kor/common/report_cover_c.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-d {
    background-image: url(/images/kor/common/report_cover_d.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-e {
    background-image: url(/images/kor/common/report_cover_e.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-f {
    background-image: url(/images/kor/common/report_cover_f.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-g {
    background-image: url(/images/kor/common/report_cover_g.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-h {
    background-image: url(/images/kor/common/report_cover_h.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-i {
    background-image: url(/images/kor/common/report_cover_i.gif);
}

.publisher_list ul li.wrap_cont .report_area.type-j {
    background-image: url(/images/kor/common/report_cover_j.gif);
}

.publisher_list ul li.wrap_cont .report_area > *{position: absolute}


.publisher_list ul li.wrap_cont .report_area span,
.publisher_list ul li.wrap_cont .report_area strong{
    left: calc(25 / 200 * 100%);
}
.publisher_list ul li.wrap_cont .report_area span {
    display: inline-block;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    background: #929292;
    border-radius: 3px;
    padding: 5px 10px;
    top: calc(24 / 280 * 100%);
}

.publisher_list ul li.wrap_cont .report_area strong {
    display: block;
    font-weight: 500;
    color: #fff;
    font-size: 20px;
    margin-top: 17px;
    word-break:break-all;
    top: calc(50 / 280 * 100%);
    right: calc(25 / 200 * 100%);
    display:-webkit-box;
    line-height: 1.25em;
    height: 2.5em;
    overflow: hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media(max-width: 768px){
    .publisher_list ul li.wrap_cont .report_area span {font-size:3.5vw}
    .publisher_list ul li.wrap_cont .report_area strong {font-size:4vw}
}

.publisher_list ul li.wrap_cont .list_info{position:absolute;bottom:13px;left:10px;}
.publisher_list ul li.wrap_cont .list_info span{display:inline-block;font-size:11px; color:#666}
.publisher_list ul li.wrap_cont .list_info span+span{margin-left:3px;}
.publisher_list ul li.wrap_cont .list_info span+span:before{content:"/";display:inline-block;padding-right:3px;}

.publisher_list ul li.wrap_cont .file_area {
    margin-top: 9px;
    text-align: right;
    position: relative;
}

.publisher_list ul li.wrap_cont .file_area .modal {
    text-align: left;
}

.bo_v_publisher {
    display: flex;
}

.bo_v_publisher .publisher_list {flex: 0 0 240px;}
.bo_v_publisher .fl_bo_v{margin-left: 30px;}
.bo_v_publisher .publisher_list ul li.wrap_cont{flex:1;}


@media(max-width: 768px){
    .publisher_list ul li.wrap_cont .list_info{position: static;margin-top: 5px;}
    .publisher_list ul li.wrap_cont .file_area {margin-top: 3px;}

    .bo_v_publisher{flex-direction: column;}
    .bo_v_publisher .publisher_list{margin-left: auto;margin-right: auto;width: 240px;}
    .bo_v_publisher .fl_bo_v{margin-left: 0;margin-top: 40px;}
    .publisher_list ul li.wrap_cont .report_area span{font-size: 13px;}
    .publisher_list ul li.wrap_cont .report_area strong{font-size:calc(15 / 370 * 100vw);word-break: break-word;}
}

/* -----------------------------
      알림마당 : 행사자료
----------------------------- */
.event.color_row:after {
    height: 290px;
}

.event_link_tab {
    margin-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
}

.event_link_tab div {
    display: inline-block;
    vertical-align: top;
}

.event_link_tab a {
    display: block;
    float: left;
    position: relative;
    height: 38px;
    line-height: 1;
    padding: 0 41px;
    font-weight: 500;
    font-size: 20px;
}

.event_link_tab a + a {
    margin-left: 93px;
}

.event_link_tab a.on:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: #7b829a;
}

@media(max-width: 768px){
    .event_link_tab div{
        display: flex;
    }
    .event_link_tab a{flex: 1;padding:0;font-size: 18px;}
    .event_link_tab a + a{margin: 0;}
}

.media_list {
    margin:0px;
    margin:0 50px;
    display: flex;
    flex-wrap: wrap;
}
@media(max-width: 1220px){
    .media_list {margin-left: 0;margin-right: 0;}
}

.media_list .wrap_cont {
    border: 1px solid #e7e9f2;
    box-sizing: border-box;
    flex: 0 0 calc(33.3333% - 50px * 2 / 3);
    width: calc(33.3333% - 50px * 2 / 3);
    margin: 25px;
}

@media(max-width: 768px){
    /* .media_list{flex-direction: column;} */
    .media_list{display: block;}
    .media_list .wrap_cont {width: 100%;}
    .media_list .wrap_cont{margin-left: 0;margin-right: 0;flex: auto}
    .media_list .wrap_cont .caption .subject{font-size: 16px;}
}

.media_list .wrap_cont:nth-of-type(3n+1){margin-left: 0;}
.media_list .wrap_cont:nth-of-type(3n){margin-right: 0;}
.media_list .wrap_cont .thumb{
    /* width:334px;height:215px; */
    overflow:hidden;position:relative
}

.media_list .wrap_cont .thumb::before{content: '';width: 100%;padding-bottom: calc(215/334*100%);display: block;}
.media_list .wrap_cont .thumb img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.media_list .wrap_cont .video_post:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: url(/images/kor/main/player_dimmed.svg) no-repeat center rgba(0,0,0,.3);
    /* width: 334px;
    height: 215px; */
}

.media_list .wrap_cont .caption {
    height: 123px;
    background: #fff;
    transition: all 0.15s ease-in;
    padding: 15px 20px 0;
}


.media_list .wrap_cont .caption .subject {
    font-weight: 500;
    font-size: 18px;
    color: #333;
}

.media_list .wrap_cont .caption .subject a{
    display: block;
    line-height: 1.25em;
    height: 2.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp: 2 ;
    -webkit-box-orient: vertical;
}
/* line-height: 1.3;
    height:2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2 ;
    -webkit-box-orient: vertical; */

.media_list .wrap_cont .caption{position:relative;}
.media_list .wrap_cont .caption .li_date{position:absolute;left:20px;bottom:20px;}

.media_list .wrap_cont .caption .date {
    font-weight: 300;
    font-size: 13px;
    padding-top: 10px;
    color: #333;
}

.media_list .wrap_cont:focus .caption,
.media_list .wrap_cont:hover .caption {
    background: #107fe2;
}

.media_list .wrap_cont:focus .caption .subject a ,
.media_list .wrap_cont:focus .caption .li_date,
.media_list .wrap_cont:focus .caption .date,

.media_list .wrap_cont:hover .caption .subject a,
.media_list .wrap_cont:hover .caption .li_date,
.media_list .wrap_cont:hover .caption .date {
    color: #fff;
}

.event_other {
    margin-top: 50px;
    padding: 50px 50px 0;
    border-top: 1px solid #e7e9f2;
}

.event_other:after {
    content: "";
    display: block;
    clear: both;
}

.event_other .wrap_cont {
    display: block;
    float: left;
    width: 336px;
    border: 1px solid #e7e9f2;
}

.event_other .wrap_cont + .wrap_cont {
    margin-left: 46px;
}

.event_other .wrap_cont:nth-child(3n+1) {
    margin-left: 0;
}

.event_other .wrap_cont:nth-child(4), .event_other .wrap_cont:nth-child(5), .event_other .wrap_cont:nth-child(6) {
    margin-top: 40px;
}

.event_other .wrap_cont .video_post {
    position: relative;
}

.event_other .wrap_cont .video_post:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url(/images/kor/main/player_dimmed.png) no-repeat 0 0;
    width: 334px;
    height: 215px;
}

.event_other .wrap_cont .caption {
    height: 123px;
    background: #fff;
    transition: all 0.15s ease-in;
    padding: 15px 20px 0;
}

.event_other .wrap_cont .caption .subject {
    font-weight: 500;
    font-size: 18px;
    color: #333;
}

.event_other .wrap_cont .caption .date {
    font-weight: 300;
    font-size: 13px;
    padding-top: 10px;
    color: #333;
}

.event_other .wrap_cont:hover .caption {
    background: #107fe2;
}

.event_other .wrap_cont:hover .caption .subject, .event_other .wrap_cont:hover .caption .date {
    color: #fff;
}

#player {
    padding-top: 20px;
    padding-bottom: 55px;
    max-width: 630px;
    margin: 0 auto;
    overflow: hidden;
}

.caption_area {
    margin: 0 30px;
}

.caption_area > div{height:300px;overflow-y:scroll;}

.caption_area b {
    display: block;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 1;
    color: #000000;
}

.caption_area div {
    border: 1px solid #f5f5f5;
    background: #fff;
    overflow-y: auto;
    padding: 12px 30px;
    color: #666666;
    font-weight: 300;
    line-height: 1.5;
}

@media(max-width: 1220px){
    .caption_area{margin: 0;}
    .caption_area div{padding: 12px;}
}

.homepage_guide h3 {
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 28px;
}

@media(max-width: 768px){
    .homepage_guide h3 {font-size: 15px;}
}

.privacy {
    position: relative;
}

.privacy:after {
    content: "";
    display: block;
    /* background: #f5f7fd; */
    position: absolute;
    left: 0;
    top: 8px;
    height: 460px;
    width: 100%;
    z-index: -1;
}

.privacy h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    padding-bottom: 25px;
}

.privacy .desc {
    color: #666666;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.8;
}

.privacy_list {
    padding-top: 35px;
}

.privacy_list > li + li {
    padding-top: 35px;
}

.privacy_list > li .red_txt_g {
    padding: 30px 0;
}

.privacy_list > li .red_txt_g p {
    color: #c24f66;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5;
}

.privacy_list > li .red_txt {
    color: #c24f66;
    font-weight: 300;
    font-size: 14px;
    padding: 40px 0 20px;
}

.privacy_list > li .tbl_style1 th {
    text-align: center;
    font-size: 15px;
}

.privacy_list > li .tbl_style1 td {
    font-size: 14px;
    /* padding: 18px 40px 18px 40px; */
}

.privacy_list > li strong {
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    padding-left: 10px;
    margin-bottom: 17px;
}

@media(max-width: 768px){
    .privacy_list > li strong{font-size: 14px;}
}

.privacy_list > li strong:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    background: #107fe2;
}

.privacy_list ul li {
    color: #666666;
    font-weight: 300;
    font-size: 14px;
}

.privacy_list ul li em {
    color: #c24f66;
}

.privacy_list ul li + li {
    margin-top: 8px;
}

.privacy_tit {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

.privacy_cont {
    color: #666666;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.8;
    margin-top: 25px;
}

.privacy_cont ul li{}
.privacy_cont ul li ul{padding-left:15px;}
.privacy_cont ul li ul li{font-size: 0.95em;}
.privacy_cont ul li ul li+li{margin-top: 4px;}
.card_wr{border: 1px solid #e7e9f2;margin: 25px 0;}
.card_header{
    background: #f5f7fd;text-align: center;border-bottom:1px solid #e7e9f2;padding: 15px;font-weight:500;color: #333;
}
@media(max-width: 768px){
    .privacy_tit{font-size: 14px;}
    .card_header{font-size: 14px;}
}
.card_body{padding: 15px;}

.privacy_contact dl {
    overflow: hidden;
}

.privacy_contact dl + dl {
    margin-top: 10px;
}

.privacy_contact dl dt, .privacy_contact dl dd, .privacy_contact dl dd a {
    float: left;
    font-size: 14px;
    font-weight: 300;
    color: #666666;
}

.privacy_contact dl dt {
    color: #333;
}

.privacy_contact dl dd + dt {
    margin-left: 40px;
}

.before_privacy_link {
    padding: 20px 0 0;
    overflow: hidden;
}

.before_privacy_link a {
    display: block;
    float: left;
    color: #fff;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background: #7b829a;
    font-size: 14px;
    font-weight: 300;
}

.before_privacy_link a + a {
    margin-left: 3px;
}

/* -----------------------------
      뷰어 다운로드
----------------------------- */
.viewer_list li {
    border: 1px solid #e7e9f2;
    height: 110px;
    padding: 0 35px;
    position: relative;
    display:flex;
    align-items: center;
}

.viewer_list li + li {
    margin-top: 13px;
}

.viewer_list li .subject {
    padding-left: 66px;
    font-weight: 300;
    color: #333333;
    font-size: 14px;
   	position:relative;
    line-height: 1.2em;
}

.viewer_list li .subject::after{
	content:'';width:34px;height:32px;position:absolute;
	left: 0;top: 0;
	background: url(/images/kor/etc/down_img_01hwp.png);
}

.viewer_list li .subject.icon_hwp::after{background-image: url(/images/kor/etc/down_img_01hwp.png);}
.viewer_list li .subject.icon_acr::after{background-image: url(/images/kor/etc/down_img_02pdf.png);}
.viewer_list li .subject.icon_shock::after{background-image: url(/images/kor/etc/down_img_03sw.png);}
.viewer_list li .subject.icon_ppt::after{background-image: url(/images/kor/etc/down_img_04ppt.png);}
.viewer_list li .subject.icon_excel::after{background-image: url(/images/kor/etc/down_img_05excel.png);}
.viewer_list li .subject.icon_word::after{background-image: url(/images/kor/etc/down_img_06word.png);}

.viewer_list li .subject b {
    display: block;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 10px;
}

.viewer_list li .btn_default {
    margin-left: auto;margin-right: 0;
}

@media(max-width: 768px){
	.viewer_list li .subject::after{background-size: 100% 100%;width:29px;height:27px;}
	.viewer_list li{display:block;}
	.viewer_list li .subject{padding-left: 45px;}
    .viewer_list li{height: auto;padding: 20px 20px;}
    .viewer_list li .btn_default{margin-left: 45px;margin-top:10px;}
}


/* -----------------------------
      게시글 검색
----------------------------- */
.total_search .color_grid {
    padding-top: 50px;
}

.total_search .color_grid:before {
    height: 180px;
}

.total_search .txtlight{
	font-weight: bold;
		color: #FF0000;
}

.all_cate ul li a, .all_cate ul li button{text-align: left;}

@media(min-width: 769px){
    .all_cate {
        background: #fff;
        border: 1px solid #e7e9f2;
        padding: 20px 50px;
        margin-bottom: 60px;
    }

    .all_cate > a {display: none;}

    .all_cate ul {
        overflow: hidden;
    }

    .all_cate ul li {
        float: left;
        width: 20%;
        padding: 8px 0;
        line-height: 1;
        position: relative;
        padding-left: 8px;
    }

    .all_cate ul li.current a {
        color: #c24f66;
        border-bottom: 2px solid #c24f66;
    }

    .all_cate ul li:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 2px;
        height: 2px;
        background: #7b829a;
    }

}
@media(max-width: 1220px){
    .all_cate{margin-left: 0;margin-right: 0;padding: 20px 40px;}
    .all_cate ul li {width: 33.33333%;}
}


@media(max-width: 768px){
	.total_search .color_grid {padding-top:20px;}
    .all_cate_wrap{height:40px;margin-bottom: 50px;}
    .all_cate{
        border: 1px solid #107fe2;
        background: #fff;
        position: relative;
        padding: 0;
        z-index: 1;
    }

    .all_cate > a {
        display: block;
        width: 100%;
        color: #111;
        font-size: 15px;
        font-weight: 300;
        display: flex;
        align-items: center;
        height: 50px;
        transition: all cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
        padding: 0 20px;
        background: url(/images/kor/sub/breadcrumb_arrow_blue.png) no-repeat right 25px center;
    }

    .all_cate.on > a{
        background-image: url(/images/kor/sub/breadcrumb_arrow_on.png);
    }

    .all_cate ul {
        position: absolute;
        left: -1px;
        top: 50px;
        right: -1px;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        border: 1px solid #107fe2;
        border-top: 0;
        transform: translateY(-10px);
        transition: all cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
    }

    .all_cate ul li{width: 100%;}

    .all_cate ul li a,
    .all_cate ul li button {
    	width: 100%;
        display: block;
        height: 36px;
        line-height: 36px;
        padding-left: 18px;
        font-weight: 300;
    }

    .all_cate ul li.current a,
    .all_cate ul li.current button{
        background: #f5f7fd !important;
        color: #333 !important;
        cursor:default;
    }

    .all_cate ul li a:hover,
    .all_cate ul li a:focus,
    .all_cate ul li button:hover,
    .all_cate ul li button:focus {
        color: #fff;
        background: #107fe2;
    }

    .all_cate.on ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@media(max-width: 768px){
    .all_cate > a {height: 40px;background-position: right 15px center;}
    .all_cate ul {top: 40px;}
}



.webzine_group .empty_area{
	margin-left:24px;margin-right:24px;
}

.empty_area {
    border: 1px solid #e7e9f2;
    text-align: center;
    flex: 1;
    padding: 90px 0;
}

.empty_area b {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 3px solid #107fe2;
    color: #107fe2;
    font-size: 20px;
    font-weight: 300;
}

.empty_area p {
    font-weight: 300;
    font-size: 14px;
    color: #666666;
}

.empty_area b + p{
	margin-top: 7px;
}

.empty_area p + b{
	margin-bottom: 7px;
}

.box_rst + .box_rst {
    margin-top: 40px;
}

@media(max-width: 768px){
	.box_rst{outline:none;}
}

.box_rst .media_list{margin-left: 0;margin-right: 0;}

.rst_tit_wrap {
    position: relative;
    margin-bottom: 10px;
}

.rst_tit_wrap .rst_tit {
    font-weight: 500;
    font-size: 16px;
}

.rst_tit_wrap .rst_tit b {
    font-weight: 300;
    color: #c24f66;
}
.photo_rst,
.basic_rst{position:relative;}
.photo_rst .link_view,
.basic_rst .link_view {
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    padding-right: 13px;
    background: url(/images/kor/etc/link_arrow.png) no-repeat 97% 50%;
    font-size: 13px;
    color: #333333;
    font-weight: 300;
}


.rst_list {
    border: 1px solid #e7e9f2;
    padding: 28px 25px;
}

.rst_list li + li {
    margin-top: 17px;
}

.rst_list .subject a {
    color: #107fe2;
    font-weight: 300;
    text-decoration: underline;
}

.rst_list .list_content {
    padding-top: 7px;
}

.rst_list .list_content a {
    font-weight: 300;
    font-size: 14px;
}

.media_rst_list:after {
    content: "";
    display: block;
    clear: both;
}

.media_rst_list .wrap_cont {
    float: left;
    width: 336px;
    border: 1px solid #e7e9f2;
}

.media_rst_list .wrap_cont + .wrap_cont {
    margin-left: 46px;
}

.media_rst_list .wrap_cont .video_post {
    position: relative;
}

.media_rst_list .wrap_cont .video_post:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url(/images/kor/main/player_dimmed.png) no-repeat 0 0;
    width: 334px;
    height: 215px;
}

.media_rst_list .wrap_cont .caption {
    height: 123px;
    background: #fff;
    transition: all 0.15s ease-in;
    padding: 15px 20px 0;
}

.media_rst_list .wrap_cont .caption .subject {
    font-weight: 500;
    font-size: 18px;
    color: #333;
}

.media_rst_list .wrap_cont .caption .date {
    font-weight: 300;
/*     font-size: 13px; */
    padding-top: 10px;
    color: #333;
}

.media_rst_list .wrap_cont:hover .caption {
    background: #107fe2;
}

.media_rst_list .wrap_cont:hover .caption .subject, .media_rst_list .wrap_cont:hover .caption .date {
    color: #fff;
}

.media_rst_list .thumb{position:relative;width:336px;height:250px;overflow:hidden}
.media_rst_list .thumb img{position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);display:block;}
.media_rst_list .thumb2  {position:relative;width:336px;height:210px;overflow:hidden;}
.media_rst_list .thumb2 img{position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);display:block;}

/* -----------------------------
      소관법규
----------------------------- */
.law_1 {
    padding: 30px 0 0;
    line-height:1.6em;
}
@media(max-width: 768px){
	.law_1 {padding: 0 ;}
}

.insertModal{
	position:absolute;
	top:130%;
 	left:50%;
	transform: translateX(-50%);
}
.insertModal .modal_body {
	padding:80px 20px;
	width:350px;
	height:230px; 
	text-align:center;
}

.insertModal2{
	position:absolute;
	top:50%;
 	left:30%;
	transform: translateX(-50%);
}
.insertModal2 .modal_body {
	padding:80px 20px;
	width:550px;
	height:400px;
	text-align:center;
}

.message_btn {
	margin-top:-20%;
	margin-left:41%;
    font-weight: 300;
    height: 28px;
    width: 72px;
    background: #107fe2;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    position: absolute;
}




/* mobile common */
@media(max-width: 768px){
.sub_tit.mt100{margin-top: 50px !important;}
}


.modal-alert{
    max-width: 400px;
}

.laymodal.modal-alert .laymodal-content{text-align: center;padding-top: 50px;padding-bottom: 50px;font-size: 18px;font-weight: 300;}


.bo_list_top{margin-left: 0;margin-right: 0;}
.media_list{margin-left: 0;margin-right: 0;}