@media screen and (max-width:1400px)  {

/* .pc_img  {display:none;}
.tab_img  {display:block;}
.mob_img  {display:none;}*/
.pc  {display:none;}
.tab  {display:block;}
.mob  {display:none;}

/* ============================ */
/* ========== layout ========== */

#wrap  {position:relative; width:100%; max-width:1400px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner {width:100%; margin:0 auto; padding: 0 3.3%; }

a {position: relative;}

a:focus::before,
button:focus::before {content:'';position: absolute;left: 50%;top: 50%; transform:translate(-50%,-50%); width: calc(100% + 10px); height: calc(100% + 10px);border:4px dashed transparent;z-index: 9999; outline:0;}

button:focus-visible::before,
a:focus-visible::before {content:'';position: absolute;left: 50%;top: 50%; transform:translate(-50%,-50%); width: calc(100% + 10px); height: calc(100% + 10px);border:4px dashed var(--co01);z-index: 9999;outline:0;}

a.skip01,
a.skip02 {position: absolute;top: -50px;left: 0;display: flex;align-items: center; justify-content: center;background: var(--co01);width: 100%;height: 40px;color: #fff;font-weight: 700;text-align: center;z-index: 9999;font-size: 16px;}

a.skip01:focus,
a.skip02:focus {top: 0;}

/** 상단 **/
/* header */
#header .h_top .inner {height: 40px;}	
#header .h_top a {font-size: 14px;}
#header .h_top .left {display: flex; align-items: center;gap:20px;}
#header .h_top .left a {gap:6px;}
#header .h_top .left a img {width: 13px;}
#header .h_top .right {gap:15px;}
#header .h_top .right a {font-size:14px;padding: 6px 20px;}

/* gnb */
#header .h_bot .inner {display: flex;align-items: center; justify-content: space-between; height: 70px;}
#header .h_bot h1 a img {width: 170px;}
#header .h_bot ul.gnb {display: none;gap:70px;} 
#header .h_bot ul.gnb li a {display: flex;font-size: 17px; color: #333; font-weight: 500;}
#header .h_bot .right {display: flex;gap:24px;align-items: center;}

#header .h_bot .right .all_btn {display: none;}

/* gnb 전체메뉴 버튼 */
.nav_btn {display: block;position: relative; width: 26px;	height: 18px;	height: 700;}
.nav_btn a {display: block; width: 100%; height: 100%;}
.nav_btn::before {content:'';position: absolute; top: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
.nav_btn::after {content:'';position: absolute; bottom: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
.nav_btn span {display: block;position: absolute; top: 8px; right: 0;width: 100%; height: 2px; background: #333;}

#header.nav .nav_btn::before {transform:rotate(45deg);top: 8px;}
#header.nav .nav_btn::after {transform:rotate(-45deg);bottom: 8px;}
#header.nav .nav_btn span {opacity: 0;}

/* gnb 검색창 */
.search_pop {top: 112px;}
.search_pop .search form input[type="text"]{height: 35px;font-size: 16px;}
.search_pop .search a.search_btn img {width:20px;}

/* 모바일 gnb 메뉴 */
.navigation {display: none;position: absolute;top: 112px; right: 0;height: 100%;background: #fff;width: 580px; z-index: 8000;}
.navigation.open {display: block;}
.navigation .nav_wrap {display: flex;height: 100%;}
.navigation .depth01_wrap {width: 240px; background: #eef4f9;flex-shrink: 0;}
.navigation .depth01_wrap a {display: flex;align-items: center;height: 70px;padding: 0px 20px;font-size: 18px; color: #333;font-weight: 500;line-height: 1.4;}
.navigation .depth01_wrap a.on {color: #00569f;background: #fff;}

.navigation .menu_wrap { width: 100%; padding: 10px 20px; }
.navigation .depth02_wrap h3 {border-bottom: 1px solid #ddd;}
.navigation .depth02_wrap h3 a {display: flex;align-items: center;height: 57px;font-size: 19px; color: #333; font-weight: 500;}
.navigation .depth02_wrap > ul {padding: 20px 0px 40px;}
.navigation .depth02_wrap > ul > li > a {font-size: 17px; color: #777; line-height: 40px;}
.navigation .depth02_wrap ul li.depth02_btn {position: relative;display: block;} 
.navigation .depth02_wrap ul li.depth02_btn::after {content:'';position: absolute;right: 0; top: 16px; background: url(/images/kor/main/nav_bt_tab.png)center no-repeat; width: 15px; height: 8px; background-size: cover;}
.navigation .depth02_wrap ul li.depth02_btn.on::after {background: url(/images/kor/main/nav_top_tab.png)center no-repeat;background-size: cover;}
.navigation .depth02_wrap ul li.depth02_btn ul.depth03 {display: none;padding: 15px;margin: 15px 0;background: #f5f5f5; border-radius:10px;}
.navigation .depth02_wrap ul li.depth02_btn ul.depth03 li {position: relative;	padding-left: 12px;}
.navigation .depth02_wrap ul li.depth02_btn ul.depth03 li::after {content:'·';position: absolute;left: 0; top: 0;font-size: 15px; color: var(--co01); font-weight: 900;}
.navigation .depth02_wrap ul li.depth02_btn ul.depth03 li a {font-size: 15px; color: #666;line-height: 25px;}

.navi_bg {display: none;position: absolute;top: 112px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 3000;}
.navi_bg.open {display: block;}


/* footer */
#footer {padding: 40px 0;}
#footer .inner {gap:40px;align-items: center;flex-direction: column;}
#footer .left address p {font-size: 14px;line-height: 25px; text-align:center;}
#footer .left address p.copy {font-size: 14px;margin-top: 15px;}
#footer .right .f_logo {margin:0;}
#footer .right .f_logo img:first-child {width:180px;}




/* ========================== */
/* ========== main ========== */

/* visual_wrap */
#visual_wrap {padding: 40px 0px 30px;}
#visual_wrap .vis_slide_wrap {gap:20px;}
#visual_wrap .vis_slide_wrap .vis_slide01_wrap {width: 73%;}
#visual_wrap .vis_slide_wrap .vis_slide02_wrap {width: 27%;}

#visual_wrap .vis_slide_wrap .vis_slide01 .slick-prev {left: 10px;width: 40px; height: 40px;}
#visual_wrap .vis_slide_wrap .vis_slide01 .slick-next {right: 10px;width: 40px; height: 40px;}

#visual_wrap .vis_slide_wrap ul.vis_slide02 .slick-prev {background: url(/images/kor/main/vis_prev_tab.png)center no-repeat; width: 8px; height: 14px;}
#visual_wrap .vis_slide_wrap ul.vis_slide02 .slick-next {background: url(/images/kor/main/vis_next_tab.png)center no-repeat; width: 8px; height: 14px;}


/* 메인하단 - 게시판 */
.sec_tit01 p {font-size: 25px; color: #333; font-weight: 700; line-height: 36px;}
.sec_tit01 p b {font-weight: 700;}

/* section01 */
#section01 {padding: 70px 0;}
#section01 .inner {gap:30px;}
#section01 .con {width: calc((100% - 30px) / 2);}
#section01 .con .tit {gap:15px;margin-bottom: 20px;height:45px;}
#section01 .con .tit .tab-menu-wrap {padding-top:6px;}
#section01 .con .tit .tab-menu-wrap a {padding: 6px 15px;font-size: 14px;}

#section01 .con .tit a.view_btn img {width: 22px;}

#section01 .con01 .tab-con {padding: 25px;border-radius:10px;}
#section01 .con01 .top .date {width: 55px;}
#section01 .con01 .top .date strong {font-size: 30px;}
#section01 .con01 .top .date span {font-size: 14px;}
#section01 .con01 .top .txt {width: calc(100% - 80px);}
#section01 .con01 .top .txt p {font-size: 16px;}
#section01 .con01 .top .txt span {font-size: 14px;line-height: 21px; margin-top: 8px;}
#section01 .con01 ul {padding-top: 25px;}
#section01 .con01 ul li {line-height: 26px;padding-left: 12px;}
#section01 .con01 ul li::after {top: 12px;width: 3px; height: 3px;}
#section01 .con01 ul li p {font-size: 14px;width: calc(100% - 72px);}
#section01 .con01 ul li span {width: 72px;font-size: 14px;}

#section01 .con02 .tit {gap:8px;}
#section01 .con02 .tit .tab-menu-wrap a {padding: 6px 10px;text-align: center;}

#section01 .con02 ul.sec01_slide01 .slick-list {width: 100%;}
#section01 .con02 ul.sec01_slide01 li.slick-slide {margin-right: 0px;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .img_wrap {padding-bottom:47.143%;border-radius:10px;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .txt_wrap p {font-size: 16px; line-height: 1.6;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .txt_wrap span {font-size: 14px; margin-top: 10px;}

#section01 .con02 ul.sec01_slide01 .slick-prev {left: -10px;width: 40px; height: 40px;}
#section01 .con02 ul.sec01_slide01 .slick-next {right: -10px;width: 40px; height: 40px;}

#section01 .con02 ul.sec01_slide01 .slick-dots {gap:8px; margin-top: 40px;}
#section01 .con02 ul.sec01_slide01 .slick-dots li {width: 6px; height: 6px;}
#section01 .con02 ul.sec01_slide01 .slick-dots li.slick-active {width: 16px;}

/* 하단배너 */
#banner_wrap {padding: 25px 0;}
#banner_wrap .inner {gap:20px;}
#banner_wrap .slide_wrap{width: calc(100% - 70px);}
#banner_wrap .slide_wrap ul .slick-list {width: 100%;}
#banner_wrap .arr_wrap {display: flex;align-items: center;gap:15px;}
#banner_wrap .arr_wrap img {height: 10px;}





/* ============================ */
/* ======== sub layout ======== */
#sub_visual_wrap  {background: url(/images/eng/sub/sub_visual01_tab.jpg) center / cover  no-repeat;height: 240px;}
#sub_visual_wrap .txt_wrap {top: 40%;}
#sub_visual_wrap .txt_wrap h3 {font-size: 30px;}
#sub_visual_wrap .txt_wrap p {font-size: 16px;margin-top: 15px;}  

#sub_container {padding: 40px 0px 60px;}
#sub_container .inner {display: block;}

.tab_menu_pc {display: none;}

/* 메뉴 (셀렉박스) */
.tab_menu_mob  {display: block;position: absolute; bottom: 0;left: 50%;transform:translateX(-50%); width:calc(100% - 40px); height:50px; line-height: 1;background:#fff; border-radius:10px 10px 0 0; box-shadow:3px -10px 10px rgba(64,63,63,.05);z-index: 2000;}
.tab_menu_mob .menu  {display: flex; width:calc(100%); height:100%; }
.tab_menu_mob .menu .menulink {position:relative;flex:1; height:100%;}   
.tab_menu_mob .menu .menulink:first-child::before {content:'';position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 2px; height: 20px; background: #e9e9e9;}
.tab_menu_mob .menu .menulink::after {content:'';position: absolute; right: 20px; top: 50%; transform:translateY(-50%);width: 13px; height: 8px; background: url(/images/kor/sub/tab_arr_tab.png)center no-repeat; background-size: cover;}
.tab_menu_mob .menu .menulink > a  {display:flex; align-items:center; padding: 0 20px; width:100%; height:100%; font-size: 16px; color:#666; font-weight: 500; line-height:1.2; box-sizing:border-box; word-break:keep-all;}
.tab_menu_mob .menu .menulink ul li a {display:flex; align-items:center; position:relative; width:100%; font-size:15px; color:#666;  font-weight: 400;padding:0 20px; box-sizing:border-box; line-height:1.2;transition:.3s}

.tab_menu_mob .menu .menulink .sub  {display:none; position:absolute; width:100%; top:100%; left:-1px; padding:20px 0; box-sizing:content-box; background-color:#fff; z-index:10;box-shadow: 4px 10px 8px rgba(64,63,63,.15); border-radius:10px}
.tab_menu_mob .menu .menulink .sub > li ~ li {margin-top:20px;}
.tab_menu_mob .menu .menulink .sub > li.on > a {color: var(--co01);font-weight: 500;}

.tab_menu_mob .menu .menulink .sub-sub {display:none;padding:12px 10px 0;}
.tab_menu_mob .menu .menulink .sub-sub > li ~ li {margin-top:10px;}
.tab_menu_mob .menu .menulink .sub-sub > li a {font-size:14px;padding-left: 25px;}
.tab_menu_mob .menu .menulink .sub-sub > li a:before {content:'-';color:#666;margin-right:8px;}
.tab_menu_mob .menu .menulink .sub-sub > li.on a {color: #005fb7;font-weight: 500;}


/* ?? */
.depth03_mob {position: relative;display: block;z-index: 1000; margin-bottom: 30px;}
.depth03_mob em {position: relative;display: flex;align-items: center; justify-content: center;width: 100%; height: 50px;font-size: 14px; color: #666; border-radius:6px; border:1px solid #ddd;}
.depth03_mob em::after {content:'';position: absolute;right: 20px;top: 50%;transform:translateY(-50%); width: 13px;height: 8px;background: url(/images/kor/sub/tab_arr_tab.png) center no-repeat; background-size: cover;}
.depth03_mob ul {display: none;position: absolute;top: calc(100% + 10px);left: 0;width: 100%; box-shadow: 3px 3px 10px rgba(64,63,63,.15);border:1px solid #ddd;border-radius:10px; overflow: hidden;}
.depth03_mob ul li a {display: flex;align-items: center; justify-content: center; width: 100%; height: 43px;font-size: 14px; color: #666; font-weight: 500;background: #fff;}
.depth03_mob ul li.on a {color: var(--co01); background: #f1f6fb;}


/* 메뉴 내용 */
#sub_contents {width: 100%;}
#sub_contents img {max-width: 100%;}

/*메뉴명*/
#sub_contents .contop {margin-bottom: 30px;}
#sub_contents .contop h3 {font-size: 26px;}
/*메뉴경로*/
#sub_contents .contop ul.sub_nav {gap:5px 20px;flex-wrap: wrap; justify-content: flex-end;}
#sub_contents .contop ul.sub_nav li {font-size: 13px;}
#sub_contents .contop ul.sub_nav li:not(:first-child):before {left: -12px;width: 4px; height: 4px;}
#sub_contents .contop ul.sub_nav li a {gap:3px;}
#sub_contents .contop ul.sub_nav li a:before {font-size:14px;}

/* 공통 */
h3.h3_tit01 {font-size: 22px;padding-left: 18px;margin-bottom: 15px;}
h3.h3_tit01::after {top: 2px;height: 20px;}

.sub_txt_st01 strong {font-size: 18px;padding-left: 18px; margin-bottom: 15px;}
.sub_txt_st01 strong::after {top:6px;width:8px;height:8px;}
.sub_txt_st01 p {font-size: 15px;line-height: 1.6;}

ul.ul_st01 li {padding-left: 16px;font-size: 15px;line-height: 1.7;}
ul.ul_st01 li::after {font-size: 16px;}

ul.ul_st02 li {padding-left: 12px;font-size: 14px;line-height: 1.6;}
ul.ul_st02 li::after {top: -2px;font-size: 16px;}

.depth04 {margin-bottom: 30px;}
.depth04 a {width: 200px; height: 40px;font-size: 16px;}

.depth05 {gap:20px; margin-bottom: 15px;}
.depth05 a {font-size: 18px; color: #666; font-weight: 700; padding-bottom: 8px;}

/* 그래프  */
.graph_box{width: 510px; padding-top:35px; border:1px solid #ddd; border-radius:8px;position:relative;} 
.graph_box .tit{display: flex;align-items: center;justify-content: center;text-align: center;position: absolute; width: 100%;padding: 0px 60px;line-height: 23px;}
.graph_box .tit p{font-size: 18px; color: #333; font-weight: 700;}
.graph_box .tit .dw_btn{display: flex;align-items: center; justify-content: center;width: 28px; height: 28px; background: #e5eff8; border-radius:50%;position:absolute;right:28px;top:1px;}
.graph_box .chart { min-height: 280px; padding: 0 10px;}

/* table - tbl01*/
table.tbl01 {width: 100%;table-layout: fixed;}
table.tbl01 th {padding: 10px;font-size: 14px; color: #333; font-weight: 500; border:1px solid #ddd; background: #f5f5f5;line-height: 1.2;}
table.tbl01 td {padding: 10px;font-size: 14px; color: #666;text-align: center; border:1px solid #ddd;line-height: 1.2;word-break: break-word;}
table.tbl01 td b {font-weight: 500;color: #333;}
table.tbl01 td.left {text-align: left;}



/***/
.paging_wrap{margin-top: 40px;}
ul.paging{display: flex;gap:40px;align-items: center;justify-content: center;}
ul.paging li a{position: relative;display: block;font-size: 16px; color: #666;}
ul.paging li.on a{color: var(--co01);font-weight: 500;}
ul.paging li.on a::after{content:'';position: absolute; bottom: -7px;left: 50%;transform:translateX(-50%);width: 10px; height: 1px; background: var(--co01);}

a.dw_btn01{display: flex;align-items: center; justify-content: center;gap:10px; width: 152px; height: 44px; background: #005fb7; border-radius:4px;font-size: 16px; color: #fff;font-weight: 500;}
a.dw_btn01 img {width: 16px;}
/***/




/* sub0101 - about OKEP(포털소개) */
.sub0101_wrap .con01 {height: 200px; border-radius:15px;}
.sub0101_wrap .con01 p {font-size: 25px;}

.sub0101_wrap .con02 {margin: 40px 0 0;}
.sub0101_wrap .con02 p {font-size: 15px;line-height: 1.6;}

.sub0101_wrap .con02 .box_wrap {gap:10px;flex-direction: column;align-items: center;}
.sub0101_wrap .con02 .box_wrap .img_box {width: 300px;}

.sub0101_wrap .con02 .box_wrap {margin: 40px 0;}
.sub0101_wrap .con02 .box_wrap .txt_box {width: 100%;}
.sub0101_wrap .con02 .box_wrap .txt_box em {font-size: 25px;margin-bottom: 10px;}
.sub0101_wrap .con02 .box_wrap .txt_box strong {display: block;font-size: 15px;line-height: 1.5;}
.sub0101_wrap .con02 .sub_txt {font-size: 16px;margin: 50px auto 0;}
.sub0101_wrap .con02 .sub_txt::after {height: 15px;}



/* sub0202_2 - Korean School/EduactionCenter > Location (학교&교육원 기관찾기 지도) */
.sub0202_2_wrap .con01 .box_wrap .tit_box p {font-size: 18px;}
.sub0202_2_wrap .con01 .box_wrap .tit_box span {font-size: 14px;width: 300px;line-height: 1.2;text-align: right;}

.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap {width: 50%;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .pop_top {height: auto;padding: 20px 20px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .pop_top p {font-size: 20px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .pop_top .pop_x_btn img {width: 16px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt strong {height: 40px;font-size: 15px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap {padding: 15px 0;height: 310px;overflow-y: scroll;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap a {margin: 0 auto;}

.sub0202_2_wrap .con02 { margin-top: 60px; }

/* sub0301  - Korean Education Center > Introduction(교육원소개)*/
.sub0301_wrap .con:not(:last-child) {margin-bottom: 80px;}

.sub0301_wrap .con03 h3.h3_tit01 {margin-bottom: 10px;}
.sub0301_wrap .con03 .arr_wrap {justify-content: space-around;gap:30px;padding: 58px 40px 220px 30px;}
.sub0301_wrap .con03 .arr_wrap::after {width: 100%; height: 220px;}
.sub0301_wrap .con03 .arr_wrap .icon img {width: 44px;}

.sub0301_wrap .con03 .arr_wrap p {font-size: 15px;}
.sub0301_wrap .con03 .arr_wrap span {font-size: 13px;line-height: 1.6;width: 100%;}
.sub0301_wrap .con03 .arr_wrap .icon:nth-child(2) span {width:120px;}

.sub0301_wrap .con03 .box_wrap {padding: 30px 20px;width: 100%;margin: 0;}
.sub0301_wrap .con03 .box_wrap p {width: calc((100% - 60px) / 3);font-size: 15px;line-height: 1.4;}

.sub0301_wrap .con04 h3.h3_tit01 {margin-bottom: 40px;}
.sub0301_wrap .con04 .img_wrap img {width: 350px;}

.sub0301_wrap .con05 .box_wrap .box {padding: 30px 30px 50px;}
.sub0301_wrap .con05 .box_wrap .box em {left: 30px;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap {flex-direction: column;gap:20px;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .tit {font-size: 18px;width: 100%;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .txt {width: 100%;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .txt ul li span {font-size: 14px;}



/* skin 공통 */
.skin_wrap select,
.skin_view_wrap select {height: 32px;font-size: 13.5px;padding: 0 25px 0 10px;background-position-x: right 10px;background-size:8px;} 
.skin_wrap input[type="text"],
.skin_wrap input[type="date"] {height: 32px; font-size: 13.5px;}
.skin_wrap input[type="text"]::placeholder,
.skin_wrap input[type="date"]::placeholder {color: #ddd;}

input:focus-visible {border:4px dashed var(--co01);}
select:focus-visible {border:4px dashed var(--co01);}
textarea:focus-visible {border:4px dashed var(--co01);}

input.chk_st01 {position: absolute;opacity: 0;width: 1px;height: 1px;margin: -1px;padding: 0;font-size: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;background: #fff;}
input.chk_st01 + label {position: relative;font-size: 13.5px; color: #666; font-weight: 500;padding-left: 16px;}
input.chk_st01 + label::after {content:'';position: absolute;top: 0; left: 0; width: 13px; height: 13px;border:1px solid #ddd; border-radius:4px;}
input.chk_st01:checked + label::after {background: url(/images/kor/sub/chk_icon01.png)center no-repeat var(--co01); border:1px solid var(--co01); background-size: 8px;}
input.chk_st01:focus {outline:0;}
input.chk_st01:focus + label::after {outline:3px dashed var(--co01);}

input.ra_st01 {position: absolute;opacity: 0;width: 1px;height: 1px;margin: -1px;padding: 0;font-size: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;background: #fff;}
input.ra_st01 + label {position: relative;padding-left: 25px;font-size: 13.5px; color: #666; font-weight: 500;}
input.ra_st01 + label::after {content:'';position: absolute;top: 2px; left: 0; width: 18px; height: 18px;border:1px solid #ddd; border-radius:50%;}
input.ra_st01:checked + label::after {border:1px solid var(--co01);}
input.ra_st01:checked + label::before {content:'';position: absolute;left: 4px; top: 50%;transform:translateY(-50%); width: 10px;height: 10px; background: var(--co01); border-radius:50%;}
input.ra_st01:focus {outline:0;}
input.ra_st01:focus + label::after {outline:3px dashed var(--co01);}

.tbl_mob {display: none;}

.skin_wrap .search_wrap01 {flex-wrap: wrap;gap: 10px;padding: 20px;margin-bottom: 30px;}
.skin_wrap .search_wrap01 .search_flex {gap:20px;}
.skin_wrap .search_wrap01 .search_flex .search p {font-size: 14px;}
.skin_wrap .search_wrap01 .search_flex .search select {min-width: 110px;}
.skin_wrap .search_wrap01 .search_flex .search select.select02 {width: 160px;}
.skin_wrap .search_wrap01 a.search_btn {display: flex; align-items: center; justify-content: center; width: 64px; height: 32px; background: var(--co01); border-radius:4px;font-size: 13px; color: #fff;font-weight: 500;}

.skin_wrap .top { margin-bottom: 10px; }
.skin_wrap .top .total {font-size: 13px; margin-bottom: 2px; }
.skin_wrap .top .total em {color: var(--co01); font-weight: 500;}
.skin_wrap .top .search_wrap02 {display: flex;align-items: center;gap:10px;}
.skin_wrap .top .search_wrap02 select {width: 98px;}
.skin_wrap .top .search_wrap02 .input {position: relative;width: 250px;}
.skin_wrap .top .search_wrap02 .input a.search_btn {position: absolute;right: 10px; top: 50%;transform:translateY(-50%);}
.skin_wrap .top .search_wrap02 .input a.search_btn img {width: 15px;}

.skin_wrap .alert_txt {display: block;color: red;font-size: 13px;margin-bottom: 15px;}

.btn_flex_wrap {display: flex;align-items: center; justify-content: space-between;}
a.del_list_btn {display: flex;align-items: center;justify-content: center;width: 80px; height: 32px; background: var(--co01);font-size: 14px; color: #fff; font-weight: 500; margin-top: 15px; border-radius:4px;}
a.write_btn {display: flex;align-items: center;justify-content: center;width: 80px; height: 32px; background: #005fb7;font-size: 14px; color: #fff; font-weight: 500; margin-top: 15px; border-radius:4px;}

a.dw_btn01 {display: flex;align-items: center; justify-content: center;gap:10px; width: 129px; height: 32px; background: #005fb7; border-radius:4px;font-size: 14px; color: #fff;font-weight: 500;}
a.dw_btn01 img {width: 14px;}

/* paging */
.paging_wrap {margin-top: 60px;}
ul.paging {display: flex;gap:30px;align-items: center;justify-content: center;}
ul.paging li a {position: relative;display: block;font-size: 14px; color: #666;}
ul.paging li a img {height: 12px;}
ul.paging li.on a {color: var(--co01);font-weight: 500;}
ul.paging li.on a::after {content:'';position: absolute; bottom: -7px;left: 50%;transform:translateX(-50%);width: 9px; height: 1px; background: var(--co01);}


/* skin_tbl01 */
table.skin_tbl01 tr.pin td img {width: 13px;}
table.skin_tbl01 th {font-size: 14px;padding: 12px 6px;}
table.skin_tbl01 th a.align_btn {display: inline-block;margin-left: 5px;vertical-align: middle;}
table.skin_tbl01 th a.align_btn img {width: 8px;}

table.skin_tbl01 td {font-size: 13.5px;padding: 14px 6px;}
table.skin_tbl01 td.secret a {position: relative;padding-left: 25px;}
table.skin_tbl01 td.secret a::after {content:'';position: absolute;left: 0; top: 2px; background: url(/images/kor/sub/secret_icon01_pc.png)center no-repeat; width: 13px; height: 18px; background-size: cover;}
table.skin_tbl01 td.reply span {position: relative;display: inline-block;width: 70px;padding-left: 18px;font-size: 12px; color: var(--co01);vertical-align: top;}
table.skin_tbl01 td.reply span::after {content:'';position: absolute;left: 0; top: 3px; background: url(/images/kor/sub/reply_icon01.png)center no-repeat; width: 8px; height: 8px; background-size: cover;}
table.skin_tbl01 td.reply a {display: inline-block;width: calc(100% - 74px);}


/* skin_tbl02 */
table.skin_tbl02 .col01 {width: 115px;}

table.skin_tbl02 th {font-size: 14px;} 
table.skin_tbl02 td {padding: 12px 15px;font-size: 14px;}
table.skin_tbl02 td a {font-size: 14px;}

table.skin_tbl02 td .file_wrap .file p {font-size:13px;}
table.skin_tbl02 td .file_wrap .file p img {width: 13px;}
table.skin_tbl02 td .file_wrap .file .btn_wrap a {align-items: center;width: 20px; height: 18px;gap:0;padding:0;text-indent:-9999px;}
table.skin_tbl02 td .file_wrap .file .btn_wrap a img.down {width: 9px;}
table.skin_tbl02 td .file_wrap .file .btn_wrap a img.view {width: 12px;}

table.skin_tbl02 td .txt {min-height: 80px;font-size: 14px; }
table.skin_tbl02 td .txt p {font-size: 14px; color: #333; line-height: 1.6;}


/* skin_view(게시글상세) 공통 */
.skin_view_wrap .bot_wrap,
.skin_view_wrap .btn_wrap { margin-top: 15px;}
.skin_view_wrap .bot_wrap .left { gap:8px;}
.skin_view_wrap .bot_wrap a,
.skin_view_wrap .btn_wrap a {gap:5px; width: 65px; height: 36px; font-size: 15px; }
.skin_view_wrap .bot_wrap .left a.btn02 { width: 85px; }
.skin_view_wrap .bot_wrap .left a.btn02 img {width: 13px;}

.skin_view_wrap .arr_tbl table.skin_tbl02 .col01 {width: 110px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 th p {padding: 0 18px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 th p:after {font-size:15px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 td a {font-size:13.5px;}

/*댓글영역*/
.skin_view_wrap .reply_con {margin-top: 20px;}
.skin_view_wrap .reply_con .re_btn {padding: 8px 15px;}
.skin_view_wrap .reply_con .re_btn:after,
.skin_view_wrap .reply_con .re_btn p {font-size:13.5px;}

.skin_view_wrap .reply_con .reply_wrap {border-bottom: 1px solid #ddd;}
.skin_view_wrap .reply_con .reply_box {display: block;padding: 0px 15px;border-top: 1px solid #ddd;}
.skin_view_wrap .reply_con .reply_box .box {padding: 15px 0;}
.skin_view_wrap .reply_con .reply_box.re {position: relative;background: #fafafa;padding: 0px 30px;border-top:0;}
.skin_view_wrap .reply_con .reply_box.re::after {content:'';position: absolute;left: 50%;top: -1px;transform:translateX(-50%);width: calc(100% - 60px); height: 1px;background: #ddd;z-index: 1;}
.skin_view_wrap .reply_con .reply_box p.name {font-size: 13px; color: #333;margin-bottom: 10px;}
.skin_view_wrap .reply_con .reply_box .txt p {font-size: 14px; color: #666; line-height: 1.6;}
.skin_view_wrap .reply_con .reply_box .bot {display: flex;justify-content: space-between;font-size: 13px; color: #999; margin-top: 10px;}
.skin_view_wrap .reply_con .reply_box .bot a {color: #999;}
.skin_view_wrap .reply_con .reply_box .bot .left {display: flex;gap:15px;}
.skin_view_wrap .reply_con .reply_box .bot .right {display: flex;gap:15px;}

.skin_view_wrap .reply_con .reply_box:last-child {border-top: 1px solid #ddd;}

/* 대댓글폼 */
.skin_view_wrap .reply_con .reply_box .re_form {display: none;position: relative;padding: 15px; background: #fafafa;}
.skin_view_wrap .reply_con .reply_box .re_form .icon {position: absolute;left: 15px; top: 15px;}
.skin_view_wrap .reply_con .reply_box .re_form .form_wrap {position: relative;width: calc(100% - 30px); margin-left: auto;}
.skin_view_wrap .reply_con .reply_box .re_form textarea {width: 100%;height: 70px;border:1px solid #ddd; font-size: 14px; color: #666; border-radius:8px;resize:none; padding: 10px 70px 10px 15px ;}
.skin_view_wrap .reply_con .reply_box .re_form textarea::placeholder {color: #ddd;font-size: 13px;}
.skin_view_wrap .reply_con .reply_box .re_form a.form_btn {position: absolute;top: 50%;right: 20px;transform:translateY(-50%);display: flex;align-items: center; justify-content: center;width: 50px; height: 27px; font-size: 14px; color: #fff;font-weight: 500; background: #ddd; border-radius:2px; }

/* 댓글수정폼 */
.skin_view_wrap .reply_con .reply_box .mod_form {display: none;position: relative;padding: 15px 15px 15px 0; background: #fafafa;}
.skin_view_wrap .reply_con .reply_box .mod_form p.name {font-size: 13px; color: #333;margin-bottom: 10px;}
.skin_view_wrap .reply_con .reply_box .mod_form .form_wrap {position: relative;width: calc(100% - 30px); margin-left: auto;}
.skin_view_wrap .reply_con .reply_box .mod_form textarea {width: 100%;height: 70px;border:1px solid #ddd; font-size: 14px; color: #666; border-radius:8px;resize:none; padding: 10px 70px 10px 15px ;}
.skin_view_wrap .reply_con .reply_box .mod_form textarea::placeholder {color: #ddd;font-size: 13px;}

.skin_view_wrap .reply_con .write_wrap {position: relative;margin-top: 40px;}
.skin_view_wrap .reply_con .write_wrap .top {display: flex;align-items: center; justify-content: space-between; margin-bottom: 10px;}
.skin_view_wrap .reply_con .write_wrap .top p.name {font-size: 13px; color: #333;}
.skin_view_wrap .reply_con .write_wrap .top .star_wrap {display: flex;align-items: center;gap:3px;}
.skin_view_wrap .reply_con .write_wrap .top .star_wrap button {display: block;  background: url(/images/kor/sub/bookmark_icon.png)center no-repeat; width: 15px; height: 14px; background-size: cover;cursor:pointer;}
.skin_view_wrap .reply_con .write_wrap .top .star_wrap button.on {background: url(/images/kor/sub/bookmark_on_icon.png)center no-repeat; background-size: cover;}
.skin_view_wrap .reply_con .write_wrap textarea {width: 100%; height: 100px; padding: 20px 80px 20px 20px; font-size: 14px; color: #666; border:1px solid #ddd; resize:none; border-radius:8px;}
.skin_view_wrap .reply_con .write_wrap textarea::placeholder {font-size: 14px; color: #ddd;}
.skin_view_wrap .reply_con .write_wrap a {position: absolute;bottom: 20px; right: 20px;display: flex;align-items: center;justify-content: center;width: 56px; height: 32px; border-radius:4px;font-size: 14px; color: #fff; font-weight: 500;z-index: 1; background: #ddd;}

.skin_view_wrap .reply_con .write_wrap {position: relative;margin-top: 30px;}
.skin_view_wrap .reply_con .write_wrap textarea {width: 100%; height: 80px; padding: 15px 80px 15px 15px; font-size: 13px; color: #666; border:1px solid #ddd; resize:none; border-radius:4px;}
.skin_view_wrap .reply_con .write_wrap textarea::placeholder {font-size: 13px; color: #ddd;}
.skin_view_wrap .reply_con .write_wrap a {position: absolute;bottom: 15px; right: 15px;display: flex;align-items: center;justify-content: center;width: 50px; height: 27px; border-radius:2px;font-size: 14px; color: #fff; font-weight: 500;z-index: 1; background: #ddd;}

.skin_view_wrap .top_btn_wrap {display: flex;align-items: center; justify-content: flex-end;gap:8px;margin-bottom: 10px;}
.skin_view_wrap .top_btn_wrap p.view {font-size: 13px; font-weight: 500;}
.skin_view_wrap .top_btn_wrap p.view b {color: var(--co01); font-weight: 500;}
.skin_view_wrap .top_btn_wrap a {display: flex;align-items: center; justify-content: center;gap:6px; width: 26px; height: 26px; border-radius:3px;}
.skin_view_wrap .top_btn_wrap a.facebook_icon {border:1px solid #999;}
.skin_view_wrap .top_btn_wrap a.facebook_icon img {width: 7px;}	
.skin_view_wrap .top_btn_wrap a.print_icon {border:1px solid var(--co01);}
.skin_view_wrap .top_btn_wrap a.print_icon img {width: 13px;}
.skin_view_wrap .top_btn_wrap a.hit_icon {background: #005fb7; padding: 0px 8px;width: fit-content;}
.skin_view_wrap .top_btn_wrap a.hit_icon img {width: 13px;}
.skin_view_wrap .top_btn_wrap a.hit_icon span {font-size: 13px; font-weight: 500; color: #fff;}

.skin_view_wrap .top_btn_wrap.st02 {justify-content: space-between;}
.skin_view_wrap .top_btn_wrap.st02 .right {display: flex;align-items: center; justify-content: flex-end;gap:8px;}



/* skin01  - 커스텀 게시판(Notice, jobs) */
.skin_wrap.skin01 .col01 {width: 55px;}
.skin_wrap.skin01 .col02 {width: 70px;}
.skin_wrap.skin01 .col04 {width: 110px;}
.skin_wrap.skin01 .col05 {width: 55px;}
.skin_wrap.skin01 .col06{width: 98px;}
.skin_wrap.skin01 table.skin_tbl01 td img {width: 15px;}
.skin_wrap.skin01 table.skin_tbl01 td .tit {align-items: flex-start;gap:8px;}
.skin_wrap.skin01 table.skin_tbl01 td .tit b.new {width: 13px; height: 13px;font-size: 9px;transform: translateY(3px);}


/* skin02  - 일반게시판 */
.skin_wrap.skin02 .col01 {width: 55px;}
.skin_wrap.skin02 .col03 {width: 110px;}
.skin_wrap.skin02 .col04 {width: 70px;}
.skin_wrap.skin02 .col05 {width: 55px;}
.skin_wrap.skin02 table.skin_tbl01 td img {width: 15px;}
.skin_wrap.skin02 table.skin_tbl01 td .tit {align-items: flex-start;gap:8px;}
.skin_wrap.skin02 table.skin_tbl01 td .tit b.new {width: 13px; height: 13px;font-size: 9px;transform: translateY(3px);}


/* skin03 - 이미지형 게시판(Online Newsletter) */
.skin_wrap.skin03 .img_list_wrap .list .left {width: calc(100% - 85px);}
.skin_wrap.skin03 .img_list_wrap .list .left .img_box {width: 130px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box {width: calc(100% - 160px);}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box p {font-size: 14px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box b.new {font-size: 9px;width: 12px; height: 12px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01 li {font-size: 13.5px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01 li::after {font-size: 17px;}

.skin_wrap.skin03 .img_list_wrap .list .right {gap:15px;width: 80px;}
.skin_wrap.skin03 .img_list_wrap .list .right img {width: 16px;}
.skin_wrap.skin03 .img_list_wrap .list .right span {font-size: 13.5px;}


/* skin05 - Korean School/EducationalCenter > Information (학교&교육원 정보_목록) */
.skin_wrap.skin05 table.skin_tbl01 .col01 {width: 12%;}
.skin_wrap.skin05 table.skin_tbl01 .col02 {width: 25%;}
.skin_wrap.skin05 table.skin_tbl01 .col03 {}

/* skin05_view - 학교&교육원 정보 상세 */
.skin_view_wrap.skin05_view .con:not(:last-child) {margin-bottom: 25px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap {padding: 20px 25px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit {gap:15px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit .icon img {width: 32px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit p {font-size: 22px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap a {height:30px;font-size: 13px;padding: 0 13px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap a span {display: none;}
.skin_view_wrap.skin05_view .con01 .tit_wrap a img {width: 15px;}

.skin_view_wrap.skin05_view .con02 table.skin_tbl01 td a  {font-size:15px;}

.skin_view_wrap.skin05_view .con01 .graph_wrap {gap:25px;justify-content: space-evenly;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box {width: calc((100% - 25px) / 2); padding-top:35px; border:1px solid #ddd; border-radius:8px;position:relative;} 
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit {padding: 0 65px;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit.rows,
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit.rows .dw_btn {top:30px;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit p {font-size: 16px;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .chart  { min-height: 280px; padding: 0 10px;}



/* skin07 - Request Certification(인가증발급)*/
.skin_wrap.skin07 .con:not(:last-child) {margin-bottom: 60px;}
.skin_wrap.skin07 .box_wrap {gap:15px;}
.skin_wrap.skin07 .box_wrap .box {width: calc((100% - 15px) / 2);padding: 17px 15px;}
.skin_wrap.skin07 .box_wrap .box strong {font-size: 16px;margin-bottom: 35px;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn {gap:5px;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn p {font-size: 14px;letter-spacing: -0.5px;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn a {width: 40px; height: 15px;font-size: 11px;}

.skin_wrap.skin07 .con02:nth-child(even) {margin-right:15px;}
.skin_wrap.skin07 .con02 {display:inline-block;width: calc(50% - 15px);}

/* skin08 - 컨텐츠 게시판 (ex.Teaching Korean ..)*/
/*목록*/
.skin_wrap.skin08 .search_wrap01 .search_flex .search input[type="text"] {width: 250px;}
.skin_wrap.skin08 .list_wrap .list .img_box {width: 130px;}
.skin_wrap.skin08 .list_wrap .list .img_wrap {border-radius:6px;}
.skin_wrap.skin08 .list_wrap .list .txt_box {width: calc(100% - 160px);}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt p {font-size: 14px;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt b.new {width: 13px; height: 13px;font-size: 9px;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt span {font-size: 13px;line-height: 1.5;}
.skin_wrap.skin08 .list_wrap .list .txt_box .tag {margin-top: 25px;}
.skin_wrap.skin08 .list_wrap .list .txt_box .tag em {font-size: 13px;}
/*상세*/
.skin_view_wrap.skin08_view .tbl_wrap .tit {padding: 15px; min-height: 50px; margin-bottom: 15px;}
.skin_view_wrap.skin08_view .tbl_wrap .tit p {font-size: 18px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li {gap:15px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li:not(:last-child) {margin-bottom: 8px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li p {width: 85px; height: 30px;font-size: 14px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li span {font-size: 14px;}

.skin_view_wrap.skin08_view .file_wrap {margin-top: 15px;}
.skin_view_wrap.skin08_view .file_wrap strong {width: 120px; font-size: 14px;}
.skin_view_wrap.skin08_view .file_wrap .file_box {padding: 15px;width: calc(100% - 120px);}
.skin_view_wrap.skin08_view .file_wrap .file_box .file {gap:5px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file:not(:last-child) {margin-bottom: 6px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file em {width: 40px;padding: 2px 0 5px;font-size: 11px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file p {font-size: 14px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file span {font-size: 11px;margin-left: 5px;}


/* skin09 */
.skin_wrap.skin09 .list_wrap {display: flex;flex-wrap:wrap;gap:40px 15px;}
.skin_wrap.skin09 .list_wrap .list {width: calc((100% - 30px) / 3);}
.skin_wrap.skin09 .list_wrap .list .img_wrap {position:relative; width:100%; padding-bottom:56.176%;}
.skin_wrap.skin09 .list_wrap .list .img_wrap img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap {margin-top: 15px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt {display: flex;justify-content: space-between;margin-bottom: 10px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt p {font-size: 14px;color: #333; font-weight: 700;width: calc(100% - 30px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt em {display: flex;align-items: center; justify-content: center;width: 18px; height: 18px; background: #f5f5f5; border-radius:50%;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt em img {width: 11px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt {display: flex;justify-content: space-between;align-items: center;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt span {display: flex;align-items: center;gap:5px;font-size: 12px;color: #999;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt span:nth-child(1) img {width: 8px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt span:nth-child(2) img {width: 10px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt .left {display: flex;align-items: center;gap:10px;}



/* skin10 */
.skin_wrap.skin10 .list_wrap {display: flex;flex-wrap:wrap;gap:15px;}
.skin_wrap.skin10 .list_wrap .list {padding: 15px;width: calc((100% - 30px) / 3); border:1px solid #ddd; background: #f5f5f5;}
.skin_wrap.skin10 .list_wrap .list strong {display: block;font-size: 16px; color: #333; font-weight: 700; line-height: 24px;}
.skin_wrap.skin10 .list_wrap .list p {font-size: 14px;color: #666;margin-top: 12px;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap {display: flex;gap:5px;margin-top: 15px;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a {display: flex;align-items: center;gap:12px; height: 24px;padding: 0 10px; border-radius:4px;font-size: 11px; color: #fff;transition:.3s;}

.skin_wrap.skin10 .list_wrap .list .btn_wrap a.btn01 {background: #1c8681;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a.btn02 {background: #e57872;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a.btn03 {background: #005fb7;}

.skin_wrap.skin10 .list_wrap .list .btn_wrap a:nth-child(1) img {width: 14px;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a:nth-child(2) img {width: 10px;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a.btn03 img {width: 11px;}

.skin_wrap.skin10 .list_wrap .list .btn_wrap a:hover.btn01 {background: #13504d;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a:hover.btn02 {background: #c0433d;}
.skin_wrap.skin10 .list_wrap .list .btn_wrap a:hover.btn03 {background: #003668;}

.skin_wrap.skin10 .list_wrap .list.co01 {background: #e8f3f2;}
.skin_wrap.skin10 .list_wrap .list.co02 {background: #fcf1f1;}
.skin_wrap.skin10 .list_wrap .list.co03 {background: #e5eff8;}

/* skin11 */
.skin_wrap.skin11 .top {margin-bottom: 30px;}
.skin_wrap.skin11 .top .cate_wrap {display: flex;gap:30px;}
.skin_wrap.skin11 .top .cate_wrap a {font-size: 18px; color: #666; font-weight: 700;padding-bottom: 6px;border-bottom: 2px solid transparent;}
.skin_wrap.skin11 .top .cate_wrap a.on {color: #005fb7;border-bottom: 2px solid #005fb7;}

.skin_wrap.skin11 table.skin_tbl01 .col01 {width: 21%;}
.skin_wrap.skin11 table.skin_tbl01 .col02 {width: 11%;}
.skin_wrap.skin11 table.skin_tbl01 .col04 {width: 17%;}
.skin_wrap.skin11 table.skin_tbl01 .col05 {width: 23%;}
.skin_wrap.skin11 table.skin_tbl01 td .btn_wrap {display: flex;align-items: center;gap:20px;justify-content: center;}
.skin_wrap.skin11 table.skin_tbl01 td .btn_wrap a img {width: 16px;}

/* skin11_2 */
.skin_wrap.skin11_2 .con:not(:last-child) {margin-bottom: 70px;}
.skin_wrap.skin11_2 .con .list_wrap {display: flex;flex-wrap:wrap; gap:30px 15px;}
.skin_wrap.skin11_2 .con .list_wrap .list {width: calc((100% - 30px) / 3);}
.skin_wrap.skin11_2 .con .list_wrap .list .img_wrap {position:relative; width:100%; padding-bottom:55.882%;}
.skin_wrap.skin11_2 .con .list_wrap .list .img_wrap img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

/* skin12 */
.skin_wrap.skin12 .list_wrap .list { padding: 40px 30px; }
.skin_wrap.skin12 .list_wrap .list .box { gap: 60px; }
.skin_wrap.skin12 .list_wrap .list .box .img_box { width: 200px; }
.skin_wrap.skin12 .list_wrap .list .box .txt_box { padding-right: 0; }
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt p { font-size:16px; padding-right: 55px; }
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt p em { font-size: 15px; }
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt span { font-size: 14px; line-height: 1.4; }
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt span a { font-size:14px; }
.skin_wrap.skin12 .list_wrap .list .box .txt_box ul.ul_st01 { margin-top: 15px; }
.skin_wrap.skin12 .list_wrap .list .box .txt_box ul.ul_st01 li { line-height: 1.4;}
.skin_wrap.skin12 .list_wrap .list a.site_btn { padding: 4px 8px 5px; gap:5px; font-size: 12px; } 
.skin_wrap.skin12 .list_wrap .list a.site_btn:after { font-size:12px; padding-top:1px;}



/* skin13 */
.skin_wrap.skin13 .search_wrap01 {flex-direction: column;align-items: flex-start;justify-content: flex-start;gap:20px;}
.skin_wrap.skin13 .search_wrap01 .search_flex.flex02 {width: 100%;justify-content: space-between;}
.skin_wrap.skin13 .search_wrap01 .chk_box {display: flex;align-items: center; gap:20px; background: #fff;padding: 0 15px; height: 32px; border-radius:4px; border:1px solid #ddd;}

.skin_wrap.skin13  table.skin_tbl01 .col01 {width: 23%;}
.skin_wrap.skin13  table.skin_tbl01 .col02 {width: 33%;}
.skin_wrap.skin13  table.skin_tbl01 .col03 {width: 32%;}
.skin_wrap.skin13  table.skin_tbl01 .col04 {width: 12%;}
.skin_wrap.skin13  table.skin_tbl01 td {padding: 0;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap {display: flex;align-items: center;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt {padding: 12px;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt01 {width: 23%;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt02 {width: 33%;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt03 {width: 32%;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt04 {width: 12%;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt a.view_sl_btn {display: flex;align-items: center; justify-content: center;width: 26px; height: 26px; background: #e5eff8; border-radius:50%;margin: 0 auto;transition:.3s;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt a.view_sl_btn img {width: 12px;}
.skin_wrap.skin13  table.skin_tbl01 td .txt_wrap .txt a.view_sl_btn.on {transform:rotate(180deg);}

.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap {display: none;padding: 30px 0; border-top: 1px solid #ddd;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box {width: 510px; min-height: 280px; padding: 30px; border:1px solid #ddd; border-radius:8px;margin: 0 auto; }
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box .tit {display: flex;align-items: center; justify-content: center;gap:10px;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box .tit p {font-size: 16px; color: #333; font-weight: 700;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .graph_box .tit .dw_btn {display: flex;align-items: center; justify-content: center;width: 26px; height: 26px; background: #e5eff8; border-radius:50%;}

.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .tbl_box {margin-top: 30px;border-top: 1px solid #666;border-bottom: 1px solid #666;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .tbl_box table.tbl01 th {padding: 10px 5px;background: #f1f5f9;font-size: 12px;}
.skin_wrap.skin13  table.skin_tbl01 td .slide_wrap .tbl_box table.tbl01 td {padding: 10px 5px;font-size: 12px;}

/* skin_form */
.skin_form table.skin_tbl02 .col01 {width: 100px;}
.skin_form table.skin_tbl02 td:has(inpu) {padding: 7px;}
.skin_form table.skin_tbl02 td:has(inpu) {padding: 7px;}
.skin_form table.skin_tbl02 td em {font-weight: 500;}
.skin_form table.skin_tbl02 td input[type="text"] {width: 100%; height: 40px; font-size: 13px ;color: #666; border:1px solid #ddd; border-radius:6px;padding: 0px 20px;}
.skin_form table.skin_tbl02 td select {width: 200px; height: 40px; font-size: 13px ;color: #666;border:1px solid #ddd; padding: 0px 20px; border-radius:6px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/images/kor/sub/select_icon01_pc.png)center right 20px no-repeat; background-size: 11px; }

.skin_form table.skin_tbl02 td .file_wrap {display: flex;gap:10px;align-items: center;}
.skin_form table.skin_tbl02 td .file_btn {position: relative;}
.skin_form table.skin_tbl02 td .file_btn input[type="file"] {position: absolute;top: 0;left: 0;width: 80px;height: 32px;border: 1px solid #ddd;z-index: 10;text-indent: -9999px;border-radius:4px;}
.skin_form table.skin_tbl02 td .file_btn label {display: flex;align-items: center; justify-content: center;width: 80px; height: 32px;font-size: 12px; font-weight: 500;color: #666; cursor:pointer;}
.skin_form table.skin_tbl02 td .file_wrap span {font-size: 12px; color: #999; font-weight: 500;}
.skin_form table.skin_tbl02 td .file_wrap span b {color: var(--co01);font-weight: 500;}
.skin_form table.skin_tbl02 td .file_wrap .upload-name {font-size: 12px; font-weight: 500;color: #666; border:0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.skin_form table.skin_tbl02 td .file_txt {margin-top: 10px;}
.skin_form table.skin_tbl02 td .file_txt p {font-size: 12px; color: #999;font-weight: 500; line-height: 20px;}

.skin_form table.skin_tbl02 td .cer_wrap {display: flex; align-items: center;gap:10px;}
.skin_form table.skin_tbl02 td .cer_wrap input[type="text"] {width: 120px;}
.skin_form table.skin_tbl02 td .cer_wrap .img img {height: 40px;}
.skin_form table.skin_tbl02 td .cer_wrap .btn {display: flex;gap:10px;}
.skin_form table.skin_tbl02 td .cer_wrap .btn a {font-size: 14px; color: #999;border-bottom: 1px solid #999; padding-bottom: 2px;}

.skin_form .btn_wrap {display: flex;align-items: center;gap:10px;justify-content: flex-end; margin-top: 30px;}
.skin_form .btn_wrap a {display: flex;align-items: center; justify-content: center;width: 150px; height: 45px;font-size: 16px; color: #666; font-weight: 500; border-radius:6px; background: #ddd;}
.skin_form .btn_wrap a.btn02 {background: #005fb7; color: #fff;}

.skin_form table.skin_tbl02 td .ra_wrap {display: flex;gap:20px;align-items: center;	}
.skin_form table.skin_tbl02 td .p_wrap {display: flex;gap:5px;align-items: center;}
.skin_form table.skin_tbl02 td .p_wrap input[type="date"] {width: 112px; height: 40px; border:1px solid #ddd; border-radius:4px;font-size: 13px; color: #999;font-weight: 500;padding: 0px 10px;}
.skin_form table.skin_tbl02 td .p_wrap span {font-size: 13px; color: #333; font-weight:500;}

/* 서비스소개_사이트맵 */
.service_wrap .service01 .con01 {margin-bottom: 40px;}
.service_wrap .service01 .con01 .img_wrap {display: flex;align-items: center; justify-content: center;background: url(/images/kor/sub/service_bg01.jpg)center right no-repeat; height: 180px; background-attachment: fixed; border-radius:20px;background-size: cover;padding: 50px;}
.service_wrap .service01 .con01 .img_wrap p {font-size: 16px; color: #fff ; line-height: 1.6;text-align: center;font-weight: 700;}
.service_wrap .service01 .con01 .img_wrap p i {display: block;}
.service_wrap .service01 .con02 .txt:not(:last-child) {margin-bottom: 30px;}
.service_wrap .service01 .con02 .txt strong {position: relative;display: block;padding-left: 20px;font-size: 18px; color: #000; font-weight: 700;}
.service_wrap .service01 .con02 .txt strong::after {content:'';position: absolute;left: 0; top: 50%;transform:translateY(-50%); width: 8px; height: 8px; border:3px solid var(--co01);}
.service_wrap .service01 .con02 .txt p {font-size: 15px; color: #666; line-height: 1; margin-top: 16px;padding-left: 20px;}

/* 서비스소개_사이트맵 */
.service_wrap {line-height: 1;}
.service_wrap .site_map {display: flex;flex-wrap:wrap;gap:50px 20px;}
.service_wrap .site_map .site {width: calc((100% - 40px) / 3); border-radius:8px; overflow: hidden;}
.service_wrap .site_map .site .tit {display: flex;align-items: center; justify-content: center;height: 50px; background: var(--co01);}
.service_wrap .site_map .site .tit p {font-size:18px; color: #fff; font-weight: 700;}
.service_wrap .site_map .site .menu_wrap {padding: 0px 20px;background: #f8f8f8;}
.service_wrap .site_map .site .menu_wrap .menu:not(:last-child) {border-bottom: 1px solid #ddd;}
.service_wrap .site_map .site .menu_wrap .menu > a {position: relative;display: flex;align-items: center;height: 50px;font-size: 16px; color: #333;padding-left: 16px;}
.service_wrap .site_map .site .menu_wrap .menu > a::after {content:'';position: absolute;left: 0; top: 50%;transform:translateY(-50%); width: 4px; height: 4px; background: var(--co01);}
.service_wrap .site_map .site .menu_wrap .menu ul {padding-left: 16px;padding-bottom: 16px;}
.service_wrap .site_map .site .menu_wrap .menu ul li a {font-size: 13px; color: #666; line-height: 25px;}

.service_wrap .site_map .site .menu_wrap .menu a {transition:.3s;}
.service_wrap .site_map .site .menu_wrap .menu a:hover {color: var(--co01);}

/* 서비스소개_이용약관 */
.service_wrap .service02 {font-size: 14px; color: #666; line-height: 1.6;white-space: pre-wrap; }
.service_wrap .service02 h3 {font-size: 16px; color: #333;}
.service_wrap .service02 strong {color: var(--co01) ;}
.service_wrap .service02 p {padding-left: 16px;margin-top: 4px;letter-spacing: 0px;}
.service_wrap .service02 p .ml {display: inline-block; margin-left: 16px;}
.service_wrap .service02 .center {text-align: center;}


}