@charset "utf-8";
/* 공통 */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
*{color:#333;}
html, body{height:100%; }
body, input[type=text], input[type=password],textarea, #content, input[type=number]
{font:400 17px  'Pretendard', 'Pretendard', Dotum, Arial, Helvetica, sans-serif; color:#313337; letter-spacing:-0.01em; min-width:200px;max-width:800px;}\|\\|
body, html, p, div, ul, li , h1, h2, h3, h4, h5, h6, span,br, dl, dt, dd{padding:0; margin:0;line-height: 1.3;}
h1, h2, h3, h4, h5{font-weight:400;}
a{text-decoration:none; color:#333;letter-spacing:-0.01em;}
div {letter-spacing:0.01em;}
a, img{border:none; vertical-align:middle;}
ul, li{list-style:none;letter-spacing:-0.005em;padding:0;margin:0}
img{max-width:100%;}
body{background-color:#fff;margin: 0 auto;}

input[type=text]{min-width:auto;}
.center_wrap{/* width:1500px; */ margin:0 auto; position:relative; padding:0 5%;transition: all .5s}
input[type=text],input[type=number],
input[type=password]{margin-top:2px;border:none;border:1px solid #ccc;; height:48px;line-height:44px; padding:10px;padding-left:; box-sizing:border-box; vertical-align:middle;outline:none;margin-bottom:2px;
width:100%;border-radius:8px;background:}
select{border:1px solid #e7e7e7; height:48px;line-height:44px; padding:10px; box-sizing:border-box; vertical-align:middle;outline:none;margin-bottom:10px;width:130px;font-size:18px;font-weight:500;
font-family: 'Pretendard';background:#fff url('../img/select_arrow.png')no-repeat right 10px center;}
input[type=button]{vertical-align:middle;cursor:pointer;outline:none}
input::placeholder {color: rgba(204, 204, 204, 1);;font-weight:400;}
input:focus{border:0px solid #333;outline:2px solid #B3B3B3}
table{border-collapse:collapse; width:100%;}
textarea{width:100%; padding:15px; box-sizing:border-box;border: 1px solid rgba(226, 226, 226, 1);border-bottom:1px solid #E6E6E6;border-radius:12px;min-height:100px;margin-top:5px;background: none;background:#fff;font-size:16px}
textarea::placeholder {color: rgba(204, 204, 204, 1);}
textarea:focus{outline:2px solid #B3B3B3}
input[type=file]{width:100%; height:35px;}
#head .btn_search { display:none;}
input.warning_red{border:1px solid #FF7474; color:#FF7474}

button {-webkit-appearance: none;-moz-appearance: none;appearance: none; margin: 0;cursor:pointer;font-weight:bold;
	font-family: "Pretendard", sans-serif;font-size: 1rem;text-align: center;text-decoration: none;display: inline-block;width: auto;border: none;background:none;}

/* input.input_st01{height:44px; line-height:42px;} */
input.input_st_bdb{border:none;border-bottom:1px solid #d3d8dc;border-radius:0}
select{border:none;border:1px solid #e9e9e9; height:42px;line-height:40px; padding:0 12px;padding-left:1px; box-sizing:border-box; vertical-align:middle;outline:none;margin-bottom:10px;width:100%;font-size:14px;font-weight:400;
appearance: none;color:#555;font-size:0.95em;padding-left:7px;border-radius:5px;}
select.select_st02{ border-radius: 10px;}
select.select_st03{border:none;border-bottom:1px solid #e9e9e9; border-radius:0;}
 #content{margin: 0 auto;background:}
 #content.subpage{padding-top:70px;}


section.slide_sec {
    overflow: hidden;
}

/* 필터 */ 


/* header */
/* .sub_head_wrap {width:100%;height:60px;line-height:60px;;z-index:4;top:0px;left:0;text-align:center;box-sizing:border-box;position:fixed;background:#fff}
.sub_head_wrap .top-tit {margin: 0 auto;max-width:800px;font-size: 1.6em;font-weight: bold;height: 38px;line-height: 38px;padding: 11px 0 11px;position: fixed;top: 0;width: 100%;text-align:center;
left:50%;transform: translateX(-50%);text-indent:5%;}
.sub_head_wrap .top-tit.blue{background:#f3f9ff;color:#369bff;}
.sub_head_wrap .btn-pre {z-index:2; position:absolute;left:4%;top:15px; width:26px;height:26px;background:url('../img/btn_gnb_back.png') no-repeat center center;} */
.bdb1px{border-bottom:1px solid #E1E1E1}

/*head*/
	#head a{color:#2f2f2f;}
	#head{padding-top: constant(safe-area-inset-top); /* iOS 11.0 */padding-top: env(safe-area-inset-top); /* iOS 11.2 */;position:fixed;;text-align:center;width:100%;z-index:3;}
	#head h1{height:inherit;}
	#head h1 img{margin-bottom:10px;height:32px;margin-top:15px;}
/* #header_fix h1 img{margin-bottom:7px;max-height:50px;} */
	#head > img {position: absolute;right: 14px;top: 18px;width:22px;margin-bottom:10px;}
    #head .right_area{position:absolute; right:20px; top: 50%;transform: translateY(-50%);display: flex;align-items: center;z-index:21}
    #head .right_area_sub{position:absolute; right:20px;top: 50%;margin-top:48px;transform: translateY(-50%);z-index:21}
	#head .right_area_sub .go_create{padding:5px 7px;background: rgba(255, 168, 65, 1);color:#fff;border-radius:8px;}
	#head .right_area a{position:relative;}
	#head .right_area a:last-child{margin-left:8px;}
	#head .right_area .state_on{width:4px; height:4px; border-radius:50%; background:#FF6F75;position:absolute; right:0;top:10px;}



	#head .trigger {
    position: absolute;
    top: 17px;
    left: 10px;
    background-image: url(../img/menu_icon.png);
    width: 50px;
    height: 100%;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 21;
	display:none;
}

/* 서브 헤더 */
.btn-pre {z-index:22; position:absolute;left:4%;top:68px; width:26px;height:26px;background:url('../img/btn_gnb_back.png') no-repeat left center;}
#head .top-tit.bdb_line{border-bottom:1px solid #EAEAEA}
#head .top-tit {margin: 0 auto;max-width:800px;font-weight: bold;height: 24px;line-height: 24px;padding: 12px 0 12px;position: fixed;top: 0;width: 100%;text-align:center;
left:50%;top:0px;transform: translateX(-50%);text-indent:10px;z-index:20;background: none;color:#333;font-size:1.1em;;letter-spacing:0.01em;;}


.head-top-wrap {/*  position:fixed;; */padding-top:0px;text-align:center;border-bottom:1px solid #E6E6E6;
width:100%;height:50px;line-height:40px;/* background:#fff;z-index:2;top:0px;left:0;text-align:center;box-shadow: 5px 3px 10px 0px rgba(150,150,150,.1);box-sizing:border-box;position:relative */
padding-top: constant(safe-area-inset-top); /* iOS 11.0 */padding-top: env(safe-area-inset-top); /* iOS 11.2 */;margin-top:0px;}
.head-top-wrap .tit_area{box-shadow:4px 4px 8px -2px rgba(0, 0, 0, 0.2);poaition:relative}
.head-top-wrap .tit_area .top-tit-left{position:absolute; left:4%;top:5px;font-size:1.1em;font-weight:bold;}
.head-top-wrap .top-tit { font-size:1.2em;;font-weight:600;;background:#fff;color:#333}
.head-top-wrap .top-tit.blue{background:#f3f9ff;color:#369bff}
.head-top-wrap .btn-pre { position:absolute;left:4%;top:12px; width:16px;height:22px;background:url('../img//bt-pre.png') no-repeat left center;background-size:13px;box-shadow: 0 5px 5px -4px #f7f7f7;}
.head-top-wrap.bdb_none{border-bottom:0px;}


/* header */
#head {width:100%;height:50px;line-height:50px;background:#fff;z-index:20;top:0px;left:50%;text-align:center;box-sizing:border-box;position:fixed;max-width: 800px;transform: translateX(-50%);/* box-shadow: 0px 4px 4px rgba(101, 84, 211, 0.05); */}

#head .go_search{position: absolute;
    top: 0px;
    right: 10px;
    background-image: url(../img/icon_search.svg);
    width: 50px;
    height: 100%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 23;}

/* 뒤로가기 있는 곳에서 쓸것 */
.head-top-wrap .top-tit.blue{background:#f3f9ff;color:#369bff}
.head-top-wrap .trigger {
    position: absolute;
    top: 0px;
    left: 10px;
    background-image: #fff url(../img/menu_icon.png);
    width: 50px;
    height: 100%;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
	display:block;
}

/* 슬라이드 메뉴 */
	/* 햄버거메뉴 */

	#head .nav {
    position: fixed;
    top: 0;
    left: -120%;
    width: 74%;
    height: 100vh;box-shadow: 10px 4px 10px rgba(0, 0, 0, 0.05);
border-radius: 0px 30px 30px 0px;
    background: #fff;
    padding: 0 20px;
    z-index: 30;
    transition: 0.3s;

}
#head .nav_top{text-align:left;position:relative;}
#head .nav_top .nav_logo{width:160px;}
#head .nav_closer { position: absolute; top: 19px; right: 10px; line-height:1.5;font-size:0.75em;}
#head .nav_closer p{color:#676767}
#head .nav_closer img{height:20px;}
#head .nav_img{margin-top:10px;}

#head .menu_txt{display:flex; align-items: center;}
#head .menu_txt span{width:40px;}
#head .menu_txt .line{width:calc(100% - 60px);margin-left:10px;height:1px;background: #D9D9D9;}

#head .nav .sider{overflow-y: scroll; height: calc(94vh - 100px);}
#head .nav .sider .content {  padding-top:0px;}
#head .nav .gnb { padding: 10px 0px; }
#head .nav .nav_tit{border-bottom: 1px solid #D39B84; text-align:left;font-weight:bold;font-size:1.3em;padding: 0 20px;}
#head .nav .gnb li { line-height: 30px; padding-left: 10px}
#head .nav .gnb li a {display:flex;   align-items: center;padding-left:30px; background:url('../img/dot01.png')no-repeat left 15px center}
#head .nav .gnb li .img_wrap{margin-right:15px;width:30px;}
#head .nav .gnb li .txt_wrap{text-align:left;line-height:1;font-weight:500;font-size:1.1em;}
#head .nav .gnb li .txt_wrap p{font-size:0.8em; color:#777;line-height:1;margin-top:10px;}
/*#header .bottom { position: absolute; left: 0; bottom: 0; width: calc(100% - 40px); margin: 20px; }*/
#head .nav.nav_original .gnb { padding: 10px 0px; }
#head .nav.nav_original .gnb li { line-height: 70px; padding-left: 10px;border-bottom: 1px solid #EFE5E5; }
#head .nav.nav_original .gnb li.active{background: #5341C8;border-radius: 14px;}
#head .nav.nav_original .gnb li.active a{color:#fff}
#head .nav.nav_original .gnb li a {display:flex;   align-items: center;background:none;padding-left:0;}
#head .nav.nav_original .gnb li .img_wrap{margin:0 35px 0 15px;width:30px;}
#head .nav.nav_original .gnb li .img_wrap img{width:;}
#head .nav.nav_original .gnb li .txt_wrap{text-align:left;line-height:1;font-weight:500;font-size:1.1em;}


#head .top { font-size: 21px; line-height: 1.3em; padding-bottom: 15px; }
#head .login { padding: 5px 10px; font-size: 14px; border: 1px solid #774fc6; border-radius: 4px; display: inline-block; color: #774fc6; }
#head .nav_bg { position: fixed; top: 0; left: 0; width: 100%; height: 1500px; z-index: 25; background: rgba(0,0,0,0.6); display: none; }

#head.fiexd {  }
#head.fiexd .nav_bg { display: block; }
#head.fiexd .nav { left: 0; }

#gnb{float:left; margin-left:120px;}

#gnb_mobile{display:none;}

#head:after { content:'';display:block;clear:both}



.go_right{position: absolute;top:-2px;right:5%;display:flex;}
.go_right > div {margin: 0 5px}

/* 뷰 페이지 헤더 (아이콘 흰색) */
.sub_head_wrap.view_head .btn-pre{background:url('../img/back_white.png') no-repeat center center;}
.sub_head_wrap.view_head{width:100%;height:60px;line-height:60px;;z-index:4;top:0px;left:0;text-align:center;box-sizing:border-box;position:fixed;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%,   rgba(0, 0, 0, 0)100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 0%,   rgba(0, 0, 0, 0)100%); }

#gnb{float:left; margin-left:120px;}
#gnb > .depth1 > li {float:left; text-align:center; position:relative;}
#gnb > .depth1 > li > a{min-width:165px; margin:0 0; display:block; font-size:24px; padding:25px 0; position:relative;font-weight:bold;}
#gnb > .depth1 > li.active > a:after{content:''; display:block; background:#00c6ff; width:100%; height:3px; position:absolute; bottom:-3px; z-index:998;}
#gnb > .depth1 > li > .depth2{position:absolute; width:100%; background:rgba(255,255,255,.9); top:79px; border-top:3px solid #00c6ff; padding:15px 0 5px; display:none; z-index:998;}
#gnb > .depth1 > li > .depth2 li{margin-bottom:10px;}
#gnb > .depth1 > li > .depth2 a{color:#000; font-size:16px; text-align:center; display:block;}
#gnb > .depth1 > li  .depth3 { display:none;}
#gnb_mobile{display:none;}


.f-menu{text-align:center;display:flex;justify-content: center;align-items: center;}
.f-menu a { display:inline-block;padding:0 0;font-size:1.1em;line-height:40px;margin-right:5px;color:#333;font-weight:500;}
.f-menu img { float:right;margin-top:10px;display:none;}
.footer-con { padding:5px 0 20px;margin-top:10px;}
.footer-con .f-logo{  display:inline-block;vertical-align:middle;display:none;}
.footer-con .txt { display:inline-block;margin-left:0;color:#666666;font-size:1em;line-height:1.7;font-weight:300;vertical-align:middle;}
.footer-con .medi strong{font-size:1.1em;color:#4D4D4D;display:inline-block;margin-bottom:10px;}
.footer-con .medi img{margin-top:-3px;transform: rotate( 0deg );}
.footer-con .medi.on img{transform: rotate( 180deg );}
.footer-con .right-con{  float:right;display:none;}
.footer-con .right-con select { width:185px;height:35px;line-height:35px;border:1px solid #686868;display:inline-block;margin-right:20px;font-size:14px;}
.footer-con .right-con a { display:inline-block;margin-left:10px;}
.bottom-menu {height:75px;position:fixed;width:100%;bottom:0;left:0;background:#fff;padding-bottom:10px;box-sizing:border-box;z-index:3;box-shadow: 5px -2px 10px 0px rgba(150,150,150,.1)}
.bottom-menu a { float:left;width:20%;text-align:center;display:block;font-size:13px;color:#999;border-right:0px solid #343434;padding-bottom:10px;box-sizing:border-box}
.bottom-menu a img { height:25px;display:block;margin:15px auto 5px;}


.footer{background: #F8F8F8; color:#777;padding:25px 0 10px 0;margin-top:0px;margin-bottom:0px;font-size:0.9em;font-weight:normal;border-top:0px solid #E9E9E9;padding-bottom:100px;}
.footer a{color:#aaa;font-size:1em;margin-top: -6px;display: inline-block;text-align:center}
/* .footer a:after {
    content: '';
    display: inline-block;
    margin: 0 11px;
    width: 2px;
    height: 14px;
    background: #ccc;
    vertical-align: -2px;
}
.footer a:last-child:after{
background:none;
} */

.footer_call{display: flex;justify-content: flex-start;padding: 16px;border: 2px solid #F3D5E0;border-radius:12px;background-color: #fff;}
.footer_call .left{color:#D56D92;font-weight:600;border-right: 2px solid #F2F2F2;padding-right:10px; min-width:50%;font-size:1.1em;}
.footer_call .left img{width:24px;margin-top:-3px;}
.footer_call .left a{display:block;font-size: 1.7em;color:#D56D92 !important;margin-top:5px;font-weight:bold;text-align:left;}
.footer_call .left p{color:#666;margin:4px;}
.footer_call .right{padding-left:15px;font-size:1.2em;}
.footer_call .right p{color:#666666;margin:1px 0}
.footer_call .right p span{color:#1F1D1D;font-weight:600;word-break: keep-all;display:block;}


table.mobile { display:none!important;}
.pc { display:block!important;}
table.pc { display:table!important;}

.pc { display:none!important;}
table.pc { display:none!important;}
table.mobile { display:table!important;}
#left-wrap  { display:none;}
.right-search { display:none;}


.clr{display:block; clear:both; content:'';}

/* etc */

#site_map{display:none;}



::-webkit-scrollbar {
					/* 스크롤바 전체 영역 */
  width: 8px;
  height:8px;
} 
::-webkit-scrollbar-track {
					/* 스크롤이 움직이는 영역  */
      background-color: var(--scroll-color-);
} 
::-webkit-scrollbar-thumb {
					/*  스크롤  */
      background-color: #ababab; 
	  border:2px solid var(--scroll-color-);
	 border-radius:30px;
} 

::-webkit-scrollbar-corner {
					/*  상하+좌우 스크롤이 만나는 공간   */
      background-color: ;
} 


.search_top_wrap{background:#fff;padding:20px 0;}
.search_top{display: flex;align-items: center;padding: 10px 0;}
.searchbox{background:#fff; width:100%;margin-top:12px;}
.searchbox form{width:100%;display: flex;align-items: center;}
.searchbox .t-txt{text-align:center; margin-bottom:10px; font-size:16px;}
.searchbox fieldset{height:42px; border: 1px solid #E2E2E2; background:#fff;border-radius:10px; position:relative;box-sizing: border-box;text-align:Right;width:100%}
.searchbox fieldset:focus{outline:2px solid #EDC0D0}
.searchbox fieldset .input{; height:38px; background:none; border:none;line-height: auto;margin-top: 0;padding-left:0;padding-right:30px;}
.searchbox fieldset .input:focus{border:none;outline:0px solid #333}
.searchbox .go_search_btn{color:#fff;width:58px; margin-left:5px;height:42px;line-height:42px;border-radius:10px; background: #FFA841; border:none; font-size:1em;;}


.pc_head{z-index:9;border-bottom: 1px solid var(--border-color-)}
.pc_head {height:60px; line-height:60px;background:#fff;position:fixed;width:100%;left:0;}
.pc_head ul{display: flex;justify-content: space-evenly;align-items: center;}
.pc_head ul li{}
.pc_head ul li a{display:block; font-size:1.1em; font-weight:500;}


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

.pc_head{display:none;}
.mobile-bottom-menu.mobile{display:block;}

}