@charset "utf-8";

@import url("swiper.min.css");
@import url("animated.css");
@import url('jquery-ui.css');
@import url('font.css');

/*skipLink*/
#skipLink{ overflow:hidden; position:fixed; top: 5px; z-index:999; }
#skipLink a{ width:1px; height:1px; text-align:center; line-height:0; overflow:hidden; font-size:0px; display:block; }
#skipLink a:focus,
#skipLink a:hover,
#skipLink a:active{ background:#b10e29; margin:0px; padding:8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700; text-decoration: underline; }


/*main*/
main { position:relative; z-index:1; }
main section { position:relative; }

/*usual*/
.inner { width: 1300px; margin: 0 auto; position: relative; }
.click_box { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.flex_box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.img_box { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.img_box > img { width: 100%; height: 100%; object-fit: cover; }
.column { flex-direction: column; }
.cc { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ac { align-items: center }
.as { align-items: flex-start; }
.ae { align-items: flex-end; }
.jcs { justify-content: flex-start !important; }
.jcc { justify-content: center; }
.jce { justify-content: flex-end !important; }
.jcb { justify-content: space-between; } 
.round { padding: 1rem; border-radius: 500px; }
.round20 { padding: 1rem; border-radius: 20px; }
.round15 { padding: 1rem; border-radius: 15px; }
.round10 { padding: 1rem; border-radius: 10px; }
.round5 { padding: .8rem; border-radius: 5px; }
.round0 { border-radius: 0 !important; }
.gray_bg { background: #f7f7f7; }
.gray_bg2 { background: #f9f9f9; }
.gray_bg3 { background: #f8f8f8; }
.gray_bg4 { background: #666; color: #fff; }
.gray_border { border: 1px solid #dedede; }
.gray_box { padding: 1.5rem; background: #f9f9f9; border: 1px solid #e8e8e8; border-radius: 10px; }
.gray_box2 { padding: 2.3rem 3.125rem; background: #f7f7f7; line-height: 1.7; }
.gray_box3 { padding: 1.2rem 2rem; background: #f9f9f9; border-radius: 10px; }
.gray_box4 { padding: 1.5rem 2rem; background: #f7f7f7; border-radius: 10px; }


.mob_only { display: none !important; }
.hidden { display: none !important; }
.block { display: block; }
.hidden_word { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; color: transparent; }
.flex_box > .half { width: 48.5%; }
.flex_box > .third { width: 31.25%; }
.flex_box > .quarter { width: 23.15%; }
.td_flex { display: flex ; gap: 5px; align-items: center; flex-wrap: wrap; }
.long { width: 100%; }
.no_click { pointer-events: none; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }
.nowrap { white-space: nowrap; }
.ovf_hdn { overflow: hidden; }
.zi99 { z-index: 99; }

.no_bg { background:none !important; }
.no_bl { border-left:none !important; }
.no_bb { border-bottom:none !important; }
.no_bt { border-top:none !important; }
.no_br { border-right:none !important; }
.no_bd { border:none !important; }

.arrow_thick { width: .94rem; height: 1.5rem; background: url('../images/arrow_thick.png') no-repeat 50% 50%; }


/*font*/
.fs60 { font-size: 3.75rem; }
.fs42 { font-size: 2.625rem; }
.fs32 { font-size: 2rem; }
.fs30 { font-size: 1.875rem; }
.fs28 { font-size: 1.75rem; }
.fs26 { font-size: 1.625rem; }
.fs25 { font-size: 1.5625rem; }
.fs24 { font-size: 1.5rem; }
.fs22 { font-size: 1.375rem; }
.fs21 { font-size: 1.3125rem; }
.fs20 { font-size: 1.25rem; }
.fs19 { font-size: 1.1875rem; }
.fs18 { font-size: 1.125rem !important; }
.fs17 { font-size: 1.0625rem; }
.fs15 { font-size: .94rem; }
.fs14 { font-size: .875em; }
.fs13 { font-size: .81rem; }
.fs40 { font-size: 2.5rem; }

.scd { font-family: 'SCoreDream', 'NotoSans'; }
.ptd { font-family: 'Pretendard', 'NotoSans'; }
.gmarket { font-family: 'GmarketSans', 'NotoSans'; }
.fw900 { font-weight: 900 !important; }
.fw800 { font-weight: 800 !important; }
.fw700 { font-weight: 700 !important; }
.fw600 { font-weight: 600 !important; }
.fw500 { font-weight: 500 !important; }
.fw400 { font-weight: 400 !important; }
.fw300 { font-weight: 300 !important; }
.fw200 { font-weight: 200 !important; }
.fw100 { font-weight: 100 !important; }

.accent { font-weight: 500; color: #000; }
.refer { font-weight: 300; color: #999; }
.white { color: #fff !important; }
.red { color: #b10e29 !important; }
.red2 { color: #ed272d !important; }
.green { color: #82bc43 !important; }
.green2 { color: #1d8f25 !important; }
.blue { color: #0f77be !important; }
.blue2 { color: #0071bc !important; }
.skyblue { color: #55a5da !important; }
.yellow { color: #f5a23a !important; }
.brown { color: #897c71; }
.orange { color: #fa8027; }
.pink { color: #0894b5 !important; }
.b_gray { color: #333 !important; }
.gray { color: #666 !important; }
.gray2 { color: #8e8e8e !important; }
.l_gray { color: #bbb !important; }
.c { text-align: center !important; }
.l { text-align: left !important; }
.r { text-align: right; }
.underline { text-decoration: underline; text-underline-offset : 7px; }
.lh14 { line-height: 1.4; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.ti8 { text-indent: -.5rem; }
.ti16 { text-indent: -1rem; }
.pl8 { padding-left: .5rem; }
.pl16 { padding-left: 1rem; }
.ellip1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellip2 { clear: both; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellip3 { clear: both; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }



/*title*/
h3.h3_tit { font-size: 2.375rem; font-weight: 700; color: #222; position: relative; }
h3.deco::after { content: ""; position: absolute; width: 1.5625rem; height: 1.25rem; top: 0; left: -1.8rem; background: url('../images/h3_deco.png') no-repeat 50% 50%; background-size: 100%; }
h4.h4_tit { padding-top: 3rem; font-family: 'Pretendard', 'NotoSans'; font-size: 2rem; font-weight: 600; position: relative; }
h4.deco { padding-left: 1.5rem; }
h4.deco::after { content: ""; position: absolute; top: 1.4rem; transform: translateY(-50%); left: 0; width: .94rem; height: .94rem; border: 4px solid #b10e29; }
h5.h5_tit { font-size: 1.25rem; font-weight: 700;  position: relative; margin-bottom: 1.2rem;}
h5.deco{padding-left:1rem;}
h5.deco::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 1.2rem; background-color:#b10e29;}




/*bg*/
.bg_red { background-color: #b10e29 !important; }
.bg_grn { background-color: #82bc43 !important; }
.bg_blue { background-color: #196acf !important; }
.bg_brown { background-color: #af622f !important; }
.bg_orange { background-color: #fa8027 !important; }
.bg_white { background-color: #fff !important; }
.bg_yel { background-color: #f5a23a !important; }


/* --------------------------------------------
 * layout
/* ------------------------------------------ */

#wrap{ position:relative; width:100%; min-width: 1200px; margin:0 auto; overflow:hidden; padding: 0;}
#inner_wrap{max-width:1400px; margin: 0 auto;}
#header{ position: fixed; top: 0; left: 0; width:100%; background-color:#fff; z-index:999; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
#header > .inner{ position: relative;   margin: 0 auto; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: space-between; max-width: 1720px; }
/* #header .inner::after{ content: ''; display: block; clear: both;} */
#header .inner h1 { width: 260px; z-index:1;}
#header .inner h1 a.logo { display: block; margin-top:4px; height: 60px; text-indent: -9999px; background: url(/images/home/eng/user/header_logo.svg) 50% 50% no-repeat;}
#header .header-top{ position: relative; height: 2.5rem; background-color: rgba(11,26,46,.85);}
/* #header .header-top .inbx{ max-width: 1200px; margin: 0 auto; text-align: right;}
#header .header-top .hd-sch{ position: relative; display: inline-block; vertical-align: middle; width: 280px; padding: 0 0 0 40px; }
#header .header-top .hd-sch .ky{ display: block; height: 39px; line-height: 39px; width: 100%; font-size: 12px; border: none; background-color: transparent;}
#header .header-top .hd-sch .sch{ position: absolute; top: 14px; right: 0; width: 40px; height: 40px; background: url(/images/home/kor/user/header_ic_search.png) 100% 45% no-repeat; text-indent: -9999px; text-align: left;}
#header .header-top .utill{ display: inline-block;}
#header .header-top .utill a{ position: relative; display: inline-block; font-size: 13px; color: #fff;}
#header .header-top .utill a + a{ margin-left: 15px; padding-left: 15px;}
#header .header-top .utill a + a::before{ content:''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; background-color: #4d84b6; margin-top: -5px;} */
#header .header-top .inner { max-width: 1720px; width: 1720px; }
#header .header-top .hd-sch{ width: 100%;}
#header .header-top .hd-sch .ky{ height: 50px; line-height: 50px;}
#header .header-top { display: none; background: #373282; }
#header .header-top ul { height: 100%; }
#header .header-top ul li { height: 100%; border-left: 1px solid rgba(255,255,255,0.2); }
#header .header-top a { font-size: 0.875rem; color: #fff; height: 100%; gap: 24px; padding: 0 35px; font-weight: 400; }
#header .header-top li:last-child a { padding-right: 0; }


#header .a_list{display: flex; align-items: center; gap: 1.25rem; }
/* #header .a_list > a{float:left; display:inline-block;} */
#header #gnb-wrap{display: flex; justify-content: center;  clear: both; position: relative;}
#header .lang{width: 2.5rem; /*line-height: 2.5rem;*/ /*background: #f0f0f0;*/ border-radius: 10px; text-align: center; color: #666;font-weight: 400; font-size: 0.775rem; display: flex ; flex-direction: column; align-items: center; gap: 3px;}
/* #header .lang img{filter:invert(100%);} */
/* #header .bt-cart{width: 44px; height: 2.5rem; background:url("/images/home/kor/user/header_cart_ico.png") no-repeat;} */
/* #header .bt-sch{width: 2.5rem; height: 2.5rem; margin:0 30px 0 26px; background: url(/images/home/kor/user/header_sch_ico.png) 50% 50% no-repeat;} */

#header .a_list .inp-bx { position: relative; max-width: 220px; margin: 0 auto; background: #f0f0f0; border-radius: 50px; }
#header .a_list .inp-bx .inp { display: block; height: 2.5em; line-height: 2.5em; width: 100%; border: none; background-color: transparent; }
#header .a_list .inp-bx .sch { position: absolute; display: block; top: calc(50% - 12.5px); right: 20px; width: 25px; height: 25px; background: url(/images/home/kor/user/header_ic_search.png) 50% 50% no-repeat; text-indent: -9999px; background-size: cover; }
#header .bt-mn{ width: 1.625rem; height: 1.5rem; display: flex !important; justify-content: space-between; flex-flow: column nowrap; }
#header .bt-mn i{ width: 100%; height: 3px; background: #000; }



/* #header .header-top .hd-sch{ width: 100%;}
#header .header-top .hd-sch .ky{ height: 50px; line-height: 50px;}
#header .header-top{background:#373282;}

#header .header-top ul.etc{display: flex; gap: 20px; align-items: center; position:absolute; right:100px;}
#header .header-top ul.etc > li{ position:relative;height:2.5rem;line-height:2.5rem;font-size:13px; padding-right:1.25rem; 
background:url("/images/home/kor/user/top_link_ico.png") no-repeat center right 0px;}
#header .header-top ul.etc > li > a{ display: block; width: 100%; color: #fff; }

#header .header-top ul.zoombtn{float:left;position:absolute;right:0;width:210px;height:2.5rem;padding: 0 34px;overflow:hidden;background:#3273a3;font-family: 'Gmarket Sans';color:#fff; font-size:17px; font-weight:700;line-height:2.5rem;}
#header .header-top ul.zoombtn li{float:left; height:2.5rem;line-height:2.5rem;}
#header .header-top ul.zoombtn li a{display:block;width:100%;}
#header .header-top ul.zoombtn .zoomin{position:relative;left:2.5rem;}
#header .header-top ul.zoombtn .zoomreset{position:absolute;right:35px;top:50%;transform:translateY(-50%);width:50px;height:24px;line-height:24px;border-radius:5px;text-align:center;font-size:13px;font-weight:300;background:#709dbf;color:#fff;} */


/* #header .header-top .lang > div{position: absolute; top: 39px;width:100%;background:#fff;border:1px solid #3e90cc; z-index: 10;text-align:center;} */

#header .hd-schbx{ background-color: #fff; position: absolute; left: 0; width: 100%; top: 85px; padding: 60px 0 60px; border-top: #d0cfd0 1px solid; border-bottom: #d0cfd0 1px solid; display: none;}
#header .hd-schbx .schInbx{max-width: 800px; margin: 0 auto; position: relative;}
#header .hd-schbx .tit{ color: #0267b4; font-size: 35px; position: absolute; top: calc(30px - 24px); left: 50px;}
#header .hd-schbx .inp-bx{position: relative; max-width: 550px; margin: 0 auto; margin-right: 50px; padding-right: 70px; border: #000 2px solid; border-radius:10px;}
#header .hd-schbx .inp-bx .inp{ display: block; height: 60px; line-height: 60px; width: 100%; border: none; background-color: transparent;}
#header .hd-schbx .inp-bx .sch { position: absolute; display: block; top: calc(50% - 12.5px); right: 20px; width: 25px; height: 25px; background: url(/images/home/kor/user/header_ic_search.png) 50% 50% no-repeat;
    text-indent: -9999px; background-size: cover; }
#header .subBg{ display: none; position: absolute; top: 6rem; left: 0; width: 1000%; background-color: #fff; border-top: #e8e8e8 1px solid; height: 250px;box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); overflow: hidden;}
#header .subBg .menu-tit{width: 220px;position: absolute;top: 22%;left: 1%;z-index: 4;}
#header .subBg .titTxt{padding-bottom: 15px;font-size: 1.625rem;font-weight: 400;}
#header .subBg .titTxt::after{content: "";background: #306eb9;width: 30px;height: 2px;border-radius: 10px;position: absolute;top: 50px;left: 0;}
#header .subBg .txt{font-size: .875rem;margin-top: 15px;}
#header .subBg::before{content: "";background: #edf6ff;position: absolute;left: 0;bottom: 0;width: 540px;height: 100%;z-index: 1;background-size: cover;}
#header .subBg::after{ content: ""; background: url(/images/home/kor/user/hd_bg_ico.png) no-repeat; position: absolute; left: -40px; bottom: -60px; width: 270px; height: 280px; z-index: 1; opacity: .4; background-size: cover; }
/*#header .subBg::after{content: "";background: url(/images/home/kor/user/hd_bg.jpg)no-repeat;position: absolute;left: 0;top: 0;width: 540px;
height: 100%;z-index: 1; background-size: cover;}*/

/* 메인 레이어 팝업 */
.pop_layer {width: 100%;position: fixed; z-index: 99999 !important; top: 0 !important; left: 0 !important;height: 100vh;/* background: rgba(0, 0, 0, 0.3); */}
.pop_layer .popup{ max-width: 450px; width: 100%; position: fixed; z-index: 99999 !important; top: 50% !important; left: 50% !important;transform: translate(-50%, -50%);height: 500px;background: #fff;border-radius: 15px;overflow: hidden;}
.pop_layer td{text-align: start !important;}
/* .pop_layer .pop_box {width: 100%; height: 450px !important; overflow-y: auto;padding: 0 1.25rem;} */
.pop_layer .pop_box {width: 100%; /* max-width: 500px;  */height: 100%; background: #fff; overflow-y: auto; /* padding: 0 1.25rem; */}
.pop_box::-webkit-scrollbar {
    width: 10px; /* 세로 스크롤바 너비 */
    height: 10px; /* 가로 스크롤바 높이 */
}
/* 스크롤바 트랙 (배경) */
.pop_box::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px; /* 둥글게 */
}

/* 스크롤바 핸들 (움직이는 부분) */
.pop_box::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px; /* 둥글게 */
}

/* 스크롤바 핸들에 마우스를 올렸을 때 */
.pop_box::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.pop_layer .pop_box img {border: none; width: 100%; height: 100%; object-fit: cover;}
.pop_layer .pop_box p {font-weight: 400; font-size: 1.125rem; line-height: 27px; color: #333333; overflow: hidden; height: 100%;}
.pop_layer .pop_box p > a {display: block; width: 100%; height: 100%;}
/* .pop_layer .pop_btn_area {position: relative; overflow: hidden; padding: 15px 15px; background-color: #373282;} */
.pop_layer .pop_btn_area {width: 100%;/*  max-width: 500px; */  position: relative; overflow: hidden; padding: 15px 15px; background-color: #373282;}
.pop_layer .pop_btn_area .chk_each {vertical-align: middle;}
.pop_layer .pop_btn_area .chk_each label {display: inline-block; position: relative; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; line-height: 24px; color: #ffffff; z-index: 1; padding-left: 1px; cursor:pointer; vertical-align: middle;}
.pop_layer .pop_btn_area .chk_each .vchkbox {display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: -7px 0 0; border: 1px solid #cacaca; background-color: #fff;}
.pop_layer .pop_btn_area .chk_each .vchkbox > i {display: none; color: #0562a9; margin-top: 1px; margin-left: 1px; font-size: 12px; font-weight: 700; text-align: center;}
.pop_layer .pop_btn_area .close {position: absolute; top: 50%; right: 8px; margin: -11px 0 0;}
.pop_layer .pop_btn_area .chk_each input:checked + label .vchkbox > i {display: block;}
.pop_layer .pop_btn_area .chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 2px;}
/* .hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;} */
/* 메인 레이어 팝업 */


/* #gnb::after{ content:''; display: block; clear: both;}
#gnb > li{ position: relative; float: left;}
#gnb > li::after { content: "";  display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: #373282; transform: translateX(-50%); transition: 0.2s; opacity: 0; }
#gnb > li.active::after { opacity: 1;  width: 60%; }
#gnb > li > a { position: relative; display: block; height: 5rem; line-height: 5rem; text-align: center;margin-right:5rem; padding: 0 2.5rem; padding: 0 3.5rem; font-size: 1.125rem; color: #000; letter-spacing: -.05em; font-weight: 500; }
#gnb > li.active > a { color: #373282 !important; }

#gnb > li > .subDepth{ display: none; flex-flow: row nowrap; align-items: start; position: fixed; top: 5rem; left: 0; width: 100%; height: 24%; padding-left: 540px;}
#gnb > li > .subDepth::after{content: ''; display: block; width: 100%; height: 3.75rem; background: #f7f7f7; position: absolute; left: 540px; top: 1px; z-index: 1;}

#gnb > li > .subDepth > .menu-tit{ display: none; flex-flow: row nowrap; align-items: start; position: fixed; top: 8.75rem; left: 0; width: 100%; padding-left: 540px;  }
#gnb > li > .subDepth > li{ position: relative; width: 280px; z-index: 3;}
#gnb > li > .subDepth > li::after {content: ''; display: block; width: 1px; height: 0px; background: #f0f0f0; position: absolute; top: 0; right: 0rem; transition: all 0.3s ease-in-out;}
#gnb > li > .subDepth > li > a { color: #333; height: 3.75rem; padding-left:2.5rem;width: 100%;align-items: center;display: flex;font-weight: 400;font-size: 1.0625rem; margin-bottom: .625rem;}
#gnb > li > .subDepth > li > a i {position: absolute; width: 8px; height: 8px; margin-top: 6px; margin-left: 12px; background: url(/images/home/kor/user/link_ico.png) 50% 50% no-repeat; transition:all 0.2s ease-in-out;}

#gnb > li > .subDepth > li > a:hover i {background: url(/images/home/kor/user/link_ico_hover.png) 50% 50% no-repeat; transition:all 0.2s ease-in-out;}
#gnb > li > .subDepth > li > .subDepth a { display: block; color: #8e8e8e; width: 100%; margin: 5px 0; font-size: 1rem;}
#gnb > li > .subDepth > li > .subDepth a:hover {color: #000;font-weight: 500;}
#gnb > li > .subDepth > li > .subDepth > li { position: relative; padding-left: 1rem; margin-left: 1rem;}
#gnb > li > .subDepth > li > .subDepth > li::before { content:""; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background: #a2a2a2; border-radius: 10px; transition: all 0.2s ease-in-out;}
#gnb > li > .subDepth > li > .subDepth > li:hover::before { background: #0071bc;}

#gnb > li > .subDepth > li:hover > a{background: #0071bc; color: #fff !important; font-weight: 600;}
#header.on #gnb > li > .subDepth > li::after {height: 240px;}

#gnb > li:hover::after { width: 60%; } 
#gnb > li:hover > a{ color: #373282!important;} */

#gnb::after{ content:''; display: block; clear: both;}
#gnb > li{ position: relative; float: left; width: 12.5rem;}
#gnb > li::after { content: "";  display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: #306eb9; transform: translateX(-50%); transition: 0.2s; /*opacity: 0;*/ }
#gnb > li.active::after { /*opacity: 1;*/  width: 100%; }
#gnb > li > a { position: relative; display: block; height: 6rem; line-height: 6rem; text-align: center;/*margin-right:5rem;*/ padding: 0 2.5rem; /* padding: 0 3.5rem; */ font-size: 1.125rem; color: #000; letter-spacing: -.05em; font-weight: 500; }
#gnb > li > a:after { content: ""; display: block; position: absolute; bottom: 0%; left: 50%; width: 100%; height: 100%; background: #f4faff; transform: translateX(-50%); transition: 0.2s; opacity: 0; z-index: -1; min-width : 12.5rem; }
#gnb > li.active > a { color: #306eb9 !important; }

#gnb6 > li {width : 12.5rem;}

/* gnb hover 추가 수정 */
#gnb > li:hover > a:before {opacity: 1; animation: rotate_btn 1.5s linear infinite;}
#gnb > li > a:before {content: ""; display: inline-block; width: 16px; height: 16px; background: url("/images/home/kor/user/gnb_plus.png") no-repeat; margin-right: 6px; position: absolute; top: 20%;   left: 20%; opacity: 0;}
#gnb > li.gnb6 > a:before {top: 26%; left: 26%;}
/* gnb hover 추가 수정 end */



#gnb > li > .subDepth{ display: none; flex-flow: row nowrap; align-items: start; position: fixed;  top: 6rem; left: 0; width: 100%; height: 24%; padding-left: 560px; padding-top:1.25rem;}

#gnb > li > .subDepth > .menu-tit{ display: none; flex-flow: row nowrap; align-items: start; position: fixed; top: 8.75rem; left: 0; width: 100%; padding-left: 560px;  }
#gnb > li > .subDepth > li:hover > a{background: #0071bc;color: #fff !important;}
#gnb > li > .subDepth > li > a i {position: absolute; width: 8px; height: 8px; margin-top: 6px; margin-left: 12px; background: url(/images/home/kor/user/link_ico.png) 50% 50% no-repeat; transition:all 0.2s ease-in-out;}
#gnb > li > .subDepth > li{ width: 250px;margin-right: 16px;}
#gnb > li > .subDepth > li > a { color: #333;border: 1px solid #e8e8e8;border-radius: 5px;height: 74px;padding-left:16px;width: 250px;align-items: center;display: flex;font-weight: 400;font-size: 1rem;}
#gnb > li > .subDepth > li > a:hover i {background: url(/images/home/kor/user/link_ico_hover.png) 50% 50% no-repeat; transition:all 0.2s ease-in-out;}
#gnb > li > .subDepth > li > .subDepth a { display: block; color: #8e8e8e; width: 100%; margin: 5px 0; font-size: 1rem;}
#gnb > li > .subDepth > li > .subDepth a:hover {color: #333; font-weight: 500;}
#gnb > li > .subDepth > li > .subDepth > li { position: relative; padding-left: 1rem; margin-left: 1rem;}
#gnb > li > .subDepth > li > .subDepth > li::before { content:""; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background: #a2a2a2; border-radius: 10px; }

/* #gnb > li:hover::after { width: 60%; } */
#gnb > li:hover > a{ color: #306eb9 !important;}
#gnb > li:hover > a:after {opacity:1;}



#container{ position: relative; z-index: 1; }
#quick .quick_name { font-size: 14px; font-weight: 700; color: #34527a; text-align: center; padding: 15px 0; }
#quick{ position: absolute; top: 930px; right: 60px; z-index: 11; width: 95px; }
.main #quick{ top: 1080px;}
#quick.fixed{ position: fixed; top: 220px;}
#quick .top{ width: 70px; height: 70px; padding: 23px 0; box-sizing: border-box; display: block; text-align: center; margin: 10px auto 0 auto; background-color: #9db8da; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 80px;}
#quick .top::before{ content: ''; display: block; width: .6rem; height: .6rem; border-top: #fff 2px solid; border-right: #fff 2px solid; transform: rotate(-45deg); margin: 0 auto 0;}
#quick ul{ background-color: #34527a; width: 100%; border-radius: 10px; }
#quick ul > li{ padding: 0 15px;}
#quick ul > li > a{ display: block; text-align: center; font-size: 13px; font-weight: 100; color: #fff; letter-spacing: -0.5px; padding: 20px 0;}
#quick ul > li > a i{ display: block; text-align: center; margin-bottom: 5px;}
#quick ul > li + li a{ border-top: #556d8c 1px solid;}
 


#inner_wrap {max-width: 1300px; margin: 0 auto;}

/* info */
.info_top {gap: 2.8125rem; border: 1px solid #eee; border-radius: 0.5rem; background: #f1f3f4; padding: 1.25rem 2.1875rem; margin-bottom : 2.5rem;display: flex;  justify-content: center;  align-items: center;}
.info_top > img {width: 4.5rem; height: 4.5rem;}
.info_top .ul_disc {color: #4a4a4a; margin-top: 0; width: 85%;}
.info_top .ul_disc li {font-weight: 400;}
.info_top .ul_disc em {color: #0e699c;}

/*모바일패널2*/
html.active, body.active{ overflow-y: hidden; }
.body_wrap{position: relative; width: 100%; }
.body_wrap > img{ display: block; width: 100%; }
.panel_bg{ display: none; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
.panel{ position: fixed; top: 0; right: -90%; z-index: 11000; width: 90%; height: 100%;/* background-color: #373282 ; */overflow-y: auto;transition: right 0.6s; background: linear-gradient(to right bottom, #0071BC, #439dd9);}
.panel.active{ right: 0; } 
.panel_top{position:relative;width:100%;height:100px;/* background:#373282; */}
.panel_top > .lang {width: 2.5rem; /* line-height: 2.5rem; */  /* background: #f0f0f0; */  border-radius: 10px;  text-align: center;  color: #fff; font-weight: 400;  font-size: 0.775rem; display: flex;flex-direction: column;  align-items: center; gap: 3px; position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem;  display: block; left: 25px;}
.panel_top > .lang > img {filter: brightness(0) invert(1); margin-bottom : 4px;}
.panel_top ul{margin-left:50px;line-height:2.5rem;}
.panel_top ul > li{float:left; padding-left: 45px;margin-right:2.5rem;background:url("/images/home/kor/user/header_top_ico2_w.png") no-repeat left center / 30px 30px; }
.panel_top ul > li a{color:#fff;}
.panel_top ul > li:first-child{position:relative;background:url("/images/home/kor/user/header_top_ico1.png") no-repeat left center / 30px 25px;}
.panel_top ul > li:first-child:after{position:absolute;display:block;content:'';top:64px; right:-22px; width:1px; height:12px; background:#fff;}
.panel .bt-close{position:absolute;top:50%;transform:translateY(-50%);width: 2rem;height: 2rem;display: block;right:45px;}
.panel .bt-close span{ position: absolute; top: -9999px; left: -9999px;}
.panel .bt-close::before{ content: ''; display: block; width: 2rem; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
.panel .bt-close::after{ content: ''; display: block; width: 2rem; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
.panelBanner{width: 100%; padding: 20px; box-sizing: border-box;border-bottom: 1px solid #ccc; background-color: #ededed;}
.panelBanner a, .panelBanner img{ display: block; width: 100%; }
.gnb{ width: 100%; }
.gnb .main_nav{display: block; width: 100%; height: 80px;  box-sizing: border-box;background-repeat: no-repeat;background-position: center right 50px;
    background-size: 30px 30px; font-size: 20px;  color: #fff; line-height: 80px;  padding-left:50px;border-bottom: 1px solid rgba(255,255,255,0.3);}
.gnb li:nth-child(1) .main_nav{background-image: url(/images/home/kor/user/mobile_gnb_icon.png);}
.gnb li:nth-child(2) .main_nav{background-image: url(/images/home/kor/user/mobile_gnb_icon.png);}
.gnb li:nth-child(3) .main_nav{background-image: url(/images/home/kor/user/mobile_gnb_icon.png);}
.gnb li:nth-child(4) .main_nav{background-image: url(/images/home/kor/user/mobile_gnb_icon.png);}
.gnb li:nth-child(5) .main_nav{background-image: url(/images/home/kor/user/mobile_gnb_icon.png);}
.gnb .main_nav.active{ color: #fff; }
.gnb li:nth-child(1) .main_nav.active{background-image: url(/images/home/kor/user/mobile_gnb_icon_active.png);}
.gnb li:nth-child(2) .main_nav.active{background-image: url(/images/home/kor/user/mobile_gnb_icon_active.png);}
.gnb li:nth-child(3) .main_nav.active{background-image: url(/images/home/kor/user/mobile_gnb_icon_active.png);}
.gnb li:nth-child(4) .main_nav.active{background-image: url(/images/home/kor/user/mobile_gnb_icon_active.png);}
.gnb li:nth-child(5) .main_nav.active{background-image: url(/images/home/kor/user/mobile_gnb_icon_active.png);}
.gnb .sub_nav{ display: none; width: 100%;padding:20px 0 20px 50px;border-bottom: 1px solid rgba(255,255,255,0.3);}
.gnb .sub_nav li{position:relative; width: 100%;padding-left: 20px; box-sizing: border-box; /*margin: 5px 0;*/}
.gnb .sub_nav li:after{content:''; display:block;position:absolute;top:16px;left:0;width:5px;height:1px;background:#a0a0a0;}
.gnb .sub_nav a{display: block; width: 100%; height: 100%; box-sizing: border-box;color: #fff; font-weight:300;
    background-image: url(/images/home/kor/user/sub_icon.png);background-repeat: no-repeat; background-size: 14px;background-position: calc(100% - 10px) center; padding: 5px 0; }
.gnb .sub_nav a i {position: absolute; width: 8px; height: 8px; margin-top: 8px; margin-left: 10px; background: url(/images/home/kor/user/link_ico.png) 50% 50% no-repeat; opacity: .6;}
.gnb .sub_nav li:last-child a{ border-bottom: none;}




.fixed #header,
#header.on{ background-color: #fff; border-bottom: #e1e1e1 1px solid;}
.fixed #header #gnb > li > a,
.on #header #gnb > li > a,
#header.on #gnb > li > a { color: #666;}
.fixed #header .header-top,
#header.on .header-top {background:#373282;}

.fixed #header .inner h1 a.logo,
.on #header .inner h1 a.logo,
#header.on .inner h1 a.logo{filter: brightness(1) invert(0);}

.fixed #header .a_list .inp-bx,
.on #header .a_list .inp-bx,
#header.on .a_list .inp-bx { background: #f0f0f0;}
.fixed #header .a_list .inp-bx .sch,
.on #header .a_list .inp-bx .sch,
#header.on .a_list .inp-bx .sch {filter: brightness(0);}

.fixed #header .lang,
.on #header .lang,
#header.on .lang{ /*background: #f0f0f0;*/ color: #666;}
.fixed #header .lang img,
.on #header .lang img,
#header.on .lang img{filter:invert(0%);}

.fixed #header .bt-mn,
.on #header .bt-mn,
#header.on .bt-mn{ filter: brightness(0);}



.fixed .sub-tab{ position: fixed; background:#fff; width:100%; top:125px; left: 0;}


#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    right: 50px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 15px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -100px;
	width: 0;
	height: 1px;
	background: #fff;
	transition: .3s;
}

#fp-nav ul li a.active {
	box-sizing: content-box;
	padding: 6px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#fp-nav ul li a.active::after {
	width: 100px;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
	background: #fff;
    border-radius: 100%;

 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 8px;
    width: 8px;
    border: 0;
    background: #adadad;
    left: 50%;
    top: 50%;
	transform: translate(-17%, -17%);
    margin: -2px 0 0 -2px;
	/*
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	*/
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
	
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -30%;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 30px;
	font-size: 1rem;
	font-weight: 700;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}


#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span,
#fp-nav ul li a.active::after {
	background: #555;

}

 #fp-nav ul li a.active {
	border-color: #555;
}

#fp-nav ul li .fp-tooltip {
	color: #555;
}

#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child {
	display: none;
}


.fp-viewing-fourthPage #fp-nav ul li a.active span,
.fp-viewing-fourthPage .fp-slidesNav ul li a.active span,
.fp-viewing-fourthPage #fp-nav ul li:hover a.active span,
.fp-viewing-fourthPage .fp-slidesNav ul li:hover a.active span,
.fp-viewing-fourthPage #fp-nav ul li a.active::after {
	background: #555;

}

.fp-viewing-fourthPage #fp-nav ul li a.active {
	border-color: #555;
}

.fp-viewing-fourthPage #fp-nav ul li .fp-tooltip {
	color: #555;
}

#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child {
	display: none;
}


/*footer*/

@font-face {
    font-family: 'InkLipquid';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#footer { width: 100%; background-color: #2c2d35; color: #fff; padding: 42px 0; }
#footer .footer-wrap { width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap; gap:8.075rem}
#footer address,
#footer address a{ font-size: 0.875rem; color:#84848b;}
#footer address p{margin: 0.625rem 0; color : #84848b;}

#footer .right img{width:15rem; object-fit: cover; opacity: .5;}
/* #footer .left{width:calc(100% - (15rem + 8.075rem));} */

#footer .top{/* padding-bottom:0.625rem;  */margin-bottom:1.25rem;/*  border-bottom:1px #42424a solid; */}
#footer .top .info > p > span {letter-spacing : -0.5px;}
#footer .top .newsletter { display: flex; align-items: center; gap: 1.25rem; }
#footer .top .newsletter p{margin: 0; font-size:1rem; color:#fff; font-weight: 500;}
#footer .top .newsletter span{font-family: 'InkLipquid'; font-size:1.875rem; color:#ffc03a; padding-right:1.5rem; padding-left:0.3125rem; background: url(/images/home/kor/user/icon_nl_bell.png) 100% 50% no-repeat;}
#footer .top .newsletter .inp-bx{position:relative;}
#footer .top .newsletter input {width:16.875rem; background: #56575d; padding: 0 1.25rem; border: 0; border-radius: 50px;     outline: none;}
#footer .top .newsletter .nl_btn{position: absolute; display: block; top: calc(50% - 7.5px); right: 20px; width: 15px; height: 15px;
	background: url(/images/home/kor/user/icon_nl_btn.png) 50% 50% no-repeat; text-indent: -9999px; background-size: cover;}
#footer .left .top .select_wrap {margin-left : 2.5rem;}

#footer .top ul.flex_box{ gap: 0.625rem;}
#footer .top ul.flex_box .fb img,
#footer .top ul.flex_box .yt img{height: 1.875rem;}
#footer .top ul.flex_box .wa_logo img { height: 3.125rem;}

#footer .bottom .info .flex_box {gap:1.5rem;}





#footer select {width: 16.25rem;height: 2.8125rem;line-height: 2.8125rem; color: #6c6c70;background-color: #1f1f25; border-color: #36373c;padding-left: 1.25rem; outline: none;
background-image:url("/images/home/kor/user/footer_family_arrow.png"); }
#footer select option{font-size:14px; font-weight:300;}



#siteFunctions{ position: fixed; top: 0; right: -100%; width: 100%; padding-left: 110px; z-index: 9;}
#siteFunctions .inner{ background-color: #fff; height: 100vh; width: 100%; overflow-y: auto; padding: 0 4.5vw;}
#siteFunctions .inner .hd{ position: relative; padding: 1.5rem 0 0 0; border-bottom: #333 1px solid; height: 5rem;}
#siteFunctions .inner .hd .lang a{ position: relative; display: inline-block;}
#siteFunctions .inner .hd .lang a + a{ margin-left: .6rem; padding-left: 1rem;}
#siteFunctions .inner .hd .lang a + a::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd;}
#siteFunctions .inner .hd .lang a.active{ color: #069cc6;}
#siteFunctions .inner .hd .bt-close{ width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; right: 1.5vw; margin-top: -2rem; overflow: hidden;}
#siteFunctions .inner .hd .bt-close span{ position: absolute; top: -9999px; left: -9999px;}
#siteFunctions .inner .hd .bt-close::before{ content: ''; display: block; width: 2rem; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
#siteFunctions .inner .hd .bt-close::after{ content: ''; display: block; width: 2rem; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
.mobMenu{ padding: 2rem 0 0 0;}
.mobMenu > li > a{ position: relative; display: block; font-size: 1.6rem; padding: .8rem 0 .6rem; border-bottom: #e1e1e1 1px solid; font-weight: 600; }
.mobMenu > li > a::after{ content: ''; display: block; width: .8rem; height: .8rem; border-top: #7f7f7f 2px solid; border-right: #7f7f7f 2px solid; position: absolute; top: 50%; right: 4.5vw; margin-top: -.4rem; transform: rotate(135deg); -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.mobMenu > li.active > a{ color: #069cc6;}
.mobMenu > li.active > a::after{ transform: rotate(-45deg);}
.mobMenu > li > ul{ padding: 1rem 0 2rem;}
.mobMenu > li > ul > li > a{ display: block; font-size: 1.4rem; padding: .4rem 2rem;}
/*utill*/
#siteFunctions .inner .hd .utill a{ position: relative; display: inline-block;}
#siteFunctions .inner .hd .utill a + a{ margin-left: .6rem; padding-left: 1rem;}
#siteFunctions .inner .hd .utill a + a::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd;}

/* 스크롤탑버튼 */
aside.top_btn{ position: fixed; display: none; width: 70px; height: 70px; right: 30px; bottom: 70px; z-index: 7000; }
aside.top_btn a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 25px; background: rgba(0,0,0,.3) url(/images/home/kor/user/scroll_arrow.png) no-repeat 50% 35%; background-size:16px; letter-spacing: 0.6px;
    border-radius: 50%;color: #fff;line-height: 90px; font-family: 'Gmarket Sans';font-size: 13px;font-weight: 700;}

.organization table.data img { width: 20px; }

table.contact {width: 100%; margin-top: 1.5em; border-top: 1px solid #b3b3b3; border-collapse: separate;}
table.contact caption.screen_hide {display: block; width: 1px; height: 1px; overflow: hidden; position: absolute; top: -1000em; left: 0;}
table.contact tbody tr .ty1 {background: #f0f0f0; color: #333; font-size: 18px; font-weight: 400;}
table.contact tbody tr th {padding:1em 0; border-bottom:1px solid #e0e0e0;}
table.contact tbody tr td {padding: 1em 0; border-bottom: 1px solid #e6e6e6; text-align: center;}
table.contact tbody tr td .line_c {float: left; display: inline-block; padding-left: 38%;}
.line_c.ty2 {background-position:0 -40px;}
.contents > a.btn {padding: 0 80px 0 40px; color: #1766a9; border: 1px solid #1766a9; background-color: #fff; position: relative; display: inline-block; text-align: left; margin-top:1rem;}
.contents >  a::after { content: ''; position: absolute; top: 50%; right: 50px; width: 24px; height: 24px; display: block; background: url(/images/home/kor/user/ic_link_blue.png); margin-top: -11px;}



table.data{ table-layout: fixed; width: 100%; border-top: #000 2px solid; border-right: #ccc 1px solid; overflow-x: auto; white-space: nowrap;}
table.data thead th{ text-align: center; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f0f0; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data tbody th{ text-align: center; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f2f3; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data tbody td{ text-align: center; padding: 30px 20px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.data .gloAbo02w01{ width: 140px;}
table.data .gloAbo02w02{ width: 180px;}
table.data .gloAbo02w03{ width: 160px;}
table.data .gloAbo02w04{ width: 240px;}
table.data tbody td.flag-td{ text-align: left; padding-left: 20px;}
table.data tbody td.flag-td .flag{ margin-right: 1rem;}
table.data tbody td ul.ul-list01 > li + li{ margin-top: .4rem;}
table.data thead tr.bgWhite th{ background-color: #fff;}

table.write{ table-layout: fixed; width: 100%; border-top: #000 2px solid; }
table.write thead th{ text-align: center; padding: 15px 0; color: #333; font-size: 18px; font-weight: 400; background-color: #f0f2f3; border-bottom: #ccc 1px solid; }
table.write tbody th{ text-align: left; padding: 15px 0 15px 30px; color: #333; font-weight: 600; background-color: #f0f2f3; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.write tbody td{ text-align: left; padding: 15px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
table.write tbody th:first-child{ border-left: none;}
table.write .edu01-1{ width: 160px;}
table.write .edu01-3{ width: 160px;}


table.list{ table-layout: fixed; width: 100%; border-top: #000 2px solid; }
table.list thead th{ background-color: #f9f9f9;/*border-right:1px solid #cccccc;*/ padding: 15px 0px; text-align: center; color: #000; font-weight: 500; border-bottom: #ccc 1px solid; font-size: 16px;}
table.list tbody tr.border{border-top:1px solid #000;border-bottom: 1px solid #000;}
table.list tbody tr.border td,
table.list tbody tr.bdb_none td{ border-bottom:none;}
table.list tbody tr td.bdr_none{border-right:none;}
table.list tbody td { text-align: center; padding: 0.9375rem; /*border-right:1px solid #cccccc;*/ border-bottom: #ccc 1px solid; font-size: 0.9375em; font-weight:400; color:#888; }
table.list tbody td .ann { background: #373282; color: #fff; padding: 3px 10px; border-radius: 5px; font-size: 14px; border-radius: 10px 10px 10px 0; }
table.list tbody td.left{text-align:left;font-size:20px; font-weight:500;color:#333;}
table.list tbody td.small{padding: 18px 26px;font-size:20px;}
table.list tbody td.ssmall{padding: 18px 26px;font-size:16px;}
table.list tbody td.none{border-right:none;}
table.list tbody td span.dot{display:block;width:15px; height:15px;margin: 0 auto; border-radius:15px;background:#ffa04d;}
table.list tbody td span.sub{font-size:16px; font-weight:300; color:#666666;}
table.list .noti1{ width: 100px;}
table.list .noti3{ width: 130px;}
table.list .noti4{ width:130px;}
table.list .subject { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; }
table.list .subject i{ display: inline-block; vertical-align: -.4rem; margin-right: .5rem;}
table.list tbody tr:hover{ background-color:#f7f7f7;}
table.list.second td.small{padding:18px 20px;}


table.list2{ table-layout: fixed; width: 100%; border-top: #000 2px solid; }
table.list2 thead th{ background-color: #f1f9fe;border-right:1px solid #cccccc; padding: 22px 0px; text-align: center; color: #000; font-weight: 500; border-bottom: #ccc 1px solid;}
table.list2 tbody td{ text-align: center; padding: 22px 0; border-right:1px solid #cccccc; border-bottom: #ccc 1px solid;font-weight:300;color:#000;}
table.list2 tbody td:last-child{border-right:none;}


.backslash {font-size:20px!important;font-weight:700!important;text-align: left!important; background: url("/images/home/kor/user/dv_donator2_table_line.png")no-repeat;background-size:contain;}
.backslash div { text-align: right; }



/* 뷰페이지 */
.board-view { width: 100%; table-layout: fixed; /*margin-top:30px;*/ }
.view_tit {padding: 2.2rem 0.625rem 0.3125rem; border-top: 2px solid #000; text-align: center; font-size: 1.5rem; }
.fixed .view_tit { margin-top: 50px; }
.view_color { font-weight: 500; color: #0071bc; }
.view_tit .sticker{display:block;margin: 0 auto;margin-bottom:20px;font-weight:500;width:124px;line-height:36px;height:36px;background:#424b67;color:#fff;font-size:16px;border-radius:3px;}
.click_count { text-align: right;}
.click_write_wrap { /*padding: 0 0 1.25rem;*/ position: relative; text-align: center;}
.click_write_wrap:after {content:""; display: block; position: absolute; bottom: -1.5rem; left: 0; width:1300px; height: 1px; background:#d7d7d7; z-index: 1;}
.click_write_wrap > p{display:inline;color:#000; font-weight:300; font-size: 0.9375rem; }
.click_write_wrap > p + p{position:relative;margin-left:40px;}
.click_write_wrap > p + p:after{content:'';position:absolute;display:block;width:1px; height:10px; background:#000;left:-20px; top:8px;}

.view_file { background: #f3f3f3; border-radius: 0 0 10px 10px;  padding: 1rem 1.875rem; gap: 2.5rem; margin-top: 1.5rem;  /*margin-bottom: 50px;*/}
.view_file .left { position: relative; }
.view_file .left::after { position: absolute; content: ""; display: block; width: 1px; height: 1rem; top: 5px; right: -1.25rem; background: #aaa; }
.view_file > .flex_box { flex-flow: column nowrap; }
.view_file .tit { position: relative; }
.view_file .tit:first-child::after { position: absolute; content:""; display: block; width: 1px; height: 1rem; background: #f3f3f3; left: -1.25rem;}


/* sns_box 수정 */

.sns_box { /* margin-top: 10px;  */margin-left: auto; /* margin-bottom:1.5rem; */ width: 100%; max-width: 82px; display: flex; gap: 10px; position : relative; z-index: 100;}
.sns_box > a {display: block; width: 100%; height: 100%; border: 1px solid #dddddd; border-radius: 50%; background : #fff;}
.sns_box img { width: 20px; margin: 8px 7px; }
.sns_box > a:hover {background : #666; border-color : #666;}
.sns_box > a:hover img {filter: brightness(100);}
.sns_box  .sns_pop {  position: absolute;  bottom: 45px;  left: -30px; /* border: 1px solid #ededed; */ padding: 2px 10px;/*  border-radius: 6px; */width: 102px; height : 64px;  background: url(/images/home/kor/user/sns_pop_bg.png) no-repeat;  /*background : #fff;*/ z-index : 100;}
/* .sns_box .sns_pop > div {height: 48px;} */
.sns_box .sns_pop > div > a {    display: flex; width: 28px;/*  height: auto; */ align-items: center; justify-content: center; flex-direction: column;     margin: 0px 5px;}
.sns_box .sns_pop > div > a > img { width: 28px;  /* filter: brightness(100); */ background: #39579D; padding: 8px; border-radius: 20px;  /* margin: 4px 7px; */}
.sns_box .sns_pop > div > a > span {text-align : center;}
.sns_box .sns_pop > div > a:nth-child(2) > img {background : #000;}




.section1 .photo { display: block; margin: 0 auto; text-align: center; margin-top: 30px; }

.wrap_video { max-width: 80%; margin: 30px auto; }
.wrap_video .video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.wrap_video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.board-view th {background:#F9F9F9; border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:14px 5px 14px 20px; text-align:left; font-weight: 300; color:#262626;}
.board-view th.subject {background:#eeeeee; border-bottom:1px solid #cccccc; font-size: 1.05em;}
.board-view th.subject .s_txt {font-weight: 400; font-size: 0.95em;}
.board-view td .price {display:block; overflow:hidden; font-weight:500; color:#e3394b; line-height:20px; background: url(../img/common/ico_price.png) no-repeat left top; font-size: 1.4em; padding:6px 0px 7px 40px;}
.board-view td {/*border-bottom:1px solid #ccc;*/ /*border-top:1px solid #ccc;*/ padding:14px 10px 14px 20px; min-height:27px;  text-align: left; color: #646464;}
.sub_wrap05 .board-view td { border-bottom:1px solid #ccc; /*border-top:1px solid #ccc;*/}
.board-view td.tc { text-align:center; padding:12px 0 11px 0px;}
.board-view td.view_td {padding:30px 20px; /*border-bottom:1px solid #ccc;*/ word-break:break-all; line-height: 1.7; font-size: 1.125rem;}
.board-view td.view_td .board-view-cont,
.board-view td.view_td .board-view-content{width:100% !important;}
.board-view td.view_td .future_gray { width: 100% !important; background: #f7f7f7; padding: 1.875rem; display: flex ; align-items: flex-end; gap: 3.75rem; margin:1.875rem 0}
.board-view td.view_td .fr-view table { width: 100% !important; display: block; }
.board-view td.write_td {padding:20px 0px;}
.board-view td.evt_view_td { padding:30px 0px; border-bottom:1px solid #a1a1a1;}
.pop_wrap .board-view td {padding: 10px 18px 10px 18px;}
.board-view td a.file {color:#646464; display:inline-block; line-height: 19px; vertical-align: middle; padding-left:28px; background:url(img/ico/ico_file.gif) no-repeat left center; margin-right: 5px;}
.board-view td img {max-width: 100% !important; width: auto !important; height: auto !important}
.board-view th.cont {padding: 60px 0 64px 20px;}
.board-view .reply td { background:#f2f4f7; padding:30px 20px; word-break: break-all}
.board-view .reply td .faq span { display:block; height:27px; padding-left:44px; background:url(../img/common/icon_re2.gif) no-repeat left 3px; color:#b50047;}
.board-view .ico_reW {padding: 0px 0px 5px 0px;}
.board-view .ico_reW .ico_re {display: inline-block; border-radius:3px; background:#ff5546 !important; font-size:0.9em; font-weight: 300;  color: #fff; padding: 0px 5px; line-height: 160%; vertical-align: top;}
.board-view .reply td .faq p { padding-left:16px;}
.board-view th.last, .board-view tr.last th, .board-view tr.last td { border-bottom: 1px solid #ACACAC;}
.board-view th.last, .board-view tr.last th, .board-view tr.last td { border-bottom: 1px solid #ACACAC;}
.board-view td.event { padding:20px; text-align:center;}
.board-view th.bg {background: #f4f5f8}


/* 보고서 상세페이지 수정 */


/* .board-view_top {padding: 1.875rem 0 1.875rem 0; border-top: 2px solid #000;} */
.board-view_top td {/* border-bottom: 1px solid #ccc;  *//* border-top: 1px solid #ccc; */ padding: 14px 10px 14px 20px; min-height: 27px; text-align: left; color: #646464; }
.board-view_top02 {padding: 1.875rem 0 1.875rem 0;  border-top: 2px solid #000;}
.board-view_top02 td {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;  padding: 14px 10px 14px 20px; min-height: 27px; text-align: left; color: #646464; }

.board-view__img {margin-right: 3.8rem; width: 100%; max-width: 220px; height: 300px; border-radius: 0.5rem; overflow: hidden;  border: 1px solid #ededed; }
.board-view__img > img {width : 100%; height: 100%;}

.board-view__text{width: 100%; max-width: 860px;}

.tag-wrap {margin-bottom : 16px;}
.tag {border-radius : 4px; padding : 0 12px; line-height: 28px; height: 28px;}
.tag > span {font-size : 13px;  font-weight : 500; vertical-align: top;}
.tag01 {background: rgba(0, 113, 188, 0.2);}
.tag01 > span {color : #0071bc;}
.tag02 {background: rgba(0, 175, 188, 0.12);}
.tag02 > span {color : #00AFBC;}

ul.hashtag {display: flex; gap: 0.75rem; font-size: 15px; font-weight: 500;}
ul.hashtag > li > a {color :  #0071bc;  font-weight: 400;}

.view_tit01 {margin-bottom: 24px;}
.view_tit01 > .v_tit {font-size: 20px; font-weight: 450;}

.board-view__btn {display: flex; justify-content: flex-end; gap: 10px; align-items: center;}
a.btn-black {background: #242424; border-radius: 6px; color: #fff;  min-width: 200px; }
a.btn-black.btn-view::before {display : inline-block; content: ""; background : url(/images/home/kor/user/btn_icon_viewer_w.png) no-repeat; width: 20px; height : 20px; vertical-align: middle; margin-right: 10px;    margin-bottom: 4px;}
/* a.btn-black:hover {background: #fff; border-radius: 6px; color: #333333; }
a.btn-black.btn-view:hover::before{background : url(/images/home/kor/user/btn_icon_viewer_b.png) no-repeat; } */

a.btn-download {border-radius: 6px; min-width: 200px; border-color : #dddddd;}
a.btn-download::before {display : inline-block; content: ""; background : url(/images/home/kor/user/btn_icon_download_b.png) no-repeat; width: 20px; height : 20px; vertical-align: middle; margin-right: 10px;    margin-bottom: 4px;}
/* a.btn-download:hover {background: #000; border-radius: 6px; color: #fff; }
a.btn-download:hover::before {background : url(/images/home/kor/user/btn_icon_download_w.png) no-repeat;} */
.info-wrap > ul > li {margin-bottom : 10px;}
.info-wrap > ul > li:last-child {margin-bottom : 0px;}
.info-wrap > ul > li > b {width: 72px; display: inline-block; margin-right : 30px; font-weight : 400;}
.info-wrap > ul > li > p {display: inline-block; color: #777777; font-size: 16px; font-weight: 300;}

.board-view_bottom {margin-top: 1.9rem; max-width: 1130px;  margin: 1.9rem auto 0;}
ul.tab-nav {display: flex;width: 100%; border-bottom: 1px solid #0071BC;}
ul.tab-nav > li {width: 100%; max-width: 210px; text-align: center;  border-radius : 10px 10px 0 0;  background : #EDEDED;}
ul.tab-nav > li > a {width : 100%; height: 100%;  padding : 10px; display: block; font-size : 17px; font-weight: 400;}
ul.tab-nav > li.active {background: #fff; border:1px solid #0071BC;  border-bottom-color: transparent; border-top: 3px solid #0071bc;  margin-bottom: -1px; z-index: 1;}
.board-info__text {padding: 42px 30px; line-height: 32px; font-size: 18px;}
.copy-wrap{border: 1px solid #ddd; padding: 16px; border-radius: 12px;}

.sch_table{border-top:2px solid #000;}


.board-write {width:100%; border-bottom:1px solid #ccc; }
.board-write tr:first-child th { border-top:none;}
.board-write tr:first-child td { border-top:none;}
.board-write th { background:#f5f5f5; border-top:1px solid #ccc; padding:10px 5px 10px 20px; text-align:left; color:#000; font-weight: normal}
.board-write th span {color:#82308e; padding-right:2px;}
.board-write.th_tc th {padding:13px 0 12px 0px; text-align:center;}
.board-write.th_tc th span {margin-left:-15px;}
.board-write td {border-top:1px solid #ccc; height:36px; word-break: break-all; font-weight: 300; line-height:20px; padding:10px 10px 10px 10px;}
.board-write td.tc {text-align:center;  padding:12px 0 11px 0px;}
.board-write td.file a { color:#737070; display:inline-block; padding-left:22px; background:url(img/ico/add_file.gif) no-repeat left center;}
.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.ui-datepicker-trigger {position: absolute;right: 17px;top: 11px;display: inline-block;width: 17px;height: 17px; text-indent: -9999px;cursor: pointer;}
.code_area {position: relative; padding-left: 100px; box-sizing: border-box; background: #000;}
.code_area input {width: 100%; border-left: 0px; padding-left: 10px;}
.code_area .code {position: absolute; width: 100px; left: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color:#fff; text-align: center; display: table;}
.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}

.pa_minus {display: inline-block;width: 20px;text-align: center;}


/* gallery */
.photo_listW {width:100%; border-top: 2px solid #000; }
.sub_wrap05 .photo_listW, .sub_wrap07 .photo_listW { border-top: 0; }
.photo_listW > ul { /*margin-left:-10px; margin-top: -10px; overflow:hidden; */ padding-top:1.5rem !important; display: flex; flex-flow: row wrap; justify-content: start; align-items: center; gap: 69px 2.266667%; }
.photo_listW > ul > li { /*width:25%; float:left; */ text-align:center;  width: 23.3%; }
.photo_listW > ul > li > div { /*margin-left:30px;  margin-top:30px; border: 1px solid #cccccc; */ }
.photo_listW > ul > li > div > a {display: block; position: relative;}
/* .photo_listW > ul > li > div > a:hover:after {display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; border-bottom:2px solid #333; } */
.photo_listW > ul > li .photo { height: 210px; line-height: 210px; display:block; position: relative;  overflow: hidden; background-size: cover !important;  border-radius: 10px;/*  filter: brightness(90%);  */margin: 0 !important; }
.photo_listW > ul > li .photo img { width:100%; height: 100%; transition: 0.3s; object-fit: cover; }
.photo_listW > ul > li .photo .item {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width:100%;}
.photo_listW > ul > li .sortation { gap: 10px; padding: 20px 0 0; }
.photo_listW > ul > li .sortation .sortation_l { color: #00b0bd; font-size: 0.8125rem; font-weight: 500; background: #e5f7f8; padding: 3px 8px; min-width: 74px; border-radius: 5px; text-align: center; }
.photo_listW > ul > li .sortation .name { color: #5f5f5f; font-size: 0.9375rem; font-weight: 500; }

.photo_listW > ul > li .txt {display: block; overflow: hidden; padding: 5px 0 0px 0; color: #000000; font-size:15px; line-height: 20px; text-align: right;}
.photo_listW > ul > li .txt > p { font-size: 15px; font-weight: 300; }
.photo_listW > ul > li .s_txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:16px; text-align: left;}
.photo_listW > ul > li .tit {font-size: 1.125rem; font-weight: 500; color: #000; display: -webkit-box; margin-bottom: 10px; text-align: left; margin-top: 15px; height: 43px; line-height: 1.3; }
.photo_listW > ul > li .txt_s {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align: left; line-height: 20px; height:60px; color: #666666;}
.photo_listW > ul > li .date { display: inline-block;  margin-top: 15px; color: #a6a6a6; font-size: 15px; font-weight: 300; }

/* 미래기고 구분값 */
.sub_wrap04 .photo_listW > ul > li .sortation { display: flex !important; }
.sub_wrap04 .photo_listW > ul > li .sortation .sortation_l { color: #373282; background: #37328229;  }
.sub_wrap04 .photo_listW > ul > li .tit { margin-top: 5px; }

/* 미래행사 구분값 */
.sub_wrap05 .photo_listW > ul > li .tit {  }

/* .pdf .photo_listW > ul > li .tit { margin-top: 10px; height: auto; } */
.pdf .photo_listW > ul { gap: 0; }
.pdf .photo_listW > ul > li { width: 100%; position: relative; }
.pdf .photo_listW > ul > li a { display: flex; flex-flow: row nowrap;  /*gap: 5rem;*/ border-bottom: 1px solid #ddd; padding: 2rem; justify-content: space-between; border-radius: 10px;}
.pdf .photo_listW > ul > li:first-child a {padding-top: 0;}
.pdf .photo_listW > ul > li a:hover .photo img { transform: scale(1.03); }
.pdf .photo_listW > ul > li .photo { width: 160px; aspect-ratio: 0.75 / 1; border: 1px solid #eee; /*height: auto;*/}
.pdf .photo_listW > ul > li .wrap { width: calc(100% - 200px); }
.pdf .photo_listW > ul > li .tit { height: auto; }
.pdf .photo_listW > ul > li .a_wrap { padding: 0 0; position: absolute; bottom: 2rem; right: 2rem; gap: 1rem; }
.pdf .photo_listW > ul > li .a_wrap a:first-child { display: none; }
.pdf .photo_listW > ul > li .a_wrap a { width: 48%; width: 150px; color: #fff; font-size: 15px; font-weight: 400; background: #000; padding: 10px 0; border-radius: 5px; justify-content: center; } 
.pdf .photo_listW > ul > li .a_wrap a:before {display : inline-block; content: ""; background: url(/images/home/kor/user/ico_viewer.png) no-repeat; width: 20px; height : 20px; /* margin-right : 10px; */ }
.pdf .photo_listW > ul > li .a_wrap a:hover:before {filter:invert(100%);}
.pdf .photo_listW > ul > li .a_wrap a:last-child { background: #fff; color: #333; border: 1px solid #DDDDDD; }
.pdf .photo_listW > ul > li .a_wrap a:last-child:before {background: url(/images/home/kor/user/ico_download.png) no-repeat;}
.pdf .photo_listW > ul > li .a_wrap a:hover { background: #eee; color: #333; border: 1px solid #ddd;}
.pdf .photo_listW > ul > li .a_wrap a:last-child:hover { color: #333; background: #eee; }
.pdf .photo_listW > ul > li .a_wrap a:last-child:hover:before {filter: none;}

.pdf2 .photo_listW > ul { gap: 20px 2.266667%; }
.pdf2 .photo_listW > ul > li { width: 31.733333%; }
.pdf2 .photo_listW > ul > li a { border: 1px solid #ddd; padding: 1.5rem;}
.pdf2 .photo_listW > ul > li a:hover { box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.05); }
.pdf2 .photo_listW > ul > li .photo { width: 140px; /* border-radius: 0; */ }
.pdf2 .photo_listW > ul > li .txt { width: calc( 100% - 160px); }
.pdf2 .photo_listW > ul > li .a_wrap { gap: 0.5rem; bottom: 1.5rem; right: 1.5rem; }
.pdf2 .photo_listW > ul > li .a_wrap a { width: 100px; padding: 6.5px 0; font-size: 14px; }

.media .photo_listW > ul > li .txt .gray2 { height: 4.05em; line-height: 1.4; }
.media .photo_listW > ul > li .txt button { background: #f5f5f5; display: block; color: #666; width: 100% ; padding: 7.5px 0; border-radius: 5px; font-size: 14px; margin-top: 10px; transition: 0.2s; }
.media .photo_listW > ul > li a:hover .txt button { background: #316eba; color:#fff; }
.media .photo_listW > ul > li a:hover .photo img { transform: scale(1.03); }

.newsletter .photo_listW > ul { gap: 20px 2.266667%; }
.newsletter .photo_listW > ul > li { width: 31.733333%; }
.newsletter .photo_listW > ul > li a { display: flex; flex-flow: row nowrap; align-items: center; justify-content: start; border: 1px solid #ddd; position: relative; padding: 17px 15px; gap: 15px; }
.newsletter .photo_listW > ul > li a:hover { box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.05); }
.newsletter .photo_listW > ul > li a .photo { border: 1px solid #ddd; border-radius: 0; min-width: 150px; width: 150px; /* height: 170px; */ aspect-ratio: 0.72 / 1; }
.newsletter .photo_listW > ul > li a .photo img { vertical-align: revert; }
.newsletter .photo_listW > ul > li a .txt {padding: 0;display: flex;align-items: start; text-align: left; }
.newsletter .photo_listW > ul > li a .txt .tit {font-size: 18px;color: #333;font-weight: 500;height: auto;padding: 0;margin: 0; display: -webkit-box; height: 46px; }
.newsletter .photo_listW > ul > li a .txt .date { margin-top: 20px !important; }
.newsletter .photo_listW > ul > li a .txt .date ,
.newsletter .photo_listW > ul > li a .txt .view { font-size: 14px; color: #333; font-weight: 500; margin-top: 5px; font-weight: 300; }
.newsletter .photo_listW > ul > li a .txt .date .de ,
.newsletter .photo_listW > ul > li a .txt .view .vi { font-size: 14px; color: #666; }
.newsletter .photo_listW > ul > li a .txt button { background: #f5f5f5; color: #666; font-size: 14px; border-radius: 5px; width: 100px; height: 36px; margin-top: 33px; transition: 0.3s; }
.newsletter .photo_listW > ul > li a:hover .txt button { background: #316eba; color:#fff;}

.mediahigh .photo_listW > ul { gap: 20px 2.266667%; }
.mediahigh .photo_listW > ul > li { width: 31.733333%; }
.mediahigh .photo_listW > ul > li a { display: flex; flex-flow: row nowrap; align-items: center; justify-content: start; border: 1px solid #ddd; position: relative; padding: 17px 15px; gap: 15px; border-radius: 10px; }
.mediahigh .photo_listW > ul > li a:hover { box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.05); }
.mediahigh .photo_listW > ul > li a .photo { /*border: 1px solid #ddd;*/ border-radius: 0; max-width: 150px; width: 100%;  aspect-ratio: 0.72 / 1;}
.mediahigh .photo_listW > ul > li a .photo img { vertical-align: revert; }
.mediahigh .photo_listW > ul > li a .txt {padding: 0;display: flex;align-items: start; text-align: left; }
.mediahigh .photo_listW > ul > li a .txt .tit {font-size: 18px;color: #333;font-weight: 500;height: auto;padding: 0;margin: 0; display: -webkit-box; height: 46px; }
.mediahigh .photo_listW > ul > li .sortation  { margin: 0 0 0.5rem; padding: 0; }
.mediahigh .photo_listW > ul > li a .txt .date { margin-top: 20px !important; }
.mediahigh .photo_listW > ul > li a .txt .date ,
.mediahigh .photo_listW > ul > li a .txt .view { font-size: 14px; color: #333; font-weight: 500; margin-top: 5px; font-weight: 300; }
.mediahigh .photo_listW > ul > li a .txt .date .de ,
.mediahigh .photo_listW > ul > li a .txt .view .vi { font-size: 14px; color: #666; }
.mediahigh .photo_listW > ul > li a .txt button { background: #f5f5f5; color: #666; font-size: 14px; border-radius: 5px; width: 100px; height: 36px; margin-top: 33px; transition: 0.3s; }
.mediahigh .photo_listW > ul > li a:hover .txt button { background: #316eba; color:#fff;}



.list_photo {clear:both; width:100%; overflow: hidden; border-top:2px solid #000;}
.list_photo ul {overflow:hidden;}
.list_photo li { border-bottom: 1px solid #e9e9e9; padding: 20px 0px;}
.list_photo li > a {display: block; position: relative; padding-left:235px; min-height:200px;}
.list_photo li .pic {display:block; width:200px; box-sizing: border-box; border: 1px solid #c2c3c9; text-align: center; height:200px; position: absolute; left: 0px; top: 0px; background-size: cover !important}
.list_photo li .pic img {width:100%; height: 100%; max-width:100%;  max-height:100%; margin: 0 auto;}
.list_photo li .pic img.no_img {width: auto !important; height: auto !important;}
.list_photo li .txt_t {display: block; font-size:22px; color:#0c91dd; font-weight:300; line-height: 150%; margin:10px 0px 25px 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.list_photo li .txt {display:block; color:#000; line-height: 140%; margin-top: 5px; position: relative; padding-left:80px;}
.list_photo li .txt > strong {position: absolute; left: 0px; top: 0px; color: #666666}
.list_photo li .name {display: inline-block; line-height:20px; font-weight: 500; color: #0c91dd; border:1px solid #0c91dd; border-radius:15px; text-align: center; padding:4px 13px;}


#file_add li.pt5, #option_add li.pt5, #file_add_img li.pt5 { position: relative; }
.file_upload { position:relative;}
.file_upload label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height: 40px; line-height: 39px; background:#757a85; color: #fff;}
.file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_upload > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;}
.file_area {margin-top: 10px; width: 100%;}
.file_area > li {overflow:hidden; padding: 5px 35px 5px 5px; background:#f9f9f9; border-bottom:1px solid #ddd; position: relative;}
.file_area > li:first-child {border-top:1px solid #ddd;}
.file_area > li > span {display:block; vertical-align: middle; word-break: break-all;  width: 50%; float: left; box-sizing: border-box; padding: 0px 5px;}
.file_area > li > span.name {color:#337ab7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.file_area > li .del {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 1px solid #ccc; border-radius:3px; background: #fff; height: 20px; line-height: 18px; min-width: 30px; text-align: center; color: #000;}
.file_area.img > li {display:inline-block; padding:5px; border:none;}
.file_area.img > li .pic {display:block; border:1px solid #ccc; padding:3px;}
.file_area.img > li > span {display:block; max-width:100px; float:none; width:100%;}
.file_area.img > li .del {position:relative; display:block; right:auto; top:auto; margin-top:5px; transform:none; -webkit-transform:none;}



div.paging{ text-align:center; padding:0; margin:35px 0 0 0; position:relative; clear:both;}
div.paging a,
div.paging strong{ position: relative; display:inline-block; height:50px !important; width:50px; line-height:50px; font-size: 18px; color:#999; text-align:center; vertical-align:middle; border: transparent 1px solid; overflow: hidden; padding: 0;}
div.paging a:hover{ background-color: #fff; border: #0e6ca7 1px solid;}
div.paging .on{ color: #0e6ca7; border: #0e6ca7 1px solid; background:none;}
div.paging .active{ color: #0e6ca7; border: #0e6ca7 1px solid; background:none;}
div.paging .direction{ position:relative; width: 50px; margin: 0 2px; background-color: #fff; border: #0e6ca7 1px solid;}
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.prev{ margin-right: 20px;}
div.paging .direction.next{ margin-left: 20px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }

/* 역대원장 */

.chief {display: flex; justify-content: space-between; border: 1px solid #ededed; padding: 2.81rem 2.5rem;  width: calc((100% - 1.875rem) / 2); height : 380px; border-radius: 10px;  background-image: url(/images/home/kor/user/sub_chief_bg.png); background-color: #fff; background-repeat: no-repeat;  background-position: 75% 80%; margin-bottom: 1.875rem;}
.chief .info_tit { display: flex;}
.chief .info_tit > span {display : inline-block; width : 74px; font-weight : 450;}
.chief .info_tit > span:before { display: inline-block;  content: "";  width: 3px;  height: 3px;  background: #0071BC;  border-radius: 3px;   vertical-align: middle;  margin-right: 10px;}
.chief .info_tit ul.info_txt { font-weight: 300;   color: #666; margin-left: 10px;  line-height: 32px;}
.chief .img { width: 10rem;}

@media screen and (max-width: 1024px) {
	.chief {	flex-wrap: wrap-reverse; height: auto;	align-items: center; justify-content: center; background-position: 90% 95%;	}
	.chief .img {margin-bottom :1.5rem;}
}
@media screen and (max-width: 767px) {
	.chief .info_tit {flex-direction: column;}
	.chief .info_tit ul.info_txt {line-height : 26px;}
}
@media screen and (max-width: 640px) {
	
	.chief {width: 100%; flex-wrap: nowrap;  justify-content: space-between; align-items: inherit;}
	.chief .info_tit {flex-direction : row;}
	.chief .img { width: 14rem;}
}
@media screen and (max-width: 460px) {
.chief { flex-direction: column-reverse;    align-items: center;   justify-content: center;}

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

/* 관리자 > 페이징 */

.paging {overflow:hidden; text-align:center; margin:36px 0px 25px 0px; width:100%; font-weight: 500; font-size: 0px;}
.paging img {vertical-align:top;}
.paging a {color:#737070; vertical-align: middle; display:inline-block; zoom:1; line-height:26px; *display:inline; width:28px; height:28px; border:1px solid #d1d1d1; font-size:14px; margin: 0px 3px; padding: 8px;}

.paging a.first, .paging a.last {width:28px; height: 28px;}
.paging a.next {width: 28px; height:28px; margin-left: 10px;}
.paging a.prev {width: 28px; height:28px; margin-right:10px;}
.paging a.on {color:#fff; background:#003876; border:1px solid #003876;}

/*front 페이징 */
div.paging2{ text-align:center; padding:0; margin:60px 0 0 0; position:relative; clear:both;}
div.paging2 a,
div.paging2 strong{ position: relative; display:inline-block; height:40px; width:40px; line-height:36px; font-size: 16px; color:#999; text-align:center; vertical-align:middle; border: transparent 1px solid; overflow: hidden; padding: 0; border-radius: 5px; }
div.paging2 a:hover{ background-color: #2c2d35; color: #fff; }
div.paging2 .active{ background: #2c2d35; color: #fff;}
div.paging2 .direction{ position:relative; width: 40px; margin: 0 2px; background-color: #fff; border: #ccc 1px solid; }
div.paging2 .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging2 .direction.prev{ margin-right: 20px;}
div.paging2 .direction.next{ margin-left: 20px;}
div.paging2 .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging2 .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging2 .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging2 .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:10px; height:10px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }

.tbl-view{ border-top: #000 2px solid;}
.tbl-view .hd{ position: relative; padding: 30px 230px 30px 30px; border-bottom: #ccc 1px solid;}
.tbl-view .hd .tit{ display: block; color: #333; font-size: 25px; font-weight: 400; line-height: 1.2;}
.tbl-view .hd .btShare{ position: absolute; top: 50%; right: 30px; width: 40px; height: 40px; margin-top: -20px; text-indent: -9999px; background: url(/images/home/kor/user/ic_share.png) 50% 50% no-repeat; text-indent: -9999px;}
.tbl-view .hd .date{ position: absolute; top: 50%; right: 100px; margin-top: -.5rem; display: inline-block; padding: 0 25px 0 0; border-right: #666 1px solid;}
.tbl-view .bd{ padding: 50px; border-bottom: #ccc 1px solid;}

table.view{ width: 100%;}
table.view th{ border-bottom: #e5e5e5 1px solid; padding: 20px; background-color: #f6f7fa; font-weight: 600; color: #333;}
table.view td{ border-bottom: #e5e5e5 1px solid; padding: 20px;}
.viewBottomList{margin-top:2.5rem;}
.viewBottomList ul{ display:block; width:100%; border-top: 1px solid #ccc; /*border-bottom: #ccc 1px solid;*/}
.viewBottomList ul li:hover{ background-color: #f5f5f5;}
.viewBottomList .viewBottomPrev{display:block; padding:0 10px 0 120px; height:56px; line-height:60px; position:relative; border-bottom:#ccc 1px solid;}
.viewBottomList .viewBottomNext{display:block; padding:0 10px 0 120px; height:56px; line-height:60px; position:relative; border-bottom: 1px solid #ccc;}
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 500; }
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 500; }
.viewBottomList .orderPrev::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(45deg);}
.viewBottomList .orderNext::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(-135deg); margin-top: -4px;}
.viewBottomList a{ color:#666; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:60px; line-height:60px; font-size: 14px;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ text-decoration:underline;}


.file_wrap {overflow:hidden;border:1px solid #dedede;border-radius:20px;background:#f7f7f7;}
.file_wrap .t_wrap{float:left;padding: 14px 20px;}
.file_wrap > .a_wrap{float:right;width:90%;min-height: 53.8px;padding: 14px 20px; background:#fff;}
.file_wrap .down_file{display:block;overflow:hidden;text-overflow:ellipsis;}

ul.ul-list01{ position: relative; }
ul.ul-list01 > li{ text-indent: -10px; padding-left: 10px; line-height: 1.8;}
ul.ul-list01 > li::before{ content: ''; display: inline-block; width: 5px; height: 5px; background-color: #ccc; border-radius: 50%; vertical-align: 3px; margin-right: 5px;}
ul.ul-list01 > li + li{ margin-top: 10px;}
ul.ul-list01 > li b{ color: #333;}

.tx-exc{ margin-top: 5px; color: #ee4d5d; padding-left: 25px; position: relative;}
.tx-exc i{ display: inline-block; position: absolute; top: 5px; left: 0;}

.con-tab{ position: relative; text-align: center; margin-bottom: 80px;}
.con-tab .inBx{ display: table; width: 100%; table-layout: fixed; margin: 0;}
.con-tab .itm{ position: relative; display: table-cell;}
.con-tab .itm > a{ display: block; height: 50px; line-height: 50px; border: #c5c5c5 1px solid; border-top: #7b7a7a 1px solid; text-align: center;  background-color: #fff; font-size: 16px; color: #000; overflow: hidden;}
.con-tab .itm + .itm a{ border-left: none;}
.con-tab .itm.active > a{ background-color: #0e6ca7; border-color: #0e6ca7; color: #fff;}
.con-tab.nn2.inBx .itm{ width: 50%; }
.con-tab.nn3 .inBx .itm{ width: 33.3%; }
.con-tab.nn5 .inBx .itm{ width: 20%; }

.scroll-bx{ border: #ccc 1px solid; padding: 1rem; overflow-y: auto; height: 280px;}


.sub-vis{margin-top: 80px;height: 250px;background-size: cover;background-repeat: no-repeat;}
.sub01.sub-vis{ background-image: url(/images/home/kor/user/sub_vis1.png);}
.sub02.sub-vis{ background-image: url(/images/home/kor/user/sub_vis1.png);}
.sub03.sub-vis{ background-image: url(/images/home/kor/user/sub_vis1.png);}
.sub04.sub-vis{ background-image: url(/images/home/kor/user/sub_vis1.png);}
.sub05.sub-vis{ background-image: url(/images/home/kor/user/sub_vis1.png);}
.sub06.sub-vis{ background-image: url(/images/home/kor/user/sub_vis1.png);}
.sub07.sub-vis{ background-image: url(/images/home/kor/user/sub_vis1.png);}


.sub-vis #inner_wrap { height: 100%; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap: 8px 0; padding-bottom: 60px; }
.sub-vis .tit{ font-size: 45px; color: #333; font-weight: 600; /*font-family: 'Gmarket Sans';*/  }
.sub-vis > p{font-size:15px;color:#fff;}
.sub-vis .sub_location { color: #666; font-weight: 400; font-size: 18px; gap: 23px; }
.sub-vis .sub_location div { position: relative; }
.sub-vis .sub_location .home { width: 28px; aspect-ratio: 1/1; background: #00b0bc url(/images/home/kor/user/sub_home_ico.png) no-repeat 50% 50%; border-radius: 50%; font-size : 0;}
.sub-vis .sub_location div + div::before { position: absolute; display: block; content: "·"; left: -12px; }


.sub-tab{border-top: rgba(255,255,255,.4) 1px solid;border-bottom:1px solid #e1e1e1; z-index:100;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.sub-tab .inBx{ width: 100%; margin: 0 auto; text-align: center;}
.sub-tab .inBx .swiper-wrapper{ text-align: center; display: block;}
.sub-tab .inBx .itm{ display: inline-block; width: auto;}
.sub-tab .inBx .itm + .itm{ margin-left: 60px;}
.sub-tab .inBx .itm a{ position: relative; display: block; height: 60px; line-height: 60px; text-align: center; font-size: 18px; }
.sub-tab .inBx .itm a::after{ content: ''; display: block; position: absolute; bottom: -2px; left: 0; width: 100%; height: 4px; background-color: #ffbb61; opacity: 0;}
.sub-tab .inBx .itm.active a{ opacity: 1; font-weight:500;}
.sub-tab .inBx .itm.active a::after{ opacity: 1;}
.sub-tab .list div a.active{color:red;}

.locationBar{ position: relative; top:-60px; width: 100%; height: 60px; z-index:10; transition:all 0.2s ease-in-out; padding-left: calc((100% - 1300px) / 2); }
.locationBar::before { content: ""; width: calc((100% - 1300px) / 2); height: 100%; background: #fff; position: absolute; left: 0; }
.locationBar .inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: start; /* background: rgba(0,0,0,0.3); */ background: #fff; border-bottom: 1px solid #ededed;}
.fixed .locationBar{ position: fixed; right: 0; top: 97px; border-radius:0; border-bottom: none;z-index: 999;}
.fixed .locationBar .inner { background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 0 15px; }
.fixed .locationBar .location { border-right: 1px solid rgba(0,0,0,0.1); }
.fixed .locationBar .location .bt {color: #000; }
.fixed .locationBar .location .bt::before,
.fixed .locationBar .location .bt::after { background: #000; }

/* .fixed .locationBar::after{content: '';display: block;background: #fff;width: 1920px;height: 100%;position: relative;top: -0px;right: 15%;z-index:-1;border-bottom: 1px solid #cccccc;} */

.locationBar .loc-h { background: #fff; height: 60px; }
.fixed .locationBar .loc-h { height: 61px; }
.locationBar .loc-h a{ position:relative; display: block; ;width: 70px;height: 100%;background: #0071bc url(/images/home/kor/user/location_home_ico.png) 50% 50% no-repeat; text-indent: -9999px; background-size: 1.25rem; border-radius: 0 0 0 15px;}
.locationBar .location{ position: relative; /* width: 280px;  */ width: 28.75rem; height: 100%; /* border-right: 1px solid rgba(255,255,255,0.4);  */ border-right : 1px solid #ededed;}

.locationBar .location .bt{ position: relative; display: flex; align-items: center; justify-content: start; padding: 0 25px; white-space: nowrap; color: #333; font-size: 16px; width: 100%; height: 100%; white-space: nowrap;}
.locationBar .location .bt::after{ content: ''; position: absolute; top: 50%; right: 41px; transform: translateY(-50%);  display: block; width: 2px; height: 12px; background: #333;  transition: 0.2s; }
.locationBar .location .bt::before { content: ''; position: absolute; top: calc(50% - 1px); right: 36px;  display: block; width: 12px; height: 2px; background: #333; transition: 0.2s; opacity: 1;}
.locationBar .location.active .bt::before { opacity: 0; }
.locationBar .location.active .bt::after{ transform: translateY(-50%) rotate(90deg); } 
.locationBar .location ul{ position: absolute; top: 60px; left: 0; width: 100%; padding: 10px 0 20px; font-weight: 500; background-color: #fff; border: #eee 1px solid; border-top: none; display: none;}
.locationBar .location ul li a{ display: block; padding: 5px 0 5px 26px; color: #8d8d8d; font-weight : 400}
.locationBar .location ul li a:hover{ color: #00b0bc; }
/*.locationBar .location .bt.active{border-bottom:2px solid #3ccae7;}*/
.locationBar .location ul li a i {position: absolute; width: 8px; height: 8px; margin-top: 6px; margin-left: 12px; background: url(/images/home/kor/user/link_ico.png) 50% 50% no-repeat; transition:all 0.2s ease-in-out;}
.locationBar .location ul li a:hover i {position: absolute; width: 8px; height: 8px; margin-top: 6px; margin-left: 12px; background: url(/images/home/kor/user/link_ico_hover.png) 50% 50% no-repeat;transition:all 0.2s ease-in-out;}

/* .fixed .contents { padding: 90px 0 180px; } */
.contents{ padding: 0 0 100px; margin: 0 auto; max-width: 1300px; min-height: 60vh;}
h3.h3-tit{ position:relative; margin-bottom: 38px; color: #000; font-size: 40px; font-weight: 500; text-align: center; }
.fixed h3.h3-tit { margin-top: 50px; }
/* h3.h3-tit::after{ position:absolute;bottom:-20px;left:50%;content: ''; display: block; background-color: #0e6baf; height: 3px; width: 82px; bottom: -20px;transform: translateX(-50%);} */
h4.h4-tit{ position: relative; margin: 80px 0 30px; font-size: 25px; color: #262525; font-weight: 600;}
h4.h4-tit.blt{padding-left: 15px;}
/*h4.h4-tit.blt::before{ content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 20px; background-color: #3f89ba}*/
h4.h4-tit.blt::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #eb9e0a}
h4.h4-tit.blt2{padding-left: 45px; font-size: 20px;}
h4.h4-tit.blt2::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 30px; height: 30px; margin-top: -15px; background: url(/images/home/kor/user/ic_h4.png) 50% 50% no-repeat;}
h4.h4-tit.blt3{padding-left: 14px; font-size: 28px;}
h4.h4-tit.blt3::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #eb9e0a}
h5.h5-tit{ font-size: 18px; color: #333; margin: 30px 0 15px;}
p.eng-tit{ text-align:center; font-size:16px; font-weight:200; color:#f17c17; /*margin-bottom: 110px;*/ }

h4.h4-eng{margin-bottom:15px;color:#e5e4e4; font-size:36px; font-weight:700;font-family:'Gmarket Sans';text-align:center;}
h4.h4-ko{font-family:'Gmarket Sans';font-weight:500;font-size:40px;text-align:center;}
h4.h4-ko > span{color:#0e6baf;}

.sub-tx{ text-align: center; margin: 0 0 80px; color: #000; font-size: 17px;}
.sub-tx span{ display: block;}

.tit-area{ position: relative; margin: 80px 0 30px;}
.tit-area h4.h4-tit{ margin: 0; display: inline-block;}
.tit-area .right{ position: absolute; top: 0; right: 0;}

/* depth3_wrap */
.depth3_wrap { max-width: 1300px; width: 100%; margin: 0 auto 50px; border-bottom: 1px solid #0071bc; display:none;}
.sub_wrap07 .depth3_wrap{display:none;}
/* .depth3_wrap li { width: 20%; } */
.depth3_wrap li.active {}
.depth3_wrap li a {display: flex; align-items: center; justify-content: center; width: 100%; color: #333; font-weight: 400;  font-size: 18px;  padding: 10px 0;  background: #ededed;  height: 100%; border-radius: 10px 10px 0 0; border-right: 1px solid #fff; font-family: 'Pretendard';}
.page-num > em {font-weight: 400;  font-family: 'Pretendard';}
.depth3_wrap li:last-child a { border-right: 1px solid #e8e8e8; }
.depth3_wrap li.active a { /* color: #0071bc; */ font-weight: 500; position: relative;  background: #fff; border-right: 1px solid #0071bc; border-left: 1px solid #0071bc; border-top: 3px solid #0071bc;}
/* .depth3_wrap li.active a::before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 3px; background: #0071bc; } */
.depth3_wrap li.active a::after {  content: ""; position: absolute; display: block; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff; }
.tab_use{display:flex !important;}


 /* 게시글 검색 */
.bbs_search { /*background: #f5f5f5; border-radius: 10px; padding: 27.5px 0;*/ display: flex; align-items: center; justify-content: center; text-align: center; }
.bbs_search_in { position:relative; }
.bbs_search_in fieldset { display: flex; gap: 10px; }
.bbs_search_in .btn_search { }
.bbs_search_in .select {}
.bbs_search_in #searchstr {width:100% !important;}
.bbs_search .select { vertical-align:middle; width: 150px; min-width: 90px; height: 40px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; color: #999; font-size: 14px; }
.bbs_search .st_select { min-width:100px; margin-right:0px; position:relative; display:inline-block; *display:inline; vertical-align:middle;}
.bbs_search .st_select p.pl10 {border:1px solid #cacccb; background:#f4f4f4;}
.bbs_search .select_input {height:38px; background:#f4f4f4; line-height:40px; font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; border:none; line-height:38px; width:100%; padding:0px; color:#737070}
.bbs_search .button-1 {border:none; width:100%; height:40px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(../img/btn/button-1.png) no-repeat right center;}
.bbs_search .Select {position:absolute; width:100%; top:40px; left:0px; display:none }
.bbs_search .Select li {padding:5px 5px 5px 10px; min-height:20px; line-height:20px; border:1px solid #e2e2e2; border-top:none; background:#fff; cursor:pointer; text-align:left;}
.bbs_search .Select li:hover {background:#f7f7f7}
.bbs_search .input {border:1px solid #cccccc; color:#656565; line-height:38px; height:40px; vertical-align:middle; border-radius: 5px;}
.bbs_search .btn_search { background: #37bef5 url(/images/lifeData/kor/user/ic_sch_w.png) 50% 50% no-repeat; display: inline-block; zoom: 1; border-radius: 5px;text-indent: -9999px; width: 75px; 
	height: 40px; display: inline-block; vertical-align: middle; }
.bbs_search_in.two_col {max-width:850px; padding-left:0px; overflow:hidden;}
.bbs_search_in.two_col .two_cell .pa {left: 0px; top:50%; font-size:15px; font-weight: 700; color: #000; line-height: 20px; margin-top: -10px; padding-left: 10px; background: url(../img/common/bul04.gif) no-repeat left center; }
.bbs_search_in.two_col .col-sm-2 .select_ds {float: left; width: 25%; box-sizing: border-box; padding-left: 5px; font-size:.8rem;}
.bbs_search_in.two_col .col-sm-2 .select_ds.searchinput {width:75%;}
.bbs_search_in.two_col .two_cell .col-sm-3 .select_ds {width:33.33%;}
.bbs_search_in .col-sm-2 .select {position: relative; width: 100%;}
.bbs_search_in.two_col .two_cell {width:50%; float:left;  box-sizing: border-box; position:relative;}
.bbs_search_in.two_col .cell01 {padding-right:0px; padding-left:0px; width:100%;}
.bbs_search_in.two_col .cell02 {padding-top:5px; width: 100%}
.bbs_search_in.three_col .two_cell {width:33.33%; padding-left:80px;}
.bbs_search_in.three_col .cell03 {padding-left:60px;}

.bbs_search .inp-bx{ position:relative; width: 444px; display: flex; }
.bbs_search .inp-bx a.sch{ display: block; width: 85px; height: 40px; line-height: 40px; border-radius: 0 5px 5px 0; background: #474747; color: #fff; font-size: 15px; font-weight: 400; }
.bbs_search .inp-bx input{ width:100%; height: 40px; line-height: 40px; background: #fff; text-indent: 10px; border: 1px solid #ccc; border-radius: 5px 0 0 5px; color: #000 !important; font-size: 14px; }

.st_select_top .st_select p.pl10 {background:#f4f4f4;}
.st_select_top .select_input {background:#f4f4f4; font-family:Noto Sans;}

.ico_list { width: 30%; /*margin: 0 0 1rem;*/ }

.st_select_top .st_select p.pl10 {background:#f4f4f4;}
.st_select_top .select_input {background:#f4f4f4;  *border:0px;}

/*0713추가*/
.bbs_search.search_pag{ padding: 30px; }
.bbs_search.search_pag .bbs_search_in{float:none;padding-left:0;}
/* .bbs_search.search_pag .inp-bx{width:100%;} */
@media screen and (max-width: 1300px){

	/* .bbs_search.search_pag {padding: 20px 300px;} */
}

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

	/* .bbs_search.search_pag {padding: 0px;} */
	.info_top > img {display : none;}
}

@media screen and (max-width: 767px){
	/* .bbs_search.search_pag{height:50px;} */
}
/*0713추가 끝*/

/*atab*/
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:70px; vertical-align: middle; background:#fff; font-size:1.05em; line-height: 130%; padding:0px 0px; text-align:center; color:#000000; box-sizing:border-box; border:1px solid #cccccc; border-left: none; word-break: break-all}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {font-weight: 500; border: 1px solid #003876 !important; background: #003876; color: #fff;}
.atab li.on a:after {display: block; content: ""; width: 20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-20px; transform: rotate(45deg) translateX(-50%);}

.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}


.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

.pr23 {padding-right: 23px;}
.pl23 {padding-left:23px; }
.pr25 { padding-right: 25px; }
.pl35 { padding-left: 35px; }
.pr40 { padding-right: 40px; }
.pl60 { padding-left: 60px; }
.pr35 { padding-right: 35px; }
.pl23 { padding-left: 23px; }
.pr30 {padding-right: 30px;}
.pl30 {padding-left:30px;}
.pl15 {padding-left:15px;}
.pr20 {padding-right:20px;}


.radio_group {margin:0px 0px 0px -15px;}
.radio_group > li {display: inline-block; padding: 5px 0px 0px 15px;}
.radio_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {margin-top: 90px; text-align: center;}
.btn-tc > a {margin: 0px 20px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}



.sub_con {min-height:100px; max-width: 1200px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: -20px;}
.sub_con img {max-width: 100%;}
.sub_tit {font-size: 26px; color: #333333; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px;}
.sub_tit_p {font-size: 24px; color: #82308e; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px; font-weight: 700;}
.s_tit {font-size:20px; position: relative; color: #000; line-height: 140%; padding:15px 0px 17px 40px; margin-top:30px; font-weight:500;}
.s_tit .small {display: inline-block; color: #5c5c5c; font-size: 0.85em; font-weight: 100;}
.s_tit:before {display: block; content:""; width:20px; height:20px; background:#002b5c; position: absolute; left: 0px; top:40px;}
.s_tit:after {display: block; content:""; width:4px; height:8px; background:url(../img/common/tit_bul.png) no-repeat left center; position: absolute; left:12px; top:25px;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:20px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top:15px; font-weight:500; }
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}
.sss_tit {color:#333333; position: relative; padding:0px 0px 5px 13px; margin-top:15px; line-height:140%; font-size:1em; font-weight: 400;}
.sss_tit:before {display: block; content: ""; width: 5px; height: 1px; background:#333; position: absolute; left: 0px; margin-top: -2px; top:50%;}
.b_tit {font-size:17px; padding:20px 0px 5px 0px; line-height: 150%;}



.btnNormal, .btnNormal span, .btnBBig, .btnBBig span, .btnTiny, .btnTiny span, .btnTinys, .btnTinys span,  .btnBig, .btnBig span, .btnCtrl, .btnCtrl span, .btnDate, .btnDate span, .btnGeneral, .btnGeneral span, .btnStrong, .btnStrong span, .btnNormalB, .btnNormalB span, .btnNormalS, .btnNormalS span, .btnSubmit, .btnSubmit span, .btnEm, .btnEm span, .btnSearch, .btnSearch span, .btnSmall, .btnSmall span {
    display: inline-block;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
	
	color:#fff;
	zoom:1;
	*display:inline;
	cursor:pointer;
}
.btnNormal span, .btnCtrl span, .btnDate span, .btnGeneral span, .btnStrong span, .btnSubmit span, .btnEm span, .btnSearch span {
    cursor:pointer;
    vertical-align:top;
}
a em {display:inline-block; height:11px; vertical-align:middle; line-height:0; padding:0; zoom:1; *display:inline;}
a.btnStrong, a.btnSubmit {color:#fff; font-size:17px; }
a.radius {border-radius:30px !important}

button {padding: 0px; border: none; cursor: pointer;}
button {background: none; font-family: Noto Sans;}
.btn_zone {padding:38px;}
.btnSubmit {background:#a0a0a0; text-align:center; font-size:13px;}
.btnSubmit span {padding:0px 30px 0px 30px; color:#fff; border:1px solid #7f7f7f; height:50px; line-height:50px; font-size:14px;}
.btnSubmit.purple span {background:#84308e; color:#fff; border:1px solid #84308e;}
.btnSubmit.cancel span {background:#fff; color:#000; border:1px solid #c3c3c3;}
.btnSubmit em.icoArrow {background:url(../img/common/arrow.png) no-repeat left center; vertical-align:top; *vertical-align:middle; margin:0 -20px 0 29px; width:6px; height:58px;}
.btnSubmit.red {background:#e20e20;}
.btnSubmit.red span {background:#e20e20; color:#fff; border:1px solid #e20e20;}
.btnSubmit.purple span {background:#84308e; color:#fff; border:1px solid #84308e;}
.btnSubmit.gray span {background:#5f6062; color:#fff; border:1px solid #5f6062;}

.btnSmall {background:#003876; line-height: 100%;}
.btnSmall span {padding:3px 17px 3px 17px; min-height:20px; line-height:18px; font-size: 12px; /*white-space:normal;*/}
.btnSmall span.bd {border:0px solid #003876;}
.btnSmall.line {background:#fff; border:1px solid #003876;}
.btnSmall.line span {color:#003876; min-height:18px; line-height:16px; }
.btnSmall.p_line {background:#fff; border:1px solid #000; line-height:18px;}
.btnSmall.p_line span {color:#333; min-height:20px;  line-height:18px;}
.btnSmall span.two_row {padding:11px 20px; height:36px; line-height:18px;}
.btnSmall.black {background: #242424}
.btnSmall.red {background: #ed2129}
.btnSmall.blue {background: #0c91dd}
.btnSmall.gray {background: #757a85}

.btnTinys {background:#ececec; font-size:12px;}
.btnTinys span {padding:0px 17px ; height:25px; line-height:24px; border: 1px solid #d0d0d0; color:#646464;}
.btnTinys.gray {background:#5f6062;}
.btnTinys.line {background:#fff;}
.btnTinys.p_line {background:#fff; }
.btnTinys.p_line span {color:#8264b3; border:1px solid #8264b3;}

.btnTiny {background:#fff; border-bottom:1px solid #e9e9e9; font-size:13px; line-height: 100%;}
.btnTiny span {padding:0px 10px 0px 10px; text-align:center; border:1px solid #cccccc; color:#333; height: 24px; line-height: 24px;}
.btnTiny span.red {color:#e20e20;}
.btnTiny em.icoArrow {background:url(../img/common/arrow_s.png) no-repeat left center; vertical-align:top; margin:0 0 0 10px; width:4px; height:21px;}
.btnTiny em.down {background:url(../img/common/ico_down.png) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny em.del {background:url(../img/common/ico_del.png) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny.gray {background:#777777;}
.btnTiny.gray span {border:1px solid #777777; color:#333; color:#fff;}



.btnNormal {min-width:90px; background:#666666; text-align:center; font-size: 0.9em; font-weight: 400;}
.btnNormal span {padding:0px 17px; height:34px; line-height:33px;}
.btnNormal.yellow {background:#ffc240; color: #000;}
.btnNormal.yellow span {color: #000;}
.btnNormal.line {background:#fff; border:1px solid #d0d0d0;}
.btnNormal.line span {color:#242424; height:32px;}
.btnNormal.red {background: #ed2129}
.btnNormal.gray {background:#7d7d7d;}
.btnNormal.black {background: #000}
.btnNormal.blue {background: #0c91dd}
.btnNormal span.link {background:url(../img/common/location.gif) no-repeat right center; margin-right: 10px;}


.btnNormalB {background:#333333; text-align:center; font-size: 0.9em; font-weight:400;}
.btnNormalB span {padding:0px 22px; height:40px; line-height:39px;}
.btnNormalB.line {background:#fff; border:1px solid #8062b2;}
.btnNormalB.line span {color:#8062b2; height:34px;}
.btnNormalB.gray {background: #757a85}
.btnNormalB.red {background: #ed2129}
.btnNormalB.cancel {background:#fff;  color:#000000; border:1px solid #000000; box-sizing: border-box;}
.btnNormalB.cancel span {color:#333333; line-height:37px; height: 38px;}
.btnNormalB.bg_print {box-sizing: border-box; padding: 0px 20px;}
.btnNormalB.bg_print span {background: url(../img/common/ico_print.png) no-repeat left center; padding: 0px 0px 0px 25px;}
.btnNormalB.bg_ico {box-sizing: border-box; padding: 0px 20px;}
.btnNormalB .bg_down {background: url(../img/common/ico_down.png) no-repeat left center; padding: 0px 0px 0px 30px;}
.btnNormalB .bg_go {background: url(../img/common/ico_go.png) no-repeat right center; padding: 0px 30px 0px 0px;}
.btnNormalB .bg_link {background: url(../img/common/ico_link.png) no-repeat right center; padding: 0px 30px 0px 0px;}


.btnStrong {min-width: 160px; background:#333333;; letter-spacing: -1px; color: #fff; text-align:center; font-size:20px; font-weight:400; border-radius: 5px; }
.btnStrong span {padding:0px 30px; height: 50px; line-height: 50px; font-size: 18px;}
.btnStrong.cancel {background:#fff; border:1px solid #333333; }
.btnStrong.cancel span {color:#666; height:56px; line-height:56px; font-weight:400; }
.btnStrong:hover { opacity: 0.8; }
.btnEm {background:#ececec;}
.btnEm span {padding:0px 15px 0px 15px; height:32px; line-height:29px; font-size: 14px; font-family: nGothicB;}
.btnEm.line {border:1px solid #d0d0d0;}
.btnEm.line span {color:#646464; height:30px;}



.btnGeneral {min-width:150px; box-sizing: border-box; background:#0e6ca7; letter-spacing: -1px; color: #fff; text-align:center; font-size:18px; font-weight:400;}
.btnGeneral span {padding:0px 25px; height:50px; line-height:48px;}
.btnGeneral.cancel {background:#fff; border:1px solid #000000; color:#000000;}
.btnGeneral.cancel span {color:#333333; height:48px; line-height:46px; }
.btnGeneral.red.cancel {border:1px solid #0c91dd; color:#0c91dd;}
.btnGeneral.red.cancel span {color:#0c91dd; height:48px; line-height:46px; }

.btn-tc {margin-top:2.5rem;text-align: center;}

.btnBig {min-width:90px; background:#81308d; color:#fff; text-align:center; font-size:28px; line-height:100px; padding:0px 47px;}
.btnBBig {width:400px; background:#81308d; color:#fff; text-align:center; font-size:28px; line-height:100px; padding:0px;}
a.btnBBig, a.btnBig {color:#fff;}

.bt_include .add_bt { position: absolute; right: 0px; top: 0px;}




/* 500px �댄븯 */
@media screen and (max-width:499px) {
    .btnNormal {font-size:13px;}
    .btnNormal span {padding:0px 12px; height:30px; line-height:29px;}
    .btnNormalB {font-size: 13px;}
    .btnStrong span {height:42px !important; line-height:42px !important; font-size:16px;}
    .btnStrong.cancel span {height:50px !important; line-height:48px !important;}
    
	.btnSmall span {white-space:none; padding: 3px 8px;}
	.btnSmall span.bd {border:1px solid #003876;}
	a.radius {border-radius:0px !important}   

}


/* btn */
.btn-box{ text-align:center; margin: 60px 0 0; }
.btn-box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.btn-box.page-line{ position:relative; z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box.page-line .fr{right:0;}
.btn-box.page-line .fl{left:0;}
.btn-box .btn + .btn{ margin-left:8px;}

.btn{ min-width:150px; padding:0 30px; display:inline-block;  vertical-align:middle; line-height:41px; margin:0; letter-spacing:-0.05em; white-space:nowrap; height:44px; color:#222; text-align:center; background-color:#fff; border: #333 1px solid;  cursor: pointer; font-size : 15px;}
.btn.orange{ border-color:#e96220; color: #fff; background-color: #e96220;}
.btn.blue{ border-color:#0e6ca7; color: #fff; background-color: #0e6ca7;}
.btn.sm{ height: 30px; line-height: 30px; min-width: auto; font-size: 15px;}
.btn.block{ width: 100%; display: block; padding: 0;}
.btn.radius{ color: #000; background-color: #fabe3f; padding: 0 18px; height: 34px; line-height: 34px; border-radius: 20px; border: none; min-width: auto;}


.faq-wr{ border-top: #000 2px solid;}
.faq-wr dt{ position: relative; padding: 30px 120px 30px 90px; font-size: 18px; border-bottom: #ccc 1px solid;}
.faq-wr dt::after{ content: ''; display: block; width: 20px; height: 20px; border-top:#666 1px solid; border-right:#666 1px solid; position: absolute; top: 50%; right: 30px; margin-top: -10px; transform: rotate(135deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.faq-wr dt.active::after{ transform: rotate(-45deg); margin-top: -6px;}
.faq-wr dt a{ color: #333;}
.faq-wr dt i{ position: absolute; display: inline-block; color: #00baed; font-weight: 600; position: absolute; top: 30px; left: 30px;}
.faq-wr dd{ position: relative; padding: 30px 120px 30px 90px; background-color: #f7f7f7; border-bottom: #ccc 1px solid;}
.faq-wr dd i{ position: absolute; display: inline-block; color: #cc0000; font-weight: 600; position: absolute; top: 50%; left: 30px; margin-top: -.5em;}

/* faq */
.accordion { font-family: 'Noto Sans KR'; border-top: 2px solid #000; border-bottom: 1px solid #000; }
.accordion .ui-state-default{ background: #fff; }
.accordion .ui-accordion-header { position: relative; padding: 2.188rem 3rem 2.188rem 6rem; border: 0; border-bottom: 1px solid #ccc !important; border-radius: 0; }
.accordion .ui-accordion-header::after { content: ""; position: absolute; top: 40%; right: 1.25rem; width: 1rem; height: 1rem; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: translate(0 , -50%) rotate(45deg); transition: .3s; }
.accordion .ui-accordion-header.ui-state-active::after { transform: translate(0 , -50%) rotate(-135deg); top: 55%; }
.accordion .ui-accordion-header p { font-weight: 600; color: #333; font-size: 1.125rem; }
.accordion .ui-accordion-header .q ,
.accordion .ui-accordion-content li .a { position: absolute; left: 2rem; top: 1.7rem;  font-size: 1.2rem; font-weight: 700; color: #333; border:1px solid #373282; color: #373282; border-radius: 50%; width: 2.5rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; } 
.accordion .ui-accordion-content { padding: 0; border: 0; }
.accordion .ui-accordion-content li { position: relative; padding: 2.188rem 3rem 2.188rem 6rem; background: #f7f7f7; border-bottom: 1px solid #ccc; }
.accordion .ui-accordion-content li .a { background: #373282; color: #fff; }
.accordion .ui-accordion-content li .a_text { font-size: 1rem; font-weight: 400; color: #333; line-height: 1.5; }

/* 인사말 */
.greeting .img_box { width: 32.308%; border-radius: 0.625rem 7.5rem 0.625rem 0.625rem;
overflow: hidden; }
.greeting .txt_box { width: 60%;  margin-top: 2.5rem;}
.greeting .txt_box p.fs40 { line-height: 1.25; }
.greeting .txt_box p.fs40 .deco { position: relative; }
.greeting .txt_box p.fs40 .deco::after { position: absolute; content: ""; bottom: 0; left: 0; display: inline-block; width: 100%; height: 1.25rem; border-radius: 10px; background: rgba(0,113,188,0.1); }
.greeting .txt_box p.blue2 { margin-top: 3rem; }
.greeting .txt_box p.gray { margin-top: 1.5rem; font-size: 1.25rem; }

/* 고객의 소리 */
.voice {  }
.voice .top { gap: 2.8125rem; border: 1px solid #eee; border-radius: 0.5rem; background: #f1f3f4; padding: 2.125rem 2.1875rem; justify-content: flex-start;}
.voice .top .ul_disc { color: #4a4a4a; margin-top: 0; width: 85%; }
.voice .top .ul_disc li { font-weight: 400; }
.voice .top .ul_disc li + li { margin-top: 1rem; }
.voice .top .ul_disc li:before { display: none; }
.voice .top .ul_disc li:after { top: 12px; width: 3px; height: 3px; border-radius: 0; background: #000; }
.voice .top .ul_disc em { color: #0e699c; }
.voice .writing { margin-top: 3.125rem; background: #0071bc; border-radius: 5px; width: 15.75rem; display: block; height: 2.8em; line-height: 2.8em; text-align: center; font-size: 1em;}
.login_pop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99999; }
.login_pop .wrap { max-width: 400px; width: 100%; padding: 72px 73px 80px; border-radius: 10px; border: 1px solid #bfbfbf;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; overflow: hidden; }
.login_pop .wrap .close { width: 1.8rem; height: 1.8rem; cursor: pointer; position: absolute; top: 2rem; right: 2rem; color: #000; }
.login_pop .wrap .close::before { content: ''; display: block; width: 1.8rem; height: 2px; background-color: #000; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
.login_pop .wrap .close::after { content: ''; display: block; width: 1.8rem; height: 2px; background-color: #000; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}

.login_pop .wrap .fs36 { font-size: 2.25rem; }
.login_pop .wrap .l_wrap { margin-top: 2.5rem; }
.login_pop .wrap .l_wrap a { max-width: 250px; width: 100%; border-radius: 0.5rem; height: 45px; display: flex; align-items: center;  justify-content: center;  gap: 0.8125rem; padding: 0 2.5rem; font-size: .94em;}
.login_pop .wrap .l_wrap a.n { background: #03c75a; }
.login_pop .wrap .l_wrap a.k { background: #fee500; margin-top: 0.625rem; }

/* 카드뉴스 상세페이지 슬라이드 */
.cardnews_slide_wrap { max-width: 52rem; width: 100%; padding: 0 2rem; overflow: hidden; margin: 5rem auto 2.5rem; position: relative; }
.cardnews .click_write_wrap:after{ content:""; display: block; position: absolute; bottom: -1.5rem; left: 0; width:1300px; height: 1px; background:#ccc; z-index: 1;}
.cardnews_slide { width: 100%; overflow: hidden; }
.cardnews_slide ul { width: 100%;  }
.cardnews_slide ul li { width: 100%; }
.cardnews_slide ul li img { width: 100%; }
.cardnews_slide_ctrl button { position: absolute; top: 50%; transform: translateY(-50%); width: 1.8rem; height: 1.8rem; }
.cardnews_slide_ctrl button::after { content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 2px solid #666; border-left: 2px solid #666; transform: rotate(-45deg); }
.cardnews_slide_ctrl .prev { left: 0.5rem; }
.cardnews_slide_ctrl .next { left: auto; right: 0.5rem; transform: rotate(180deg); }

/* 소개 > 연혁 */
.history_wrap { /*border-top: 2px solid #000;*/ }
.history_wrap .con { display: flex; padding: 80px 0 60px; border-bottom: 1px solid #5cade3; }
.history_wrap .con:last-child { border-bottom: 0; }
.history_wrap .left { padding-right: 150px; width: 50%; }
.history_wrap .tit { font-family: 'Pretendard'; font-size: 2.75rem; color: #0071bc; line-height: 50px;  position: relative;margin-top: 1.5rem; }
.history_wrap .tit:before {display: inline-block;  content: "HISTORY";  color: #94a0ad;  font-size: 1.25rem;  position: absolute; top: -36px; font-weight: 400; letter-spacing: 0;}
.history_wrap .subtit {font-family: 'Pretendard'; font-size: 1.875rem; color: #000; line-height: 35px; }
.history_wrap ul.right {  width: 70%; }
.history_wrap ul.right > li {width : 100%;  display: flex; align-items: flex-start; margin-bottom: 20px; }
.history_wrap ul.right li ul {width : 100%;}
.history_wrap ul.right li ul > li { display: flex; align-items: center; gap: 30px; margin-left: 70px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;  margin-bottom: 20px;}
.history_wrap ul.right li ul > li p { font-family: 'Pretendard'; font-size: 1.25rem; font-weight: 600; color: #666; }
.history_wrap ul.right li ul > li span { color: #666; font-weight: 300;}

/* 소개 > 일반현황 > 조직도 */
.organization .people {background: url('/images/home/eng/user/people_img.png') no-repeat; width: 1300px; max-width: 100%; height: 600px;   /* object-fit: cover; */    background-size: contain;  background-position: center;}
.organization table.data thead th ,
.organization table.data tbody th { padding: 1rem 0.8rem; font-size: 1rem; }
.organization table.data tbody td { padding: 1rem 0.8rem; font-size: 0.9375rem; }
.organization table.data tbody td button { font-size: 0.9375rem; color: #373282;  font-weight: 500; }
.organization table.data tbody td a { font-size: 0.9375rem; color: #373282;  font-weight: 500; }
.organization .group { position: relative;}
.organization .table_line { position: relative;}
.organization .click_wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.organization .click_wrap a {  display: block; position: absolute; font-size: 0;}
.organization .click_wrap .m1 { width: 16%; height: 11.5%; top: 61.6%; left: 71.2%; }
.organization .click_wrap .m2 { width: 16%; height: 10.8%; top: 87.5%; left: 3%; }
.organization .click_wrap .m3 { width: 16%; height: 10.8%; top: 87.5%; left: 21.2%; }
.organization .click_wrap .m4 { width: 16%; height: 10.8%; top: 87.5%; left: 39.4%; }
.organization .click_wrap .m5 { width: 16%; height: 10.8%; top: 87.5%; left: 62%; }
.organization .click_wrap .m6 { width: 16%; height: 10.8%; top: 87.5%; left: 80.4%; }
.organization .click_wrap .m7 {width: 13.9%;height: 31.4%;border-radius: 50%;top: 0%;left: 22.8%;}
.organization .click_wrap .m8 {width: 16%;height: 12%;top: 42.5%;left: 21.5%;}
.organization .click_wrap .m9 {width: 15.7%;height: 11.8%;top: 42.5%;left: 71.4%;}
/* .organization .click_img_wrap { display: block !important; } */

/* 조직도 이미지 퍼블 250219*/
.organization .opa0{opacity:0;}
.organization .left,
.organization .right{ position: relative; gap:5rem; }

.organization .left:before,
.organization .left:after { content: ''; display: block; position: absolute; top: 18.5rem; left: 50%; width: 100%; height: 1px; border-bottom: 1px #ccc solid; z-index: -1;}
.organization .left:after {top:25.375rem;}

.organization .left > *:after,
.organization .right > *:after,
.organization .list_box li:after{ content: ''; position: absolute; top: 100%; display: block; width: 1px; height: 100%; border-left: #999 1px solid; z-index:-1;}

.organization .top_box { position: relative; width: 11.25rem; height: 11.25rem; border: #00b0bc 1px solid; border-radius: 50%;}
.organization .top_box:before { content: ''; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width: 10rem; height: 10rem; border: #00b0bc .625rem solid; 
border-radius: 50%;}
.organization .top_box:after{bottom: -5rem;height: 5rem;}

.organization .mid_box{position: relative; gap:2.5rem;}
.organization .mid_box:after{top:4.375rem;}
.organization .mid_box p {position: relative; width: 12.5rem; height: 4.375rem; background: #b8e0fb; border: 1px #93c3e3 solid;}

.organization .list_box {position: relative; gap:1.875rem;}
.organization .list_box:after{top:-2.5rem; width:calc(100% - (12.5rem - 1px)); height:1px;border: 0;border-bottom: #999 1px solid;}
.organization .list_box li{position: relative; width: 12.5rem; height: 3.75rem; background: #4f546a; color: #fff;}
.organization .list_box li:after{ top: -2.5rem; height: 2.5rem;}

.organization .left .mid_box p{background: linear-gradient(135deg, #00b0bc, #0071bc); color:#fff; border:0;}
.organization .left .mid_box p:after{bottom: -9.375rem;height: 9.375rem;}

.organization .right .mid_box:after{display:none;}
.organization .right .mid_box p:last-child{background: #b3e7eb; border: 1px #9dd8dd solid;}
/* .organization .right .mid_box p:after{right: 100%;bottom:50%;width: 41rem;height:1px;border: 0;border-bottom: #999 1px solid;} */

.organization .right .list_box:before{content: '';position: absolute; top: -5rem;display: block;width: 1px;height: 2.5rem;border-left: #999 1px solid;z-index:-1;}



.o_popup { position: fixed; left:0; top:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99999; }
.o_popup .wrap { max-width: 800px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 20px; overflow: hidden; }
.o_popup .top { background:#373282;  padding: 0.8rem 2rem; color: #fff; }
.o_popup .close { color:#fff; }
.o_popup  a { cursor: pointer; }
.o_popup .con { padding: 2rem 2rem 2.5rem; }
.o_popup .con_box { background: #eee; padding: 1rem 2rem; border-radius: 5px; }
.o_popup .con_box li {  }
.o_popup .con_box li .reload { background: #fff; }
.o_popup .con_box li .reload ,
.o_popup .con_box li  input { width: 70%; height: 2.1875rem; }
.o_popup .con_box li  a { width: 27%; text-align: center;  height: 2.0625rem; line-height: 1.9375rem;  border: 1px solid #aaa;  }
.o_popup .con_box li:nth-child(2)  a { background: #373282; color: #fff;  border: 1px solid #373282; }
.o_popup .con2 .close { display: block;  background: #373282;  border-radius: 5px; text-align: center;  height: 2.1875rem;  line-height: 2.1875rem; }

.o_popup#o_popup_3 .wrap { max-width: 800px; width: 100%; height: 75vh; border-radius: 20px; overflow: hidden; top: 55%; }
.o_popup .con3 {overflow-y: scroll; height: 70vh;}
.o_popup .con::-webkit-scrollbar {
    width: 10px; /* 세로 스크롤바 너비 */
    height: 10px; /* 가로 스크롤바 높이 */
}
/* 스크롤바 트랙 (배경) */
.o_popup .con::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px; /* 둥글게 */
}

/* 스크롤바 핸들 (움직이는 부분) */
.o_popup .con::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px; /* 둥글게 */
}

/* 스크롤바 핸들에 마우스를 올렸을 때 */
.o_popup .con::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.o_popup .con3 .top { background: #fff; color: #000; gap: 2.5rem; padding: 0 0 2rem 0; border-bottom: 1px solid #000;}
.o_popup .con3 .top .img_box { width: 143px; height: 186px; }
.o_popup .con3 .top ul li { font-size: 1.25rem; font-weight: 500; }

ul.ul_disc > li { position: relative; padding: 0 1rem; }
ul.ul_disc > li::before { content:""; position: absolute; top: .625rem; left: 0; width: 4px; height: 4px; background: #a2a2a2; border-radius: 10px; }
ul.white > li::before { background: #fff; }

h4.h4-tit.blt3{ padding-left: 1rem; font-size: 1.5rem; margin: 2.5rem 0 1rem; border-bottom: #ddd 1px solid; padding-bottom: 0.5rem; }
h4.h4-tit.blt3::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #373282}

ul.ul-list01 { position: relative; }
ul.ul-list01 > li { text-indent: 0; padding-left: 1rem; line-height: 1.8;}
ul.ul-list01 > li::before { content: '';  display: inline-block; width: 0.3125rem;  height: 0.3125rem; background-color: #ccc; border-radius: 50%;  vertical-align: 0.1875rem;  margin-right: 0.5rem; }
ul.ul-list01 > li + li { margin-top: 0.5rem; }
ul.ul-list01 > li b { color: #333; }

/* 소개 > 일반현황 > 네트워크 */
.s_network h4.h4-tit { margin: 0 0 0.625rem; }
.s_network table.data tbody th { padding: 0.8rem; white-space: break-spaces; font-size: 1em; }
.s_network table.data tbody td { padding: 0; }
.s_network table.data table.data { border-top: 0; border-right: 0;  }
.s_network table.data table.data tbody td { padding: 0.8rem; height: 80px; white-space: break-spaces; font-size: 0.9375em; }
.s_network table.data table.data tbody td:first-child { border-left: 0; }
.s_network table.data table.data tbody tr:last-child td { border-bottom: 0; }
.s_network table.data table.data tbody td a { display: flex; width: 100%; height: 100%;
align-items: center;  justify-content: center; background-image: url('/images/cmmn/linkout_icon.png'); background-repeat: no-repeat; background-position: 100% 0%; }
.s_network table.data table.data tbody td a:hover { color: #0071bc; background-image: url('/images/cmmn/linkout_icon_2.png'); }

/* 소개 > 찾아오시는 길 */
.location { width: 100%; max-width: none; }
.location .top {max-width: 1300px; margin: 0 auto; }
.location #inner_wrap h4.h4-tit {margin: 60px 0 30px;}
.location .top .left { position: relative;  margin: 2rem 0; }
.location .top .left .t_txt { gap: 0.625rem; }
.location .top .left .fs35 {  font-size: 2.1875rem; margin-top: 1.1875rem;  line-height: 1.4; }
.location .b_txt {background: #242424; border-radius: 0 3.75rem 0 0; padding: 1.875rem 3.125rem 3.25rem; width: 100% ; margin-top: 50px; }
.location .b_txt .first { gap: 1.625rem; }
.location .b_txt p { margin-top: 2.125rem; }
.location .top .map_wrp { width: 100%; /* aspect-ratio: 1.8 / 0.7; */ height: 520px; border-radius: 6.25rem 0 6.25rem 0; overflow: hidden; aspect-ratio: 1.9 / 0.6;}
.location .top .map_wrp .root_daum_roughmap_landing { width: 100% !important; height: 100%; }
.location .top .map_wrp .root_daum_roughmap .wrap_map { width: 100%; height: 100% !important; }
.location .gray_wrap { gap: 1.5625rem; background: #f7f7f7; border-radius: 0.625rem; /*height: 5rem;*/ align-items: center; justify-content: start; padding: 1.7rem 1.875rem; }
.location .box_wrap li  { display: flex; flex-flow: row nowrap;
align-items: start; justify-content: start; gap: 1.25rem; width: 33.333%; }
.location .box_wrap li em { width: 3.75rem; height: 1.5625rem; line-height: 1.5625rem; color: #fff; border-radius: 0.78125rem; font-size: 0.875rem; font-weight: 700; text-align: center; }
.location .box_wrap li em.green_gb { background: #04820c; }
.location .box_wrap li em.blue_gb { background: #4c6db1; }
.location .box_wrap li em.red_gb { background: #c8060c; }
.location .box_wrap li em.pink_gb { background: #bd2d75; }
.location .box_wrap li em.brown_gb { background: #896c00; }
.location .box_wrap li em.purple_gb { background: #7f06e9; }
.location .box_wrap li p { font-weight: 500; }

/* 비전 및 미션 */
.vision .con { margin-bottom: 130px; }
.vision .con1 { width: 100%; height: 280px; /*background: url("/images/home/kor/user/vision_img01.jpg") no-repeat;*/ background: linear-gradient(135deg, #00b0bc, #1845a3); border-radius: 10px; padding: 60px 100px; }
.vision .con1 .txt_box { display: flex; gap: 20px; color: #fff; }
.vision .con1 .txt_box .left { width: 50%; }
.vision .con1 .txt_box p { font-size: 1.875rem; font-weight: 600; margin-bottom: 20px; }
.vision .con1 .txt_box p.sub { font-size: 1.25rem; font-weight: 600; color: #fff; margin-bottom: 10px; }
.vision .con1 .txt_box span { font-weight: 100;  }
.vision .con1 .txt_box .left .sm_txt { font-size: 1.5rem; font-weight: 100; color: rgba(255, 255, 255, .5); margin-left: 10px; }
.vision .con1 .txt_box .right { width: 50%; }

.vision .con2 .con_box { display: flex; }
.vision .con .con_box .left { max-width: 365px; width: 100%; }
.vision .con .con_box .left p { position: relative; }
/* .highlight{  position: relative; display: inline-block; font-size: 2.5rem; font-weight: 700; z-index: 10; }
.highlight:after{ content: ""; width: 100%; height: 20px; display: inline-block; background: #e5f1f8; border-radius: 10px; position: absolute; bottom: 5px; left: 0; z-index: -1; } */
.highlight_sky{  position: relative; display: inline-block; font-size: 2.5rem; font-weight: 700; z-index: 10; }
.highlight_sky:after{ content: ""; width: 54%; height: 20px; display: inline-block; background: #e5f1f8; border-radius: 10px; position: absolute; bottom: 5px; left: 0; z-index: -1; }
.con2 .highlight_sky:after {width: 34%;}
.vision .con .con_box .right { width: calc(100% - 365px); }
.vision .con2 .con_box .right ul { display: flex; gap: 20px; }
.vision .con2 .con_box .right ul li { width: 100%; }
.vision .con2 .con_box .right ul li .img_box { width: 100%; max-width: 300px; height: 260px; border-radius: 15px; overflow: hidden; }
.vision .con2 .con_box .right ul li .img_box img { width: 100%; height: 100%; object-fit: cover; }
.vision .con2 .con_box .right ul li .txt { display: flex; gap: 20px; margin-top: 25px; }
.vision .con2 .con_box .right ul li .txt p { font-size: 1.875rem; font-weight: 600; }
.vision .con2 .con_box .right ul li .txt span { font-size: 1.25rem; color: #454646; }

.vision .con3 .con_box { display: flex; }
.vision .con3 .con_box .right ul { display: flex; gap: 40px; flex-wrap: wrap; }
.vision .con3 .con_box .right ul li { position: relative; max-width: 285px; width: 100%; height: 261px; background: linear-gradient(135deg, #00b0bc, #1873a3); border-radius: 15px; padding: 50px 30px; }
.vision .con3 .con_box .right ul li::before { content: ""; display: block; width: 26px; height: 26px; position: absolute; bottom: 40px; right: 40px; background: url("/images/home/kor/user/vision_plus.png") no-repeat; display: none;}
.vision .con3 .con_box .right ul li:nth-child(4),
.vision .con3 .con_box .right ul li:nth-child(5),
.vision .con3 .con_box .right ul li:nth-child(6) { background: linear-gradient(135deg, #1c80b1, #524bad); }
.vision .con3 .con_box .right ul li p {  font-size: 20px; color: #fff; line-height: 1.6; }

.vision .con4 { background: #f5f5f5; padding: 140px 0; margin-bottom: 0; }
.vision .con4 .con_box { display: flex; }
.vision .con4 .con_box .left .txt { display: inline-block; margin-top:50px; color: #666; font-weight: 300;  line-height: 1.8; }
.vision .con4 .con_box .left .txt i { font-weight: 400; }
.vision .con4 .con_box .right ul { display: flex;  flex-wrap: wrap;  gap: 30px; justify-content: flex-end;}
.vision .con4 .con_box .right ul li { /*max-width: 201px; min-height: 201px;*/ width: 12.5625rem; height: 12.5625rem;  border: 1px solid #e5e5e5;    border-radius: 50%;    background: #fff; display: flex; gap: 20px; flex-direction: column;    justify-content: center;    align-items: center; padding: 1.25rem;}
.vision .con4 .con_box .right ul li span { font-size: 1.15rem;  font-weight: 500;  color: #3c3c3c; text-align: center;  }

/* 통합검색 */
.result-zone { padding-bottom: 3rem; border-bottom: 1px dashed #c0c5c6; margin-top: 20px; text-align : center; }
.result-wrap { display: flex; flex-direction: column; gap: 2rem; padding-top: 20px;}
.result-box { width: 100%; padding: 20px; border: 1px solid #d3dde0; border-radius: 4px; }
.result-tit { position: relative; display: flex; align-items: center; gap: 8px; padding-bottom: 15px; border-bottom: 1px solid #d8dce1; margin-top: 30px; }
/*.Search .result-tit a,*/ .Search .result-txt > p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.result-tit a { width: 100%; padding: 3px 4px; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.03rem; text-align: justify; color: #000; }
.result-txt { margin-top: 20px; }
.result-date { color: #888; font-size: 13px; position: absolute; right: 0; top: -30px;}
.result-date > span:first-child { color: #333; margin-right: 20px; }
.result-date > span:last-child {font-family: 'Pretendard';}
.result-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; }
.result-bottom .result-bottom-left { width: 80%; }
.result-bottom .result-bottom-right img { width: 230px; border-radius: 10px; object-fit: cover; }
.result-down { position: relative; margin-top: 10px; background: #cbdfe33d; padding: 10px; border-radius: 10px; }
.result-down a { font-size: 14px; }
.result-down .flex { margin-bottom: 5px; }
.result-down .result-down-txt { color: #888; font-size: 12px; }
.addition { position: absolute; top: 7px; right: 10px; font-size: 13px; background: #ccc; padding: 3px 10px; border-radius: 10px; }
.highlight.sky { font-weight: 700; font-style: normal; color: #000; background: #fff8b8; }
.result-tit .label { display: flex; justify-content: center; align-items: center; flex-shrink: 0; height: 30px; font-size: 14px; font-weight: 500; border-radius: 5px; margin: 0 !important; }
.label-decision { color: #0071BC; /* border: 1px solid #5b89c0;  */background: rgba(0,113,188,0.2); min-width: 5rem; padding: 0 10px; }
.Search .btnGeneral { min-width: 100px; background: #fff; border: 1px solid #ccc; border-radius: 5px; font-size: 15px; }
.Search .btnGeneral span { height: 40px; line-height: 40px; color: #5e5e5e; font-weight: 500; }
.Search .btnGeneral:hover { background: #0071bc; border: 1px solid #0071bc; }
.Search .btnGeneral:hover span { color: #fff; }
.Search .btn-tc { margin-top: 30px; }
.bbs_search.search_pag { background: #f5f5f5; }
.bbs_search.search_pag .bbs_search_in .topic { margin-bottom: 20px; }
.bbs_search.search_pag .bbs_search_in .topic span { margin: 0 5px;    width: 45%;  max-width: 100px; display: inline-block; text-align: left; }
.down-icon { font-size: 10px; font-weight: 500; background: #37a4ba3d; padding: 4px 12px; border-radius: 5px; display: flex; align-items: center; gap: 5px; height: 23px; }
.down-icon img { width: 10px; }
.sorting-box { display: flex ; justify-content: space-between; margin: 20px 0 20px; }
.Search .flex.ac.jcb { flex-wrap: wrap; }
.Search .ico_list {width: 100%; text-align: center; margin: 2.25rem 0 0; font-size: 1.25rem; font-weight: 350;  color: #666;}


.sorting-option span > a {color: #999;}
.sorting-option { width: 100%; text-align: right; /*margin: 20px 0 0px;*/ }
.sorting-option span { position: relative; padding-left: 20px; margin-right: 20px; cursor: pointer; font-size: 15px; color: #666; }
.sorting-option span::before { content: ""; width: 16px; height: 8px; background: url(/images/home/kor/user/sortingdown.png) no-repeat; position: absolute; right: -22px; bottom: 4px; background-size: 70%; transition: transform 0.3s ease; }
.sorting-option span.active::before { content: ""; width: 16px; height: 8px; background: url(/images/home/kor/user/sortingup.png) no-repeat; position: absolute; right: -22px; bottom: 4px; background-size: 70%; transition: transform 0.3s ease; filter: invert(22%) sepia(94%) saturate(7495%) hue-rotate(194deg) brightness(105%) contrast(101%);}

.sorting-option {margin-left: auto;/*  margin-bottom: 1.25rem; */ margin-right : 20px;}
.sorting-option button { position: relative; margin-left: 20px;/*  margin-right: 20px;  */cursor: pointer; font-size: 15px; color: #999; }
.sorting-option button > a {color: #999; }
.sorting-option button::before { content: ""; width: 16px; height: 8px; background: url(/images/home/kor/user/sortingdown.png) no-repeat; position: absolute; right: -22px; bottom: 4px; background-size: 70%; transition: transform 0.3s ease; margin-left: 20px; }
.sorting-option button.active::before, .sorting-option button.active > a::before { content: ""; width: 16px; height: 8px; background: url(/images/home/kor/user/sortingup.png) no-repeat; position: absolute; right: -22px; bottom: 4px; background-size: 70%; transition: transform 0.3s ease; filter: invert(22%) sepia(94%) saturate(7495%) hue-rotate(194deg) brightness(105%) contrast(101%); }
.sorting-option button.active, .sorting-option button.active > a { color: #0071bc; }


.sorting-option span.active { color: #0071bc; }
.page-num { font-size: 20px; font-weight: 600; letter-spacing: 0.1px; color: #0071bc; padding-bottom: 10px; border-bottom: 1px solid #000; }
.noneData {color: #666; font-weight: 300;}
/* .Search .tab{display:none;} */
.Search .tab.active{display:block;}
.Search .depth3_wrap { display: flex !important; }


/* CI 소개 */
.identity .sec{border-bottom: 1px solid #e5e5e5;display: flex;justify-content: space-between;align-items: center;}
.identity .txtBox{width: 37%;}
.identity .txtBox .big_tit{display: flex;height: 15px;background: #e5f1f8;align-items: end;border-radius: 15px;width: fit-content;}
.identity .txtBox .btn{padding: 0 25px;border-radius: 5px;background: #eee;color: #142641;margin-right: 10px;border: none;}
.identity .txtBox .btn.on{background: #142641;color: #fff;}
.identity .txtBox .btn:hover{background: #142641;color: #fff;}
.identity .txtBox .btn.on:hover{background: #eee;color: #142641}
.identity .imgBox{display: flex;gap: 10px;flex-wrap: wrap;width: 750px; justify-content: center;}


/* 뉴스레터 신청 */
.newsletter_app .app_wrap{width: 100%; height: 380px;display: flex;position: relative;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 -2px 8px rgba(0, 0, 0, 0.1);overflow: hidden;}
.newsletter_app .app_wrap::after{content: "";position: absolute;background: url(/images/home/kor/user/app_bg.jpg)no-repeat;left: -10%;top: 0;width: 50%;height: 100%;}
.newsletter_app .textBox{ position: absolute; width: 50%; top: 50%; right: 5%; transform: translateY(-50%); }
.newsletter_app .txt{ margin: 30px 0; font-size: 1.1rem; font-weight: 500; color: #000; }
.newsletter_app .txt-sub{ position: relative; padding-left: 70px;  color: #585858; }
.newsletter_app .txt-sub::after{content: ""; width: 60px;height: 60px;background:url(/images/home/kor/user/app_icon.jpg)no-repeat ;position: absolute; left: 0;top: 50%;transform: translateY(-50%);}
.newsletter_app input[type=email]{width: 100%; height: 55px; line-height: 55px; padding-left: 25px;}
.newsletter_app .app_btn {background: #006fbb;color: #fff; /*margin-left: 10px;padding: 15px 35px;*/  border-radius: 5px; max-width: 100px; width: 100%; height: 55px; line-height: 55px; font-size: 16px; text-align: center; }
.newsletter_app .email_box { width: 100%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 -2px 8px rgba(0, 0, 0, 0.1); padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.newsletter_app .email_box h2 { width: auto; white-space: nowrap;}
.newsletter_app .email_box .cont { width: 100%; display: flex ; gap: 10px; }

/* 공공누리 */
.fr-fic.fr-dib {display: block; margin: 0 auto;}
.fr-view p:nth-child(2) img { width: 30% !important; }

/* 원장 프로필 */
.c_width {width:100%;margin:0 auto;position:relative;}
#profile {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-around; padding-bottom: 50px;}
#profile .img {width:360px;height:500px;background:url("/images/home/kor/user/wongang.png") no-repeat 50% 0/cover;position:relative;}
#profile .cont {width: calc(100% - 560px);padding-left:40px;}
#profile .img .name	{padding:2.5rem 3rem;border-radius:0 0 2rem 0;display:inline-block;background: linear-gradient(135deg, #00b0bc, #1845a3);color:#fff;line-height:1.2;position:absolute;right:0;bottom:-80px;box-shadow: 10px 20px 30px rgba(12, 35, 75, 0.2);}
#profile .img .name	p:nth-child(2) {font-size: 1.8rem; font-weight: 700;}
#profile li	{margin:0.5rem 0 }
#profile li::before { content: ''; display: inline-block; width: 5px; height: 2px; background-color: #ccc; vertical-align: 0.1875rem; margin-right: 1rem; }
#profile h2	{position: relative; padding-left: 1rem; padding-bottom:1rem; margin-top: 1.5rem; margin-bottom:1.5rem;color: #0071BC;border-bottom: 2px solid #ddd; }
#profile h2.fst { margin-top: 0 !important; }
#profile h2::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #0071BC; }
#profile h2 span {font-size:var(--font-base)}

@media only screen and (max-width:1480px){
    #profile .img {width:300px;height:400px;}
    #profile .cont {width:calc(100% - 300px);}
    #profile .img .name	{padding:2rem;}
}
@media only screen and (max-width:1023px){
    #profile .img {width:240px;height:360px;}
    #profile .cont {width:calc(100% - 240px);}
    #profile .img .name	{display:block;width:100%;}
    #profile .img .name	p:nth-child(2) {font-size:var(--font-xlg)}
}
@media only screen and (max-width:767px){
    #profile {flex-direction:column;}
    #profile .img {height:260px;width:50%;margin:0 0 2rem 0;}
    #profile .cont {width:100%;padding:0}
    #profile .img .name {width:100%;right:-100%;bottom:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;}
    #profile .img .name	p:nth-child(2) {font-size:var(--font-xlg)}
}
@media only screen and (max-width:576px){
    #profile .img {height:200px;}
    #greetings .tit1 {margin:1rem 0;}
    #profile .img .name	{padding:0 1.5rem 1.5rem 0;}
}



/*===========================반응형=========================*/
@media screen and (min-width: 1921px) {
	html {font-size: 16px;}
	#header .header-top .inner { max-width: calc(100% - 12.5rem); width: 100%;}
	#header > .inner { max-width: calc(100% - 12.5rem); width: 100%;}
	#header .inner h1 a.logo { height: 3.25rem; background-size: cover; }

    #header .subBg { height: 326px !important; }
    #header .subBg .menu-tit { left: 200px !important; }
    #header .subBg::after { background-size: cover; }

    /* 메인 */
    .report .item_box .tag .cate { padding: 0.25rem 0.025rem; }
    .m_sec3 .m_sec3_slide { height: 100%; }
    .m_sec3_slide .swiper-slide { height: 92%; }
    .report .item_box p.gray2.fs14.ellip2  { height: 52px; }

    .photo_listW > ul > li .tit { height: 55px; }

    .login_pop .wrap .l_wrap a {  max-width: 300px; }

    /* 연혁 */
    .history_wrap .left { width: 57%; }

    .vision .con1 { padding: 40px 100px; }
    .vision .con1 .txt_box p { font-size: 1.475rem; }
    .vision .con1 .txt_box p.sub { font-size: 1rem; }
    .vision .con1 .txt_box span { font-size: 15px; }
    .vision .con4 .con_box .left { max-width: 565px; width: 100%; }
    .vision .con4 .con_box .right ul { justify-content: flex-start; }
}

@media screen and (max-width: 1720px) {
    #header > .inner { width: 95%; }
	#header .subBg::before {width : 320px;}
	#header .subBg .menu-tit {left : 5rem;}
	#gnb > li > .subDepth {padding-left : 360px;}
	
	.main_section.last {display : none;}

    #fp-nav {display: none;}

     /* 찾아오시는 길 */
     .location .top { max-width: 1300px; width: 100%; margin: 0 auto; }
     .location .top .left { margin: 5rem 0 1rem; }
     .location .top .left .b_txt { position: relative; width: 100%; margin-top: 10px; }
     .location .top .map_wrp { width: 100%; border-radius: 0; }
}

@media screen and (max-width: 1570px) {
	#header .inner h1{width:220px;left:20px;}
    #gnb > li > .subDepth {padding-left: 320px;}
    #header .subBg::after {width: 300px;}
    #header .subBg .menu-tit {left: 0.6%;}
	#header .bt-mn{right:20px;}
	#header .bt-sch{right:88px;}
	#header .inner h1 a.logo{ background-size:contain; }
/*     #gnb > li > .subDepth > li {width: 150px;}
    #gnb > li > .subDepth > li > a {width: 150px;} */
	#header .subBg::before {width : 300px;}
	#gnb > li > .subDepth > li,
	#gnb > li > .subDepth > li > a {width : 220px }
	#gnb > li > .subDepth > li > a {font-size : 1rem; padding : 0 10px;}
}



@media screen and (max-width: 1440px) {
	#gnb > li > .subDepth > li > a {font-size : 15px;}
    #header .subBg::before {width: 260px;}
    #header .subBg .menu-tit {left: 3rem;}
    #gnb > li > .subDepth {padding-left: 280px;}
	#gnb > li > .subDepth > li, #gnb > li > .subDepth > li > a {width: 200px; margin-right: 10px;}
	
	#footer .footer-wrap { width: 95%; }
	
	.location{max-width:100%;width:92%;}
	.locationBar .location {width : 100%;}

}


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

    #quick{ display: none;}
	.sub-vis{padding-left:20px;padding-right:20px;}
	
	.fixed .locationBar {top : 90px;}
    
    #footer .footer-wrap { gap: 0 !important;flex-direction: column; align-items: center; }
/* 	#footer .footer-wrap .right { width: calc(100% - (15rem + 8.075rem)); } */

    .vision .con4 .inner { width: 90% !important; }

    /*조직도*/
    .organization .left:before, .organization .left:after { width: 112%;}
	
	.info_top > ul.ul_disc > li::before {display : none;}
	
	/*pdf*/
	.pdf2 .photo_listW > ul > li .a_wrap {flex-direction: column; width: calc(100% - 140px - 4.7rem);}	
	.pdf2 .photo_listW > ul > li .a_wrap a {width : 100%;}
	
	/* notice */
	.click_write_wrap:after {width : 100%;}
}


@media screen and (max-width: 1320px) {
	
	#header .inner h1 {width: 180px;}
	#gnb > li > a{font-size:18px;}
	#gnb > li > .subDepth > li, #gnb > li > .subDepth > li > a {width: 190px;}
	#footer { padding: 45px 0; }
	
	#footer .title { font-size: 22px; }
	#footer .border { margin: 15px 0; }
	#footer address, #footer .copyright { font-size: 12px; font-weight: 100; line-height: 20px; }
	#footer address, #footer address a{font-size:13px;}
	#footer .center { width: 34%; }
	#footer .tel { font-size: 12px; }
	#footer .tel span { font-size: 24px; }
	#footer .contact { width: 130px; height: 50px; line-height: 50px; font-size: 14px; }
	#footer .right { width: 280px; }
	#footer select { font-size: 14px; }
	
	#footer .top .select_wrap {margin-left: auto;}
	
}	



@media screen and (max-width: 1280px) {
	#wrap{ min-width: auto;}
    #header{ background-color: #fff;}
    #header .bt-mn{ display: block;}
    #header .inner{ height: 85px;}
    #header .inner h1.logo{ left: 4.5vw; }
    #header .inner h1.logo a{ background-size: 100% auto; background-image: url(/images/home/kor/user/logo.png);}
    #header .bt-sch{ display: block;}
    #header .hd-schbx{top:80px;}
	#gnb > li > .subDepth > li, #gnb > li > .subDepth > li > a {width: 180px;}
	#header .subBg,
	#gnb > li > .subDepth {top : 6rem;}
	
	.fixed .locationBar {top : 85px;}
	.locationBar.three_depth .location{ width:240px;}
	
    .mediahigh .photo_listW > ul, .pdf2 .photo_listW > ul { width: 100%; gap: 20px 20px; }
    .mediahigh .photo_listW > ul > li, .pdf2 .photo_listW > ul > li { width: calc(50% - 20px); }

    /*조직도*/
    .organization .left:before, .organization .left:after { width: 107%;}
	
	/*pdf*/
	.pdf2 .photo_listW > ul > li .a_wrap {flex-direction : row; width: auto;}
    .pdf2 .photo_listW > ul > li .a_wrap a {width: 140px;}
	
	/* 연혁 */
	.history_wrap .tit:before {top: -30px;}
}

@media screen and (max-width: 1200px) {
    #header #gnb-wrap{ display: none;}
	#footer .right {margin-right : auto;}
    .photo_listW > ul > li .tit {height: 40px;}

    /* 통합검색 */
    .result-tit .label { font-size: 12px; }
    .result-tit { align-items: flex-start; flex-direction: column; margin-top : 0;}
    .result-tit a { width: 100%; }
    .result-date { position: relative; font-size: 12px; top: 0;}
	
	
	/* 보고서-상세 */
	.board-view__img {margin-bottom : 42px; margin-right : 0px;}
	
	/* 조직도 */
	table.data tbody th {white-space: break-spaces;  word-break: break-word;}
	
	/*비전*/
	.vision .con1 {height : auto; padding : 42px 100px;}
	
	/* 조직도 */
	.organization .click_wrap .m1 {top: 25rem; left: 54.5rem;}
	.organization .click_wrap .m2 {top: 34.2rem; left: 0.5rem;}
	.organization .click_wrap .m3 {top: 34.2rem; left: 15rem;}
	.organization .click_wrap .m4 {top: 34.2rem; left: 29.5rem;}
	.organization .click_wrap .m5 {top: 34.2rem; left: 47.25rem;}
	.organization .click_wrap .m6 {top: 34.2rem; left: 61.5rem;}
}


@media screen and (max-width: 1100px) {
	#gnb > li > a{font-size:18px;}
	.footer_top ul{margin-left:20px;}
	.footer_top ul li a{font-size:13px;}

    /*조직도*/
    .organization .opa0{display:none;}
	.organization .group > .flex_box {flex-direction: column; gap:6.25rem;}
	.organization .left:before, .organization .left:after {display:none;}
}

@media screen and (max-width: 1024px) {
	#footer .tel { line-height: 30px; }
	#footer .right { /*width: 100%;*/ margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }

	.locationBar{ width:100%; }
	.locationBar .location{width:50%;}
	
	/*pdf*/
	.info_top {padding : 2.4rem 2.1875rem;}


	h3.h3-tit{ margin-top:0px; font-size : 32px;}

	p.eng-tit { margin-bottom: 100px; } 
	.backslash{background:none;padding: 20px 10px!important;}

	.bbs_search { padding: 0; }
	.bbs_search_in{float:none;width: fit-content; margin: 0 auto;}

	/* .locationBar.three_depth .location{width:200px;}
    .locationBar.three_depth .location.depth3 { width: 270px; } */

    .greeting .img_box { display: none; }
    .greeting .txt_box { width: 100%; }

    /* CI소개 */
    .identity .sec { flex-wrap: wrap; gap: 20px;}
    .identity .txtBox { width: 100%; }
	
	/*pdf*/
    .pdf2 .photo_listW > ul > li .a_wrap {flex-direction: column;  width: calc(100% - 140px - 4.7rem); }
   .pdf2 .photo_listW > ul > li .a_wrap a {width: 100%; }
	
	/* 조직도 */
	.organization .people {height : 400px;}
	.organization .click_wrap .m1 {top: 19rem; left: 47rem;}
	.organization .click_wrap .m2,
	.organization .click_wrap .m3,
	.organization .click_wrap .m4,
	.organization .click_wrap .m5,
	.organization .click_wrap .m6 {top : 27rem;}
	.organization .click_wrap .m3 {left : 13rem;}
	.organization .click_wrap .m4 {left: 25.5rem;}
	.organization .click_wrap .m5 {left: 40.5rem;}
	.organization .click_wrap .m6 {left : 53rem;}
}

@media screen and (min-width:1024px){
	.panel{width:30%; right:-30%;}
	
	
	/* 보고서 상세 */
	.info-wrap > ul > li { margin-bottom: 6px;}
	.btnStrong span {height: 40px; line-height: 40px;}
	


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

	table.board-list td {padding:12px 0;}

    .photo_listW > ul > li {width:32%;}
	.photo_listW > ul > li > div {margin-left: 10px;margin-top: 10px;}

    .ev_tb thead tr th {font-size:13px !important; padding: 5px 0px;}
    .ev_tb tbody tr td {font-size:12px !important; line-height:17px !important; height:90px;}
    .ev_tb tbody tr td .eve_txt a {font-size:13px;}

	#searchstr {width: 100% !important;}
	table.board-list td {padding:12px 0;}
	
	/* 통합검색 */
	.depth3_wrap li a {font-size : 1.25rem; }

    /* 비전 및 미션 */
    .vision .con2 .con_box, .vision .con3 .con_box, .vision .con4 .con_box { flex-wrap: wrap; gap: 30px; }
    .vision .con .con_box .right {width: 100%;}
    .vision .con .con_box .left { max-width: 100%; }
    .vision .con4 .con_box .left .txt { margin-top: 10px; }
    .vision .con4 .con_box .left .txt br { display: none; }
	.highlight_sky:after,.con2 .highlight_sky:after {width: 100%;}
	.vision .con4 .con_box .right ul {    justify-content: center;}
	
	/*프로필*/
	#profile li {font-size : 1.2rem;}
	
	/* 연혁 */
	.history_wrap .tit {font-size :2.8rem; }
	.history_wrap ul.right li ul > li span {font-size : 1.2rem;}
	.history_wrap ul.right li ul > li {    align-items: flex-start;}
	
	/*로케이션바*/
	.locationBar .location .bt {font-size : 16px;}
	
	.click_write_wrap > p + p:after {top : 5px;}
	
	/* 조직도 */
	.organization .click_wrap .m1 {left : 44.3rem;}
	.organization .click_wrap .m2 {left : 0.5rem;}
	.organization .click_wrap .m3 {left : 12.3rem;}
	.organization .click_wrap .m4 {left : 23.8rem;}
	.organization .click_wrap .m5 {left : 38.5rem;}
	.organization .click_wrap .m6 {left : 50rem;}
	.organization .click_wrap .m2,
	.organization .click_wrap .m3,
	.organization .click_wrap .m4,
	.organization .click_wrap .m5,
	.organization .click_wrap .m6{top : 26rem;}
	
}




@media screen and (max-width: 900px){
	.footer_top{height:auto;}
	.footer_top ul li {width: 28%;}	
	.footer_top ul li + li,.footer_top ul li:nth-child(1){margin: 0;}
	#footer .left .top .select_wrap {margin-left : auto;}
	.depth3_wrap li a > span.br {display : block;}
	.depth3_wrap li a {display : block; text-align: center;}
	
	/* 조직도 */
	.organization .people {background: url('/images/home/eng/user/people_img_mb.png') no-repeat; width: 100%; max-width: 100%; min-height: 510px; background-position: center; background-size: 100%;  width: 510px;
        margin: 0 auto;}
	.organization .click_wrap .m1 {top: 24rem; width: 28%; left: 29.5rem;}
	.organization .click_wrap .m2,
	.organization .click_wrap .m3,
	.organization .click_wrap .m4 {top : 31.5rem; width: 8%; height : 20%;}
	.organization .click_wrap .m2 {left : 11rem;}
	.organization .click_wrap .m3 {left : 16rem;}
	.organization .click_wrap .m4 {left : 21rem;}
	
    .organization .click_wrap .m5,
	.organization .click_wrap .m6 {top : 31.5rem; width : 11%; height : 20%;}
	.organization .click_wrap .m5 {left : 30.2rem;}
	.organization .click_wrap .m6 {left : 38.8rem;}
}

@media screen and (min-width:641px) and (max-width:1023px){ 
   
	.panel_top{height:80px;}
	.panel_top ul{line-height:80px;}
	.panel_top ul > li:first-child:after{top:34px;}

	.fixed .sub-tab{top:80px;}

}


@media screen and (max-width: 800px) {
	#header .hd-schbx .schInbx{max-width:90%;}
	#header .hd-schbx .inp-bx{padding-right:0;margin-right:0;max-width: 100%;}
	#header .hd-schbx .tit{display:none;font-size:20px;}
	#footer { padding: 25px 0; }
	#footer .title { font-size: 20px; }
	#footer .border { width: 50px; height: 2px; margin: 10px 0; }
	#footer address, #footer .copyright { line-height: 18px; }
	#footer .tel { line-height: 22px;  }
	#footer .tel span { font-size: 20px; }
	#footer .contact { width: 200px; height: 30px; line-height: 30px; margin-top: 10px; font-size: 12px; font-weight: 100; }
	#footer .left .top .select_wrap {width : 100%;}
	/* #footer .right img { width: 240px; } */
	#footer select { width: 45%; height: 35px; line-height: 35px; font-weight: 700; margin-top: 12px;  padding-left: 10px; }

	p.eng-tit { margin-bottom: 60px; } 
    .newsletter_app .textBox { width: 100%; right: 0; padding: 40px; color: #000; }
    .newsletter_app .app_wrap::after { width: 100%; opacity: 0.2; left: 0; }
    .newsletter_app .txt { font-size: 14px; }
    .newsletter_app .txt-sub {  padding-left: 50px; }
    .newsletter_app .txt-sub::after { background-size: 70%; background-position: 0 50%; }
    .newsletter_app .scrollbox, .check_boxW label { font-size: 13px; }
    .newsletter_app .textBox .app_tit, 
    .newsletter_app .email_box h2 { font-size: 23px; }
    .newsletter_app .email_box input[type=email] { width: 100%; height: 45px; line-height: 45px; padding-left: 15px; }
    .newsletter_app .email_box button { max-width: 70px; margin-left: 0px; height: 45px; line-height: 45px; font-size: 14px; }
	
	/* 찾아오시는길 */
	.location .top .left > p {font-size: 20px;}
}



@media screen and (min-width:641px) and (max-width:1200px){ 
    .gallery-list{ margin-left: -2%;}
    .gallery-list .itm{ width: 31.3%; margin-left: 2%;}
    .gallery-list .itm .thumb img{ height: 20vw;}
    .gallery-list .itm .desc{ padding: 10px 10px 0 10px;}

    .newsletter .photo_listW > ul {  gap: 20px; }
    .newsletter .photo_listW > ul > li { width: calc(50% - 20px); }
	
}

@media screen and (min-width:641px) and (max-width:1023px){ 
    
    .con-tab{ margin-bottom: 3rem;}
    .con-tab.nn2 .inBx .itm{ width: 50%; }
    
    .contents{ padding: 3rem 4.5vw 5rem;}
    
    table.data .gloAbo02w01{ width: 14%;}
    table.data .gloAbo02w02{ width: 16%;}
    table.data .gloAbo02w03{ width: 14%;}
    table.data .gloAbo02w04{ width: 28%;}
    
    table.list .noti-c01{ width: 80px;}
    table.list .noti-c03{ width: 120px;}
    table.list .noti-c04{ width: 100px;}
    table.list .noti-c05{ width: 100px;}

    .tbl-scroll{ width: 100%; overflow-x: auto;}   
    
    .tbl-sch{ padding: 1rem;}
    .tbl-sch::after{ content: ''; display: block; clear: both;}
    .tbl-sch .select{ float: left;}
    .tbl-sch .inp-bx{ position: relative; padding-right: 45px; width: calc(100% - 210px); margin-left: 10px;}
    .tbl-sch .inp-bx .sch{ position: absolute; top: 0; right: 0; width: 45px;}
    
    .tbl-tsch{ padding: 1rem; display: block; margin-bottom: 3rem;}
    .tbl-tsch .itm{ flex: none; width: 100%;}
    .tbl-tsch .itm::after{ content:''; display: block ;clear: both;}
    .tbl-tsch .itm .select{ width: 49%;}
    .tbl-tsch .tbl-sch{ margin-top: 1rem; width: 100%;}
    .tbl-tsch .tbl-sch{ width: 100%; }
    .tbl-tsch .tbl-sch .seelct{ width: 200px; float: left;}
    .tbl-tsch .tbl-sch .inp-bx{ width: calc(100% - 210px); float: left;}
    .tbl-tsch .inp{ width: 100%; min-width: auto;}

}



	
	

/* 768px 이하 */
@media screen and (max-width:767px) {


	#footer .left .top .select_wrap {width : 100%;}

    table.list thead th { display: none; }

	.sub-tab .inBx .swiper-wrapper{ display: flex; justify-content: center;}
    .sub-tab .inBx .itm{ width: auto !important;}
    .sub-tab .inBx .itm a{ padding: 0 1.5rem; white-space: nowrap;}
    .sub-tab .inBx .itm a::after{ height: 2px;}
	
	.locationBar{ top: 0; height:55px; }
    .fixed .locationBar .inner { border-radius: 0; }
    .locationBar .loc-h { display: none; height: 55px; }
    .locationBar .location .bt { padding: 0 25px 0 10px; font-size: 14px; }
    .locationBar .location .bt::before { right: 10px; }
    .locationBar .location .bt::after { right: 15px; }
	.locationBar .location.depth3 ul { top: 53px;}
	.locationBar .location ul {top: 55px;}

	
    .locationBar .location ul li a { padding: 5px 10px; }
	/* .locationBar .location .bt{padding: 0 20px;line-height:55px;font-size:15px;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
	.locationBar .loc-h a{width: 55px;height: 55px;}
	.locationBar .location .bt::after{top:37%;margin-top:0;height:16px;background-size:contain;}
	.locationBar .location ul{top:43px;} */


   
    .con-tab .inBx{ display: block;}
    .con-tab .inBx .itm{ display: block; float: left; margin-bottom: 0;}
    .con-tab .itm + .itm{ margin-left: 0; border-left: #c5c5c5 1px solid;}
    .con-tab .inBx::after{ content: ''; display: block; clear: both;}
    
    .tbl-sch{ padding: 1rem;}
    .tbl-sch::after{ content: ''; display: block; clear: both;}
    .tbl-sch .select{ float: left;}
    .tbl-sch .inp-bx{ position: relative; padding-right: 45px; width: calc(100% - 210px); margin-left: 10px;}
    .tbl-sch .inp-bx .sch{ position: absolute; top: 0; right: 0; width: 45px;}
    
    .tbl-tsch{ padding: 1rem; display: block; margin-bottom: 3rem;}
    .tbl-tsch .itm{ flex: none; width: 100%;}
    .tbl-tsch .itm::after{ content:''; display: block ;clear: both;}
    .tbl-tsch .itm .select{ width: 49%;}
    .tbl-tsch .tbl-sch{ margin-top: 1rem; width: 100%;}
    .tbl-tsch .tbl-sch{ width: 100%; }
    .tbl-tsch .tbl-sch .seelct{ width: 200px; float: left;}
    .tbl-tsch .tbl-sch .inp-bx{ width: calc(100% - 210px); float: left;}
    .tbl-tsch .inp{ width: 100%; min-width: auto;}
    
    .tbl-edu01 table.list colgroup,
    .tbl-edu01 table.list thead{ display: none;}
    .tbl-edu01 table.list tbody tr{ display: block; border-bottom: #ccc 1px solid; padding: .5rem;}
    .tbl-edu01 table.list tbody tr::after{ content: ''; display: block; clear: both;}
    .tbl-edu01 table.list tbody td{ display: inline-block; border:none; padding: .5rem 0; text-align: left; width: 33%; float: left;}
    .tbl-edu01 table.list tbody td.edu01-1{ display: none;}
    .tbl-edu01 table.list tbody td.edu01-2{ display: block; color: #333; width: 100%;}
    .tbl-edu01 table.list tbody td.edu01-9{ width: 100%; text-align: center;}
    .tbl-edu01 table.list tbody td.edu01-9 .btn{ width: 40%; display: inline-block; margin: 0 !important;}
    .tbl-edu01 table.list .edu01v-1{ display: none;}
    .tbl-edu01 table.list .edu01v-2{ width: 100%;}
	.photo_listW > ul > li {width:33.33%;}
    .news-list .itm .desc{ padding-left: 20px;}
	 
    .join_type > dl {width: 50%;}
    .join_type > dl.ico03 {border-left:1px solid #ccc; }
    .join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd br {display: none;}
    
    .join_type.two > dl > dd.bt {padding-bottom: 0px;}
    .join_type.two > dl > dd.bt a {display: block;}
  
    .join_step > ol > li {text-align: center; padding: 5px 10px;}
    .join_step > ol > li.on {background: none;}
    
    .member_ok {font-size:22px;}
	

  
    .list_photo li > a {padding-left:190px; min-height:170px;}
    .list_photo li .pic {width:170px; height: 170px;}
    .list_photo li .txt_t {margin-bottom: 20px;}

    .bbs_search_in.two_col .two_cell {float: none; clear: both; width:100% !important; padding-right: 0px !important}
    .bbs_search_in.two_col .cell01 {margin-bottom: 5px;}
    .bbs_search .two_col .btn_search {height:84px;}
	.bbs_search_in.two_col .col-sm-2 .select_ds{ width: 100% !important; padding:0;}
	.bbs_search_in.two_col .col-sm-2 .select_ds.searchinput {width:100%;}
    
    .ev_tb tbody tr td {height:75px;}

	#searchstr {width: 100% !important; margin-bottom: .5rem;}

	
	.gnb .main_nav{background-position:center right 20px;}
	.gnb .main_nav{padding-left:20px; height:50px;line-height:50px;font-size:1.7rem;}
	.gnb .sub_nav{padding:20px 0 20px 20px;}
	.gnb .sub_nav a{font-size: 1.2rem;}

	.panel .bt-close{right:24px;}
	.panel_top ul{margin-left:20px;}

	.photo_listW > ul > li  {width:calc(50% - 10px); }
    .photo_listW li .txt {font-size:13px;}




	table.list thead th{font-size:1.3rem!important;}
	table.list tbody td {padding: 1.2rem 1rem;}

	.table_scroll{overflow-x:auto;}
	.table_scroll > table.list{min-width:74rem;}
	.m_th {width: 85px!important;}

	.bbs_search .inp-bx{width:100%;height:45px;}

    div.paging2 .direction { width: 30px; }
    div.paging2 a, div.paging2 strong { width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
    div.paging2 .direction.first:before, div.paging2 .direction.prev:after {left: 60%;} 
    div.paging2 .direction.next:after, div.paging2 .direction.last:before { left: 40%; }

    .mediahigh .photo_listW > ul > li, .pdf2 .photo_listW > ul > li { width: 100%; }

    .newsletter .photo_listW > ul > li { width: 100%; }

    .voice .top { justify-content: center !important; gap: 10px; }
    .voice .top img { width: 45px; }
    .voice .top .ul_disc li br { display: none; }
    .writing_area input[type=text], input[type=password] { width: 100% !important; }
    #smart_editor2 { min-width: min-content !important; min-width: auto !important; }

    /* 연혁 */
    .history_wrap .con { flex-wrap: wrap; gap: 30px; padding: 30px 0 30px; }
    .history_wrap > .con:first-child { padding-top: 0; }
    .history_wrap .left { padding-right: 0; width: 100%;}
    .history_wrap ul.right {width: 100%;}
    .history_wrap ul.right li ul > li { margin-left: 0; }
    .history_wrap ul.right > li { flex-wrap: wrap; flex-direction: column; gap: 30px;}
	.history_wrap .tit { font-size: 2.24rem; }
	.history_wrap .tit:before {top: -26px;}

    /* 비전 및 미션 */
    .vision .con1 { width: 100%; height: 100%;padding: 40px; background-size: cover;}
    .vision .con1 .txt_box {flex-wrap: wrap;}
    .vision .con1 .txt_box .right, .vision .con1 .txt_box .left {width: 100%;}
    .vision .con4 .con_box .right ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; justify-content: center; }
	.vision .con4 .con_box .right ul li {width: 11.25rem; height: 11.25rem; gap: 10px;}
    .vision .con4 .con_box .right ul li img { height: 35px; }
    .vision .con4 .con_box .right ul li span {}
	.vision .con1 .txt_box span {font-size : 1.25rem;}
	.vision .con4 .con_box .left .txt {font-size : 1.25rem;}

    /* 문의사항/연구과제제안 */
    .voice_eait .td_flex  { justify-content: center; }
    .login_pop .wrap {padding: 50px 30px;}
    .writing_area select { width: 100%; }
    .writing_area .attach_vbox span, .writing_area span.fs14.mt5.blue{ white-space: normal !important; }
	
	/* 보고서-상세 */
	ul.tab-nav > li {max-width : 180px;}
	ul.tab-nav > li > a {font-size : 16px; padding: 12px;}
	.board-view__btn {margin-top : 30px;}
	
	/* 공지사항 */
    table.list tbody td {padding: 1.2rem 1rem; }
	
	/*pdf*/
	.pdf2 .photo_listW > ul > li .a_wrap a {width: 130px;}
	
	/* 통합검색 */
	.depth3_wrap li a {font-size: 1.16rem; white-space: break-spaces; padding: 10px 6px; word-break: break-all;  text-align: center; }
	
	/* 조직도 */
	.organization .click_wrap .m1 {left : 26.5rem;}
	.organization .click_wrap .m2, .organization .click_wrap .m3, .organization .click_wrap .m4 {width : 10%;}
	.organization .click_wrap .m2 {left: 7rem;}
	.organization .click_wrap .m3 {left: 12rem;}
	.organization .click_wrap .m4 {left: 17rem;}
	.organization .click_wrap .m5, .organization .click_wrap .m6 {width : 12%;}
	.organization .click_wrap .m5 {left: 26.2rem;}
	.organization .click_wrap .m6 {left: 34.8rem;}

}

@media screen and (max-width:640px){
	
	#wrap{ min-width: auto;}
    #header{ height: 60px; background-color: #fff;}
    #header .bt-mn{ display: block;}
	#header .bt-sch { right: 56px;}
    #header .inner{ height: 60px;}
    #header .inner h1.logo{ width: 120px; left: 4.5vw; margin-top: -15px;}
    #header .inner h1.logo a{ height: 31px; background-size: 100% auto !important; background-image: url(/images/home/kor/user/logo.png);}
    #header #gnb-wrap{ display: none;}
    #header .bt-sch{ display: block;}
    #header .header-top{ display:none; }
    #header .header-top .hd-sch{ width: 100%;}
    #header .header-top .hd-sch .ky{ height: 40px; line-height: 40px;}
    #header .header-top .hd-sch .sch{ width: 40px; height: 40px; background-image: url(/images/home/kor/user/ic_sch2.png);}
    #header .lang{ display: none;}
	#header .bt-mn {width: 22px;height: 20px;}
	#header .hd-schbx{top:50px;padding: 30px 0;}
	#header .inner h1 {width: 140px;}
    #header .a_list .inp-bx { max-width: 160px; }
    #header .a_list .inp-bx .sch { top: calc(50% - 8.5px); right: 15px; width: 15px; height: 15px; }
	#header .hd-schbx .inp-bx .sch{width:50px; height:50px;top:auto;bottom:0;}
	#header .bt-sch,#header .hd-schbx .inp-bx .sch { background-size: 24px;}
	#header .bt-sch{margin: 0 20px;}
	#header .a_list{right:20px;}
	#header .hd-schbx .inp-bx .inp{height:50px;line-height:50px;}

	.sub-vis .sub_location {display : none;}
	.sub01.sub-vis, .sub02.sub-vis, .sub03.sub-vis, .sub04.sub-vis, .sub05.sub-vis, .sub06.sub-vis, .sub07.sub-vis {background-image: url(/images/home/kor/user/sub_vis1_mb.png);    }


	.panel_top{height:70px;}	
	.panel_top ul{line-height:50px;}
	.panel_top ul > li{padding-left:0;background:none;}
	.panel_top ul > li:first-child{background:none;}
	.panel_top ul > li:first-child:after{top:20px;}
	
	.fixed .locationBar{top:59px;}


	.dot_tit{font-size:1.8rem!important;}

	.footer_top ul li { width: 33%;text-align:center;}
	.footer_top ul{margin-left:0!important;}
	.footer_top ul li + li:after{left:0;top:22px;height:14px;}
	.footer_top ul li a{font-size:12px;}

	.sub-vis { margin-top: 50px; height: 19vh;}

    html{ font-size: 12px;}
    
/*     body{ font-size: 1.3rem;} */
    
    input[type=text], 
    input[type=password]{ height: 34px; line-height: 33px; padding: 0 10px; font-size: 1.3rem;}
    
    select{ font-size: 1rem !important; height: 34px; line-height: 33px; }
    
    .textarea{ font-size: 1.4rem;}
    
    .btn-box{ margin: 3rem 0 0; }
    .btn{ min-width: 10rem; height: 4rem; line-height: 4rem; padding: 0 2rem; font-size: 1.3rem;}
    
    .m-mt30{ margin-top:30px !important;}
	
	.font22{ font-size:1.5rem;}

    .contents{ min-height: 400px;}
    .sub-vis{ padding-top: 5rem; height: 21rem;background-position:  0% 50%;}
    .sub-vis .vis-tit .tit{ font-size: 2.7rem; margin: 0.5em 0 0 0;}
	.sub-vis .vis-tit > p{font-size:1.4rem; margin-top: 1em;}
    .sub-vis .vis-tit .prev,
    .sub-vis .vis-tit .next{ width: 2.5rem; height: 2.5rem;}
    .sub-vis .vis-tit .prev::after,
    .sub-vis .vis-tit .next::after{ width: .8rem; height: .8rem; border-width: 2px; margin: -.4rem 0 0 -.4rem;}
    .sub-vis .vis-mn .itm{ padding: 0 .5rem;}
    .sub-vis .vis-mn .itm a{ font-size: 1.3rem;}
    
    .sub-tab .inBx{ width: 100%;}
    .sub-tab .inBx .swiper-wrapper{ display: flex;}
    .sub-tab .inBx .itm{ width: auto !important;}
    .sub-tab .inBx .itm + .itm{ margin-left: 0;}
    .sub-tab .inBx .itm a{ height: 4rem; line-height: 4rem; font-size: 1.3rem; padding: 0 1.5rem; white-space: nowrap;}
    .sub-tab .inBx .itm a::after{ height: 2px;}
	
	 .sns_box img {width: 20px;  max-width: 100%; height: 20px; }
	.sns_box > a:hover {background: #000;}
	.sns_box > a:hover img {filter: brightness(100);}
	.sns_box {position: relative; margin-bottom: 1.5rem;}
	.sns_pop {
		position: absolute;
		top: -60px;
		border: 1px solid #ededed;
		border-radius: 10px;
		left: -30%;
		background: #fff;
		box-shadow: 3px 4px 6px rgba(0, 0, 0, .05);
		padding: 4px 10px;
	}
	
	.sns_box .sns_pop {background: #fff; height: 54px;}
	.sns_box .sns_pop > div {height: 100%;}
	.sns_box .sns_pop > div > a > img {width : 28px; height: 28px; margin: 0 !important;}
	.report .item_box .txt_box .btn_box {position: relative !important;}


	h3.h3-tit{ font-size: 2.8rem; margin-top: 20px; margin-bottom: 30px;}
    h4.h4-tit{ font-size: 1.8rem;}
    h5.h5-tit{ font-size: 1.6rem;}
    h4.h4-tit.blt::before{ top: .3rem;}
    h4.h4-tit.blt2{ font-size: 1.8rem; padding-left: 3rem;}
    h4.h4-tit.blt2::before{ width: 2rem; height: 2rem; border-radius: 50%; top: 50%; margin-top: -1rem;}
	h4.h4-tit.blt3{ font-size: 1.8rem; padding-left: 1rem;}
	.dot_tit{font-size:1.8rem!important;}
	h4.h4-eng{font-size:1.7rem;}
	h4.h4-ko{font-size:1.8rem;}

/*
    h3.h3-tit{ font-size: 2.2rem; margin: 5rem 0 5rem;}
    h4.h4-tit{ font-size: 1.8rem; margin: 3rem 0 1rem;}
    h5.h5-tit{ font-size: 1.6rem; margin: 2rem 0 1rem;}
    h4.h4-tit.blt::before{ top: .3rem;}
    h4.h4-tit.blt2{ font-size: 1.8rem; padding-left: 3rem;}
    h4.h4-tit.blt2::before{ width: 2rem; height: 2rem; border-radius: 50%; top: 50%; margin-top: -1rem;}
	h4.h4-tit.blt3{ font-size: 1.8rem; padding-left: 1rem;}
	h4.h4-eng{font-size:1.7rem;}
	h4.h4-ko{font-size:1.8rem;}
*/
    .sub-tx{ margin: 0 0 2rem; font-size: 1.5rem;}
    
    .contents{ padding: 1rem 0 5rem;}
    
    table.data thead th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data tbody th{ padding: 1rem .4rem; font-size: 1.3rem;  width: 20%; word-break: normal !important; white-space: normal !important;}
    table.data tbody td{ padding: 1rem; font-size: 1.3rem;}
    
    table.data2 thead th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data2 tbody th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data2 tbody td{ padding: 1rem; font-size: 1.3rem;}

	.view_tit{font-size: 1.4rem;}
    
    div.paging{ margin-top: 3rem;}
    div.paging a, div.paging strong{ margin:0; width: 3rem; height: 3rem; line-height: 3rem;}
    div.paging .direction{ width: 3rem; height: 3rem;}
    div.paging .direction.prev{ margin-right: 1rem;}
    div.paging .direction.next{ margin-left: 1rem;}
    
    .tbl-sch{ padding: 1rem; margin-bottom: 3rem;}
    .tbl-sch::after{ content: ''; display: block ;clear: both;}
    .tbl-sch .select{ width: 100%; height: 34px; line-height: 34px; min-width: auto;}
    .tbl-sch .inp-bx{ width: 100%; margin-top: .5rem; margin-left: 0;}
    .tbl-sch .inp{ width: 100%; min-width: auto; height: 34px; line-height: 34px;}
    .tbl-sch .sch{ clear: both; height: 34px; }
    
    table.list.tbl-noti colgroup{ display: none;}
    table.list.tbl-noti thead{ display:none;}
    table.list.tbl-noti tbody{ display: block;}
    table.list.tbl-noti tbody tr{ display: block; border-bottom: #ccc 1px solid; width: 100%; padding: .5rem 1rem; }
    table.list.tbl-noti tbody tr:nth-child(even){ background-color: #f7f7f7;}
    table.list.tbl-noti tbody td{ border-bottom: none; border-left: none; display: inline-block; padding: .5rem 0; text-align: left;}
    table.list.tbl-noti .num{ display: none;}
    table.list.tbl-noti .subject{ display: block; width: 100%;}
    table.list.tbl-noti .name{ width: 30%;}
    table.list.tbl-noti .date{ width: 30%;}
    table.list.tbl-noti .click{ width: 30%;}  
    
    table.write tbody th,
    table.write tbody td{ padding: 1rem;}
    table.write .edu01-1{ width: 20%;}
    table.write .edu01-3{ width: 20%;}
    
    .tbl-edu01 table.list colgroup,
    .tbl-edu01 table.list thead{ display: none;}
    .tbl-edu01 table.list tbody tr{ display: block; border-bottom: #ccc 1px solid; padding: .5rem;}
    .tbl-edu01 table.list tbody tr::after{ content: ''; display: block; clear: both;}
    .tbl-edu01 table.list tbody td{ display: inline-block; border:none; padding: .5rem 0; text-align: left; width: 50%; float: left;}
    .tbl-edu01 table.list tbody td.edu01-1{ display: none;}
    .tbl-edu01 table.list tbody td.edu01-2{ display: block; color: #333; width: 100%;}
    .tbl-edu01 table.list tbody td.edu01-9{ width: 100%; text-align: center;}
    .tbl-edu01 table.list tbody td.edu01-9 .btn{ width: 40%; display: inline-block; margin: 0 !important;}
    .tbl-edu01 table.list .edu01v-1{ display: none;}
    .tbl-edu01 table.list .edu01v-2{ width: 100%;}

    .tbl-scroll{ width: 100%; overflow-x: auto;}
    
    .tbl-view .hd{ padding: 1rem 0;}
    .tbl-view .hd .tit{ font-size: 1.6rem;}
    .tbl-view .hd .date{ margin-top: 1rem;}
    .tbl-view .hd .date span + span{ padding-left: 1rem; margin-left: 1rem;}
    .tbl-view .bd{ padding: 2rem 0;}    
    .tbl-view .hd .btShare{ width: 2rem; height: 2rem; margin-top: -1rem; background-size: 1.6rem; right: 1rem;}
    .tbl-view .hd .date{ position: relative; top: auto; right: auto; border: none; margin-top: 1rem;}
    .tbl-view table.view colgroup{ display: none;}
    .tbl-view table.view tr{ display: block;}
    .tbl-view table.view tr::after{ content: ''; display: block; clear: both;}
    .tbl-view table.view tr th{ display: none;}
    .tbl-view table.view tr td{ float: left; display: block; width: 100%; padding: 1rem;}
	
	.photo_listW > ul > li{width:100%;}
    .photo_listW > ul > li .sortation .sortation_l,
    .photo_listW > ul > li .sortation .name { font-size: 12px; }
    .photo_listW > ul > li .tit { font-size: 15px; }


    .con-tab{ margin-bottom: 3rem;}
    .con-tab .inBx{ display: block;}
    .con-tab .inBx .itm{ display: block; float: left; margin-bottom: 0;}
    .con-tab .itm + .itm{ margin-left: 0; border-left: #c5c5c5 1px solid;}
    /*.con-tab .itm{ width: 49% !important;}*/
    .con-tab .itm > a{ height: 34px; line-height: 34px; font-size: 1.3rem;}
    
    ul.ul-list01 > li + li{ margin-top: 1rem;}
    ul.ul-list01 > li p{ padding-left: 1rem;}
    
    .faq-wr dt{ padding: 1rem 4rem 1rem 3rem; font-size: 1.3rem;}
    .faq-wr dt i{ position: absolute; top: 1rem; left: 1rem;}
    .faq-wr dt::after{ width: 1rem; height: 1rem; margin-top: -.5rem; right: 1rem;}
    .faq-wr dt.active::after{ margin-top: -.2rem;}
    .faq-wr dd{ padding: 1rem 4rem 1rem 3rem;}
    .faq-wr dd i{ position: absolute; left: 1rem;}
    
    .tit-area { margin: 3rem 0 2rem;}
    
    .scroll-bx{height: 14rem;}
    
    .no-txt{ padding: 5rem 0; font-size: 1.3rem;}
    .no-txt b{ font-size: 2rem; margin-bottom: 1rem;}
    .no-txt i{ width: 10rem; margin: 0 auto 3rem;}
    
    .tbl-tsch{ padding: 1rem; display: block; margin-bottom: 3rem;}
    .tbl-tsch .itm{ flex: none; width: 100%;}
    .tbl-tsch .itm::after{ content:''; display: block ;clear: both;}
    .tbl-tsch .itm .select{ width: 49%; height: 34px; line-height: 34px;}
    .tbl-tsch .tbl-sch{ margin-top: 1rem;}
    .tbl-tsch .tbl-sch .select{ width: 100%; height: 34px; line-height: 34px;}
    .tbl-tsch .tbl-sch .inp-bx{ width: 100%; margin-top: 1rem;}
    .tbl-tsch .inp{ width: 100%; min-width: auto; height: 34px; line-height: 34px;}    
    
    .faq-wr dt{ padding: 1rem 4rem 1rem 3rem; font-size: 1.3rem;}
    .faq-wr dt i{ position: absolute; top: 1rem; left: 1rem;}
    .faq-wr dt::after{ width: 1rem; height: 1rem; margin-top: -.5rem; right: 1rem;}
    .faq-wr dt.active::after{ margin-top: -.2rem;}
    .faq-wr dd{ padding: 1rem 4rem 1rem 3rem;}
    .faq-wr dd i{ position: absolute; left: 1rem;}
    
   
    .photo_listW > ul {padding-top: 16px;}
	.photo_listW > ul > li .photo img {border-radius: 10px;}
	.media .photo_listW > ul > li .txt button {padding : 10px 0;}
	
    .gallery-list{ margin-left: 0;}
    .gallery-list .itm{ width: 100%; margin-left: 0;}
    .gallery-list .itm .desc{ padding: 1rem; height: auto;}
    .gallery-list .itm .desc .hd{ font-size: 1.8rem;}
    .gallery-list .itm .desc .bd{ margin-top: 1rem; height: 3.5rem;}
    .gallery-list .itm .desc .date{ margin-top: 1rem;}
    
    .eduVew-hd{ display: block; padding: 1rem;}
    .eduVew-hd .hd{ display: block; width: 100%; font-size: 1.6rem; padding-left: 3rem; background-size: 1.6rem; background-position: 0 1rem;}
    .eduVew-hd .bd{ display: block; width: 100%; margin-top: 1rem; font-size: 1.3rem; text-align: left; padding-left: 3rem;}
    
    .prof-list{ margin-top: -3rem;}
    .prof-list .itm{ width: 100%; display: block; margin: 3rem 0 0 0;}
    .prof-list .itm .thumb{ display: block; margin: 0 auto;}
    .prof-list .itm .thumb .btn{ margin-top: .4rem;}
    .prof-list .itm .desc{ padding: 1rem 0 0;}
    .prof-list .itm .desc .tx01{ font-size: 1.5rem;}
    .prof-list .itm .desc .tx01 b{ font-size: 1.8rem;}
    .prof-list .itm .desc ul{ margin-top: 1rem;}
    .prof-list .itm .desc ul li + li{  margin-top: .6rem;}

	.btnStrong span{font-size:1.25rem;}
	.btn-tc > a{margin: 0 5px;}
	.btnStrong { min-width: 120px;}
	
	colgroup,
	.tblH.type1 label .web{display:none;}
	colgroup,col.display{display: none;}

	.vision-wr .tx01 b {font-size: 2rem!important;}

	.faq-wr dt{ padding: 1rem 4rem 1rem 3rem; font-size: 1.3rem;}
    .faq-wr dt i{ position: absolute; top: 1rem; left: 1rem;}
    .faq-wr dt::after{ width: 1rem; height: 1rem; margin-top: -.5rem; right: 1rem;}
    .faq-wr dt.active::after{ margin-top: -.2rem;}
    .faq-wr dd{ padding: 1rem 4rem 1rem 3rem;}
    .faq-wr dd i{ position: absolute; left: 1rem;}
    
	.file_wrap > .a_wrap {width: 70%;}

    .pdf .photo_listW > ul > li a { flex-direction: row; gap: 10px;}
    .pdf .photo_listW > ul > li .photo { width: 13.75rem; height: 18.75rem; }
	.pdf .photo_listW > ul > li .wrap {position: relative; width: calc(100% - 13.75rem - 1rem) !important;}
	.pdf .photo_listW > ul > li .a_wrap {flex-wrap: wrap;width: calc(100% - 13.75rem - 4rem) !important;  right: 0; }
/*     .pdf .photo_listW > ul > li .photo { width: 100%; height: 140px; } */
/*     .pdf .photo_listW > ul > li .wrap { width: 100%; } */
    .pdf .photo_listW > ul > li .sortation { padding: 0; }
/*     .pdf .photo_listW > ul > li .txt { padding: 5px 0 100px 0; width : 100%; } */
	.pdf .photo_listW > ul > li .a_wrap a {width: 100%; font-size: 14px; }
    .pdf .photo_listW > ul > li .txt > p { display: none; }
/*     .pdf .photo_listW > ul > li .a_wrap { width: 90%; }
    .pdf .photo_listW > ul > li .a_wrap a { width: 100%; font-size: 12px;  flex-direction: row;} */
	
	/* 연차보고서 */
	/* .pdf2 .photo_listW > ul > li a { flex-direction: column; gap: 10px;}
    .pdf2 .photo_listW > ul > li .photo { width: 100%; height: 140px; } */
	.pdf2 .photo_listW > ul > li .a_wrap a { width: 100%; font-size: 12px;  flex-direction: row;}
	.pdf2 .photo_listW > ul > li .a_wrap {right: 2.5% !important;  /* width: calc(100% - 1.5rem * 2) !important; */}

    /* 보고서 제목-연구책임자 순서 변경 */
    .pdf .photo_listW > ul > li .wrap { position: relative; }
    .pdf .photo_listW > ul > li .sortation { position: absolute; top: 40px; }
    .pdf .photo_listW > ul > li .tit {margin-bottom: 30px; }

    /* 뉴스레터 신청 */
    .newsletter_app .app_wrap { height: 330px; }
    .newsletter_app .email_box { flex-direction: column; gap: 10px; }
    .newsletter_app .email_box input[placeholder] { font-size: 13px; }

    /* 비전 및 미션 */
    .vision .con { margin-bottom: 80px; }
    .vision .con2 .con_box .right ul {flex-wrap: wrap;}
    .vision .con2 .con_box .right ul li {width: 100%;}
    .vision .con2 .con_box .right ul li .img_box { max-width: none; height: 150px; }
    .vision .con2 .con_box .right ul li .txt { align-items: center; }
    .vision .con2 .con_box .right ul li .txt p { font-size: 20px; }
    .vision .con2 .con_box .right ul li .txt span { font-size: 16px; }
    .vision .con2 .con_box .right ul li .txt span br { display: none; }
    .vision .con3 .con_box .right ul { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }
    .vision .con3 .con_box .right ul li { width: 100%; height: 161px; padding: 30px; }
    .vision .con3 .con_box .right ul li p { font-size: 16px; }
    .vision .con3 .con_box .right ul li::before { bottom: 20px; right: 20px; background-size: 80%;}

    /* 네트워크 */
    .s_network table.data tbody th { display: block; width: 100%; }
    .s_network table.data tbody td { width: 100%; display: flex ; justify-content: center; align-items: center; }
    .s_network table.data table.data tbody td { height: 70px; border-left: 0; }
    /* .s_network table.data table.data tbody td:first-child { border-left: 1px solid #ccc; } */
    .s_network table.data table.data tbody tr:last-child td { border-left: 0; border-bottom: 1px solid #ccc; }

    /* 찾아오시는 길 */
    .location .box_wrap li { width: 100%; }
    .location .top .map_wrp { height: 340px; }
	.location .top .left > p {font-size : 18px;}

    /* 조직도 */
    .organization colgroup { display: contents; }
    .organization table.data tbody td {white-space: normal;}
    .organization .list_box { gap: 1.25rem;}
	.organization .list_box:after {width: calc(100% - (10rem - 1px));}
	.organization .list_box li { width: 10rem;}
	
	.organization .click_wrap .m1 {top: 26rem; width: 35%; left: 25.5rem;}
	.organization .click_wrap .m2,
	.organization .click_wrap .m3,
	.organization .click_wrap .m4 {top: 34rem; width: 10%;}
	.organization .click_wrap .m2 {left : 5.5rem;}
	.organization .click_wrap .m3 {left : 10.5rem;}
	.organization .click_wrap .m4 {left : 16.5rem;}
	.organization .click_wrap .m5,
	.organization .click_wrap .m6 {top: 34rem; width: 14%;}
	.organization .click_wrap .m5 {left : 26rem;}
	.organization .click_wrap .m6 {left : 35.5rem;}

    /* SNS */
    .sns_box img {width: 20px;  max-width: 100%; height: 20px; }
	.sns_box > a:hover {background: #000;}
	.sns_box > a:hover img {filter: brightness(100);}
	.sns_box {position: relative;}
	.sns_pop {
		position: absolute;
		top: -60px;
		border: 1px solid #ededed;
		border-radius: 10px;
		left: -30%;
		background: #fff;
		box-shadow: 3px 4px 6px rgba(0, 0, 0, .05);
		padding: 4px 10px;
	}
	
	/* 보고서-상세 */
	.board-view__img {margin-bottom : 30px;}
	.board-view__btn {justify-content: center;}
	
	/* location bar */
	.locationBar.three_depth {margin-bottom: 100px;}
	.locationBar .inner {flex-wrap: wrap; }
	.locationBar .location, .locationBar.three_depth .location {width : 50%;}
	.locationBar .location.depth3 { width: 100%;  background: #fff; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; }
	.locationBar .location.depth1 ul,	.locationBar .location.depth2 ul {z-index : 2;}
	.locationBar .location.depth3 ul {z-index : 1;}

		
	/* title */
    h3.h3-tit, .sub-vis .tit {font-size: 26px;}
	h4.h4-tit {font-size: 1.8rem; }
	
	/* 공지사항 */
	table.list .subject {display: block;  width: 70%; min-width: 100%; min-height: auto;}




/* 600px 이하 */
@media screen and (max-width:599px) {
	.pop_layer { width: 100% !important; height: 300vh !important; top: 60px !important; left: 0!important; }
	/* .pop_layer .pop_box{height: 100% !important;} */
	
    /* table tbody td {font-size:1.4rem !important;}
    table tbody th {font-size:1.4rem !important;}
    table thead th {font-size:1.4rem !important;} */
	table.list tbody td span.sub{font-size:1.2rem;}

    .paging {margin:26px 0px 10px 0px; width:100%;}

    .paging a {font-size:13px; margin: 0px 2px; padding:0px;}

    .paging a.first, .paging a.last {width:28px; height: 28px;}
    .paging a.next {width: 28px; height:28px; margin-left:0px;}
    .paging a.prev {width: 28px; height:28px; margin-right:0px;}
    .table_view_list {margin-left: -15px;}
    .table_view_list > li.fr {float: left !important} 
    .table_view_list > li {margin-right: 15px; padding-left: 15px;}

    
    .photo_listW li {width:50%;}
    #searchstr {width: 100% !important;}
    .join_step {margin-bottom: 10px;}
    .join_step > ol > li .num {font-size: 14px;}
    .join_step > ol > li .txt {font-size:18px;}

    .pop_layer .popup {width: 95%;}

    #footer .right > img { display: none; }
	#footer address, #footer .copyright { line-height: 20px; }
	#footer .copyright { margin-top: 20px; }
	
	#footer .center select { display: block; }
	#footer select { width: 100%; }
    #footer .bottom .info .flex_box {justify-content: center; text-align: left;}
    #footer address p > span:last-child { text-align: left;}
	
    /* 통합검색 */
    .Search .ico_list { margin: 20px 0 0px; }
    .sorting-option { margin: 0; text-align: right; width: 100%; }
    .sorting-option span { font-size: 12px; }
    .bbs_search.search_pag .bbs_search_in .topic span { text-align: left; }
    .result-date { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
    .result-tit a { font-size: 16px; }
    .result-date { font-size: 13px; }
    .result-down .flex p { font-size: 12px; }
	
	/* 조직도 */
	.organization .click_wrap .m1 {left : 34.5rem;}
	.organization .click_wrap .m2, .organization .click_wrap .m3, .organization .click_wrap .m4 {width : 11%;}
	.organization .click_wrap .m2 {left: 3.5rem;}
	.organization .click_wrap .m3 {left: 9rem;}
	.organization .click_wrap .m4 {left: 14.5rem;}
	.organization .click_wrap .m5, .organization .click_wrap .m6 {width : 15%;}
	.organization .click_wrap .m5 {left : 24rem;}
	.organization .click_wrap .m6 {left: 33.5rem;}
}

@media screen and (max-width:530px) {
	.organization .click_wrap .m1 {left: 21.5rem;  width: 43%;}
	.organization .click_wrap .m2, .organization .click_wrap .m3, .organization .click_wrap .m4 {width : 13%;}
	.organization .click_wrap .m2 {left : 0.5rem;}
	.organization .click_wrap .m3 {left : 6rem;}
	.organization .click_wrap .m4 {left : 12rem;}
	.organization .click_wrap .m5 {left: 22rem;}
	.organization .click_wrap .m6 {left : 31rem;}
		
}

/* 480px 이하 */
@media screen and (max-width:479px) {

	#header .a_list .inp-bx { max-width: 120px; }
	#header .bt-cart{width:30px;height:30px;background-size:contain;}
	#header .bt-sch{width:30px;height:30px;background-size:22px!important;}
	#header .bt-mn{width:26px;height:26px;margin-top: 4px;background-size:contain;}

	#footer address p > span:last-child{display:block;}
	#footer address span::before{top: 5px;height:10px;right: -17px;}
    
    .m_sec1 .wrap .main_title h2 { font-size: 4rem; }
	
	.sub-vis {height: 10rem; }
    /* table th {word-break: break-all;} */

    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}

	.photo_listW > ul { margin: 0px; gap: 20px; }
    .photo_listW > ul > li > div {margin-left:0px;}
	.photo_listW > ul > li {width:100%; float: none;}
    
    .board-write td {padding:8px 5px; height: auto;}
    #inner_wrap table tbody tr td {font-size:1em !important; padding: 5px; white-space: normal;}
    #inner_wrap table tbody tr th {font-size:1em !important; padding: 5px;}
    #inner_wrap table thead tr th {font-size:1em !important; padding: 5px;}
    #inner_wrap table thead tr th.td_tit  {font-size:14px !important; padding:10px}
	#inner_wrap table tbody tr td .btnSmall {margin:2px 0px;}
    #inner_wrap table tbody tr td .btnSmall span {padding: 3px 6px 3px 6px; font-size:12px; min-height:10px; line-height:130%;}
	table.board-list td .ico.small {font-size:0.9em; min-height:10px; line-height:130%; padding:3px; min-width:10px; }

    .board-write .input {min-height:36px !important; line-height: 36px !important; padding-left: 5px;}
    .board-write .btnNormalB span {padding: 0px 22px; height:36px; line-height:35px;}
    .board-write .btnNormalB.cancel span {padding: 0px 20px; height:34px; line-height:33px;}
    .file_input > input {min-height:36px; line-height:34px; padding-left: 5px;}
    .file_input label {padding: 0px 22px; height: 36px; line-height:36px;}
    .select_ds select {padding: 0px 0px 0px 5px; height:36px;}
    .select {height:36px;}
    table.board-list td .ico {line-height: 18px; height: 20px; min-width: 44px;}
   
    
    .next_list dl {padding-left: 100px;}
    .next_list dl dt {padding-left:40px; width: auto; font-size: 13px;}
    .next_list dl dd {font-size:13px;}
    
    .bbs_search {padding:10px;}
    .bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; }
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
    .bbs_search .two_col .btn_search {height:40px;}
    .bbs_search_in.two_col .two_cell {/*padding-left: 80px;*/ margin-bottom: 0px;}
    .bbs_search_in.two_col .two_cell .pa {font-size: 13px; }
    
    
    .list_photo li {padding:15px 0px;}
    .list_photo li > a {padding-left:130px; min-height:120px;}
    .list_photo li .pic {width:120px; height: 120px;}
    .list_photo li .name {padding:2px 13px;}
    .list_photo li .txt_t {font-size:15px; margin:5px 0px;}
    .list_photo li .txt {font-size:12px; line-height:18px; margin-top:2px; padding-left: 60px;}
	
	.sns_box .sns_pop {background: #fff; height: 54px;}
	.sns_box .sns_pop > div {height: 100%;}
	.sns_box .sns_pop > div > a > img {width : 28px; height: 28px; margin: 0 !important;}
	.report .item_box .txt_box .btn_box {position: relative !important;}

    .view_sns li a {width:24px; }
    

    
    .xans-board-commentwrite span.ib {display:block !important; width:100%;}
    .xans-board-commentwrite span.ib label {display: inline-block; vertical-align: middle; min-width:70px;}
	table .w_cell { display:none;}
	table .w_date {width:30%;}
    .xans-board-commentform {padding: 5px 10px 10px;}
    .xans-board-commentform .view {padding-right:103px;}
    .xans-board-commentform .submit .btnSubmit span {padding:0px 10px; }
    .xans-board-commentwrite {padding: 5px 10px 10px;}
    .xans-board-commentwrite .view {padding: 0 53px 0 0;}
    .xans-board-commentwrite .submit span {padding:0px 10px; }
    
    .input {min-height: 36px !important; line-height: 36px !important; padding-left: 5px;}
    .select_ds select {padding: 0px 0px 0px 5px; height: 36px;}
    .sch_topW {padding: 0px 10px;}
    .sch_topW .in_box .date {font-size:23px; }
    .ev_tb tbody tr td {height:40px;}
    .ev_tb tbody tr td .date {margin-left: -2px;}

	#searchstr {width: 100% !important;}
	#footer .left, #footer .center { width: 100%; }
	#footer .center { margin-top: 20px; }
	#footer .title { font-size: 18px; }
	#footer .border { height: 1px; margin: 8px 0; }
	#footer .copyright { margin-top: 5px; }
	#footer .tel { letter-spacing: -0.5px; }
	#footer .contact { width: 120px; }
	.footer_top ul li{width:50%;}
	.footer_top ul li:nth-child(1):after, 
	.footer_top ul li:nth-child(3):after,
	.footer_top ul li:nth-child(5):after{display:none;}

	p.eng-tit { margin-bottom: 40px; } 
	
    /* 검색박스 */
    .bbs_search { padding: 0; }
	.bbs_search_in{ width:100%; }
    .bbs_search_in fieldset { flex-direction: column; }
    .bbs_search .select { width: 100%; height:40px; }
	.bbs_search .inp-bx{width:100%;}
	.bbs_search .inp-bx input{height: 40px;line-height: 40px; padding: 0;}
    .bbs_search .inp-bx a.sch {height: 40px; line-height: 40px; font-size: 12px; }

    /* 뉴스레터 신청 */
    .newsletter_app .textBox { padding: 20px; }
    .newsletter_app .email_box .cont { flex-direction: column; }
    .newsletter_app .email_box button {  max-width: 100%; height: 35px; line-height: 35px;}

    /* 기고문 */
    .mediahigh .photo_listW > ul > li a { padding: 10px; }
    .mediahigh .photo_listW > ul > li a .photo { max-width: 130px; }
    .photo_listW > ul > li .photo { height: 170px;}
    .mediahigh .photo_listW > ul > li a .txt .date { margin-top: 10px !important; }

    /* 3뎁스/탭 */
    .depth3_wrap { margin: 30px auto 20px;}
    .Search .depth3_wrap { margin: 0 auto 0px;}
    .depth3_wrap li a { font-size: 12px; padding: 8px 0;}

    /* 표 */
    table.data tbody, table.data thead, table.data thead tr, table.data thead tr th, table.data tbody tr, 
    table.data tbody tr th, table.data tbody tr td { display: block; width: 100%; }

    /* 비전 및 미션 */
    .vision .con3 .con_box .right ul { grid-template-columns: repeat(1, 1fr); }
    .vision .con3 .con_box .right ul li { max-width: 100%; height: 141px;}
    .vision .con3 .con_box .right ul li p { font-size: 14px; }
    .vision .con4 .con_box .right ul { grid-template-columns: repeat(2, 1fr); }

    /* CI소개 */
    .identity .txtBox .btn {padding: 0 15px;}

    /* 조직도 */
    .organization colgroup { display: none; }
    .organization table.data { border-right: 0; }
    .organization table.data.wonjang { border-top: none !important; }
    .organization table.data thead {display: none;}
    .organization table.data tbody tr {margin-bottom: 30px;}
    .organization table.data tbody tr td:first-child { border-top: 2px solid #000; }
    .organization table.data tbody tr th, .organization table.data tbody td {border-right: #ccc 1px solid;}

	.organization .people {background-size : 100%;}
	.organization .click_wrap .m1 {width: 45%; left: 19rem;}
	.organization .click_wrap .m2, .organization .click_wrap .m3, .organization .click_wrap .m4 {top : 33rem; width : 13%;}
	.organization .click_wrap .m2 {left : 0;}
    .organization .click_wrap .m3 {left: 5.5rem;}
    .organization .click_wrap .m4 {left: 11rem;}
	.organization .click_wrap .m5, .organization .click_wrap .m6 {top : 33rem; width: 19%;}
	.organization .click_wrap .m5 {left: 19.5rem;}
    .organization .click_wrap .m6 {left: 28.5rem;}

    /* 문의하기/연구과제 */
    .login_pop .wrap { max-width: 350px; }
	
	/* 찾아오시는 길 */
	.location .top .left .t_txt > em {font-size: 16px;}
   .location .top .left > p {font-size: 18px; }
   .location .gray_wrap > img {width: 24px; height: 26px;}
   
   /* 공지사항 */
   table.list tbody td {font-size: 15px;}
   table.list tbody td:nth-child(4) {display: none;}
   
   /*보고서 상세*/
   .view_tit01 > .v_tit {font-size: 18px;}
   .board-view__btn {	flex-wrap: wrap;}
   .board-view__btn > a {width: 100%; max-width: 100%; display: block; }
   ul.tab-nav > li > a {font-size: 14px; padding: 8px;}
   
   /* 연간보고서 */
   .pdf2 .photo_listW > ul > li .a_wrap {right: 1.5rem;}

/* 320px 이하 */
@media screen and (max-width:329px) {
	
    .photo_listW li {width:100%; float: none;}

	#searchstr {width: 100% !important;}

    #header .bt-sch { margin: 0 10px;}

	.file_wrap > .a_wrap {width: 65%;}

	/* .locationBar.three_depth .location{width:27%;} */
	.locationBar.three_depth .location .bt::after{display:none;}

}



/*slick.css*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}







/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}