/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */ /* 기존에 있던 것 */
 Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess  

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
/* Common **********************************************************************/ 

html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-word;-ms-word-break:break-word; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;display: block;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:14px; line-height:1.6; font-family: "Noto Sans KR", sans-serif;color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

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

:root{ --co01: #003668; }

::selection{color: #fff; background: var(--co01);}

.fp{font-family: "Poppins", sans-serif;}

.mb20 { margin-bottom: 20px !important;}
.pd0  { padding: 0 !important; }


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

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

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:5px dashed transparent;z-index: 9999; outline:0;pointer-events:none;}

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:5px 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: 50px;color: #fff;font-weight: 700;text-align: center;z-index: 9999;font-size: 18px;}

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


/** 상단 **/
/* top */
#header{line-height: 1;border-bottom: 1px solid #ddd;}
#header .h_top{border-bottom: 1px solid #ddd;}
#header .h_top .inner{display: flex;align-items: center; justify-content: space-between; height: 60px;}	
#header .h_top a{font-size: 15px; color: #666;}
#header .h_top .left{display: flex; align-items: center;gap:30px;}
#header .h_top .left a{display: flex; align-items: center; gap:8px;}
#header .h_top .right {display: flex; align-items: center;    margin-left: auto;gap:20px;}
#header .h_top .right a {display: flex;align-items:center;justify-content:center;padding:7px 25px;background:#f3f3f3; border-radius:50px;font-size: 16px; color: #333; font-weight: 500;transition:.3s;}
#header .h_top .right a:hover {background: var(--co01); color: #fff;}

/* gnb */

#header .h_bot .inner {display: flex;align-items: center; justify-content: space-between; height: 90px;}

#header .h_bot h1 img{width: 185px;}

#header .h_bot ul.gnb {display: flex; gap: 90px; /*transform: translateX(-10px);*/ }
#header .h_bot ul.gnb li a {display: flex;font-size: 18px; color: #333; font-weight: 500;}

#header .h_bot .right{display: flex;gap:24px;align-items: center;}
#header .h_bot .right .all_btn{position: relative; width: 26px;	height: 18px;}
#header .h_bot .right .all_btn a{display: block;width: 100%; height: 100%;}
#header .h_bot .right .all_btn::before{content:'';position: absolute; top: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
#header .h_bot .right .all_btn::after{content:'';position: absolute; bottom: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
#header .h_bot .right .all_btn span{display: block;position: absolute; top: 8px; right: 0;width: 100%; height: 2px; background: #333;}
#header.on .h_bot .right .all_btn::before{transform:rotate(45deg);top: 8px;}
#header.on .h_bot .right .all_btn::after{transform:rotate(-45deg);bottom: 8px;}
#header.on .h_bot .right .all_btn span{opacity: 0;}


/* gnb 전체메뉴 */
.all_menu_wrap{display: none;position: absolute;top: 142px;left: 0;width: 100%; background: #fff; z-index: 9999; line-height: 1;}
.all_menu_wrap .all_menu{display: flex; justify-content: center;transform:translateX(80px);}
.all_menu_wrap .all_menu .menu{min-width: 210px;border-right: 1px solid #ddd;padding: 30px 35px 30px 20px ;}
.all_menu_wrap .all_menu .menu:first-child{border-left: 1px solid #ddd;}
.all_menu_wrap .all_menu .menu strong{display: block;font-size: 17px; color: #333; font-weight: 700; margin-bottom: 20px;}
.all_menu_wrap .all_menu .menu ul li a{font-size: 15px; color: #999; line-height: 28px;}
.all_menu_wrap .all_menu .menu ul li.on a{color: var(--co01);}
.all_menu_wrap .all_menu .menu ul li:hover a { color:#222; }


/* footer */
#footer {padding: 60px 0;border-top: 1px solid #ddd; line-height: 1;}
#footer .inner {display: flex;justify-content: space-between;}
#footer .left address p {font-size: 16px; color: #666; line-height: 32px;}
#footer .left address p.copy {font-size: 16px; color: #999; margin-top: 20px;}
#footer .right .f_logo {display: flex;align-items: center;gap:20px;margin-top: 40px;margin-left: auto;width: fit-content;}

.nav_btn{display: none;}
.navigation{display: none;}
.navi_bg{display: none;}



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

/* 메인 - visual_wrap */
.vis02_pc_img{display: block;}
.vis02_mob_img{display: none;}

#visual_wrap{padding: 60px 0px 50px;line-height: 1;background: #f5faff;}
#visual_wrap .vis_slide_wrap{display: flex;gap:30px;}
#visual_wrap .vis_slide_wrap .vis_slide01_wrap{width: 1000px;}
#visual_wrap .vis_slide_wrap .vis_slide02_wrap{width: 370px;}

#visual_wrap .vis_slide_wrap .vis_slide01{position: relative;}
#visual_wrap .vis_slide_wrap .vis_slide01 .slick-prev{position: absolute;left: 20px;top: 50%;transform:translateY(-50%); background: url(/images/kor/main/prev02.png)center no-repeat; width: 50px; height: 50px; background-size: cover;z-index: 100; text-indent: -9999px;box-shadow: 0px 0px 12px rgba(64,63,63,.25);border-radius:50%;}
#visual_wrap .vis_slide_wrap .vis_slide01 .slick-next{position: absolute;right: 20px;top: 50%;transform:translateY(-50%); background: url(/images/kor/main/next02.png)center no-repeat; width: 50px; height: 50px; background-size: cover;z-index: 100; text-indent: -9999px;box-shadow: 0px 0px 12px rgba(64,63,63,.25);border-radius:50%;}
#visual_wrap .vis_slide_wrap .vis_slide01 button:hover { box-shadow:0px 0px 10px rgb(64 63 63 / 30%); }

#visual_wrap .vis_slide_wrap ul li a{display: block;margin: 3px;}
#visual_wrap .vis_slide_wrap ul li .img_wrap{position:relative; width:100%; border-radius:24px; overflow: hidden;}
#visual_wrap .vis_slide_wrap ul li .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;}

#visual_wrap .vis_slide_wrap ul.vis_slide01 li .img_wrap{padding-bottom:46%;}
#visual_wrap .vis_slide_wrap ul.vis_slide01 ul.slick-dots{position: absolute;left: 50%;bottom: 20px;transform:translateX(-50%);display: flex;gap:8px;}
#visual_wrap .vis_slide_wrap ul.vis_slide01 ul.slick-dots li{width: 12px; height: 12px; background: #fff; border-radius:50px;text-indent: -9999px;transition:.3s;}
#visual_wrap .vis_slide_wrap ul.vis_slide01 ul.slick-dots li.slick-active{width: 30px; background: var(--co01);}

#visual_wrap .vis_slide_wrap ul.vis_slide02 li .img_wrap{padding-bottom:124.324%;}
#visual_wrap .vis_slide_wrap ul.vis_slide02 .slick-prev{position: absolute; left: 15px; top: 50%;transform:translateY(-50%); background: url(/images/kor/main/vis_prev_pc.png)center no-repeat; width: 16px; height: 28px; background-size: cover;z-index: 100;text-indent: -9999px;}
#visual_wrap .vis_slide_wrap ul.vis_slide02 .slick-next{position: absolute; right: 15px; top: 50%;transform:translateY(-50%); background: url(/images/kor/main/vis_next_pc.png)center no-repeat; width: 16px; height: 28px; background-size: cover;z-index: 100;text-indent: -9999px;}


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

#section01{line-height: 1;padding: 100px 0;}
#section01 .inner{display: flex;gap:40px;}
#section01 .con{width: calc((100% - 40px) / 2);	}
#section01 .con p {color: #333; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#section01 .con .tit{display: flex;align-items: center; gap:25px; margin-bottom: 30px;}
#section01 .con .tit .sec_tit01 {flex-shrink: 0;}
#section01 .con .tit .tab-menu-wrap{display: flex;padding-top:8px;}
#section01 .con .tit .tab-menu-wrap a{display: flex;align-items: center; justify-content: center;padding:9px 20px;font-size: 17px;border-radius:20px;color: #666;}
#section01 .con .tit .tab-menu-wrap a.on{color: #fff; background: var(--co01);}
#section01 .con .tit a.view_btn {margin-left:auto;transition: transform 0.2s ease}
#section01 .con .tit a.view_btn:hover {transform: rotate(90deg);}
#section01 .con .tit a.view_btn img {width:28px;}

/* News */
#section01 .con01 .tab-con{padding: 40px;border:1px solid #ddd; border-radius:24px;}
#section01 .con01 .top{padding-bottom: 25px;}
#section01 .con01 .top a{display: flex;align-items: center;gap:25px;}
#section01 .con01 .top .date{width: 75px;}
#section01 .con01 .top .date strong{display: block;	text-align: center;font-size: 45px; color: var(--co01); font-weight: 700;}
#section01 .con01 .top .date span{display: block;text-align: center;font-size: 16px; color: #999;font-weight: 700;margin-top: 10px;}
#section01 .con01 .top .txt{width: calc(100% - 100px);padding-right: 30px;}
#section01 .con01 .top .txt p{font-size: 20px;color:#000;}
#section01 .con01 .top .txt span{display: block;font-size: 17px; color: #666;line-height: 28px;margin-top: 13px;overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;} 
#section01 .con01 .top:hover .txt p{text-decoration:underline;}
#section01 .con01 .top:hover .txt span{text-decoration:underline;}
#section01 .con01 ul{border-top: 1px solid #ddd;padding-top: 30px;}
#section01 .con01 ul li{position: relative;line-height: 40px;padding-left: 20px;}
#section01 .con01 ul li a{display: flex;}
#section01 .con01 ul li::after{content:'';position: absolute;left: 0; top: 20px;width: 4px; height: 4px; background: var(--co01); border-radius:50%;}
#section01 .con01 ul li p{font-size: 17px;width: calc(100% - 130px);}
#section01 .con01 ul li:hover p{text-decoration:underline;}
#section01 .con01 ul li span{display: block;width: 130px;font-size: 17px; color: #999;text-align: right;}

/* Photo Album */
#section01 .con02 ul.sec01_slide01 .slick-list{width: calc(100% + 20px);}
#section01 .con02 ul.sec01_slide01 li.slick-slide{margin-right: 20px;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .img_wrap{position:relative; width:100%; padding-bottom:59.091%; overflow: hidden; border-radius:12px;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .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;transition:.3s;}
#section01 .con02 ul.sec01_slide01 li.slick-slide:hover .img_wrap img{transform:scale(1.05);}
#section01 .con02 ul.sec01_slide01 li.slick-slide .txt_wrap{margin-top: 30px;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .txt_wrap p{font-size: 20px; line-height: 34px; color: #000;white-space: unset;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#section01 .con02 ul.sec01_slide01 li.slick-slide .txt_wrap span{display: block;font-size: 17px; color: #999; font-weight: 700; margin-top: 12px;}

#section01 .con02 ul.sec01_slide01 .slick-prev{position: absolute;left: -20px;top: 35%;transform:translateY(-50%); background: url(/images/kor/main/prev02.png)center no-repeat; width: 50px; height: 50px; background-size: cover;z-index: 100; text-indent: -9999px;box-shadow: 0px 0px 12px rgba(64,63,63,.25); border-radius:50%;}
#section01 .con02 ul.sec01_slide01 .slick-next{position: absolute;right: -20px;top: 35%;transform:translateY(-50%); background: url(/images/kor/main/next02.png)center no-repeat; width: 50px; height: 50px; background-size: cover;z-index: 100; text-indent: -9999px;box-shadow: 0px 0px 12px rgba(64,63,63,.25);border-radius:50%;}
#section01 .con02 ul.sec01_slide01 button:hover { box-shadow: 0px 0px 12px rgb(64 63 63 / 40%); }

#section01 .con02 ul.sec01_slide01 .slick-dots{display: flex;justify-content: center;gap:10px; margin-top: 70px;}
#section01 .con02 ul.sec01_slide01 .slick-dots li{width: 8px; height: 8px; background: #ddd;text-indent: -9999px; border-radius:50px;transition:.3s;}
#section01 .con02 ul.sec01_slide01 .slick-dots li.slick-active{width: 20px;background: #005fb7;}


/* 하단배너 */
#banner_wrap{line-height: 1;border-top: 1px solid #ddd;padding: 30px 0;}
#banner_wrap .inner{display: flex;align-items: center;justify-content: space-between;gap:30px;}
#banner_wrap .slide_wrap{width: calc(100% - 88px);}
#banner_wrap .slide_wrap ul .slick-list{width: calc(100% + 15px);padding: 5px 0;}
#banner_wrap .slide_wrap ul li{margin-right: 15px;}
#banner_wrap .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:27.668%;}
#banner_wrap .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
#banner_wrap .arr_wrap{display: flex;align-items: center;gap:15px;}




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

/* 상단 visual 메뉴명 */
#sub_visual_wrap {position: relative;line-height: 1;background: url(/images/eng/sub/sub_visual01_pc.jpg) center / cover  no-repeat;height: 220px;}
#sub_visual_wrap .txt_wrap{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width:100%;}
#sub_visual_wrap .txt_wrap h3{font-size: 40px;font-weight: 700;text-align: center;color: #333;}
#sub_visual_wrap .txt_wrap p{font-size: 20px;color: var(--co01);text-align: center; margin-top: 20px;}  

#sub_container{padding: 60px 0px 100px;line-height: 1;}
#sub_container .inner{display: flex;gap:80px;}

/* 왼쪽메뉴 */
.tab_menu_pc{width: 260px;}
.tab_menu_pc .sub_tit{display: flex;justify-content: center;align-items: center;width: 100%; height: 150px; border-radius: 24px 24px 0 0; background: linear-gradient(0deg,rgba(0, 54, 104, 1) 0%, rgba(0, 95, 183, 1) 100%);}
.tab_menu_pc .sub_tit h3{font-size: 24px; color: #fff; font-weight: 700;text-align: center;}
.tab_menu_pc .menu_wrap{padding: 10px 30px; border-radius:0 0 24px 24px; box-shadow: 3px 3px 10px rgba(64,63,63,.15);}
.tab_menu_pc .menu_wrap .menu:not(:last-child){border-bottom: 1px solid #ddd;}
.tab_menu_pc .menu_wrap .menu h3{display: flex;align-items: center;position: relative;}
.tab_menu_pc .menu_wrap .menu h3::after{content:'';position: absolute;right: 0;top: 50%;transform:translateY(-50%) rotate(90deg);background: url(/images/kor/sub/tab_arr_pc.png)center no-repeat; background-size: cover;width: 20px; height: 20px;}
.tab_menu_pc .menu_wrap .menu h3:only-child::after{transform:translateY(-50%);background: url(/images/kor/sub/tab_arr_pc.png)center no-repeat; background-size: cover;}
.tab_menu_pc .menu_wrap .menu h3 a{display: flex;align-items: center;width: 100%;min-height: 60px;font-size: 16px; color: #666; font-weight: 500;line-height:20px;padding:15px 0;}
.tab_menu_pc .menu_wrap .menu ul{display: none;padding: 20px; border-radius:12px; background: #f5f5f5;margin-bottom: 10px;}
.tab_menu_pc .menu_wrap .menu.active ul{display: block;}
.tab_menu_pc .menu_wrap .menu ul li{position: relative;padding: 5px 0 5px 12px;}
.tab_menu_pc .menu_wrap .menu ul li::after{content:'';position: absolute;top: 15px; left: 0;width: 4px; height: 4px;background: #005fb7; border-radius:50%;}
.tab_menu_pc .menu_wrap .menu ul li a{font-size: 15px;color: #666; line-height: 22px; font-weight: 500;}
.tab_menu_pc .menu_wrap .menu ul li.on a{color: #005fb7;}

.tab_menu_pc .menu_wrap .menu.on h3 a{color: var(--co01);}
.tab_menu_pc .menu_wrap .menu.on h3:only-child::after{transform:translateY(-50%);}
.tab_menu_pc .menu_wrap .menu.on h3::after{transform:translateY(-50%) rotate(-90deg);background: url(/images/kor/sub/tab_arr_on_pc.png)center no-repeat; background-size: cover;}
   
.tab_menu_mob{display: none;}
.depth03_mob{display: none;}

/* 메뉴 내용 */
#sub_contents{width: calc(100% - 340px); word-break: keep-all;}
#sub_contents.center{margin: 0 auto;max-width: 100%;}

/* 메뉴명 */
#sub_contents .contop{display: flex;align-items: flex-end;justify-content: space-between;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub_contents .contop h3{font-size: 35px; color: #333; font-weight: 700;line-height: 1.2;flex-shrink: 0;}
/* 메뉴경로 */
#sub_contents .contop ul.sub_nav{display: flex;align-items: center;gap:40px;}
#sub_contents .contop ul.sub_nav li{position: relative;font-size: 15px;color: #666;}
#sub_contents .contop ul.sub_nav li:not(:first-child):before {content:'';position: absolute;left: -23px; top: 50%;transform:translateY(-50%);width: 5px; height: 5px;background: #d5d5d5; border-radius:50%;}
#sub_contents .contop ul.sub_nav li a{display: flex;align-items: center;justify-content: center;gap:10px;}
#sub_contents .contop ul.sub_nav li a:before {font-size:16px;}



/* 공통 */
h3.h3_tit01{position: relative;font-size: 28px; color: #333; font-weight: 700;padding-left: 20px; margin-bottom: 30px;}
h3.h3_tit01::after{content:'';position: absolute;left: 0;top: 3px;width: 4px; height: 26px; background: url(/images/kor/sub/txt_icon01.png)center no-repeat; background-size: cover;}

a.home:before {content:'\f015';font-family:'FontAwesome';}

.sub_txt_st01{margin-bottom: 40px;}
.sub_txt_st01 strong{position: relative;display: block;font-size: 22px; color: #333; font-weight: 700;padding-left: 20px; margin-bottom: 15px;}
.sub_txt_st01 strong::after{content:'';position: absolute;left:0;top:7.5px;width:8.5px;height:8.5px; background-color:#003668;}
.sub_txt_st01 p{font-size: 17px; color: #666;line-height: 1.5;}
.sub_txt_st01 p b{color: #333; font-weight: 500;}

ul.ul_st01 li{position: relative;padding-left: 20px;font-size: 17px; color: #666; line-height: 28px;}
ul.ul_st01 li::after{content:'·';position: absolute;left: 0; top: 0;color: #005fb7;font-weight: 900;font-size: 20px;}

ul.ul_st02 li{position: relative;padding-left: 14px;font-size: 16px; color: #666; line-height: 28px;}
ul.ul_st02 li::after{content:'·';position: absolute;left: 0; top: -1px;color: #666;font-weight: 900;font-size: 20px;}

.depth04{display: flex;border-radius:25px; border:1px solid #ddd;width: fit-content; margin-bottom: 40px;}
.depth04.center{margin: 0 auto 40px;}
.depth04.mb{margin: 0 auto 80px;}
.depth04 a{display: flex;align-items: center;justify-content: center;width: 240px; height: 50px;font-size: 18px; color: #666;border-radius:25px; }
.depth04 a.on{color: #fff; background: var(--co01);}

.depth05{display: flex;gap:40px; margin-bottom: 25px;}
.depth05 a{font-size: 24px; color: #888; font-weight: 700; padding-bottom: 10px;cursor:pointer;}
.depth05 a.on{color: var(--co01);border-bottom: 2px solid var(--co01);}

/* 그래프  */
.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;}
.graph_box .tit p{font-size: 18px; color: #333; font-weight: 700;line-height:1.4;}
.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 */
table.tbl01{width: 100%;table-layout: fixed;}
table.tbl01 th{padding: 14px 10px;font-size: 16px; color: #333; font-weight: 500; border:1px solid #ddd; background: #f5f5f5;line-height: 1.2;}
table.tbl01 td{padding: 14px 10px;font-size: 16px; 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;}

/* 체크박스 - chk_st01 */
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: 14px; color: #666; font-weight: 500;padding-left: 20px;}
input.chk_st01 + label::after{content:'';position: absolute;top: 0; left: 0; width: 14px; height: 14px;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);}
input.chk_st01:focus{outline:0;}
input.chk_st01:focus + label::after{outline:3px dashed var(--co01);}

/* 라디오버튼 - ra_st01 */
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: 30px;font-size: 15px; color: #666; font-weight: 500;line-height: 1.6;}
input.ra_st01 + label::after{content:'';position: absolute;top: 2px; left: 0; width: 20px; height: 20px;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: 12px;height: 12px; background: var(--co01); border-radius:50%;}
input.ra_st01:focus{outline:0;}
input.ra_st01:focus + label::after{outline:3px dashed var(--co01);}


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

.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: 100px; height: 44px; background: var(--co01);font-size: 16px; color: #fff; font-weight: 500; margin-top: 20px; border-radius:4px;}
a.write_btn{display: flex;align-items: center;justify-content: center;width: 100px; height: 44px; background: #005fb7;font-size: 16px; color: #fff; font-weight: 500; margin-top: 20px; border-radius:4px;}

.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{display: flex;align-items: center; justify-content: center;background: url(/images/kor/sub/sub0101_img01.png)center no-repeat; height: 260px; border-radius:24px; background-size: cover;padding: 0px 50px;}
.sub0101_wrap .con01 p{font-size: 30px;color: #fff; font-weight: 700;text-align: center; line-height:1.3; }

.sub0101_wrap .con02{margin: 55px 0;}
.sub0101_wrap .con02 p{font-size: 17px; color: #666; line-height: 1.8;}
.sub0101_wrap .con02 p:not(:last-child){margin-bottom: 35px;}
.sub0101_wrap .con02 p b{color: #333; font-weight: 500;}

.sub0101_wrap .con02 .box_wrap{display: flex;align-items: center;gap:40px;}
.sub0101_wrap .con02 .box_wrap .img_box{width: 460px;}
.sub0101_wrap .con02 .box_wrap .img_box img{width: 450px;}

.sub0101_wrap .con02 .box_wrap{margin: 60px 0;}
.sub0101_wrap .con02 .box_wrap .txt_box{width: calc(100% - 551px);}
.sub0101_wrap .con02 .box_wrap .txt_box .txt:not(:last-child){margin-bottom: 25px;}
.sub0101_wrap .con02 .box_wrap .txt_box em{display: block;font-size: 30px; color: #ccdff1; font-weight: 700; margin-bottom: 15px;}
.sub0101_wrap .con02 .box_wrap .txt_box strong{display: block;font-size: 17px; color: var(--co01); font-weight: 700;line-height: 28px;}
.sub0101_wrap .con02 .sub_txt{position: relative;padding-left: 20px;margin-left: auto;font-size: 20px; color: #333; font-weight: 700;width: fit-content; margin-top: 60px;}
.sub0101_wrap .con02 .sub_txt::after{content:'';position: absolute;left: 0; top: 2px;width: 4px; height: 16px; background: var(--co01); border-radius:2px;}


/* sub0201  - Korean School > Introduction 학교소개 */
.sub0201_wrap .con:not(:last-child){margin-bottom: 100px;}
.sub0201_wrap .con01 img,
.sub0201_wrap .con01 video{display: block; margin: 0 auto; max-width: 100%;}
.sub0201_wrap .con02 table{margin-top: 20px;}

.sub0201_wrap .con03 .box_wrap{display: flex; margin-top: 30px;gap:20px;} 
.sub0201_wrap .con03 .box_wrap .box{width: calc((100% - 20px) / 2);}
.sub0201_wrap .con03 .box_wrap .box .img img{max-width: 100%;}


/* sub0202_2 - Korean School/EduactionCenter > Location (학교&교육원 기관찾기 지도) */
.sub0202_2_wrap .tit{margin-bottom: 30px;}
.sub0202_2_wrap .con01 .box_wrap .tit_box{display: flex;align-items: center; justify-content: space-between;height: 50px;background: var(--co01);padding: 0px 20px;}
.sub0202_2_wrap .con01 .box_wrap .tit_box p{font-size: 20px; color: #fff;font-weight: 700;}
.sub0202_2_wrap .con01 .box_wrap .tit_box span{font-size: 16px; color: #ccc;}

.sub0202_2_wrap .con01 .box_wrap .box01{position: relative;}
.sub0202_2_wrap .con01 .box_wrap .box01 img { width: 100%; }
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap{display: none;position: absolute;right: 0; top: 0;width: 450px; height: 100%;background: rgba(0,0,0,.7);}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap.left{right: initial; left: 0;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .pop_top{display: flex;justify-content: space-between; height: 70px;padding: 30px 30px 20px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .pop_top p{font-size: 24px; color: #fff;font-weight: 700;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap{display: flex;height: calc(100% - 70px);}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt{flex:1;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt strong{display: flex;align-items: center;justify-content: center; height: 50px; background: rgba(0,0,0,.7);font-size: 17px; color: #fff;font-weight: 500;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap{padding: 22px 0;height: calc(100% - 50px);overflow-y:auto;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap a{display: block;font-size: 13px; color: #fff;text-align: center;padding-bottom: 5px;border-bottom: 1px solid transparent;width: fit-content;margin: 0 auto;line-height:18px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap a:not(:last-child){margin: 0 auto 5px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap a:hover{border-bottom: 1px solid #fffd7e;color: #fffd7e;}

.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap::-webkit-scrollbar { width: 6px; }
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap::-webkit-scrollbar-thumb {height: 30%;background: #777;border-radius: 10px;}
.sub0202_2_wrap .con01 .box_wrap .box01 .pop_wrap .txt_wrap .txt .a_wrap::-webkit-scrollbar-track {background: transparent;}

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


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

.sub0301_wrap .con01 .img_wrap img{display: block; margin: 0 auto; max-width: 100%;}

.sub0301_wrap .con03 h3.h3_tit01{margin-bottom: 50px;}
.sub0301_wrap .con03 .arr_wrap{position: relative;display: flex;gap:70px;padding: 25px 60px 220px 60px;}
.sub0301_wrap .con03 .arr_wrap::after{content:'';position: absolute;left: 0; top: -30px;background: url(/images/kor/sub/sub0301_arr01.png)center no-repeat; width: 1060px; height: 180px; background-size: cover;z-index: -1;}
.sub0301_wrap .con03 .arr_wrap .icon{position: relative;}
.sub0301_wrap .con03 .arr_wrap .txt{position: absolute;left: 50%;transform:translateX(-50%);padding-top: 60px;}
.sub0301_wrap .con03 .arr_wrap p{font-size: 17px; color: #000; font-weight: 700;text-align: center;}
.sub0301_wrap .con03 .arr_wrap span{display: block;font-size: 16px; color: #666; line-height: 24px;text-align: center; width:150px;margin: 15px auto 0;}
 
.sub0301_wrap .con03 .box_wrap{display: flex;gap: 15px;justify-content: center;background: #eff4f7; border-radius:14px;padding: 56px 25px;width: fit-content;margin: 15px auto;}
.sub0301_wrap .con03 .box_wrap p{display:flex;gap: 15px;align-items: center;width:290px;font-size: 17px; color: #333; font-weight: 500; line-height: 28px;text-align: center;}
.sub0301_wrap .con03 .box_wrap p:not(:last-child)::after{display:inline-block;content:'';background: url(/images/kor/sub/sub0301_arr02.png)center no-repeat; width: 20px; height: 24px;}

.sub0301_wrap .con04 .img_wrap img{display: block; margin: 0 auto; max-width: 100%;}

.sub0301_wrap .con05 .box_wrap{display: flex;flex-wrap:wrap;gap:20px;}
.sub0301_wrap .con05 .box_wrap .box{position: relative;width: calc((100% - 20px) / 2); padding: 40px; background: #eee; border-radius:12px;}
.sub0301_wrap .con05 .box_wrap .box em{position: absolute; bottom: -8px; left: 45px;font-size: 120px; color: #fff;font-weight: 900;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap{display: flex;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .tit{font-size: 20px; color: #444;font-weight: 700;width: 170px;line-height:25px;}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .txt{width: calc(100% - 170px);}
.sub0301_wrap .con05 .box_wrap .box .txt_wrap .txt ul li span{display: block;font-size: 16px; color: #666;}



/* skin 공통 */
.skin_wrap select,
.skin_view_wrap select{height: 40px; border:1px solid #ddd;font-size: 14px; color: #999;font-weight: 500; border-radius:4px;padding: 0 33px 0 15px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/images/kor/sub/select_icon01_pc.png)center right 13px no-repeat #fff; background-size: 10px;}
.skin_wrap input[type="text"],
.skin_wrap input[type="date"]{width: 100%;height: 40px; border:1px solid #ddd;font-size: 14px; color: #444;font-weight: normal; border-radius:4px;padding: 0 15px; }
.skin_wrap input[type="text"]::placeholder, .skin_wrap input[type="text"]::placeholder{color: #ddd;}

.tbl_mob{display: none;}

/* 게시판 검색 */
.skin_wrap .search_wrap01{display: flex;align-items: center;padding: 30px;background: #f5f5f5; border-radius:8px; margin-bottom: 40px;}
.skin_wrap .search_wrap01 .search_flex{display: flex;align-items: center;gap:20px 30px;}
.skin_wrap .search_wrap01 .search_flex .search{display: flex;align-items: center;gap:10px;}
.skin_wrap .search_wrap01 .search_flex .search p{font-size: 15px; color: #333; font-weight: 500;flex-shrink:0;}
.skin_wrap .search_wrap01 .search_flex .search select{min-width: 140px;width:auto;}
.skin_wrap .search_wrap01 .search_flex .search select.select02{width: 200px;}
.skin_wrap .search_wrap01 .search_flex .search .date_wrap{display: flex;align-items: center;gap:10px;}
.skin_wrap .search_wrap01 .search_flex .search input[type="date"]{width: 135px;}
.skin_wrap .search_wrap01 a.search_btn{display: flex; align-items: center; justify-content: center; width: 80px; height: 40px; background: var(--co01); border-radius:4px;font-size: 14px; color: #fff;font-weight: 500;margin-left: auto;}

.skin_wrap .top{display: flex;align-items: flex-end; justify-content: space-between;margin-bottom: 15px;}
.skin_wrap .top .total{font-size: 14px; color: #999; font-weight: 500;}
.skin_wrap .top .total em{color: var(--co01); font-weight: 500;margin: 0 5px;}
.skin_wrap .top .search_wrap02{display: flex;align-items: center;gap:10px;}
.skin_wrap .top .search_wrap02 select{width: 120px;}
.skin_wrap .top .search_wrap02 .input{position: relative;width: 350px;}
.skin_wrap .top .search_wrap02 .input a.search_btn{position: absolute;right: 15px; top: 50%;transform:translateY(-50%);}

.skin_wrap .alert_txt{display: block;color: red;font-size: 15px;margin-bottom: 20px;line-height: 1.8;}


/* skin_tbl01 */
table.skin_tbl01{width: 100%; table-layout: fixed; border-top: 1px solid #666;}
table.skin_tbl01 tr{border-bottom: 1px solid #666;}
table.skin_tbl01 tr.pin{background: #f1f5f9;}
table.skin_tbl01 th{font-size: 15px; color: #333; font-weight: 500;padding: 13px;;line-height:1.2;word-break: break-word;}
table.skin_tbl01 th a.align {display: inline-block;margin-left: 5px;font-size:14px;}
table.skin_tbl01 th a.align:before {content:'\f0d7';font-family:'FontAwesome';}
/*table.skin_tbl01 th a.align_btn img{width: 10px;} */
table.skin_tbl01 tr.pin td .tit a {color:#555;font-weight:500;}
table.skin_tbl01 td{font-size: 14px; color: #666;padding: 14px;text-align: center;word-break: break-all;;line-height:1.5;}
table.skin_tbl01 td a{display: block;color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.skin_tbl01 td a:hover {color:#222;}
table.skin_tbl01 td.secret a{position: relative;padding-left: 22px;}
table.skin_tbl01 td.secret a::after{content:'';position: absolute;left: 0; top: 2px; background: url(/images/kor/sub/secret_icon01_pc.png)center / 100% 100% no-repeat; width: 13px; height: 17px;}
table.skin_tbl01 td.reply span{position: relative;display: inline-block;width: 75px;padding-left: 18px;font-size: 13px; color: var(--co01);vertical-align: super;font-weight: 500;}
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);}
table.skin_tbl01 td.left{text-align: left;}
table.skin_tbl01 td img{margin: 0 auto;}


/* skin_tbl02 */
table.skin_tbl02{width: 100%; table-layout: fixed; border-top: 1px solid #666;}
table.skin_tbl02 tr{border-bottom: 1px solid #ddd;}
table.skin_tbl02 tr:last-child{border-bottom: 1px solid #666;}
table.skin_tbl02 .col01{width: 150px;}

table.skin_tbl02 th{padding: 12px 8px;font-size: 15px; color: #333; font-weight: 500;background: #f1f5f9;line-height:1.4;}
table.skin_tbl02 th:not(:last-child){border-right: 1px solid #ddd;}
table.skin_tbl02 th:first-child {border-right: 1px solid #ddd !important;}
table.skin_tbl02 td{padding: 12px 20px;font-size: 15px; color: #666;;line-height:1.4;}
table.skin_tbl02 td.center{text-align: center;}
table.skin_tbl02 td.bd:not(:last-child){border-right: 1px solid #ddd;}
table.skin_tbl02 td a{font-size: 15px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.skin_tbl02 td .file_wrap .file{display: flex;align-items: center;gap:10px;}
table.skin_tbl02 td .file_wrap .file:not(:last-child){margin-bottom: 6px;}
table.skin_tbl02 td .file_wrap .file p{display: flex; align-items: flex-start;gap:10px;}
table.skin_tbl02 td .file_wrap .file p img{transform: translateY(4px);}
table.skin_tbl02 td .file_wrap .file .btn_wrap {display: flex;align-items: center;gap:5px; margin:0;}
table.skin_tbl02 td .file_wrap .file .btn_wrap a {display: flex;align-items: baseline;gap:4px;justify-content: center;padding:3px 6px;font-size: 13px; color: #999; border:1px solid #d2d2d2; border-radius:5px; width:auto;height:auto;font-weight:normal;background:#fff; }
table.skin_tbl02 td .file_wrap .file .btn_wrap a:hover {color:#555;}
table.skin_tbl02 td .file_wrap .file .btn_wrap a img.down {width:10px;}
table.skin_tbl02 td .file_wrap .file .btn_wrap a img.view {width:14px;}

table.skin_tbl02 td.txt_wrap{border-top: 1px solid #666;border-bottom: 1px solid #666;word-break:break-all}
table.skin_tbl02 td .txt {min-height: 100px;font-size: 15px; color: #333; line-height: 1.8; font-weight: 500;padding: 30px 0;}
table.skin_tbl02 td .txt p {font-size: 15px; color: #333; line-height: 1.8;font-weight:400;text-indent: 0 !important;}
table.skin_tbl02 td .txt img,
table.skin_tbl02 td .txt video,
table.skin_tbl02 td .txt iframe{max-width: 100%;}
table.skin_tbl02 .co01{color: var(--co01);}
table.skin_tbl02 td a.none {color:#aaa;}
table.skin_tbl01 td.no_data ,table.skin_tbl02 td.no_data { text-align: center; color: #999; padding: 30px 0; }

/*첨부파일리스트*/
.table.skin_tbl02 .attch_list { width: 100%;clear: both;margin-bottom: 5px; }
.table.skin_tbl02 .attch_list li { width: 100%;clear: both;padding: 2px 5px;border-bottom: 1px solid #e1e1e1;position: relative; }
.table.skin_tbl02 .attch_list li input[type="radio"] { vertical-align : middle;margin-right:4px; }
.table.skin_tbl02 .attch_list li span { width: calc(100% - 50px);font-size: 13.5px;line-height: 32px;color: #555;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;cursor: default;}
.table.skin_tbl02 .attch_list li span em { margin-left: 15px; color: #999;font-size: 11px;}
.table.skin_tbl02 .attch_list li a { position: absolute;right: 10px;top: 9px;background-color: #ff4545;border-radius: 50%;width: 20px;height: 20px;color: #fff;padding: 0 5.5px;font-size: 12px;line-height: 20px;margin: 0;}
.table.skin_tbl02 .attch_list li a i { margin: 0;} 
.table.skin_tbl02 .attch_list li a:hover { box-shadow: inset 0 0 0 2px #ff4545;background-color: #fff;color: #ff4545;cursor: pointer;}
 .newwin { width: 16px;height: 12px;background-image: url('/images/common/ico_newwindow.png');background-repeat: no-repeat;font-size: 0;line-height: 0;overflow: hidden;text-indent: -9999px;background-position: 0 -2px;background-size: 16px auto;display: inline-block;margin-left: 5px;}
 

/* skin_view(게시글상세) 공통 */ 
.skin_view_wrap .bot_wrap,
.skin_view_wrap .btn_wrap {display: flex;justify-content: space-between; margin-top: 20px;}
.skin_view_wrap .bot_wrap .left{display: flex;gap:10px;}
.skin_view_wrap .bot_wrap a,
.skin_view_wrap .btn_wrap a {display: flex;align-items: center; justify-content: center;gap:7px; width: 80px; height: 44px; font-size: 16px; color: #fff; font-weight: 500; border-radius:4px;background: var(--co01);}
.skin_view_wrap .bot_wrap .left a.btn01{ background: #005fb7; }
.skin_view_wrap .bot_wrap .left a.btn02{ width: 110px; background: #999; }
.skin_view_wrap .bot_wrap .right { margin-left: auto }

.skin_view_wrap .arr_tbl{margin-top: 40px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 .col01{width: 150px;}
.skin_view_wrap .arr_tbl table.skin_tbl02 th p {display: flex;align-items: center;justify-content: space-between;padding:0 25px;color: #666;}
.skin_view_wrap .arr_tbl table.skin_tbl02 th p:after {content:'\f105';font-size:18px;color:#999;font-family:'FontAwesome';}
.skin_view_wrap .arr_tbl table.skin_tbl02 td a:hover {color:#000;}
.skin_view_wrap .arr_tbl table.skin_tbl02 td a.none:hover {color: #aaa; cursor: default;}
.skin_view_wrap .arr_tbl table.skin_tbl02 td a.secret:before {content:'';display: inline-block;background: url(/images/kor/sub/secret_icon01_pc.png)center / contain no-repeat; width: 12px; height: 19px;vertical-align: top;margin-right: 5px;}


/*댓글영역*/
.skin_view_wrap .reply_con {margin-top: 40px;}
.skin_view_wrap .reply_con .re_btn {padding: 10px 20px;margin-bottom:20px;border:1px solid #005fb7;border-radius: 30px;position:relative;cursor:pointer;display:inline-flex;align-items: center;justify-content: space-between;gap: 12px;}
.skin_view_wrap .reply_con .re_btn:after {content:'\f106';font-size:15px;color:#005fb7;transition:.3s;font-family:'FontAwesome';}
.skin_view_wrap .reply_con .re_btn.close:after {transform:rotate(180deg);}
.skin_view_wrap .reply_con .re_btn p {font-size: 14px; color: #333; font-weight: 500;}
.skin_view_wrap .reply_con .re_btn p em {font-weight: 500;color: #005fb7;margin-left: 12px;}

.skin_view_wrap .reply_con .reply_wrap {border-bottom: 1px solid #ccc;}
.skin_view_wrap .reply_con .reply_box {display: block;border-top: 1px solid #ccc;}
.skin_view_wrap .reply_con .reply_box .box {padding: 25px 20px;}

.skin_view_wrap .reply_con .reply_box .box .name {font-size: 15px; color: #333;margin-bottom:12px;}
.skin_view_wrap .reply_con .reply_box .box .txt p {font-size: 15px; color: #666; line-height: 1.6;}
.skin_view_wrap .reply_con .reply_box .box .txt.none p {color:#aaa;margin: 10px 0;}
.skin_view_wrap .reply_con .reply_box .box .bot {font-size: 14px; color: #999; margin-top: 15px;}

/* 대댓글(답글) */
.skin_view_wrap .reply_con .reply_box.re {position: relative;background: #fafafa;padding-left:40px;}
.skin_view_wrap .reply_con .reply_box.re:before {content:'';display:inline-block;width:12px;height:12px;box-shadow: -1px 1px #d7d7d7;position: absolute;top:25px;left:25px;}

/*컨텐츠게시판 댓글*/
.skin_view_wrap .reply_con .reply_box .box .top{display: flex;align-items: center; justify-content: space-between; margin-bottom: 15px;}
.skin_view_wrap .reply_con .reply_box .box .top p.name{margin:0;}
.skin_view_wrap .reply_con .reply_box .box .top .star_wrap{display: flex;align-items: center;gap:3px;}
.skin_view_wrap .reply_con .reply_box .box .top .star_wrap button{display: block;  background: url(/images/kor/sub/bookmark_icon.png)center no-repeat; width: 17px; height: 16px; background-size: cover;cursor:pointer;}
.skin_view_wrap .reply_con .reply_box .box .top .star_wrap button.on{background: url(/images/kor/sub/bookmark_on_icon.png)center no-repeat; background-size: cover;}


/* ?? */
.skin_view_wrap .pop_wrap01{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh;background: rgba(0,0,0,.5);z-index: 9999;}
.skin_view_wrap .pop_wrap01 .pop_con{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%); width: 520px; background: #fff;}
.skin_view_wrap .pop_wrap01 .pop_con .tit{display: flex;align-items: center; justify-content: space-between;padding: 0 20px; height: 60px; background: var(--co01);}
.skin_view_wrap .pop_wrap01 .pop_con .tit p{font-size: 24px; color: #fff;font-weight: 700;}
.skin_view_wrap .pop_wrap01 .pop_con .tit .btn_wrap{display: flex;align-items: center;gap:10px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap{padding: 20px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap strong{display: block;font-size: 16px; color: #333; font-weight: 700;margin-bottom: 10px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap textarea{padding: 15px;font-size: 15px; color: #666;border:1px solid #ddd; border-radius:8px;resize:none;width: 100%;height: 225px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap .btn{display: flex;justify-content: center; margin-top: 20px;}
.skin_view_wrap .pop_wrap01 .pop_con .txt_wrap .btn a{display: flex;align-items: center; justify-content: center; width: 100px; height: 40px; background: #333;font-size: 14px; border-radius:4px; color: #fff;font-weight: 500;}

.skin_view_wrap .top_btn_wrap{display: flex;align-items: center; justify-content: flex-end;gap:10px;margin-bottom: 10px;}
.skin_view_wrap .top_btn_wrap p.view{font-size: 15px; 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: 32px; height: 32px; border-radius:4px;}
.skin_view_wrap .top_btn_wrap a.facebook_icon{border:1px solid #999;}
.skin_view_wrap .top_btn_wrap a.print_icon{border:1px solid var(--co01);}
.skin_view_wrap .top_btn_wrap a.hit_icon{background: #005fb7; padding: 0px 10px;width: fit-content;}
.skin_view_wrap .top_btn_wrap a.hit_icon span{font-size: 15px; font-weight: 500; color: #fff;}
.skin_view_wrap .top_btn_wrap a.hit_icon span:before {content:'\f08a';font-size:15px;margin-right:6px;font-family:'FontAwesome';}
.skin_view_wrap .top_btn_wrap a.hit_icon span.liked:before {content:'\f004';color:red;}
.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:10px;}



/* skin01  - 커스텀 게시판 */
.skin_wrap.skin01 .col01 {width: 70px;}
.skin_wrap.skin01 .col02 {width: 95px;}
.skin_wrap.skin01 .col03 {}
.skin_wrap.skin01 .col04 {width: 150px;}
.skin_wrap.skin01 .col05 {width: 55px;}
.skin_wrap.skin01 .col06{width: 132px;}
.skin_wrap.skin01 table.skin_tbl01 td .tit{display: flex;align-items: center;gap:10px;}
.skin_wrap.skin01 table.skin_tbl01 td .tit b.new{display: flex;align-items: center; justify-content: center;width: 16px; height: 16px; background: #005fb7; border-radius:4px; color: #fff;font-size: 10px; font-weight: 500;}


/* skin02  - 일반게시판(type1) */
.skin_wrap.skin02 .col01{width: 70px;}
.skin_wrap.skin02 .col03{width: 150px;}
.skin_wrap.skin02 .col04{width: 92px;}
.skin_wrap.skin02 .col05{width: 55px;}
 
.skin_wrap.skin02 table.skin_tbl01 td .tit{display: flex;align-items: center;gap:10px;}
.skin_wrap.skin02 table.skin_tbl01 td .tit b.new{display: flex;align-items: center; justify-content: center;width: 16px; height: 16px; background: #005fb7; border-radius:4px; color: #fff;font-size: 10px; font-weight: 500;}


/* skin03 - 이미지+텍스트 게시판(type4 ex.Online Newsletter) */
.skin_wrap.skin03 .img_list_wrap{border-top: 1px solid #ddd;}
.skin_wrap.skin03 .img_list_wrap .list{border-bottom: 1px solid #ddd;}
.skin_wrap.skin03 .img_list_wrap .list a{display: flex;padding: 20px;align-items: flex-end;justify-content: space-between;}
.skin_wrap.skin03 .img_list_wrap .list .left{display: flex;align-items: center;gap:30px;width: 100%; }
.skin_wrap.skin03 .img_list_wrap .list .left .img_box{width: 160px; flex-shrink:0; }
.skin_wrap.skin03 .img_list_wrap .list .left .img_wrap{position:relative; width:100%; padding-bottom:68.75%;border-radius:12px; overflow: hidden;}
.skin_wrap.skin03 .img_list_wrap .list .left .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.skin03 .img_list_wrap .list .left .txt_box{width: 100%;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box .tit{display: flex;gap:10px;align-items: center;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box p{font-size: 17px; color: #333; font-weight: 500; line-height: 1.5;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;width: fit-content;word-break: break-all;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box b.new{display: flex;align-items: center; justify-content: center;font-size: 10px; color: #fff; font-weight: 500;width: 16px; height: 16px; border-radius:4px; background: #005fb7;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01{margin-top: 15px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01 li{font-size: 14px;padding-left: 16px; line-height: 22px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01 li::after{font-size: 20px;}
.skin_wrap.skin03 .img_list_wrap .list .left .txt_box ul.ul_st01 li span{display: inline-block;width: auto; margin-right: 10px;}
.skin_wrap.skin03 .img_list_wrap .list .right{display: flex;align-items: center;justify-content: flex-end;gap:18px;width: auto;flex-shrink: 0;}
.skin_wrap.skin03 .img_list_wrap .list .right span{font-size: 14px; color: #666;flex-shrink: 0;}
.skin_wrap.skin03 .img_list_wrap .list .right span b{display: inline-block;font-weight: 400;margin-left: 7px;}



/* skin05 - Korean School/EducationalCenter > Information (학교&교육원 정보_목록) */
.skin_wrap.skin05 table.skin_tbl01 .col01{width: 120px;}
.skin_wrap.skin05 table.skin_tbl01 .col02{width: 220px;}
.skin_wrap.skin05 table.skin_tbl01 .col03{}
.skin_wrap.skin05 table.skin_tbl01 td a{display: inline;padding-bottom: 2px;color: var(--co01);border-bottom: 1px solid var(--co01);}

/* skin05_view - Korean School/EducationalCenter > Information (학교&교육원 정보_상세) */
.skin_view_wrap.skin05_view .con01 {margin-bottom: 40px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap{display: flex;justify-content: space-between;align-items: center;padding: 30px; background: #e5eff8; border-radius:8px; margin-bottom: 40px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit{display: flex;align-items: center;gap:20px;}
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit .icon img { width: 50px; }
.skin_view_wrap.skin05_view .con01 .tit_wrap .tit p {font-size: 30px; font-weight:700; color: #333;}
.skin_view_wrap.skin05_view .con01 .tit_wrap a {display: flex;align-items: center; justify-content: center;gap:8px;height: 40px;padding: 0 20px;font-size: 15px; font-weight: 500; border-radius:6px; background: var(--co01); color: #fff;}

.skin_view_wrap.skin05_view .con01 table.skin_tbl02 td a{display: inline;padding-bottom: 2px;color: #0061bb;border-bottom: 1px solid #0061bb;}

.skin_view_wrap.skin05_view .con01 .graph_wrap{display: flex;flex-wrap:wrap;gap:40px; margin-top: 40px;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box {width: calc((100% - 40px) / 2);} 
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box:has(.rows) {padding-top: 60px;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit.rows {top:35px;}
.skin_view_wrap.skin05_view .con01 .graph_wrap .graph_box .tit.rows .dw_btn {top:25px;}

.skin_view_wrap.skin05_view .btn_wrap a { margin-left: auto; }


/* skin07 - Request a Certifiacte(인가증발급) */
.skin_wrap.skin07 .con:not(:last-child){margin-bottom: 100px;}

.skin_wrap.skin07 .box_wrap{display: flex;flex-wrap:wrap;gap:20px;}
.skin_wrap.skin07 .box_wrap .box{width: calc((100% - 20px) / 2);padding: 25px 20px; border:1px solid #ddd; background: #f5f5f5;border-radius: 10px;}
.skin_wrap.skin07 .box_wrap .box strong{display: block;font-size: 20px; color: #333; font-weight: 700;line-height: 1.5;margin-bottom: 20px;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap{display: flex;flex-wrap:wrap;gap:10px 0;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn{display: flex;gap:10px; align-items: center;width: 50%;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn p{font-size: 16px; color: #666;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn a{display: flex;align-items: center; justify-content: center; width: 54px; height: 21px; border:1px solid #ddd; border-radius:10px; background: #fff;transition:.3s;font-size: 13px;}
.skin_wrap.skin07 .box_wrap .box .btn_wrap .btn a:hover{background: var(--co01); border:1px solid var(--co01); color: #fff;}

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


/* skin08 - 컨텐츠 게시판 (ex.Teaching Korean ..)*/
/* 컨텐츠_목록 */
.skin_wrap.skin08 .search_wrap01 .search_flex .search input[type="text"]{width: 350px;}
.skin_wrap.skin08 .list_wrap{border-top: 1px solid #ddd;}
.skin_wrap.skin08 .list_wrap .list{border-bottom: 1px solid #ddd;}
.skin_wrap.skin08 .list_wrap .list a{display: flex;gap:30px;padding: 20px;}
.skin_wrap.skin08 .list_wrap .list .img_box{width: 160px; flex-shrink: 0;}
.skin_wrap.skin08 .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:62.5%; overflow: hidden; border-radius:12px;background:#f5f5f5;}
.skin_wrap.skin08 .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.skin08 .list_wrap .list .img_wrap video{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; background-image: url(/images/common/ico_play.png); background-repeat:no-repeat; background-position:55px 25px; background-size:50px;}

.skin_wrap.skin08 .list_wrap .list .txt_box{ width: calc(100% - 160px); position:relative;}
.skin_wrap.skin08 .list_wrap .list .txt_box .tit {display: flex;gap:10px;align-items: center;margin-bottom: 10px;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt p{font-size: 17px; color: #333; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: fit-content;max-width: calc(100% - 35px);word-break: break-all;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt b.new {display: flex;align-items: center; justify-content: center;height: 16px; background: #005fb7; border-radius:4px; color: #fff;font-size: 11px; font-weight: 500; padding:0 5px 1px;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt b.re{font-size: 12px; color: #999;line-height: 1.4;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt b.re em{color: #e8000b;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt span {display: block; height: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.skin_wrap.skin08 .list_wrap .list .txt_box .txt span p { font-size: 15px; color: #666; line-height: 1.5; font-weight: normal; }
.skin_wrap.skin08 .list_wrap .list .txt_box .tag{ position:absolute;bottom:9px; }
.skin_wrap.skin08 .list_wrap .list .txt_box .tag em{font-size: 14px; color: #005fb7;}

/* 컨텐츠_상세 */
.skin_view_wrap.skin08_view .tbl_wrap .tit{display: flex;align-items: center; justify-content: center; border-radius:8px; background: var(--co01); padding: 20px; min-height: 60px; margin-bottom: 20px;}
.skin_view_wrap.skin08_view .tbl_wrap .tit p{font-size: 20px; color: #fff;font-weight: 700; line-height: 1.4;}
.skin_view_wrap.skin08_view .top_btn_wrap p.view b {color: #005fb7; margin-left:5px; }
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap { padding: 20px 10px; }
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li{display: flex;align-items: center;gap:20px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li:not(:last-child){margin-bottom: 12px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li p{display: flex;align-items: center; justify-content: center; width: 110px; height: 36px; background: #005fb7;font-size: 15px; color: #fff;font-weight: 700; border-radius:18px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap ul li span{display: block;font-size: 15px; color: #666;}

.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap .txt .clip_area{text-align: center; display: block; width: 100%; clear: both; max-width: 800px;margin-bottom: 15px;}
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap .txt .clip_area:after {content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1; }
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap .txt .clip_area video { max-width: 100%; height: auto; }
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap .txt .clip_area .swf { max-width: 100%; height: auto; }

.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap .txt .img_area{ text-align: center; display: block; width: 100%; clear: both; max-width: 800px; }
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap .txt .img_area:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1; }
.skin_view_wrap.skin08_view table.skin_tbl02 td.txt_wrap .txt .img_area img { max-width: 100%; height: auto; }

.skin_view_wrap.skin08_view .file_wrap{display: flex;margin-top: 20px; border-radius:8px; overflow: hidden;}
.skin_view_wrap.skin08_view .file_wrap strong{display: flex;align-items: center; justify-content: center; width: 150px; font-size: 15px; font-weight: 700; background: #66bbbb;color: #fff;flex-shrink: 0;}
.skin_view_wrap.skin08_view .file_wrap .file_box{padding: 20px;width:100%; background: #fafafa; border:1px solid #ddd; border-left: 0;border-radius:0 8px 8px 0;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file{display: flex;gap:10px;align-items: center;}
.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{display: flex;align-items: center; justify-content: center; width: 50px; padding:3px 0 6px; font-size: 12px;  color: #fff; font-weight: 500; background: #66bbbb; border-radius:11px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file p{font-size: 15px; color: #666;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file span{display: inline-block;font-size: 12px; color: #999;margin-left: 10px;}
.skin_view_wrap.skin08_view .file_wrap .file_box .file span b{color: #66bbbb;font-weight: 400;}


/* skin09 - 이미지형(type3) */
.skin_wrap.skin09 .list_wrap{display: flex;flex-wrap:wrap;gap:40px 20px;}
.skin_wrap.skin09 .list_wrap .list{width: calc((100% - 40px) / 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: 20px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt{display: flex;justify-content: space-between;margin-bottom: 14px;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt p{font-size: 20px;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: 24px; height: 24px; background: #f5f5f5; border-radius:50%;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .txt em img{width: 15px;}
.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:6px;font-size: 14px;color: #999;}
.skin_wrap.skin09 .list_wrap .list .txt_wrap .bot_txt .left{display: flex;align-items: center;gap:15px;}


/* skin12 - lifelong Education(국내평생교육 사이트) */
.skin_wrap.skin12 .list_wrap .list {display: flex;justify-content: space-between;padding: 50px 40px;position: relative;}
.skin_wrap.skin12 .list_wrap .list:first-child{padding-top: 0;}
.skin_wrap.skin12 .list_wrap .list:not(:last-child){border-bottom: 1px solid #ddd;}
.skin_wrap.skin12 .list_wrap .list .box{display: flex;gap:80px;align-items: center;}
.skin_wrap.skin12 .list_wrap .list .box .img_box {width: 250px; flex-shrink: 0;}
.skin_wrap.skin12 .list_wrap .list .box .img_wrap{width:100%;}
.skin_wrap.skin12 .list_wrap .list .box .img_wrap img{width:100%; height:100%;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box{width:100%; padding-right: 30px;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt p{font-size: 18px; color: #333; font-weight: 700;line-height: 1.5;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt p em{ display: block; font-size: 16px; line-height:1.6; color: #888;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt span{display: block;font-size: 15px; color: #333; line-height: 22px;margin-top: 10px;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box .txt span a{font-size:16px;color:#006fe5;}

.skin_wrap.skin12 .list_wrap .list .box .txt_box ul.ul_st01{margin-top: 30px;}
.skin_wrap.skin12 .list_wrap .list .box .txt_box ul.ul_st01 li{font-size: 14px;line-height: 22px;padding-left: 16px;}
.skin_wrap.skin12 .list_wrap .list a.site_btn {position: absolute;right:0;padding: 7px 20px 8px;color: #005fb7;border:1px solid #005fb7;border-radius: 30px;display: flex;gap:10px;align-items: center;justify-content: space-between;transition:.3s;}
.skin_wrap.skin12 .list_wrap .list a.site_btn:after {content:'\f105';font-size:16px;font-family:'FontAwesome';}
.skin_wrap.skin12 .list_wrap .list a.site_btn:hover { background-color:#005fb7; color:#fff;}


/* skin13 - Adoption by Country(국가별 현황) */
.skin_wrap.skin13 .search_wrap01.src6 {position:relative;flex-direction: column;gap:20px;align-items: flex-start;padding-right:200px;}
.skin_wrap.skin13 .search_wrap01.src6 .search_flex {width: 100%;justify-content: space-between;}
.skin_wrap.skin13 .search_wrap01.src6 .search_flex:first-child .search:first-child p {width:67px;}
.skin_wrap.skin13 .search_wrap01.src6 a.search_btn {position:absolute;right:30px;bottom:30px;}

.skin_wrap.skin13 div.no_data {padding: 130px 0;font-size: 15px;color: #aaa;text-align: center;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
 
.skin_wrap.skin13  .tbl_box{margin-top: 25px;border-top: 1px solid #666;border-bottom: 1px solid #666;}
.skin_wrap.skin13  .tbl_box table.tbl01 th{padding: 15px 5px;background: #f1f5f9;font-size: 15px;word-break: break-all;letter-spacing:-0.5px;} 
.skin_wrap.skin13  .tbl_box table.tbl01 td{padding: 15px 5px;font-size: 15px;}  

.skin_wrap.skin13 .graph_wrap .graph_box {width: 900px;margin: 0 auto;margin-bottom: 40px;}   
.skin_wrap.skin13 .graph_wrap .graph_box .tit {top:40px;}
.skin_wrap.skin13 .graph_wrap .graph_box .tit p {font-size: 24px;}
.skin_wrap.skin13 .graph_wrap .graph_box .chart {padding: 55px 10px 40px;}

/****************************************/
/****************************************/



/* skin_form */
/* .skin_form table.skin_tbl02 .col01{width: 200px;} */
.skin_form table.skin_tbl02 td{padding: 7px 15px;}
.skin_form table.skin_tbl02 td em{font-weight: 500;}
.skin_form table.skin_tbl02 td input[type="text"]{width: 100%; height: 47px; font-size: 15px ;color: #666; border:1px solid #ddd; border-radius:6px;padding: 0px 20px;}
.skin_form table.skin_tbl02 td select{width: 318px; height: 47px; font-size: 15px ;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: 150px;}
.skin_form table.skin_tbl02 td .cer_wrap .img img{height: 47px;}
.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: 15px; 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: 40px;}
.skin_form .btn_wrap a{display: flex;align-items: center; justify-content: center;width: 200px; height: 50px;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:30px;align-items: center;	}
.skin_form table.skin_tbl02 td .p_wrap{display: flex;gap:10px;align-items: center;}
.skin_form table.skin_tbl02 td .p_wrap input[type="date"]{width: 148px; height: 47px; border:1px solid #ddd; border-radius:4px;font-size: 14px; color: #999;font-weight: 500;padding: 0px 15px;}
.skin_form table.skin_tbl02 td .p_wrap span{font-size: 15px; color: #333; font-weight:500;}


/* 서비스소개 */
.service_wrap{line-height: 1;}

/* 서비스소개_사이트맵 */
.service_wrap .service01 .con01{margin-bottom: 55px;}
.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: 200px; background-attachment: fixed; border-radius:24px;background-size: cover;}
.service_wrap .service01 .con01 .img_wrap p{font-size: 20px; color: #fff ; line-height: 36px;text-align: center;font-weight: 700;}
.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: 20px; 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: 17px; color: #666; line-height: 28px; margin-top: 16px;padding-left: 20px;}

/* 서비스소개_사이트맵 */
.service_wrap .site_map{display: flex;flex-wrap:wrap;gap:60px 50px;}
.service_wrap .site_map .site{width: calc((100% - 100px) / 3); border-radius:8px; overflow: hidden;}
.service_wrap .site_map .site .tit{display: flex;align-items: center; justify-content: center;height: 60px; background: var(--co01);}
.service_wrap .site_map .site .tit p{font-size: 20px; 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: 60px;font-size: 17px; 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: 20px;padding-bottom: 20px;}
.service_wrap .site_map .site .menu_wrap .menu ul li a{font-size: 15px; 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);}