@charset "UTF-8";

@import url(board.css);

/*-------------------------------------------------------------------
분류이름 : 공통
분류그룹 : 레이아웃
-------------------------------------------------------------------*/
/* 레이아웃 */
#content {display: block; min-height: 65vh; padding-top: var(--sp-48); padding-bottom: 12rem;}
#contentLayout {display: block; max-width: 141rem; margin: 0 auto;}

/* 공통 */
.title1{margin-bottom:1.5rem;font-size:2.1rem;font-weight:600;color:#222}
.title1 ~ .title1{margin-top:5rem}
.link{text-decoration:underline !important;color:var(--color-main) !important}
.block{display: block;}
.c_blue{color:var(--color-main)}
.c_gray{color:var(--color-gray-70)}
.mt_10{margin-top: 1rem;}
.mr_10{margin-right: 1rem;}
.mt_40{margin-top: 4rem;}
.pl_30{padding-left: 3rem;}
.bul_list > li{position:relative;padding-left:2rem;color:#555 }
.bul_list > li + li{margin-top:1rem}
.bul_list > li::before{content:" • ";position:absolute;left:.5rem;top:-.1rem}
.bul_list.blue > li::before{color:#125A9B}
.bul_list2 > li{position:relative;padding-left:1.2rem}
.bul_list2 > li + li{margin-top:.4rem}
.bul_list2 > li:before{content:"-";position:absolute;left:0;top:0}
.txt_left{text-align:left}
.txt_center{text-align:center}
.txt_right{text-align:right}

/* skin.css 상쇄 */
h4:after, .h4:after,
h6:after, .h6:after{display:none;position:static;width:auto;height:auto;background:none}

/* 컨텐츠 타이틀 */
#content .con-tit-wrap {display: flex; margin-bottom: var(--sp-30); padding-bottom: var(--sp-16); align-items: flex-end;}
#content .con-tit-wrap .title {position:relative;padding-left:3rem;display: block; font-weight: 700; font-size:2.6rem; color:#151515; line-height: 1.3;font-family:'gmarket', 'Pretendard';z-index:1}
#content .con-tit-wrap .title:before{content:"";position:absolute;left:0;top:.5rem;width:1.6rem;height:1.7rem;background:url(../../../images/site/kor/common/bul_tit2.svg) center / contain no-repeat}
.con-body-wrap{padding-top:3rem;border-top: 2px solid var(--color-black);}
.con-body-wrap.type_board{margin-top:-5.4rem;padding-top:0;border-top:0}

/* 탭메뉴 */
.top_tab_menu ~ .photo_list ul{border-top:0}
.top_tab_menu{display:flex;justify-content:center;align-items:center;margin:1rem 0 4rem}
.top_tab_menu > li{margin-right:1rem}
.top_tab_menu > li:last-child{margin-right:0}
.top_tab_menu > li > a{display:flex;justify-content:center;align-items:center;height:4.6rem;padding:0 4rem;line-height:1.2;border-radius:3rem;font-size:1.8rem;font-weight:600;color:#151515;border:1px solid #151515;text-align:center;transition:all .3s}
.top_tab_menu > li.active > a{background:#151515;color:#fff}

/* 달력 */
.apply-calendar{position:relative;padding-top:6rem;border-bottom:1px solid #151515}
.apply-calendar .hd .control{position:absolute;right:0;top:0;display:flex;align-items:center}
.apply-calendar .hd .control .now{margin:0 5rem;font-size:2.6rem;color:#111;font-weight:700;letter-spacing:-.05rem}
.apply-calendar .hd .control > a{position:relative;display:inline-block;width:3.6rem;height:3.6rem;border:1px solid #151515}
.apply-calendar .hd .control > a:before{content:"";display:block;width:100%;height:100%;background:url(../../../images/site/kor/common/icon_black_prev.svg) center no-repeat;background-size:.9rem auto}
.apply-calendar .hd .control > a.btn-next:before{transform:rotate(180deg)}
.apply-calendar table {width: 100%; height: auto; margin: 0; padding: 0; border-top: 2px solid #333; border-collapse: collapse; table-layout: fixed;}
.apply-calendar table caption {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
.apply-calendar table th {border-width: 0 1px 1px; border-style: solid; border-color: #eee #eee #ddd #eee; border-right: 0; padding: 1.8rem 0.8rem; background-color: #f8f8f8; line-height: 1; font-weight: 600; font-size: 1.8rem; color: #2d2d2d;}
.apply-calendar table td {position: relative; height: 14rem; padding: 1.6rem; border-width: 0 0 1px 1px; line-height: 1; border-style: solid; border-color: #eee; color: #222; vertical-align:top;text-decoration:none !important}
.apply-calendar table td.link:before{opacity:0;content:"";position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;background:#f2f2f2;border:1px solid var(--color-gray-30);transition:opacity .2s}
.apply-calendar table td.link:hover:before{opacity:1}
.apply-calendar table td.today:before{opacity:1;content:"";position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;background:#E5F2FF !important;border:1px solid var(--color-main) !important}
.apply-calendar table tr th:first-child,
.apply-calendar table tr td:first-child{border-left:0}
.apply-calendar table td > a{position:absolute;left:0;top:0;width:100%;height:100%;padding:1.6rem;z-index:2}
.apply-calendar table td .day {display: inline-block; position: relative;margin-bottom:1rem; z-index:1; font-weight: 600; font-size: 1.6rem;color:#151515}
.apply-calendar table .sun,
.apply-calendar table td .day.sun {color:#E4032E}
.apply-calendar table .sat,
.apply-calendar table td .day.sat {color:#214687}
.apply-calendar table td .day.next{color:#bbb}
.apply-calendar table tbody tr:last-child td{border-bottom:0}
.apply-calendar .times{position:relative;z-index:1}
.apply-calendar .times > li + li{margin-top:.4rem}
.apply-calendar .times > li{display:inline-block;max-width:100%;padding:.4rem 1rem;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:1.6rem;background:var(--color-main);border-radius:4px;transition:background .3s}
.calendar_detail{margin-top:5rem}
.calendar_detail .table tr th,
.calendar_detail .table tr td{font-size:1.8rem;color:#151515}

/* 테이블 */
.scroll-table {display: block; overflow-x: auto; overflow-y: hidden; position: relative;}
.scroll-table .scroll-guide {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: var(--sp-16); background: url(../../../images/site/kor/common/bg_scroll.png) no-repeat center / 145px; text-indent: -9999px;}

.table{margin:1.5rem 0}
.table tr th{background:#f8f8f8;border:1px solid var(--color-gray-30)}
.table tr td{color:#555;border:1px solid var(--color-gray-30)}
.table tbody tr:first-child th,
.table tbody tr:first-child td{border-top:0}
.table tr th:first-child,
.table tr td:first-child{border-left:0}
.table tr th:last-child,
.table tr td:last-child{border-right:0}
.table tbody tr:last-child th,
.table tbody tr:last-child td{border-bottom-color:#151515}
.table a{display:inline-block}
.table a[id*="dropzone_"]{display:inline-flex}

/* 버튼 */
.btn_box{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem 1rem;margin-top:2rem;text-align:center}
.btn{font-size:1.8rem;transition:all .3s}
.btn.blue{padding:0 3.2rem;background:#214687;border-radius:0;color:#fff;border:1px solid transparent}
.btn.blue:hover,
.btn.blue:focus{background:#fff;color:#214687;border-color:#214687}

.btn.line{padding:0 3.2rem;border-radius:0;color:#717171;background:#fff;border:1px solid #717171}
.btn.line:hover,
.btn.line:focus{background:#717171;color:#fff}
.btn.line.black{border-color:#151515;color:#151515}
.btn.line.black:hover,
.btn.line.black:focus{background:#151515;color:#fff}

.btn.down::after{content:"";display:inline-block;margin-left:1rem;width:2.4rem;height:2.4rem;background:url(../../../images/site/kor/sub/icon_down.svg) center / contain no-repeat;vertical-align:middle;transition:all .3s}
.btn.down:hover::after,
.btn.down:focus::after{background-image:url(../../../images/site/kor/sub/icon_down_blue.svg)}

.btn.line.down::after{background-image:url(../../../images/site/kor/sub/icon_down_black.svg)}
.btn.line.down:hover::after,
.btn.line.down:focus::after{background-image:url(../../../images/site/kor/sub/icon_down.svg)}

/* 국민제안 공모 */
.cert_lst{display:flex;flex-wrap:wrap;width:calc(100% + 2rem);margin-top:4rem}
.cert_lst > li{flex:1;margin-right:2rem}
.cert_lst > li .item{display:flex;flex-direction:column;height:100%;padding:4rem 3rem;background:#F8F8F8;text-align:center}
.cert_lst > li .item img{width:11rem;margin-bottom:3rem}
.cert_lst > li .item .title{display:block;font-size:2.1rem;color:#222;font-weight:700}
.cert_lst > li .item .desc{margin-top:2rem;font-size:1.6rem;font-weight:500;line-height:1.4}

.certi_gray{margin-top:-3rem;padding:3rem 2rem;background:#f8f8f8}
.num_lst{counter-reset:number 0}
.num_lst > li{position:relative;padding-left:2rem}
.num_lst > li::before{content:counter(number)'.';counter-increment:number 1;position:absolute;left:0;top:0;}

.bar_list > li{position:relative;padding-left:1.2rem;overflow:hidden}
.bar_list > li::before{content:"-";position:absolute;left:0;top:0}

.certi_agree_wrap{margin-bottom:4rem}
.agree_box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1.9rem 2rem;border-bottom:1px solid #111}
.agree_box .text{color:#151515;font-weight:600;font-size:1.8rem}
.agree_box .text.tit-md{font-size: 2rem; font-weight: 700; color: #151515;}
.agree_box .form_radio{margin-right:2.6rem;color:#222}
.agree_box .form_radio:last-child{margin-right:0}

.form_radio{display:inline-block;vertical-align:middle}
.form_radio input[type=radio]{position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0)}
.form_radio label{position:relative;padding-left:2.6rem;cursor:pointer}
.form_radio label::before{content:"";position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:100%;border:1px solid #c6c6c6;background:#fff}
.form_radio label::after{content:"";position:absolute;left:.5rem;top:.5rem;width:1rem;height:1rem;border-radius:100%}
.form_radio input:checked + label::after{background-color:var(--color-main)}
.form_radio input:focus + label{outline:1px dotted #000}

.form_inputT input[type=text]{width:100%;border-radius:4px;font-size:1.6rem}
.form_inputT textarea{width:100%;height:16.7rem;padding:1rem;border-radius:4px;border:1px solid #ddd;font-size:1.6rem;resize:none}
.form_inputT .table{margin-bottom:2.2rem}
.form_inputT .table th{font-weight:500}
.form_inputT .table th,
.form_inputT .table td{padding:1.3rem 3rem}
.form_inputT .table td{color:#222;font-size:1.8rem}

.form_tel,
.form_rrn{display:flex;align-items:center;gap:0 1rem;max-width:44.6rem}
.form_name{display:flex;align-items:center;gap:0 1rem;max-width:21rem}
.warning{position:relative;padding-left:2.4rem}
.warning:before{content:"";position:absolute;left:0;top:.4rem;width:1.8rem;height:1.8rem;background:url(../../../images/site/kor/common/icon_warning.svg) center / contain no-repeat}

.btn_area{margin-top:5rem;text-align:right}
.btn_area.left{text-align:left}
.btn_area.center{text-align:center}

.input_file{display:inline-flex;align-items:center;width:100%;max-width:100rem}
.input_file input[type=text]{width:calc(100% - 10.8rem);margin-right:1rem}
.input_file input[type=file]{position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0)}
.input_file input[type=file]:focus + label{outline:1px dotted #000}
.input_file label,
.input_btn{flex-shrink:0;height:3.8rem;padding:0 2rem;cursor:pointer;display:flex;align-items:center;border:1px solid #214687;border-radius:4px;color:#214687;font-weight:bold;font-size:1.6rem}
.input_btn{display: inline-flex !important;}
.input_file .file_guide{flex-shrink:0;margin-left:2rem;font-size:1.6rem;font-weight:500;color:#555}
.input_file_wrap.ty2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.4rem; margin-bottom: 0.4rem;}
.input_file_wrap.ty2 .input_file{display: flex; max-width: 100%; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0.5rem;}
.input_file_wrap.ty2 .input_file a{display: flex;align-items: center;flex-shrink: 0;height: 3.8rem;padding: 0 2rem;cursor: pointer;border: 1px solid #717171;background-color: #717171;border-radius: 4px;color: #fff;font-weight: bold;font-size: 1.6rem;}

/* 페이지 준비중 */
.page_ready{position:relative}
.page_ready > strong{position:absolute;top:10rem;width:100%;font-size:3.6rem;font-weight:700;color:#000;text-align:center}

/* 위원회 소개 */
.top_img{margin-bottom:6rem}
.row_cont{display:flex;}
.row_cont > .item{flex:auto;padding-top:.3rem;font-size:1.8rem;color:#151515}
.row_cont .title{flex-shrink:0;width:20.7rem;font-size:2.6rem;color:#222;font-weight:700}
.row_cont ~ .row_cont{margin-top: 1rem;}
.row_cont > .item p:not(.bold_t){color: #333;}
.bold_t{margin-bottom:1.4rem;font-size:2.1rem;color:#151515;font-weight:600;line-height:1.6}
.bold_t ~ .bold_t{margin-top:3rem}
.bul1{position:relative;padding-left:2rem}
.bul1::before{content:" • ";position:absolute;left:.5rem;top:0}
.gray_box{padding:3rem;background:#F8F8F8}
.cc_num_list > li{position:relative;padding-left:4rem;line-height:3rem}
.cc_num_list > li + li{margin-top:1.4rem}
.cc_num_list > li > i{position:absolute;left:0;top:0;width:3rem;height:3rem;line-height:3rem;background:#fff;border:1px solid #aaa;border-radius:100%;color:#555;font-style:normal;font-weight:500;text-align:center}

/* 추진단 조직도 */
.organization{position:relative;max-width:118rem;margin:0 auto}
.organ{position:relative}
.organ:before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px solid #d8d8d8}
.organ > li{position:relative}
.organ .organ_top{position:relative;}
.organ .organ_top .top_box{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;width:19.8rem;height:19.8rem;text-align:center;z-index:1}
.organ .organ_top .top_box:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius:100%;border-width:4px;border-style:solid;border-color:#E4032E #E4032E #125A9B #125A9B;transform:rotate(-45deg)}
.organ .organ_top .top_box *{position:relative;z-index:1}
.organ .organ_top .top_box strong{line-height:1.3;font-size:2rem;font-weight:700;color:#151515}
.organ .organ_top .top_box p{margin-top:.6rem;font-size:1.6rem;line-height:1.6;color:#555}
.organ .top_side{display:inline-block;position:absolute;top:7rem;right:50%;padding-right:25.7rem}
.organ .top_side:before{content:"";position:absolute;left:0;top:50%;width:100%;border-top:1px solid #d8d8d8}
.organ .top_side > span{position:relative;display:flex;align-items:center;justify-content:center;width:19.2rem;height:5.7rem;border:1px solid #151515;font-size:1.8rem;font-weight:700;color:#151515;background:#fff;z-index:1}
.organ .top_side.t2{/* top:21.5rem; */right: auto;left: 50%;padding-right: 0;padding-left: 25.7rem;}
.organ .mid_list{display:flex;align-items:center;justify-content:center}
.organ .mid_list > li{position:relative;flex:1;margin-right:2.8rem;padding-top:4.1rem}
.organ .mid_list > li:last-child{margin-right:0}
.organ .mid_list > li > span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:6.5rem;padding:1rem;color:#222;font-size:1.6rem;font-weight:600;background:#E8F0F7;z-index:1}
.organ .mid_list > li > span > i{font-style:normal;color:#555;font-size:1.5rem;line-height:1;text-align:center;font-weight:normal}
.organ .mid_list > li:before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px solid #d8d8d8}
.organ .mid_list > li:after{content:"";position:absolute;left:50%;top:0;width:calc(100% + 2.8rem);border-top:1px solid #d8d8d8}
.organ .mid_list > li:last-child:after{display:none}
.organ .bottom{padding-top:23.8rem}
.organ .bottom .mid_list > li > span{background:#F6F6F6}
.organ .bot_st{display:flex;align-items:center;justify-content:center;width:34.5rem;height:8.8rem;position:absolute;top:8.2rem;left:50%;transform:translateX(-50%);border:2px solid var(--color-main);color:var(--color-main);font-weight:700;background:#fff;z-index:1;text-align:center;font-size:2rem;line-height:1.2}

/* 추진단 소개 */
.intro_info{display:flex;flex-wrap:wrap;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.intro_info > li{flex:auto;width:20%;margin-bottom:-1px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.intro_info > li:nth-child(5n){border-right:0}
.intro_info > li > a{display:flex;align-items:center;justify-content:center;height:6rem;padding:.4rem;text-align:center;color:#555;font-size:1.8rem;line-height:1.3;font-weight:700}
.intro_info > li.active > a{background:var(--color-main);color:#fff}

.intro_cont{margin-top:6rem}
.intro_list{display:flex;flex-wrap:wrap;gap:3rem 3rem}
.intro_list > li{display:flex;justify-content: flex-start;align-items: flex-start;width:calc(33.3% - 2rem);padding:2rem;border:1px solid #d8d8d8}
.intro_list > li .img{flex-shrink:0;width:15rem;height:18rem;overflow:hidden;background:#f6f6f6 url(../../../images/site/kor/sub/icon_intro_noimg.svg) center no-repeat}
.intro_list > li .img img{max-width:inherit;width:100%;height:100%;object-fit:cover}
.intro_list > li .desc{display:flex;flex-direction:column;justify-content:center;padding-left:3.2rem;flex:auto}
.intro_list > li .desc .name{display:block;position:relative;margin-bottom:1.6rem;padding-bottom:.3rem;color:#000;font-size:2.1rem;border-bottom:1px solid #1661AE}
.intro_list > li .desc .name::before{content:"";position:absolute;left:0;bottom:-1px;width:5.4rem;border-bottom:1px solid #E60020}
.intro_list > li .desc .name > span{margin-left:.4rem;font-size:1.6rem}
.intro_list > li .desc .lst > li{margin-top: 0;font-size:1.6rem;font-weight:500;color:#555}
.intro_cont{display:none}
.intro_cont.active{display:block}

/* 오시는 길 */
.directions{display:flex;align-items:center}
.directions .map{flex-shrink:0;width:51.3475%;margin-right:4.8rem}
.directions .map .root_daum_roughmap{width:100%}
.directions .map .root_daum_roughmap .cont{display:none}

.directions .detail{flex:auto}
.directions .detail > li{position:relative;padding:3rem 0;border-bottom:1px solid #eee}
.directions .detail > li:first-child{padding-top:0}
.directions .detail > li .item{position:relative;min-height:5.5rem;padding-left:7.5rem}
.directions .detail > li .icon{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:5.5rem;height:5.5rem;border-radius:100%;background:#f6f6f6}
.directions .detail > li .icon img{width:2.8rem}
.directions .detail > li .title{display:block;margin-bottom:.2rem;color:#000;font-size:1.8rem;font-weight:700;letter-spacing:-.018rem}
.directions .detail > li .desc{font-size:1.6rem;font-weight:500;line-height:1.6}

/* 후원 명칭 사용지침 안내 */
.guide_wrap{display:flex;min-height:calc(65vh - 25rem);position:relative;z-index:1}
.guide_wrap::before{content:"";position:absolute;left:0;bottom:-12rem;width:100%;height:59rem;background:url(../../../images/site/kor/sub/bg_guide.jpg) right bottom / cover no-repeat;z-index:-1}
.guide_wrap .img{flex-shrink:0;margin-right:4.4rem;text-align:center}
.guide_wrap .img img{width:26.9rem}
.guide_wrap .detail{flex:auto;position:relative;padding-top:2rem}
.guide_wrap .detail .title{display:block;margin-bottom:.4rem;font-size:2.6rem;color:#151515;font-weight:700;letter-spacing:-.026rem}
.guide_wrap .detail .desc{font-size:1.8rem;color:#151515;font-weight:500;letter-spacing:-.036rem}
.guide_wrap .detail .list{margin-top:2rem;padding-top:2rem;border-top:1px solid #ddd}
.guide_wrap .detail .list > li{position:relative;padding-left:3.4rem;font-size:1.6rem;font-weight:500;letter-spacing:-.032rem}
.guide_wrap .detail .list > li + li{margin-top:2.2rem}
.guide_wrap .detail .list > li:before{content:"";position:absolute;left:0;top:.4rem;width:2rem;height:2rem;background:url(../../../images/site/kor/sub/icon_mail.svg) center / contain no-repeat}
.guide_wrap .detail .list > li.tel:before{background-image:url(../../../images/site/kor/sub/icon_tel.svg)}
.guide_wrap .btn_area{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.4rem; margin-top:3.2rem}

/* 슬로건 */
.slogan_wrap{color:#151515}
.slogan_wrap > .title{margin-bottom:6rem;color:#000;font-size:3.4rem;font-weight:700;letter-spacing:-.034rem;text-align:center}
.slogan_wrap .slogan{position:relative;margin-bottom:6rem;width:100%;height:60rem;z-index:1;overflow:hidden}
.slogan_wrap .slogan .img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;text-align:right}
.slogan_wrap .slogan .img img{position:absolute;right:0;max-width:inherit}
.slogan_wrap .txt_wrap{display:flex;padding:7rem 0 0 5rem;}
.slogan_wrap .l_box{flex-shrink:0;width:15rem;margin-right:6rem}
.slogan_wrap .name{font-size:2.1rem;font-weight:600;letter-spacing:-.021rem}
.slogan_wrap .tit{display:block;font-size:3.4rem;font-weight:700;line-height:1.8;letter-spacing:-.034rem}
.slogan_wrap .txt{font-size:2.1rem;font-weight:600;line-height:1.6;letter-spacing:-.021rem}
.slogan_wrap .bul_list{margin-top:.2rem}
.slogan_wrap .bul_list > li{font-size:1.8rem;font-weight:500;color:#555}

/* 엠블럼 */
.emblem_wrap .emblem{position: relative; height: 0; padding-top: 24%; margin-bottom: 6rem; font-size: 10px;}
.emblem_wrap .emblem .bg1{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../images/site/kor/sub/emblem_img01.png) no-repeat center center / cover; mix-blend-mode: multiply; text-indent: -9999px;}
.emblem_wrap .emblem .bg2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #12629D 51.44%, #EE424D 100%) no-repeat right center / contain; mix-blend-mode: multiply; text-indent: -9999px;}
.emblem_wrap .emblem >img{
    display: block; position: absolute; top: 50%; right: 5%; width: 42.6em;
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
}

.emblem_list{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin-top: 4rem; border-bottom: 1px solid #DDD;}
.emblem_list >li{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; position: relative; width: 50%; padding: 3rem 2rem; border-top: 1px solid #DDD; font-size: 10px;}
.emblem_list >li:first-child{width: 100%; justify-content: center;}
.emblem_list >li:before{
    content: ""; display: block; position: absolute; top: 50%; left: -1px; width: 1px; height: calc(100% - 6rem); background-color: #E9EDF7;
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.emblem_list >li >strong{display: block; width: 100%; color: #999; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.018rem;}
.emblem_list >li >img{display: block; width: 26.7em; height: 13.5em; margin-top: 1.5em;}
.emblem_list >li:first-child >img{display: block; width: 52.1em; height: 17.6em; margin-top: -1.5em;}
.emblem_list2{margin-top: 4rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.emblem_list2 >li{padding: 3rem 0; text-align: center; }
.emblem_list2 >li:not(:first-child){border-top: 1px solid #ddd;}
.emblem_list2 >li >strong{display: block; width: 100%; color: #999; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.018rem; text-align: left;}
.emblem_list2 >li >ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.emblem_list2 >li >ul >li{position: relative; font-size: 10px;}
.emblem_list2 >li >ul >li:not(:first-child){padding-left: 5%;}
.emblem_list2 >li >ul >li:not(:last-child){padding-right: 5%;}
.emblem_list2 >li >ul >li:not(:first-child):before{content: "";  display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #E9EDF7;}
.emblem_list2 >li >ul >li img{display: block; width: 20em;}
.emblem_color{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 1.1rem; margin-top: 4rem;}
.emblem_color >li{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; align-items: flex-start; width: calc((100% - 4.4rem) / 5); height: 40rem; padding: 3rem 2rem; background-color: #13639E;}
.emblem_color >li:nth-child(2){background-color: #EF434E;}
.emblem_color >li:nth-child(3){background-color: #000;}
.emblem_color >li:nth-child(4){background-color: #363536;}
.emblem_color >li:nth-child(5){background-color: #5C595C;}
.emblem_color >li >strong{display: block; color: #fff; font-size: 2.1rem; line-height: 1.2; letter-spacing: -0.021rem; font-weight: 600;}
.emblem_color >li >p{color: #fff !important; font-weight: 400; font-size: 1.6rem; line-height: 1.2; letter-spacing: -0.015rem;}
.emblem_btns{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem; margin-top: 6rem;}
.emblem_btns >li{width: 100%;}
.emblem_btns >li >a{width: 100%; height: 7rem; justify-content: center; text-align: left; }
.emblem_btns >li:first-child >a{border-width: 2px; border-color: #125A9B; background-color: #fff; color: #125A9B; font-weight: 700;}
.emblem_btns >li:first-child >a:hover{background-color: #125A9B; border-color: #125A9B; color: #fff;}
.emblem_btns >li:nth-child(2) >a{border-width: 2px; border-color: #E83941; background-color: #fff; color: #E83941; font-weight: 700;}
.emblem_btns >li:nth-child(3) >a{border-width: 2px; border-color: #000; background-color: #fff; color: #000; font-weight: 700;}
.emblem_btns >li:nth-child(2) >a:hover{background-color: #E83941; border-color: #E83941; color: #fff;}
.emblem_btns >li:nth-child(3) >a:hover{background-color: #000; border-color: #000; color: #fff;}
.emblem_btns >li:first-child >a:after{background-image: url(../../../images/site/kor/sub/emblem_img13.svg);}
.emblem_btns >li:nth-child(2) >a:after{background-image: url(../../../images/site/kor/sub/emblem_img14.svg);}
.emblem_btns >li:nth-child(3) >a:after{background-image: url(../../../images/site/kor/sub/emblem_img16.svg);}
.emblem_btns >li:first-child >a:hover:after,
.emblem_btns >li:nth-child(2) >a:hover:after,
.emblem_btns >li:nth-child(3) >a:hover:after{background-image: url(../../../images/site/kor/sub/emblem_img15.svg);}



.direction_wrap{}
.direction_wrap .d_box1{position: relative; height: 0; padding-top: 24%; margin-bottom: 6rem;background: url(../../../images/site/kor/sub/direction_img01.png) no-repeat right center / cover;}
.direction_wrap .d_box1 >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 6rem; font-size: 10px;}
.direction_wrap .d_box1 >div em{display: block; width: 100%; color: #363636; font-size: 2.1em; font-weight: 500; letter-spacing: -0.021rem; line-height: 1;}
.direction_wrap .d_box1 >div strong{display: block; width: 100%; margin-top: 2.4rem; color: #000; font-size: 3.4em; line-height: 1.6; letter-spacing: -0.034rem; font-weight: 500;}
.direction_wrap .d_box1 >div strong b{font-weight: 700;}
.direction_wrap .d_box1 >div strong span{color: #125A9B; font-weight: 700;}
.direction_wrap .d_box2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 6rem 2rem; padding-bottom: 6rem; border-bottom: 1px solid #ddd;}
.direction_wrap .d_box2 >li{width: calc((100% - 4rem) / 3);}
.direction_wrap .d_box2 >li:before{content: ""; display: block; width: 21rem; height: 21rem; margin: 0 auto; background: url(../../../images/site/kor/sub/direction_img02.png) no-repeat center center / 100% auto;}
.direction_wrap .d_box2 >li:nth-child(2):before{background-image: url(../../../images/site/kor/sub/direction_img03.png);}
.direction_wrap .d_box2 >li:nth-child(3):before{background-image: url(../../../images/site/kor/sub/direction_img04.png);}
.direction_wrap .d_box2 >li >div{margin-top: 1.4rem; text-align: center;}
.direction_wrap .d_box2 >li >div >strong{display: block; font-size: 2.4rem; color: #000; line-height: 1.2; letter-spacing: -0.024rem; font-weight: 700;}
.direction_wrap .d_box2 >li >div >p{width: 100%; max-width: 420px; margin: 0 auto; margin-top: 1.4rem; color: #333; font-size: 1.8rem; font-weight: 500; line-height: 1.6; letter-spacing: -0.018rem; word-break: keep-all;}
.direction_wrap .d_box2 >li >div >p b{color: #151515; font-weight: 700;}
.direction_wrap .d_box2 >li >p{margin-top: 6rem; color: #333; font-size: 1.8rem; font-weight: 500; line-height: 1.6; letter-spacing: -0.018rem; word-break: keep-all; text-align: center;}
.direction_wrap .d_box2 >li >p b{color: #151515; font-weight: 700;}
.direction_wrap .title1{display: block; margin-top: 6rem; color: #000; font-size: 2.6rem; font-weight: 700; letter-spacing: -0.026rem;}
.direction_wrap .d_box3{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 5rem 4rem; margin-top: 4rem;}
.direction_wrap .d_box3 >li{width: calc((100% - 4rem) / 2);}
.direction_wrap .d_box3 >li >span{display: block; height: 0; position: relative; padding-top: 29.199%; text-indent: -9999px;}
.direction_wrap .d_box3 >li >span:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../images/site/kor/sub/direction_img06.png) no-repeat center center / cover;}
.direction_wrap .d_box3 >li:nth-child(2) >span:before{background-image: url(../../../images/site/kor/sub/direction_img07.png);}
.direction_wrap .d_box3 >li:nth-child(3) >span:before{background-image: url(../../../images/site/kor/sub/direction_img08.png);}
.direction_wrap .d_box3 >li:nth-child(4) >span:before{background-image: url(../../../images/site/kor/sub/direction_img09.png);}
.direction_wrap .d_box3 >li >strong{display: block; margin-top: 2rem; color: #000; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.024rem; line-height: 1.4;}
.direction_wrap .d_box3 >li >p{margin-top: 1.4rem; font-size: 1.8rem; font-weight: 500; line-height: 1.6; letter-spacing: -0.018rem;}

/* 독립운동 정보 */
.infoLink{display:flex}
.infoLink > li{flex:1;margin-right:5rem}
.infoLink > li:last-child{margin-right:0}
.infoLink > li a{display:block}
.infoLink > li .item{position:relative;overflow:hidden;background:#000}
.infoLink > li .item img{width:100%;height:100%;object-fit:cover;transition:all .3s}
.infoLink > li .item .title{position:absolute;left:0;bottom:0;padding:0 4rem 4rem;color:#fff;font-size:3rem;font-weight:700;letter-spacing:-.03rem}
.infoLink > li .item .title:after{content:"";display:block;margin-top:2rem;width:3.4rem;height:3.4rem;background:url(../../../images/site/kor/sub/icon_blank.svg) center / contain no-repeat}
.infoLink > li > a:hover .item img,
.infoLink > li > a:focus .item img{transform:scale(1.1);opacity:.7}

/* 개인정보처리방침 */
.privacy{font-size:1.6rem}
.privacy .tit_img{display:inline-block;vertical-align:middle}
.privacy .tit_img img{margin-top:-.5rem;vertical-align:middle;margin-right:.6rem}
.privacy .title1{margin-top:6rem;padding-bottom:1.5rem;border-bottom:1px solid #151515}
.privacy .tit_box{position:relative;margin:6rem 0 1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #151515}
.privacy .tit_box:after{content:"";display:block;clear:both}
.privacy .tit_box .title1{float:left;margin:0;padding-bottom:0;border-bottom:0}
.privacy .tit_box .bLink_list{float:right}
.privacy_label{margin:4rem 0 6rem;border-top:2px solid #151515;border-bottom:1px solid #151515}
.privacy_label > .title{display:block;text-align:center;padding:1.8rem;background:#f8f8f8;color:#222;line-height:1.8rem;border-bottom:1px solid #ddd}
.privacy_label .list{display:flex;flex-wrap:wrap;}
.privacy_label .list > li{width:33.3%;padding:2.3rem 4rem;border-width:1px 0 0 1px;border-style:solid;border-color:#eee}
.privacy_label .list > li:nth-child(3n + 1){border-left:0}
.privacy_label .list > li:nth-child(-n + 3){border-top:0}
.privacy_label .list .item{position:relative;display:flex;align-items:center;min-height:6rem;padding-left:8rem}
.privacy_label .list .item .icon{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;background:#f8f8f8;border-radius:100%}
.privacy_label .list .item .desc{color:#151515;font-size:1.6rem;font-weight:500;letter-spacing:-.016rem}
.privacy_label .list .item .desc .title{display:block;margin-bottom:.4rem;font-size:1.8rem;font-weight:500;letter-spacing:-.018rem}
.privacy_list{display:flex;flex-wrap:wrap;width:calc(100% + 2rem)}
.privacy_list > li{position:relative;padding-left:2.5rem;width:calc(50% - 2rem);margin:1.5rem 2rem 0 0;color:#151515;font-weight:500;letter-spacing:-.016rem;font-size:1.6rem}
.privacy_list > li:before{content:" • ";position:absolute;left:1rem;top:0}
.ol_type > li + li{margin-top:1.4rem}
.ol_type [class^="bul_list"],
.ol_type [class^="ol_type"]{margin-top:.4rem;padding-left:.8rem}
.ol_type2 > li + li{margin-top:.6rem}

.bLink_list{display:flex}
.bLink_list > li{position:relative;margin-right:1.2rem;padding-right:1.4rem}
.bLink_list > li > a{color:#125A9B}
.bLink_list > li:before{content:"";position:absolute;right:0;top:.5rem;height:1.4rem;border-left:1px solid #d9d9d9}
.bLink_list > li:last-child{margin-right:0;padding-right:0}
.bLink_list > li:last-child:before{display:none}
.bLink_list > li a:hover,
.bLink_list > li a:focus{text-decoration:underline}

.con_txt_box01{padding:.8rem 0 0 .8rem}
.img_box{margin:4rem 0;text-align:center}

/* 사이트맵 */
.sitemap > ul{display:flex;gap:0 3rem;color:#151515}
.sitemap > ul > li{flex:1}
.sitemap a{transition:all .3s}
.sitemap a:hover,
.sitemap a:focus{color:var(--color-main);text-decoration:underline}
.sitemap > ul.depth-01 > li > a{display:none}
.sitemap > ul > li .tit{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;height:10rem;font-size:1.8rem;font-weight:700;color:#151515;letter-spacing:-.018rem;background-position:center;background-repeat:no-repeat;background-size:cover}
.sitemap > ul > li:nth-child(1) .tit{background-image:url(../../../images/site/kor/sub/img_sitemap_1.jpg)}
.sitemap > ul > li:nth-child(2) .tit{background-image:url(../../../images/site/kor/sub/img_sitemap_2.jpg)}
.sitemap > ul > li:nth-child(3) .tit{background-image:url(../../../images/site/kor/sub/img_sitemap_3.jpg)}
.sitemap > ul > li:nth-child(4) .tit,
.sitemap > ul > li:nth-child(5) .tit{background-image:url(../../../images/site/kor/sub/img_sitemap_4.jpg)}
.sitemap .depth-02{margin:0 1rem}
.sitemap .depth-02 > li{position:relative;padding-left:1.5rem;margin-top:1.5rem}
.sitemap .depth-02 > li > a{font-size:1.7rem;font-weight:500}
.sitemap .depth-02 > li:before{content:"•";position:absolute;left:0;top:-.1rem}
.sitemap .depth-03 > li{position:relative;padding-left:1.5rem;line-height:1.6}
.sitemap .depth-03 > li > a{font-size:1.6rem;font-weight:400}
.sitemap .depth-03 > li:before{content:"-";position:absolute;left:0;top:0}

.evnet_page{}
.evnet_page .txt_bg{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 6rem 4rem; background: url(../../../images/site/kor/sub/event_img01.png) no-repeat center center / cover; }
.evnet_page .txt_bg.ty_2{background-image: url(../../../images/site/kor/sub/event_img07.png); background-position: right top;}
.evnet_page .txt_bg >strong{display: block; width: 100%; text-align: center; color: #FFF; font-size: 2.6rem; font-weight: 700; line-height: 1.4;}
.evnet_page .txt_bg >p{display: block; width: 100%; margin-top: 2rem; text-align: center; color: #fff; line-height: 1.6; letter-spacing: -0.016rem; }
.evnet_page .txt_bg >a{
    display: inline-flex; align-items: center; justify-content: center; height: 5rem; margin-top: 4rem; padding: 0 3.2rem; border: 1px solid #214687; background-color: #fff; font-size: 1.8rem; color: #151515; font-weight: 700; line-height: 1; letter-spacing: -0.018rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
.evnet_page .txt_bg >a:hover{background-color: #151515; color: #fff;}
.evnet_page .txt_bg + .row_cont{margin-top: 6rem;}
.evnet_page .ico_bx{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;gap: 1rem 2rem;margin-top: 2.5rem;}
.evnet_page .ico_bx >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.4rem; width: calc((100% - 2rem) / 2);}
.evnet_page .ico_bx >li:before{content: ""; display: block; width: 5.4rem; height: 5.4rem; background: #F8F8F8 url(../../../images/site/kor/sub/event_img02.svg) no-repeat center center / 100% auto; border-radius: 50%;}
.evnet_page .ico_bx >li:nth-child(2):before{background-image: url(../../../images/site/kor/sub/event_img03.svg);}
.evnet_page .ico_bx >li:nth-child(3):before{background-image: url(../../../images/site/kor/sub/event_img04.svg);}
.evnet_page .ico_bx >li:nth-child(4):before{background-image: url(../../../images/site/kor/sub/event_img05.svg);}
.evnet_page .ico_bx >li div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: calc(100% - 1.4rem - 5.4rem); min-height: 5.4rem;}
.evnet_page .ico_bx >li div strong{display: block; position: relative; width: 100%; padding-left: 2rem; color: #151515; font-weight: 600; line-height: 1.6; letter-spacing: -0.018rem;}
.evnet_page .ico_bx >li div strong em{position: absolute; top: 0; left: 0;}
.evnet_page .ico_bx >li div p,
.evnet_page .ico_bx >li div ul{padding-left: 1.4rem; color: #555; font-size: 1.6rem; line-height: 1.4;}
.evnet_page .ico_bx >li div strong + p{margin-top: 0.6rem;}
.evnet_page .btn_area{padding-top: 3rem; border-top: 1px solid #151515;}
.evnet_page .btn_area .btn.blue{height: auto; padding: 1rem 3.2rem; line-height: 1.4;}
.evnet_page .ico_bx +.gray_box{margin-top: 2rem;}
.evnet_page .certi_agree_wrap{margin-bottom: 0; border-top: 1px solid #151515;}
.evnet_page .certi_agree_wrap .agree_box .form_radio label{font-size: 1.6rem;}
.evnet_page .certi_agree_wrap .certi_gray{margin-top: 0; font-size: 1.6rem;}
.evnet_page .certi_agree_wrap .certi_gray{border-bottom: 1px solid #DDD;}
.evnet_page .ad_input{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap:1rem; width: 100%; max-width: 810px;}
.evnet_page .ad_input input{width: calc(100% - 1rem - 9.5rem);}
.evnet_page .ad_input a{width: 9.5rem;}
.evnet_page .ad_input + input{width: 100%; max-width: 810px; margin-top: 0.7rem; margin-right: 1.5rem;}
.evnet_page .ad_input_txt{white-space: nowrap; font-size: 1.6rem; font-weight: 500; color: #555;}
.evnet_page .ad_input_btns{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.7rem 2rem;}
.evnet_page .ad_input_btns a,
.evnet_page .ad_input_btns button{margin-left: auto; }

[data-skin="popup"]{
    display: flex; opacity: 0; visibility: hidden; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; padding: 2rem; background-color: rgba(0,0,0,0.7);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-skin="popup"].on{opacity: 1; visibility: visible; z-index: 999; }
[data-skin="popup"] .inners{overflow-x: hidden; overflow-y: auto; position: relative; width: 640px; max-width: calc(100% - 4rem); height: auto; max-height: calc(100% - 4rem); background-color: #fff;}
[data-skin="popup"] .inners >.titles{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: auto; min-height: 24rem; padding: 2rem; background: url(../../../images/site/kor/sub/event_img01.png) no-repeat center center / cover; color: #FFF; font-size: 2.6rem; font-weight: 500; text-align: center; line-height: 1.4;}
[data-skin="popup"] .inners >.titles.ty_2{background-image: url(../../../images/site/kor/sub/event_img07.png);}
[data-skin="popup"] .inners >.desc{padding: 4rem; color: #151515; line-height: 1.6; text-align: center; }
[data-skin="popup"] .inners >.desc >strong{display: block; margin-bottom: 1rem; font-size: 2.1rem; font-weight: 700; letter-spacing: -0.021rem; text-align: left; }
[data-skin="popup"] .inners >.desc >p{display: block; font-size: 1.6rem; letter-spacing: -0.016rem; text-align: left; }
[data-skin="popup"] .inners >.desc a{margin-top: 4rem;}
[data-skin="popup"] .inners >.close{
    display: block; position: absolute; top: 2rem; right: 2rem; width: 2.5rem; height: 2.5rem; background: url(../../../images/site/kor/sub/event_img06.svg) no-repeat center center / 100% auto; text-indent: -9999px;
    -webkit-transform: rotate(0); transform: rotate(0);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-skin="popup"] .inners >.close:hover{
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}

.form_rrn{position: relative; }
#keypad,
#acmpKeypad{
    visibility: hidden; opacity: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 0.4rem; position: absolute; right: 0; top: calc(100% + 0.2rem); z-index: 1; width: 100%; max-width: 22.5rem; padding: 1rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.4rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#keypad.on,
#acmpKeypad.on{visibility: visible; opacity: 1;}
#keypad >a,
#acmpKeypad >a{
    display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 3rem; height: 3rem; font-size: 1.4rem; border: 1px solid #ddd; border-radius: 0.4rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#keypad >a:hover,
#keypad >a:focus,
#acmpKeypad >a:hover,
#acmpKeypad >a:focus{background-color: #214687; color: #fff; border-color: #214687;}

.introduce_1{margin-top: -3rem;}
.introduce_1:after{content: ""; display: block; clear: both;}
.introduce_1 .imgs{float: left; position: relative; z-index: 1; width: 45.5rem; margin-right: 6rem; margin-bottom: 6rem; padding-top: 11.3rem; padding-right: 5.4rem;}
.introduce_1 .imgs >*{position: relative;}
.introduce_1 .imgs:before{content: ""; display: block; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: linear-gradient(270deg, #EF434E 0%, #125A9B 44.54%);}
.introduce_1 .imgs:after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../images/site/kor/sub/introduce_img02.png);}
.introduce_1 .imgs >div >img{position: relative; z-index: 1; max-width: 350px;}
.introduce_1 .imgs >div >div{position: absolute; top: 0; right: 0; color: #FFF; font-size: 2.4rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.024rem; text-align: center;}
.introduce_1 .imgs >div >div b{display: block; font-size: 10px; }
.introduce_1 .imgs >div >div b img{display: block; width: 27.9em; height: auto; margin-top: 2.5em;}
.introduce_1 .txts{padding-top: 6rem;}
.introduce_1 .txts >strong{display: block; margin-bottom: 2rem; color: #000; font-size: 3rem; font-weight: 700; line-height: 1.6; letter-spacing: -0.026rem;}
.introduce_1 .txts >p{color: #333; font-size: 1.8rem; font-weight: 500; line-height: 1.6; letter-spacing: -0.018rem;}
.introduce_1 .txts >p+p{margin-top: 2rem;}
.introduce_1 .txts >em{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; gap: 2.6rem; margin-top: 3rem; color: #000; font-size: 2.1rem; font-weight: 700; line-height: 1.6; letter-spacing: -0.021rem;}
.introduce_1 .txts >em span{display: inline-block; font-size: 10px;}
.introduce_1 .txts >em span img{display: block; width: 9.7em; height: 4.7em}

/*-------------------------------------------------------------------
@media
-------------------------------------------------------------------*/
@media screen and (max-width:1440px){
    .introduce_1 .imgs{max-width: 50%; padding-top: 6.3rem; margin-right: 4rem; margin-bottom: 2rem;}
    .introduce_1 .imgs >div >img{display: block; max-width: 85%;}
    .introduce_1 .imgs >div >div{top: auto; bottom: 5rem;}
}
@media screen and (max-width:1360px){
    .slogan_wrap .slogan .img img{opacity:.4}
}
@media screen and (max-width:1280px){
    .page_ready > strong{font-size:2.8rem;top:7rem}

    .intro_list > li{width:calc(50% - 1.5rem)}
    .infoLink > li{margin-right:3rem}
    .infoLink > li .item .title{font-size:2.7rem}

    .evnet_page .ico_bx{gap: 1rem;}
    .evnet_page .ico_bx >li{width: 100%;}

    .emblem_wrap .emblem{font-size: 9px;}

    .emblem_color{gap: 0.7rem;}
    .emblem_color >li{flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; height: auto; padding: 2rem 3rem 2rem 2rem;}
    .emblem_btns{gap: 2rem; margin-top: 5rem;}
}
@media screen and (max-width:1024px){
    .page_ready{height:70rem}
    .page_ready > img{width:100%;height:100%;object-fit:cover}

    .guide_wrap::before{background-size:120%}

    .slogan_wrap .slogan{height:auto}
    .slogan_wrap .slogan .img{position:relative;height:auto}
    .slogan_wrap .slogan .img img{position:relative;opacity:1;max-width:100%}

    .infoLink > li{margin-right:2rem}
    .infoLink > li .item .title{font-size:2.3rem}

    .sitemap > ul{flex-wrap:wrap;gap:2rem 2rem}
    .sitemap > ul > li{flex:none;width:calc(50% - 1rem)}

    .emblem_wrap .emblem{font-size: 8px;}
    .emblem_list >li{padding: 2.5rem 2rem; font-size: 8px;}
    .emblem_list2 >li{padding: 2.5rem 0;}
    .emblem_list2 >li >ul >li{font-size: 7.5px;}
    .emblem_btns >li >a{height: 6rem;}

    .direction_wrap .d_box1{margin-bottom: 5rem;}
    .direction_wrap .d_box1 >div{padding: 4rem; font-size: 8px;}
    .direction_wrap .d_box1 >div strong{margin-top: 1.6rem;}
    .direction_wrap .d_box2{padding-bottom: 5rem; gap: 3rem 2rem;}
    .direction_wrap .d_box2 >li >p{margin-top: 4rem;}
    .direction_wrap .title1{margin-top: 4rem;}
    .direction_wrap .d_box3{margin-top: 2.6rem; gap: 3rem 2rem;}
    .direction_wrap .d_box3 >li >span{padding-top: 40%;}
    .direction_wrap .d_box3 >li >strong{margin-top: 1.6rem; font-size: 2.2rem;}
    .direction_wrap .d_box3 >li >p{margin-top: 0.8rem; font-size: 1.7rem;}

    .introduce_1 .imgs{padding-right: 3rem;}
    .introduce_1 .imgs >div >div{font-size: 2rem;}
    .introduce_1 .imgs >div >div b{font-size: 8px;}
    .introduce_1 .txts{padding-top: 3rem;}
    .introduce_1 .txts >em span{font-size: 8px;}

}
@media screen and (max-width:900px){
    .emblem_btns{flex-wrap: wrap; gap: 0.8rem; margin-top: 3rem;}
}
@media screen and (max-width:860px){
    .cert_lst{width:100%;gap:2rem 0}
    .cert_lst > li{flex:none;width:100%}
    .cert_lst > li .item{flex-direction:row}
    .cert_lst > li .item .icon{display:flex;align-items:center;flex-shrink:0;margin-right:4rem}
    .cert_lst > li .item .icon img{margin-bottom:0}
    .cert_lst > li .item .desc_wrap{text-align:left;width:100%}
    .cert_lst > li .item .desc br{display:none}
    .cert_lst > li .item .btn_box{justify-content:flex-start}

    .organ .top_side{padding-right:14rem}
    .organ .top_side.t2{padding-left:14rem}

    .directions{display:block}
    .directions .map{width:100%}
    .directions .detail{margin-top:4rem}

    .privacy_label .list > li{width:50%}
    .privacy_label .list > li:nth-child(3n + 1){border-left:1px solid #eee}
    .privacy_label .list > li:nth-child(2n + 1){border-left:0}
    .privacy_label .list > li:nth-child(-n + 3){border-top:1px solid #eee}
    .privacy_label .list > li:nth-child(-n + 2){border-top:0}

    .emblem_wrap .emblem{font-size: 6.5px;}
    .emblem_list >li{padding: 2rem; font-size: 6px;}
    .emblem_list2 >li{padding: 2rem 0;}
    .emblem_list2 >li >ul{margin-top: 1rem;}
    .emblem_list2 >li >ul >li{font-size: 6px;}
    .emblem_list2 >li >ul >li:not(:first-child){padding-left: 3%;}
    .emblem_list2 >li >ul >li:not(:last-child){padding-right: 3%}
}
@media screen and (max-width:768px){
    .page_ready{height:45rem}
    .page_ready > strong{top:5rem}

    #content .con-tit-wrap{border-bottom:0}
    .form_inputT .table colgroup col:first-child{width:16rem !important}
    .intro_list > li{width:100%}
    .intro_list > li .desc .name{font-size:2.2rem}
    .intro_list > li .desc .name > span,
    .intro_list > li .desc .lst > li{font-size:1.8rem}

    .infoLink > li{margin-right:1rem}
    .infoLink > li .item .title{padding:0 2.5rem 2.5rem}

    .scroll-table .scroll-guide {display: block;}
    .scroll-table .table{width:80rem}
    /*
    .apply-calendar .times{display:none}
    .apply-calendar table td{height:7rem;text-align:center;vertical-align:middle}
    .apply-calendar table td .day{font-size:2rem;margin-bottom:0}
    .apply-calendar table td.link::after{content:"";position:absolute;left:50%;top:5rem;width:1rem;height:1rem;border-radius:100%;background:var(--color-main);transform:translateX(-50%)}
    */
    .directions .detail > li .title{font-size:2rem}
    .directions .detail > li .desc{font-size:1.8rem}

    .emblem_wrap .emblem{min-height: 16rem; margin-bottom: 4rem; font-size: 6px;}
    .emblem_list{margin-top: 3rem;}
    .emblem_list2{margin-top: 3rem;}
    .emblem_color{margin-top: 3rem; gap: 0.4rem;}
    .emblem_btns >li >a{height: 5.6rem;}

    .direction_wrap .d_box1{margin-bottom: 2rem; height: auto; min-height: none; background: none; padding-top: 16rem;}
    .direction_wrap .d_box1:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 16rem; background: url(../../../images/site/kor/sub/direction_img10.png) no-repeat right center / cover;}
    .direction_wrap .d_box1 >div{position: relative; width: 100%; height: auto; padding: 4rem 2rem 3rem; font-size: 6px;}
    .direction_wrap .d_box1 >div strong{margin-top: 2rem; line-height: 1.2;}
    .direction_wrap .d_box1 >div strong br{display: none;}

    .introduce_1 .imgs >div >div b{font-size: 7px;}
    .introduce_1 .imgs >div >div b img{margin-top: 1.75em;}
}
@media (max-width: 767px){
    .auth-inner.type-short .page-title-wrap{display: block; margin-bottom: 3rem;}
    .auth-inner.type-short .login-opt-wrap{display: block; padding-bottom: 2rem; border-top: 1px solid #D8D8D8;}
    .auth-inner.type-short .conts-area.login-type{}
}
@media screen and (max-width:640px){
    #content .con-tit-wrap{padding-bottom:0;margin-bottom:1.4rem}
    .con-body-wrap.type_board{margin-top:-4rem}
    .top_tab_menu > li > a{padding:0 2rem}
    .title1 ~ .title1{margin-top: 4rem;}
    /*
    .apply-calendar .hd .control{top:-1.5rem}
    .apply-calendar .hd .control .now{margin:0 1.5rem}
    .apply-calendar .times > li{display:block}
    */
    .form_inputT .table th,
    .form_inputT .table td{padding:1.3rem 1.5rem}

    .row_cont{flex-direction:column}
    .row_cont ~ .row_cont{margin-top: 2.4rem;}
    .row_cont .title{width:100%;margin-bottom:1rem}
    .row_cont .title br{display: none;}

    .organ:before{left:calc(19.8rem / 2);height:calc(100% - 4rem)}
    .organ .organ_top{padding-bottom:11rem}
    .organ .organ_top .top_box{margin:0 auto 0 0}
    .organ .organ_top .top_box strong{font-size:2.2rem}
    .organ .organ_top .top_box p{font-size:1.8rem}
    .organ .top_side{right:0;left:calc(19.8rem / 2);padding:0 0 0 12rem}
    .organ .top_side.t2{top:21.5rem;left:calc(19.8rem / 2);width:calc(100% - 10rem);padding:0 0 0 12rem}
    .organ .top_side > span{width:100%;font-size:2rem}
    .organ .mid_list{flex-direction:column;align-items:flex-end;padding-left:calc(19.8rem / 2)}
    .organ .mid_list > li{margin:0 0 1.5rem;padding-top:0;padding-left:5rem;width:100%}
    .organ .mid_list > li:before{display:none}
    .organ .mid_list > li:after{width:100%;top:50%;left:0}
    .organ .mid_list > li:last-child:after{display:block}
    .organ .mid_list > li > span{font-size:1.8rem}
    .organ .bottom{padding-top:18rem}
    .organ .bot_st{left:0;top:5rem;width:100%;transform:translate(0)}

    .intro_info > li{flex:none;width:33.3%;}
    .intro_info > li:nth-child(4n + 1){border-right:1px solid #d8d8d8}
    .intro_info > li:nth-child(3n){border-right:0}

    .infoLink{display:block}
    .infoLink > li{margin-right:0}
    .infoLink > li + li{margin-top:3rem}
    .infoLink > li .item{height:48rem}

    .guide_wrap{display:block}
    .guide_wrap::before{background-size:160%}
    .guide_wrap .img{margin-right:0}
    .guide_wrap .btn_area{text-align:center}
    .guide_wrap .btn_area >a{justify-content: center; width: 100%; height: auto; padding: 1rem;}

    .privacy_label .list > li{padding:2rem}

    .evnet_page .txt_bg + .row_cont{margin-top: 4rem;}
    .evnet_page .txt_bg{padding: 4rem 2.5rem;}
    .evnet_page .ico_bx >li{align-items: flex-start;}
    .evnet_page .ico_bx >li div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: 100%;}

    [data-skin="popup"] .inners >.titles{min-height: 20rem; font-size: 2.4rem;}
    [data-skin="popup"] .inners >.desc >strong{font-size: 2rem; margin-bottom: 0.8rem; line-height: 1.6;}
    [data-skin="popup"] .inners >.desc{padding: 2rem;}
    [data-skin="popup"] .inners >.desc a{margin-top: 3rem;}

    .emblem_wrap .emblem{font-size: 5px;}

    .direction_wrap .d_box1 >div{position: relative; width: 100%; height: auto; padding: 3rem 2rem 2rem; font-size: 6px;}
    .direction_wrap .d_box2{padding-bottom: 4rem; gap: 3rem;}
    .direction_wrap .d_box2 >li{gap: 1.6rem; width: 100%;}
    .direction_wrap .d_box2 >li >div >strong{font-size: 2.3rem; margin-bottom: 0.6rem;}
    .direction_wrap .d_box2 >li >p{margin-top: 2rem;}
    .direction_wrap .d_box3{margin-top: 1.6rem; gap: 2.4rem;}
    .direction_wrap .d_box3 >li{width: 100%;}

    .introduce_1 .imgs{margin-right: 3rem; padding-top: 4rem; padding-right: 2rem;}
    .introduce_1 .imgs >div >div{bottom: 2rem; font-size: 1.7rem;}
    .introduce_1 .imgs >div >div b{font-size: 5px;}
    .introduce_1 .imgs >div >div b img{margin: 0 auto;margin-top: 1.5em;}
    .introduce_1 .txts >strong{line-height: 1.4;}
    .introduce_1 .txts >em{gap: 1.75rem;}
    .introduce_1 .txts >em span{font-size: 6px;}
}
@media screen and (max-width:500px){
    .form_inputT .table th,
    .form_inputT .table td{display:block}
    .form_inputT .table tbody tr:last-child th{border-bottom:1px solid var(--color-gray-30)}
    .form_inputT .table th{border-right: none;}
    .form_inputT .table td{border-left: none; border-left: none;}
    .form_inputT .table tr:not(:first-child) td{border-top: none;}
    .form_inputT .table tr:not(:last-child) td{border-bottom: none;}
    .input_file{flex-wrap:wrap}
    .input_file .file_guide{margin:1rem 0 0;width:100%}
    .agree_box{padding:1.9rem 0}

    .sitemap > ul{width:100%;gap:5rem 0}
    .sitemap > ul > li{margin:0;width:100%}

    .intro_info > li{width:50%}
    .intro_info > li:nth-child(3n + 1),
    .intro_info > li:nth-child(3n){border-right:1px solid #d8d8d8}
    .intro_info > li:nth-child(2n){border-right:0}

    .slogan_wrap .txt_wrap{padding:4rem 2rem 0}
    .slogan_wrap .l_box{width:auto;margin-right:3rem}
    .slogan_wrap .tit{font-size:2.8rem}
    .slogan_wrap .txt{font-size:2rem}

    .emblem_list{flex-direction:column;gap:2rem 0}
    .emblem_list > li{margin-right:0;padding:2rem}

    .privacy_list{width:100%}
    .privacy_list > li{width:100%;margin-right:0}
}
@media screen and (max-width:500px){
    .emblem_list > li{padding: 1.5rem;}
    .emblem_list >li{width: 100%; justify-content: center; font-size: 5px;}
    .emblem_list >li:first-child >img{width: 26rem; height: auto; margin-top: 1.5em;}
    .emblem_list2 >li >ul >li{font-size: 5px;}
}
@media screen and (max-width:450px){
    .privacy_label .list > li{padding:1.5rem}
    .privacy_label .list .item{flex-direction:column;padding-left:0;text-align:center}
    .privacy_label .list .item .icon{position:relative;margin-bottom:2rem}

    .emblem_color >li{padding: 1.5rem;}
    /*.emblem_color >li >strong{width: 100%; margin-bottom: 2rem;}*/

    .intro_list > li{display: block;}
    .intro_list > li .img{margin: 0 auto;}
    .intro_list > li .desc{width: 100%; margin-top: 1rem; padding-left: 0;}
    .intro_list > li .desc .name{text-align: center; }

    .introduce_1 .imgs{overflow: hidden; float: none; width: 100%; height: 35rem; max-width: 100%; margin-bottom: 0;}
    .introduce_1 .imgs >div >img{width: 29rem;}
}
@media screen and (max-width:400px){
    .top_tab_menu > li > a{height:5.5rem;padding:0 2rem}
    .cert_lst > li .item{padding:3rem 2rem}

    .emblem_wrap .emblem{font-size: 4.5px;}
    .emblem_list2 >li >ul{display: inline-flex; width: 100%;}
    .emblem_list2 >li >ul >li{width: 100%; font-size: 5.5px;}
    .emblem_list2 >li >ul >li:not(:first-child){padding-left: 0; padding-top: 1rem;}
    .emblem_list2 >li >ul >li:not(:last-child){padding-right: 0; padding-bottom: 1rem;}
    .emblem_list2 >li >ul >li:not(:first-child):before{display: none; width: 20rem; height: 1px; left: 50%;}
    .emblem_list2 >li >ul >li img{margin: 0 auto; }

    .slogan_wrap .txt_wrap{flex-direction:column}
    .slogan_wrap .txt{margin-top:2rem;text-align:right}
}


@keyframes fadeInOut {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.fade-opacity {
    animation: fadeInOut 1s infinite; /* 1초 주기로 반복 */
}

.red{color:#d10000;}
/* 팝업 */
.popup{display: none; flex-direction:column; justify-content:center; position:absolute; top:50%; left:50%; z-index:100; width:350px; height:auto; padding: 20px 10px; background:#fff; border:1px solid #000; text-align:center; box-sizing: border-box; transform:translate(-50%, -50%); border-radius: 6px;}
.popup .head{position: relative; padding-bottom: 15px; border-bottom: 1px solid #C4C4C4; box-sizing: border-box;}
.popup .head strong{display: block; font-size: 24px;}
.popup .head .close_btn,
.popup .head .btn_close{position: absolute; top: 0; right: 0; width: 30px; height: 30px; text-indent: -9999px;}
.popup .head .close_btn:after,
.popup .head .btn_close:after{content: "\00d7"; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size:33px; text-indent: 0;}
.popup .midd{margin-top: 30px;margin-bottom: 20px;}
.popup .foot input{width: 60%;}
.popup .foot .btn_group{margin-top: 30px;}