@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fastly.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

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


*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; scroll-behavior: smooth;} 
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin: 0;padding: 0; border:none;word-break:break-all; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; padding:0;margin:0} 
body { line-height:1.5; font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', sans-serif !important; overflow-x:hidden; font-size:16px; font-weight: 400; color:#000} 

ul,li,ol,dl,dd,dt{list-style:none; word-break:break-all; line-height:1.5; padding:0; margin:0}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px; border-collapse:collapse; border-spacing: 0;}
td,th{-ms-word-break:break-all; word-break:break-all; vertical-align: middle;}

a{display:inline-block; cursor: pointer; font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', sans-serif !important;}
img{border:0; max-width:100%; display:block;}

button{cursor:pointer; border: 0; outline: none; box-shadow:none; background-color: transparent; font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', sans-serif !important;}

a:link, a:visited{text-decoration:none;color:inherit}
a:active, a:hover{color:inherit; text-decoration:none;}
a img, input {border:none;}
strong, b{font-weight:500}
span, a, strong, b{display:inline-block;}

form{margin:0; padding:0}
input, textarea {border:1px solid #ddd;background:#fff;padding:1px;}
input[type="button"] {cursor: pointer;}
select{border:1px solid #ddd;padding:1px}

input::placeholder{font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', sans-serif !important; font-size:18px; font-weight:400}
.flex{display:flex; flex-wrap:wrap}
.flex-center{display:flex; flex-wrap:wrap; align-items:center;}
.flex-side{display:flex; flex-wrap:wrap;justify-content: space-between;}
.flex-column{display:flex; flex-flow:column;}
.wrap{width:80%; max-width:900px; height:1500px; /*height:calc(100vh - 250px)*/; margin:0 auto}


​img[src$=".gif"], img[src$=".png"] { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ }
/* **************************************** *
 * body - 배경
 * **************************************** */

.button-fixed{width: 90%; position: fixed; bottom: 60px; left: 50%; transform: translateX(-50%);}
.video {width: 100%; height: 100%; display: flex; flex-direction: column;align-items: center; justify-content: center; position: relative; overflow: hidden; /* 스크롤바 제거 */}
.video iframe {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}
.video-btn {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.video-btn li{width: 49%; height: 230px; border-radius: 10px; background: #d6e7ff; color: #003e89;  box-shadow: 0 0 20px rgba(0,0,0,.20);}
.video-btn li a {width:100%; height:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.video-btn li a img {height: 130px; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);}
.video-qr {width: 110px;height: 110px;  padding: 5px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(224,70,151,.15); position: absolute; top: 35px; left: 50%; transform: translateX(-50%);}
.video-fair {width: 110px;height: 110px;  padding: 5px; border-radius: 10px;  position: absolute; top: 35px; left: 50%; transform: translateX(-50%);}
.video-btn li.qr-btn {background: #f9e4ef; color: #e04697;}
.video-btn li a p {font-size: 28px; font-weight: 700; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}


.video-event { width:100% !important; margin-top:1rem; background-color:#ddd6ffad }


/*하단 링크*/
.page-link{width: 100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px}
.page-link li{width:calc(100%/3 - 15px); height:180px; border-radius:10px; overflow:hidden; background:#e7f6e6; box-shadow: 0 0 20px rgba(0,0,0,.20);}
.page-link li:hover{background:#e0f2df}
.page-link li a{width:100%; height:100%; padding:40px 20px; display:flex; flex-flow:column; align-items:center; position:relative}
.page-link li a img{height:55px}
.page-link li a p{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size: 28px; font-weight: 700; color:#0c6023; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); opacity:.8}
.page-link li a p img{width:32px; height:auto !important; margin-left:20px;}
.page-link li:hover a p{opacity:1}


#sub_bg {background:#f7f7f7; }



/* **************************************** *
 * header_new
 * **************************************** */
.header_new {position:relative; margin-bottom:40px;  width:100%; text-align:center;top:0; left:0; z-index:6; height:200px; background: url('/images/tbank.png') no-repeat  center; background-size:100% 200px ; display:flex; flex-wrap:wrap; align-items:center; justify-content: center}

#detail_map { position:relative; z-index:1; width:90%; max-width:1000px; margin:0 auto;  background:rgba(0,0,0,0.5); height:500px;  }

.header_new h1 img{width:360px;}
.header_new  a.allmenu,
.header_new  a.call {position:absolute; top:40px; }
.header_new  a.allmenu img, .header_new  a.call img{height:27px }
.header_new  a.allmenu{left:20px;}
.header_new  a.call {right:20px; }



/* **************************************** *
 * main-menu
 * **************************************** */
.main-menu{display:flex; flex-flow:column; width:100%; margin-top:50px;}
.main-menu a{width:100%; padding:80px 60px; border-radius:30px; background:#ddd; color:#000 !important; position:relative}
.main-menu a:nth-child(n+2){margin-top:30px}
.main-menu a h3{font-size:38px; line-height:1.3; margin-bottom:30px; font-family: 'GmarketSansMedium'; font-weight:600; letter-spacing:0.5px}
.main-menu a p{font-size:24px; line-height:1.3}
.main-menu a img{position:absolute; bottom:55px; right:60px; width:250px}
.main-menu a.map-01 img{bottom:30px; width:230px}
.main-menu a.map-02 img{bottom:30px; right:75px; width:170px}
.main-menu a.map-04 img{ top: 25%; right:60px; width:140px}
.main-menu a.map-01{background:#d6e7ff}
.main-menu a.map-02{background:#c8c1e8}
.main-menu a.map-03{background:#d6f2db; }
.main-menu a.map-04{background:#d6f2db; }
.main-menu a.map-01 h3{color:#003e89}
.main-menu a.map-02 h3{color:#460b7a}
.main-menu a.map-03 h3{color:#004c10; }
.main-menu a.map-04 h3{color:#004c10; }
.main-menu a.map-01:hover{background:#bad4f4}
.main-menu a.map-02:hover{background:#c3bdef}
.main-menu a.map-03:hover{background:#c4e8c9; }
.main-menu a.map-04:hover{background:#c4e8c9; }
/*모바일 홍보책자 버튼*/
.main-menu a.pdf-down{display:none}

/*pdf-qr*/
.main-menu a.pdf-qr{background:#f9e4ef}
.main-menu a.pdf-qr:hover{background:#f9dcee}
.main-menu a.pdf-qr h3{margin-bottom:0 !important; color:#e04697}
.main-qr-img{width:140px; height:140px; padding:5px; border-radius:10px; background:#fff; position:absolute; top:50%; right:60px; transform:translateY(-50%); box-shadow:0 0 20px rgba(224,70,151,.15)}


/* **************************************** *
 * allmenu
 * **************************************** */
#allmenu {position:fixed; z-index:99; top:0 !important; left:0 !important;
width:200px; height:100vh; transform:translate(0,0) !important;
 margin:0px !important; display:none;
background: rgb(87,222,174); padding :80px 20px  50px 20px;
background: linear-gradient(315deg, rgba(87,222,174,1) 0%, rgba(72,200,244,1) 100%);
}

#allmenu ul li {border-bottom:1px solid rgba(0,0,0,0.2)}
#allmenu ul li a {font-family: 'LINESeedKR-Bd'; font-size:25px; line-height:90px; color:#fff;}

#allmenu .btn_close {position:absolute; top:30px; right:-70px;}
#allmenu .btn_close img {height:26px;}


/* **************************************** *
 * bottom_btn
 * **************************************** */
a.bottom_down {display:inline-block; position:fixed; bottom:0px; right:20px; z-index:71;
background:#3ab7b6; border-radius:50%; font-size:16px; font-weight:600;
 line-height:27px; padding:9px 19px 7px 19px; transform:rotate(90deg);
color:#fff !important; text-align:Center}

a.bottom_down.toggle {  bottom:-8px;  padding:9px 13px 7px 24px;
 transform:rotate(-90deg);}

  .bottom_btn{ width:100%; padding: 5px 10px; position:relative; 
background:#3ab7b6; text-align:center; }
/* .bottom_btn {position:fixed; bottom:0; left:0; width:100%; padding: 5px 10px;
background:#3ab7b6; text-align:center; z-index:70;} */


#sub_bg  .bottom_btn {margin-top:0px !important;}
.bottom_btn p { font-size:15px; color:#fff; margin:6px 0px; letter-spacing:0px; padding-top:40px;}

.bottom_btn p a {font-size:13px; color:#fff; vertical-align:middle; }

.bottom_btn p strong { font-size:15px; color:#fff; letter-spacing:0px }

.bottom_btn.toggle {bottom:-247px;}
.bottom_btn.toggle img {display:none}

.bottom_btn  a {display:inline-block; vertical-align:middle; padding:0px 10px;}
.bottom_btn  a.myplace {position:absolute; left:50%; transform:translateX(-50%)}
.bottom_btn  a:nth-child(2) {margin-right:44px;}
.bottom_btn  a:nth-child(4) {margin-left:44px;}

.bottom_btn  a img {height:27px; margin-top:5px;}
.bottom_btn  a.myplace  {height:auto !important; position:absolute; top:-45px;
left:50%;transform:translateX(-50%); }
.bottom_btn  a.myplace img {height:90px; }

/* **************************************** *
 *  #sub_content
 * **************************************** */
.main_wrap_in,
#sub_content {overflow:hidden;}



/* **************************************** *
 *  .width_area
 * **************************************** */
#sub_default,
.width_area {width:90%; max-width:1000px; margin:0 auto;}

/* **************************************** *
 *  search_top
 * **************************************** */

.search_top { border:1px solid #ccc; border-radius:100px;}
.search_top dl{position:relative; height:80px;}
.search_top dd {width:auto; position:absolute; top:50%; right:40px; transform:translateY(-50%)}
.search_top dt {width:calc(100% - 80px); padding:0 40px}
.search_top dt input {height:80px;   background:none; text-align:left;  width:100%;}
.search_top dd input{height:35px; border:none;  background:none;}
.search_top dt input,
.search_top dt input::placeholder { line-height:80px; font-size:22px; text-align:left; color:#999 !important;}




/* **************************************** *
 *  hash_tag
 * **************************************** */
.hash_tag {text-align:Center; overflow:hidden; margin:30px auto}
.hash_tag a { font-size:20px; display:inline-block !important; line-height: 45px; border-style:solid; border-width:2px; padding:0px 25px; margin:0 3px; border-radius:100px; font-weight:500}

.hash_tag a:nth-child(1) {display:block; border-color:#8f7de3; color:#8f7de3}
.hash_tag a:nth-child(2) {display:block; border-color:#df6be3; color:#df6be3}
.hash_tag a:nth-child(3) {display:block; border-color:#53a7ed; color:#53a7ed}
.hash_tag a:nth-child(4) {display:block; border-color:#54dbad; color:#54dbad}

/* **************************************** *
 *  main_wrap_in
 * **************************************** */
.main_wrap_in {overflow:hidden;}

.main #container {
    background: url(/images/mbg.gif) no-repeat;
    background-size: auto 500px;
    background-position: 0 100%;
}


/* **************************************** *
 *  main_visual_wrap
 * **************************************** */
.main_visual_wrap {overflow:hidden; padding-left:4%;}
@media (min-width: 1024px) {
.main_visual_wrap {margin-left: auto;
margin-right: auto;
width: 94%; padding-left:0px;
max-width: 1000px;}

	}






.main_visual_wrap .tabmenu2  {width:133px; overflow:hidden; float:left;}
.main_visual_wrap .tabmenu2 a { color:#676f72; display:block; 
font-size:23px; line-height:80px; position:relative;
font-family: 'BRRA_R';border-bottom:2px solid #d8dcdd;}

.main_visual_wrap .tabmenu2 a.active {   color:#37a8d9; font-family: 'BRBA_B'; }
.main_visual_wrap .tabmenu2 a.active:before{content:''; 
background:url('/images/on.png') no-repeat top center;  display:block; position:absolute; 
top:10px; right:0;
background-size:auto 100%; width:27px; height:27px;}
.main_visual_wrap {position:relative;}
	.bgActive { float: none; list-style: none; position: absolute; z-index: 50; display: block; 
	right:0; width:calc(100% - 165px) !important}

.main_visual_wrap .bx-wrapper {float:right; width:calc(100% - 180px) !important;}
.main_visual_wrap .bx-wrapper .bx-controls{display:none}

.main_visual2 div {height:320px; padding-top:30px;
width:100%; color:#888d8f; font-size:18px; line-height:31px;}

.main_visual2 div a {display:block; width:150px;  margin-left:0px; margin-top:60px;}
.main_visual2 div.inbg01{
background:url('/images/inbg01.png') no-repeat  right 110px;
background-size:auto 170px;
}
.main_visual2 div.inbg02{
background:url('/images/inbg02.png') no-repeat  right 110px;
background-size:auto 177px;
}

.main_visual2 div.inbg03{
background:url('/images/inbg03.png') no-repeat  right 110px;
background-size:auto 160px;
}


/* **************************************** *
 *  a.link
 * **************************************** */

a.link {background:#2bbdce url('/images/arrow.png') no-repeat  85% center; 
background-size:auto 9px; color:#fff !important; line-height:55px; border-radius:30px;
    font-family: 'LINESeedKR-Bd'; font-size:18px; display:inline-block; padding-left:20px; 
}

/* **************************************** *
 *  .bx-wrapper 기본세팅
 * **************************************** */

.bx-wrapper {box-shadow:none !important;  background:none !important; border:none !important; margin:0px !important;}


/* **************************************** *
 *  banner_zone
 * **************************************** */

.banner_zone {position:relative; text-align:center; border-radius:15px; margin-top:20px; padding:30px 40px; padding-top: 135px; cursor:pointer; background:#f9e4ef; margin-bottom:90px; z-index:1;}
.banner_zone:hover{background:#f9dcee}
.banner_zone dt {color:#e04697; font-size:22px;font-family: 'GmarketSansMedium'; font-weight: 600; letter-spacing: 0.5px; margin-bottom:12px;}
.banner_zone dd {font-size:14px; line-height:1.3; color:#000;}

.banner_zone:before{content:''; display:block;position:absolute; bottom: initial;
        right: initial; top: 25px;
        left: 50%; transform: translateX(-50%);
width:150px; height:105px; z-index:2;
background:url('/kiosk/images/map-04.png') no-repeat center center; background-size:auto 100%;}

/* **************************************** *
 * 지역별 검색
 * **************************************** */

.webtong_map {width:100%; text-align: center; margin-bottom: 30px;}
.webtong_map img {display:inline-block; max-width: 100%}

/*대화창*/
.center_wrap{display:none;}
.center_wrap.open {display: none;float: left;border: 1px solid #e4e4e4;padding: 4%;max-height: 400px;overflow-y: auto}


/*애니메이션*/
.center_wrap {animation:bottom_top 0.3s backwards}

@keyframes bottom_top {
	0% {-webkit-transform: translatey(50px);-ms-transform: translatey(50px);transform:translatey(50px); opacity:0;}
	100% {-webkit-transform: translatey(0);-ms-transform: translatey(0);transform:translatey(0); opacity:1}
}



/* **************************************** *
 * 검색 (공통리스트) + sub_default 
 * **************************************** */
#sub_default {overflow:hidden; }


.sub_list_wrap {width:100%; padding:50px 0}
 h2.intit {background:#1a85f8; color:#fff; font-size:28px; line-height:80px;padding:0 50px; padding-top:7px !important; border-radius:100px; position:relative;  font-family: 'GmarketSansMedium';}
h2.intit img{position:absolute; top:50%; right:50px; transform:translateY(-50%); width:26px;}


.no_data_txt {text-align: center; font-size: 22px; color: rgba(0, 0, 0, 0.7); line-height: 1; padding: 80px 0px; width: 100%;}

/* item */
.item-list{display:flex ;flex-wrap:wrap; margin-top:20px}
.sub_list_wrap .item {width:calc(100%/3 - 15px); border:1px solid #eaeaea; margin-right:22px; padding:25px 20px;  background:#fff; cursor:pointer; display: flex; flex-flow: column; align-items: center; border-radius:15px}
.sub_list_wrap .item:nth-child(3n){margin-right:0 !important}
.sub_list_wrap .item:nth-child(n+4){margin-top:22px;}
.sub_list_wrap .item .pic {width: 100%; height: 380px; margin-bottom:25px; position: relative; border-radius: 0; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; background: #f7f7f7; color:rgba(0,0,0,.5)}
.sub_list_wrap .item .pic img {position:absolute; top:50%; left:50%;transform:translate(-50%, -50%); min-width:100%; min-height:100%;max-width:110%; max-height:110%;}

.sub_list_wrap .item dl {}

.sub_list_wrap .item dl dt {padding:0 1px;word-break: break-all; font-size:22px; font-weight:500; line-height:1.3; padding-top:20px; color:#333; text-align:center; position:relative;font-family: 'GmarketSansMedium'; }
.sub_list_wrap .item dl dt::before{content:''; display:block; width:30px; height:1px; background:#555; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.sub_list_wrap .item dl dd.hash span{display:inline-block; padding-right:10px;  font-size:17px; line-height:26px; color:#565e5d;}
.sub_list_wrap .item dl dd.hash span:last-child {padding-right:0px;}
.sub_list_wrap .item dl dd.location {background:url('/images/pin.gif') no-repeat left  3px;
background-size:auto 15px; color:#37a8d9; margin-top:13px;
font-size:16px; line-height:23px; padding-left:20px;}

.sub_list_wrap .item dl dt div.dist { color:#777; overflow:hidden; font-size:15px; line-height:1; padding-top:7px;  padding-bottom:0;}


.page-btn{width:100%; max-width:800px; margin:0 auto; justify-content:space-between; margin-top:40px;}
.page-btn > a > img{height:35px; opacity:.3;}
.page-btn > a > img.home{height:40px; opacity:1}
.page-btn > a:hover img{opacity:1}



.more_page  svg {height:28px; width:28px;  opacity:0.8;}
.more_page {display:inline-block;  text-align:Center;
text-decoration:uppercase;
padding-bottom:50px; padding-top:30px; width:100%;
 animation-name: rollingarea5 ;
animation-iteration-count:  infinite;  font-family: 'LINESeedKR-Bd'; 
  animation-duration: 2s; font-size:13px;  line-height:40px;
		animation-delay:1s;  letter-spacing:4px;
		animation-fill-mode:forwards;
		 -webkit-animation-fill-mode: forwards;
}

@keyframes rollingarea5{
			0%,100%  {   transform:translate(0px,0px)}
			50%  {   transform:translate(0px ,-20px)}
		}

/* **************************************** *
 * 분야별 검색
 * **************************************** */

.detail_search {width:100%;  margin-bottom:30px}
.detail_search > p{font-size:22px; font-weight:600; text-align:center; margin-bottom:15px; color:#e20000}
.detail_search form{display:flex; flex-wrap:wrap; border:1px solid #dedede; background:#fff}
.detail_search a {text-align:center; display:inline-block; padding:0 5px; font-weight:500; position:relative; background:#fff; color:#222; font-size:18px; width:calc(100%/ 4); line-height:1.3; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-family: 'GmarketSansMedium' !important; padding: 2rem; word-break:keep-all}
.detail_search a:nth-child(4n){border-right:none !important}
.detail_search a:nth-child(n+21){border-bottom:none !important}
.detail_search a:hover{background:#edf7f9; color:#1c75f7}
.detail_search a.on {background:#1ac6f8;color:#fff; position:relative;}
.detail_search a.on:before {content:'';background:url('/images/on2.png') no-repeat top center;position:absolute; bottom:4px; right:0px; background-size:auto 26px; width:26px ;height:26px; }


/* **************************************** *
 * 상세페이지
 * **************************************** */
.info_detail_img_wrap  {padding-top:80px;}
.info_detail_img_wrap div { border-radius:0px; width:100%;
height:350px; background-size:cover;}

@media (min-width: 1024px) {
.info_detail_img_wrap div { height:900px;}


}




.info_detail_img_wrap2 .bx-controls-direction a {display:none !important}
.info_detail_img_wrap2 .bx-default-pager a:hover,
.info_detail_img_wrap2 .bx-default-pager a.active,
.info_detail_img_wrap2 .bx-default-pager a:focus {
  background: #37a8d9 !important;
}
.info_detail_img_wrap2 .bx-default-pager a {
  background: #b7b7b7 !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 4px !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
}
.int_inner  {overflow:hidden; width:100%;}

/* .info_top */
.info_top {align-items:flex-end; width:100%; margin:0 auto 30px; max-width:800px;position:relative; }
.first-page {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.first-page a{width:calc(100%/3 - 10px); font-size:22px; font-weight:500; color:#fff !important; background:#007bea; border-radius:100px; padding:15px 10px; text-align:center; margin-bottom:30px; }
.first-page a:first-child{background:#777}
.first-page a:last-child{background:#0048e8}
.info_top .left-box  h1{color:#000;  font-size:40px;word-break: break-all; line-height:1.3; font-weight:600; letter-spacing:0.5px; font-family: 'GmarketSansMedium'; margin-bottom:5px;}
.info_top .left-box .info{display:flex; flex-flow:column; align-items:flex-start;}
.info_top .left-box .info li, .info_top .info li a{color:#1a85f8; font-size:23px; line-height:1.3; font-weight:500}
.info_top .left-box .info li:nth-child(n+2){margin-top:5px}
.info_top .left-box{width:calc(100% - 140px)}
.info_top .qr-box{width:120px; align-items:center}
.info_top .qr-box > div{width:110px; height:110px; background:#ddd;background: no-repeat; background-size: contain; background-position: center; background-color:#fff; }
.info_top .qr-box > p{font-size:18px; line-height:1.2; margin-top:5px; font-weight:500; color:#000}



.info_top dl {padding-bottom:20px;}
.info_top .btn_kakao {position:absolute; top:0px; right:0px;}
.info_top .btn_kakao img {width:50px;}
.info_top .desc {color:#565e5d; font-size:16px; line-height:31px; overflow:hidden;padding-bottom:30px;}
.linkarea {padding-bottom:30px; overflow:hidden; text-align:left;}
.linkarea a{display:inline-block; border-radius:50px; border-width:3px;
border-style:solid; border-color:#1a85f8; color:#1a85f8 !important;
font-family: 'LINESeedKR-Bd'; font-size:19px; line-height:56px;
width:48.5%; padding-left:25px; 
background:url('/images/arrow2.png') no-repeat  90% center;
background-size:auto 8px;}
.linkarea a.bg {color:#fff !important;
background:#1a85f8 url('/images/arrow.png') no-repeat  90% center;
background-size:auto 8px;}

.linkarea a:nth-child(1) {float:left;}
.linkarea a:nth-child(2) {float:right;}


.poster, .poster div{width:100%; max-width:800px;height:1132px; background: no-repeat; background-size: contain; background-position: center; background-color:#fff;  margin:0 auto}
.poster{overflow-y:scroll;}

.poster::-webkit-scrollbar {width: 5px;}
.poster::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px;}
.poster::-webkit-scrollbar-track {
    background: #f7f7f7;  /*스크롤바 뒷 배경 색상*/
}

.wrap-page{position:fixed; width:90%; max-width:940px; top:55%; left:50%; z-index:99999; transform:translate(-50%, -50%); display: flex;  flex-wrap: wrap; justify-content: space-between;}
.wrap-page img{width:55px; opacity:0.4;}
.wrap-page a:hover img{opacity:1; transition:.2s}

/* .inner_desc_menu */
.inner_desc_menu {overflow:hidden; padding-bottom:30px;}

.inner_desc_menu dl {overflow:hidden; padding:22px 0px; }

.inner_desc_menu dl dt {float:left; width:100px;
font-family: 'LINESeedKR-Bd'; font-size:19px; line-height:22px; }
.inner_desc_menu dl dt , .inner_desc_menu dl dd a,
.course_desc_area ,
.inner_desc_menu dl dd { font-size:19px; color:#565e5d ;}
.inner_desc_menu dl dd {float:right; width:calc(100% - 130px)}
.inner_desc_menu dl dd img.icon01 {vertical-align:middle; height:16px; padding-right:10px;}

.inner_desc_menu dl.pdf dt,
.inner_desc_menu dl.pdf dd {width:auto;}
.inner_desc_menu dl.pdf dd a {color:#1a85f8;  font-size:15px; line-height:36px;
border-radius:10px; padding-left:39px; padding-right:20px; 
font-family: 'LINESeedKR-Bd';
background:url('/images/pdf.gif') no-repeat  13px center;
background-size:auto 20px; border:1px solid #1a85f8;
display:inline-block;  margin-top:-10px;
}


.course_desc_area  img{
min-width:200px; margin-bottom:10px; }

@media (min-width: 1024px) {
.course_desc_area  img{max-width:800px;  }

}

@media (max-width: 1024px) {
.course_desc_area  img{max-width:100%;  }

}



.course_desc_area  {line-height:1.4; font-size:17px; padding-bottom:30px;}











.inner_desc_menu dl.map {border:none}
.inner_desc_menu dl.map dt,
.inner_desc_menu dl.map dd {width:auto !important;}
.inner_desc_menu dl.map dd.desc{ padding-top:30px; overflow:hidden;
width:100% !important;}

.inner_desc_menu  a.kakao,
.inner_desc_menu  a.naver { font-size:15px; line-height:36px;
border-radius:10px; width:126px; margin-left:3px;
font-family: 'LINESeedKR-Bd'; border-style:solid; border-width:1px; text-align:left;
display:inline-block;  margin-top:-10px;}
.inner_desc_menu .linkin {text-align:right;}
.inner_desc_menu  a.kakao{ 
background:#fbe200 url('/images/kakao22.gif') no-repeat  20px center;
background-size:auto 21px;  padding-left:42px; 
color:#1a85f8;  border-color:rgba(0,0,0,0);}
.inner_desc_menu  a.naver{color:#00d740;   padding-left:35px; 
background:#fff url('/images/naver.gif') no-repeat  9px center;
background-size:auto 23px; 
}
.inner_desc_menu dl.map dd p {color:#565e5d; 
font-family: 'LINESeedKR-Bd'; padding-bottom:12px;}
.inner_desc_menu dl.map dd ul li {position:relative; width:100%;   color:#565e5d; 
padding:10px 0px 10px 70px; }
.inner_desc_menu dl.map dd ul li strong {color:#37a8d9; position:absolute;
display:inline-block;  top:10px; left:10px; }
.inner_desc_menu dl.map dd ul li:before {content:'';position:absolute; top:16px; left:0;
background:#37a8d9; width:4px; height:4px; border-radius:50%;}

.inner_desc_menu dl.map dd p{font-size:19px;  line-height:35px; }
.inner_desc_menu dl.map dd ul li,
.inner_desc_menu dl.map dd ul li strong {font-size:17px;  line-height:21px;}


.paging-wrap{    justify-content: center; margin-bottom:30px; }
.paging-wrap img{height:22px; margin:0 8px; opacity:.3; cursor:pointer}
.paging-wrap img:hover{ opacity:1}
.paging-wrap span{display:none !important}
.paging-wrap a{font-weight:400 !important; color:#999 !important}
.paging-wrap a, .paging-wrap strong{padding:0 12px !important ; font-size:26px !important; }



/***********************************밑은 기존에 있던거 ***********************/





/*모바일사이즈*/
@media all and (max-width:600px){
.header_new {margin-bottom: 20px; height: 120px; background-size: 100% 120px;}
.header_new h1 img {width: 200px; margin-right:5px;}

.first-page a{width:calc(100%/3 -  3px); font-size:15px; padding:10px 10px; margin-bottom:20px; }

.info_top .qr-box{display:none}
.info_top .left-box{width:100%}
.info_top .left-box h1{font-size:24px;}
.info_top .left-box .info li, .info_top .info li a {font-size: 16px;}
.info_top {margin: 0 auto 15px;}

.wrap {width: 90%; height: calc(100vh - 120px);}
.poster, .poster div {height: calc(100vh - 350px);}
.wrap-page { position: absolute; width: 98%; top: 60%;}
.wrap-page img {width: 40px;}

.page-btn {margin-top: 20px;}
.page-btn > a > img {height: 22px;}
.page-btn > a > img.home {height: 25px;}



.search_top dl{ height:50px;}
.search_top dd {top:50%; right:20px;}
.search_top dt {width:calc(100% - 80px); padding:0 20px}
.search_top dt input {height:50px;}
.search_top dd input{height:22px; }
.search_top dt input, .search_top dt input::placeholder { line-height:50px; font-size:15px;}



.hash_tag {margin: 12px auto;}
.hash_tag a { font-size: 13px; line-height: 30px; border-width: 1px; padding: 0px 13px;	margin:0 1px;margin-top:4px;}


.main-menu { margin-top: 10px;}
.main-menu a {padding: 30px 20px; padding-top:135px; text-align:center; border-radius: 15px;}
.main-menu a h3 {font-size: 22px; margin-bottom: 12px; }
.main-menu a p {font-size: 14px;}
.main-menu a img { position: absolute;  bottom: initial;  right: initial;   width: auto !important;top:25px;left:50%; transform:translateX(-50%); height:100px;}
.main-menu a:nth-child(n+2) {margin-top: 15px;}
.main_wrap_in {padding-bottom: 30px;}


h2.intit {font-size: 17px;line-height: 50px; padding: 0 20px; padding-top: 5px !important;}
h2.intit img { right: 20px; width: 15px;}


.sub_list_wrap {padding: 0px 0 30px;}
.sub_list_wrap .item { width: 100%;  margin-right: 0;     padding: 25px 20px 18px;}
.sub_list_wrap .item:nth-child(n+2){margin-top:15px;}
.sub_list_wrap .item dl dt {font-size: 18px; padding-top: 16px;}
.sub_list_wrap .item dl dt::before {width: 20px;}

.detail_search > p {font-size: 15px; margin-bottom: 8px;}
.detail_search a {font-size: 15px; width: calc(100% / 2);line-height: 1.2; padding:15px 5px}
.detail_search a:nth-child(4n) {    border-right: 1px solid #dedede !important;}
.detail_search a:nth-child(2n) {    border-right: none !important;}
.detail_search a:nth-child(n+17) {border-bottom: 1px solid #dedede !important;}
.detail_search a:nth-child(n+19) {border-bottom: none !important}


.no_data_txt{font-size: 16px;    padding: 30px 0px;}


#topic_result h3{font-size:20px !important;}
#topic_result p {line-height: 1.3 !important; font-size: 14px !important;}
#topic_result dl {margin-top: 20px  !important;}
#topic_result dl dt { padding: 13px  !important; font-size: 16px  !important; border: 1px solid #ddd !important; border-radius:4px}

.paging-wrap img{height:18px; margin:0 5px; }
.paging-wrap a, .paging-wrap strong{padding:0 7px !important ; font-size:18px !important; }


/*홍보책자*/
.pdf-qr{display:none}
.main-menu a.pdf-down{display:block; background:#f9e4ef}
.main-menu a.pdf-down:hover{background:#f9dcee}
.main-menu a.pdf-down h3{color:#e04697}
}


/*모바일사이즈*/
@media all and (max-width:320px){
.detail_search a {width:100%; border-right:none}
.detail_search a:nth-child(n+17) {border-bottom: 1px solid #dedede !important;}
.detail_search a:last-child{border-bottom:none !important}


}





/* ==================== 새로운 header ==================== */

.header {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  height: clamp(100px, 7.5vw, 300px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.header::before {
  content: "";
  position: absolute;
  left:-5%;
  top:-10%;
  width: 110%;
  height: 110%;  
	background: linear-gradient(120deg, #e5fd60 0%, #17dbf6 100%);
  border-radius: 0 0 200% 200%; 
  z-index: 0;
}

.header > * {
  position: relative;
  z-index: 1;
}

.header img {width:40%; min-width:170px; max-width:300px; height:auto;}

body.main.sub #container {  height:auto !important;
overflow:hidden; }