@charset "utf-8";

* {caret-color:transparent;}
* input, textarea {caret-color:auto}

@import url('base.css');

/************************************************
	skipLink
************************************************/
#skipLink{ width:100%; overflow:hidden; position:relative; z-index:1000;}
#skipLink a{ margin:0px -1px -1px 0px; width:1px; height:1px; text-align:center; line-height:0; overflow:hidden; font-size:0px; display:block;}
#skipLink a:focus{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:hover{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:active{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}

*[tabindex] { outline:none; }

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

body{ background-color: #fafafa;}
.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:6;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}

#wrap{ position:relative; width:100%; margin:0 auto; overflow:hidden;;}

input[type=number],input[type=email], input[type=text], input[type=password],select{border:1px solid #ccc; border-radius: 3px; width:9.375rem; height:35px; line-height:35px; vertical-align:middle; font-size: .875rem; }
input[type=text].hasDatepicker{max-width:9.375rem !important; width:100%; background:#fff url("/images/home/cal_icon.png") no-repeat 90% 50%; font-family: 'Noto Sans KR';}

/*header*/
#header { position: fixed; top: 0; left: 0; width:100%;  width:100%; height: 5rem; z-index:999; transition:all 0.1s ease-in-out; background-color: transparent; }
#header > .header_inner { position: relative; max-width: 1400px; height: inherit; display: flex; justify-content: space-between; align-items: center; z-index: 6; margin: 0 auto;}
#header h1.logo {  position: relative; width: 11.25rem; aspect-ratio: 1/0.25; }
#header h1.logo a {background-repeat: no-repeat; background-position: 50% 50%; background-image: url('/images/logo.png'); background-size: 100%; }
#header .hd_btn { display: inline-block; margin-right: 10px; padding: 2px 10px 0; background: #00c0dd; color: #fff; border-radius: 3px; }

#header.hide_up { transform: translateY(-100%); pointer-events: none; }
#header .left_menu {gap:6.25rem;}
#header .right_menu {filter: brightness(0);}
#header .login,
#header .sch_wrap,
#header .mypage_btn,
#header .menu_btn { width: 2rem;}
#header .slide_bg { display: none; position: absolute; top: 100%; left: 0; width: 100%; height: 190px; background: #fff; z-index: 5; box-shadow: 0 6px 10px rgba(102, 102, 102, .05); }

#header .hd-schbx{ background-color: #fff; position: absolute; left: 0; width: 100%; top: 5rem; padding: 2.5rem 0; border-top: #eee 1px solid; border-bottom: #eee 1px solid; display: none;}
#header .hd-schbx .schInbx{max-width: 1200px;margin: 0 auto;gap: 6.25rem;}
#header .hd-schbx .tit{ color: #0168b7; font-size: 2rem; text-align: center; font-weight: 600;font-family: 'GmarketSans';}
#header .hd-schbx .inp-bx{position: relative;max-width: 670px;width: 100%;padding-right: 3.75rem;/* border-bottom: #000 2px solid; */background: #f5f5f5;border-radius: 50px;}
#header .hd-schbx .inp-bx .inp{display: block;height: 3.75rem;line-height: 3.75rem;width: 100%;border: none;background-color: transparent;padding-left: 1.875rem;}
#header .hd-schbx .inp-bx .sch{position: absolute;display: block;top: 0;right: 0;width: 3.75rem;height: 3.75rem;background: url("/images/home/search_icon.png") 0% 50% no-repeat;text-indent: -9999px;    background-size: 2rem;}


.pc .gnb { z-index: 6; }
.pc .gnb > ul { display: flex; position: relative; gap:3.75rem; }
.pc .gnb > ul > li {position: relative;white-space: nowrap;transition: all 0.2s ease-in-out;/* left: 50px; */}
.pc .gnb > ul > li::after{ content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 50%; opacity: 0; height: 3px;  transition: all 0.2s ease-in-out; border-radius: 5px;}
.pc .gnb > ul > li.on::after { opacity: 1; }
.pc .gnb > ul > li > a{position: relative;display: block; font-size: 1.25rem;font-weight: 500;color: #000;}
.pc .gnb > ul > li:hover > a { color: #0168b7 !important;}
.pc .gnb > ul > li:hover .depth2 > li > a { color: #333 !important; font-weight: 500;}
.pc .gnb > ul > li:hover .depth2 > li > a:hover { color: #0168b7 !important;}

.pc .gnb > ul > li .depth2 {position: absolute;top: 3.125rem;left: 0;pointer-events: none;opacity: 0;transition: .15s;width: 100%; height: 200px; transition: all 0.2s ease-in-out;}
.pc .gnb > ul > li .depth2.on { opacity: 1; pointer-events: auto; z-index: 99; }
.pc .gnb > ul > li .depth2 > li {position: relative;width: 100%;height: 35px;display: flex;align-items: center;justify-content: center;}
.pc .gnb > ul > li .depth2 > li > a {width: 100%;height: 100%;z-index: 9;transition: .3s;color: #8e8e8e;display: flex;align-items: center;justify-content: center;}
.pc .gnb > ul > li .depth2 > li > .depth3 { display: none; }

.pc .gnb > ul > li.gnb7,
.pc .gnb > ul > li.gnb8,
.pc .gnb > ul > li.gnb9{display:none;}

.fixed #header,
.fixed2#header,
.fixed#header { background: #fff !important; /* border-color: #e9e9e9; */ }

.fixed #header.h_sub ,
.fixed#header.h_sub ,
.fixed2#header.h_sub { background-color: #fff !important; }

/*#header.h_sub  > .header_inner { max-width: calc(1920px - 12.5rem); }*/

#gnb{ text-align: right; margin-bottom: 5px;}
#gnb > li{ position: relative; display: inline-block;}
#gnb > li + li{ margin-left: 60px;}
#gnb > li > a{ display: block; line-height: 90px; color: #0f1010; font-size: 19px; letter-spacing: -.05em; font-weight: 500;}
#gnb > li:hover > a,
#gnb > li.active > a{ color: #106fd2;}
#gnb > li > .subDepth{ display: none; position:absolute; top: 90px; left: 0; white-space: nowrap;}
#gnb > li.gnb1 > .subDepth{ left: -100px;}
#gnb > li.gnb2 > .subDepth{ left: -30px;}
#gnb > li.gnb3 > .subDepth{ left: -10px;}
#gnb > li.gnb5 > .subDepth{ left: -100px;}
#gnb > li > .subDepth > li{ display: inline-block;}
#gnb > li > .subDepth > li > a{ color: #5e5e5e; font-size: 18px; line-height: 70px; padding: 0 14px;}
#gnb > li > .subDepth > li > a:hover{ color: #106fd2;}

/*side_bar  common
#sidebar { position: fixed; top: 0; right: 0; width: 100%; height: 100vh; min-height: 800px; background: url('/images/sidemenu_bg.jpg'); z-index: 9999; display: none; }
#sidebar .login_wrap { position: absolute; left: 30px; top: 20px; display: flex; gap: 20px; }
#sidebar .login_wrap p { color: #fff; }
#sidebar .sub_header_right {left: -15px;}
#sidebar .sub_header_right li a { width: auto; height: 30px; line-height: 30px; display: block; text-align: center; padding: 0 10px;}
#sidebar .sub_header_right li span { font-size: 12px;}
#sidebar .sub_header_right li span::before {display:none;}
#sidebar * { transition: .5s; }
#sidebar .bt-close { width: 5.25rem; height: 5rem; background: #fff; position: absolute; right: 0; top: 0; z-index: 5; }
#sidebar .gnb > ul { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
#sidebar .gnb > ul > li { position: relative; flex: 1; height: 100vh;  background: rgba(91, 93, 100, .95); }
#sidebar .gnb > ul > li + li { border-left: 1px solid rgba(255, 255, 255, .2); }
#sidebar .gnb > ul > li > a { display: block; width: 100%; text-align: center; font-size: 2.25rem; padding-bottom: 2.5rem; color: #fff; position: absolute; z-index: 2; left: 50%; top: 28vh; transform: translateX(-50%); font-weight: 500; }
#sidebar .gnb > ul > li > a::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1.125rem; width: 3.75rem; height: 2px; background: #fff; }

#sidebar .gnb > ul > li.active > a { color: #30a3cd; }
#sidebar .gnb > ul > li.active > a::after{ transform: rotate(-45deg); }
#sidebar .gnb > ul > li > ul.depth2 { width: 100%; position: absolute; z-index: 2; left: 50%; top: 35vh; transform: translateX(-50%); text-align: center; }
#sidebar .gnb > ul > li > ul.depth2  > li > a { position: relative; display: block; width: 100%; margin-top: 1.5rem; font-size: 1.375rem; font-weight: 300; color: #fff; transition: .3s; }
#sidebar .gnb > ul > li > ul.depth2  > li:hover > a {font-weight: 500}
#sidebar .gnb > ul > li.on { background: rgb(20 100 170 / 90%);}
#sidebar .gnb > ul > li.gnb8,#sidebar .gnb > ul > li.gnb9{display:none;}
*/

#footer{ background-color: #333; padding: 55px 0; color: #777 ; font-size: .875rem; z-index: 50;}
#footer .inner .logo { width: 10rem; filter: brightness(100) grayscale(1); opacity: .4; }
#footer .footer_nav li { position: relative; }
#footer .footer_nav li a { font-weight: 300; color: #ccc; }
#footer .footer_nav li a b { font-weight: 500; color:#fff; }
#footer address span{position: relative;}
#footer address span + span:after{ content: ""; position: absolute; top: calc(50% - 2px); left: -.625rem; width: 4px; height: 4px; background: #777; border-radius:50%;}
#footer address .copy{color:#999;}


/* quick-menu */
.m_quick { position: fixed; bottom: 7.5rem; right: 2.5rem; z-index: 4;}
.m_quick ul { width: 5.625rem; font-size: .875rem; box-shadow: 0 0 10px rgb(0 0 0 / 10%); border-radius: 12px; margin-bottom: 1.25rem; background: #fff;}
.m_quick li { width: 100%; height: 6.25rem; }
.m_quick li + li { border-top: 1px #f0f0f0 solid; }
.m_quick li a { width: 100%; height: 100%; padding: 1.5rem .625rem; color: #747474; }
.m_quick li i { filter: grayscale(99); opacity: 0.7; }
.m_quick li p {line-height:1; font-weight:500;}

.m_quick li:hover a{color:#000;}
.m_quick li:hover i { filter: grayscale(0); opacity: 1; }

.m_quick .top { width: 5rem; height: 5rem; background: #000; border-radius: 50%; padding-top: 1.25rem; cursor: pointer; position: relative;}
.m_quick .top:after { content: ""; display: block; position: absolute; top: 1.875rem; left: 50%; transform: translate(0, 80px); width: 1rem; height: 1rem; border-top: 2px #fff solid; border-right: 2px #fff solid; transform: rotate(315deg) translate(0px, -50%); }

@media screen and (max-width: 1700px){
	.m_quick {right: .625rem;}
}

@media screen and (max-width: 1024px){
	.m_quick{display:none;}
}


/************************************************
	layout
************************************************/

#container{ position: relative;}
#indexwrap{ position: relative; z-index: 1; padding-top: 128px;}

/*
#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 2px solid; height: 5rem;}
#siteFunctions .inner .hd .utill a{ position: relative; display: inline-block; text-transform: uppercase;}
#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;}
#siteFunctions .inner .hd .utill a.login{ 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: 2px; 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: 2px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
*/
/*siteFunctions*/

.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:6;}
body.ovf_hdn, .ovf_hdn{position:relative; overflow:hidden; height:100%;}
html.ovf_hdn:after{ content: ''; display: block; width: 100%; height: 100%;  background: rgb(0 0 0 / 50%); position: absolute; top: 0; left: 0; z-index: 9998;}

#siteFunctions{ position: fixed; top: 0; right: -150%; width: 100%; z-index: 9999;}
#siteFunctions .inner{ background-color: #fff; height: 100vh; width: 31.25rem; overflow-y: auto; padding: 0 3.75rem; margin-right: 0;}
#siteFunctions .inner .hd{ position: relative; padding: 1.5rem 0 0 0; border-bottom: #333 1px solid; height: 5rem; line-height: 2.5rem; }
#siteFunctions .inner .hd .bt-close{ width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; right: 0vw; 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);}

#siteFunctions #gnb{text-align:left;}
#siteFunctions #gnb > ul { flex-wrap: wrap; }
#siteFunctions #gnb > ul > li { width: 100%; cursor: pointer; }
#siteFunctions #gnb > ul > li.gnb8,
#siteFunctions #gnb > ul > li.gnb9{display:none;}
#siteFunctions #gnb > ul > li > a{ position: relative; display: block; font-size: 1.25rem; padding: .8rem 0 .6rem; border-bottom: #e1e1e1 1px solid; font-weight: 600; pointer-events: none; }
#siteFunctions #gnb > ul > 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: 1.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;}
#siteFunctions #gnb > ul > li.active > a{ color: #069cc6;}
#siteFunctions #gnb > ul > li.active > a::after{ transform: rotate(-45deg);}
#siteFunctions #gnb > ul > li > ul{ padding: 1rem 0 2rem; display: none; border-bottom: 1px #e1e1e1 solid;}
#siteFunctions #gnb > ul > li > ul > li > a{ display: block; font-size: 1rem; padding: .4rem 2rem;}

#siteFunctions .inp-bx{position: relative; width: 100%; margin-top: 3.125rem; padding-left: 5px; background: #f5f5f5; border-radius: 5px; box-sizing: border-box;}
#siteFunctions .inp-bx .inp{ display: block; height: 3.125rem; line-height: 3.125rem; width: calc(100% - 3.125rem); border: none; background-color: transparent;}
#siteFunctions .inp-bx .sch{ position: absolute; display: block; top: 0; right: 0; width: 3.125rem; height: 3.125rem; background: url(../images/ico_search_w.png) 50% 50% no-repeat; background-size: 20px; 
text-indent: -9999px; background-color:#022d85; border-radius: 0px 5px 5px 0px;}
#siteFunctions .inp-bx .inp {font-family: 'Noto Sans KR', '����', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif;font-weight:400;color:#000;}
#siteFunctions .inp-bx .inp::-webkit-input-placeholder{font-weight:300; color:#999;}



.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: 500; }
.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{ position: relative; display: block; font-size: 1.4rem; padding: .4rem 2rem;}
.mobMenu > li > ul > li > a::before{ content: ''; display: block; position: absolute; top: 50%; left: .5rem; width: .8rem; height: 1px; background-color: #666;}




@media screen and (min-width:1024px){
    /* #siteFunctions{ width: 100%; right: 0; top: -500px; padding: 0;}
    #siteFunctions .inner{ height: auto;}
    #siteFunctions .mobMenu{ width: 100%; padding: 1rem 0 0 0; }
    #siteFunctions .mobMenu::after{ content: ''; display: block; clear: both;}
    #siteFunctions .mobMenu > li{ display: block; float: left; width: 20%; padding: 0 10px;} */
    .mobMenu > li > a{ font-size: 18px;}
    .mobMenu > li > a::after{ display: none;}
    .mobMenu > li > ul > li > a{ font-size: 16px;}
    .mobMenu > li > ul{ display: block;}
}

@media screen and (min-width:1025px) and (max-width:1500px){
    #header .header-top{ padding: 0 20px;}
    #header .inner h1.logo{ left: 20px;}
    #header .inner .bt-mn{ right: 20px;}
    #header .inner .bt-sch{ right: 80px;}
	#header .right_menu { filter: brightness(0); gap: 1rem; }	
	#header.h_sub > .header_inner{max-width:calc(100% - 2.5rem);}
	
}

@media screen and (min-width:1025px) and (max-width:1250px){
    #gnb > li + li{ margin-left: 4vw; }
}

@media screen and (max-width:1024px){ 
    #gnb{ display: none;}
    #header .inner{ height: 5rem;}
    #header .inner h1.logo{ left: 1.5rem;}
    #header .inner h1.logo a{ background-size: cover;}
    #header .inner .bt-sch{ width: 2rem; height: 2rem; right: 5rem; background-size: cover; margin-top: -1rem;}
	#header .right_menu { filter: brightness(0); gap: .5rem 1rem;justify-content: end; }	
	#header .right_menu #autoLogout{ order:5; width:100%; text-align:right;}
	#header > .header_inner,
	#header.h_sub > .header_inner { max-width: calc(100% - 2.5rem); }
	
	#siteFunctions #gnb{ display: block;}
            
    .contents{ padding: 5rem 2rem;}
    
    #footer{ padding: 2rem;}
    #footer .footer-wrap{ padding: 0;}
    #footer .footer-wrap .logo{ display: none;}
    #footer .footer-wrap .copy{ position: relative; bottom: auto; left: auto; width: 100%; margin-top: 1.5rem;}
    #footer .footer-wrap .footer-link{ margin-top: 1.5rem;}
    #footer .footer-wrap .copy em{ font-size:1rem;}    
    
    .tbl-search .inp{ width: 350px;}
    
    table.list.tbl-edu colgroup{ display: none;}
    table.list.tbl-edu thead{ display: none;}
    table.list.tbl-edu tbody tr{ border-bottom: #ccc 1px solid; padding: 1rem 0; display: block;}
    table.list.tbl-edu tbody tr:nth-child(even){background-color: #f7f7f7;}
    table.list.tbl-edu tbody td{ display: inline-block; border-bottom: none; text-align: left; padding: .2rem 0; width: 30%;}
    table.list.tbl-edu tbody td.eduTbl1{ width: 100%;}
    table.list.tbl-edu tbody td.subject{ width: 100%; font-weight: 600; color: #222;}
    table.list.tbl-edu tbody td.eduTbl4{ width: 60%;}    

    .tbl-scroll{ width: 100%; overflow-x: auto;}
    
	.responsive-dim{position: absolute; top: 0; left:0; width:100%; bottom:0;}
	.responsive-dim::after{ content:""; position: absolute; top:50%; left:50%; width:10rem; height:10rem; margin:-5rem 0 0 -5rem; border-radius: 50px; background:rgba(0,0,0,.3) url(../images/tx_scroll.png) 50% 50% no-repeat;  }
}

@media screen and (max-width:880px){ 
	#header .hd-schbx .schInbx { max-width: 1200px; margin: 0 auto; gap: 1.25rem 15px ; flex-direction: column; }
	#header .hd-schbx .inp-bx{max-width: 480px;}
}

@media screen and (max-width:640px){
    #header .inner h1.logo{ width: 126px; height: 28px; margin: -14px 0 0 0; left: 1.5rem;}
    #header .inner h1.logo a{ height: 28px; background-size: contain;}
    #header .inner .bt-sch{ width: 2rem; height: 2rem; right: 5rem; background-size: cover; margin-top: -1rem;}
	
	#siteFunctions .inner {width: 80%;padding: 0 2.5rem;}
    #siteFunctions .inner .hd{height:5rem;}
	#siteFunctions #gnb > ul > li > ul { padding: 1rem 0;}
	#siteFunctions #gnb > ul > li > ul > li > a { display: block; font-size: 1rem; padding: 2px 1.25rem; }
	    
    .contents{ padding: 5rem 2rem;}
    
    .h3-tit{ font-size: 2.5rem;}
    .tit-sub{ margin-top: 1rem; font-size: 1.5rem; line-height: 1.2;}
    .h4-tit{ font-size: 2rem; margin-bottom: 2rem;}
    
    #footer{ padding: 2rem;}
	/* #footer::after{ content: ''; display: block; width: 100%; height: 4.5%; background-color: #525a61; border-top: #6b747b 1px solid; position: absolute; bottom: 0;  left: 0; z-index: 0;} */
    #footer .footer-wrap{ padding: 0;}
    #footer .footer-wrap .logo{ display: none;}
    #footer .footer-wrap .copy{ position: relative; bottom: auto; left: auto; width: 100%; margin-top: 1.5rem;}
    #footer .footer-wrap .footer-link{ margin-top: 1.5rem;}
    #footer .footer-wrap .copy em{ display: none; font-size:1rem;}
    .tbl-scroll{ width: 100%; overflow-x: auto;}
    
	.responsive-dim{position: absolute; top: 0; left:0; width:100%; bottom:0;}
	.responsive-dim::after{ content:""; position: absolute; top:50%; left:50%; width:10rem; height:10rem; margin:-5rem 0 0 -5rem; border-radius: 50px; background:rgba(0,0,0,.3) url(../images/tx_scroll.png) 50% 50% no-repeat;  }
}

@media screen and (max-width:480px){
	#header > .header_inner,
	#header.h_sub > .header_inner{align-items: flex-start; padding-top: 1rem;}
	#header .right_menu{ margin-top:.2rem;}
	
	#header .hd-schbx .tit {font-size: 1.875rem;}
	#header .hd-schbx .inp-bx{max-width: calc(100% - 2.5rem);}
	
	#footer address p:nth-child(2){gap:0;}
	#footer address p:nth-child(2) span{width:100%;}
	#footer address p:nth-child(2) span + span:after{display:none;}
}

@media screen and (max-width:400px){
	#footer .inner > .flex_box{flex-direction: column;gap: 1.25rem; align-items: flex-start;}
	#footer address p:nth-child(3){gap:0 1.25rem;}
}

/* 팝업창 */
.f_popup { position: fixed; left:0; top:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99999; }
.f_popup .wrap { width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 20px; overflow: hidden; }
.f_popup .top { background:#333;  padding: 0.8rem 2rem; color: #fff; }
.f_popup .close { color:#fff; }
.f_popup .con { padding: 2rem 2rem 2.5rem; }
.f_popup h3 { font-size: 1.125rem; font-weight: 600; margin-bottom: 5px; }
.f_popup .btn_style5 { min-width: 6.6875rem; min-height: 2rem; padding: 0; font-size: 0.8125rem; }


.about01-wr{ position: relative; margin: 0 auto; padding-bottom: 200px;}
.about01-wr::before{ content: ''; position: absolute; bottom: 0; left: 0; right: calc( 50% + 210px); height: 500px; display: block; background: url(../images/bg_patten.png);}
.about01-wr .bx01{ position: relative; max-width: 1280px; margin: 0 auto; padding: 0 0 0 500px;}
.about01-wr .bx01 .thumb{ position: absolute; top: 0; left: 0;}
.about01-wr .bx01 .desc{ line-height: 1.8;}
.about01-wr .bx01 .desc p{ margin-top: 50px; font-size: 20px;}
.about01-wr .bx01 .desc p b{ color: #333;}

body.sub0102{ background-color: #fff;}
.about02-wr{ margin-bottom: -120px; padding-bottom: 300px; background: url(../images/purpoes_bg.jpg) 50% 100% no-repeat; }
.purpose-bx{ text-align: center; max-width: 1310px; margin:0 auto;}
.purpose-bx > li{ display: inline-block; width: 400px; height: 402px; border: #7e7e7e 1px solid; border-radius: 18px; background-color: #fff; margin: 0 17px 80px; overflow: hidden;}
.purpose-bx > li i{ display: block; height: 240px; background: url(../images/bg_patten2.png); padding-top: 50px;}
.purpose-bx > li .desc{ padding: 20px 40px; text-align: left;}
.purpose-bx > li .desc p{ color: #39a0d4; font-size: 50px; font-family: 'Montserrat'; font-weight: 200; line-height: 1;}
.purpose-bx > li .desc div{ font-size: 18px; color: #333; margin-top: 5px;}

.org-img{ text-align: center;}

.about04-wr{ max-width: 1280px; margin: 0 auto;}
.map-bx{ border: #858585 1px solid; margin-top: 60px;}
.map-bx .map{ display: block; width: 100%; height: 550px;}

.tbl-reserve{ width: 100%; table-layout: fixed; border-top: #000 2px solid;}
.tbl-reserve tr{ border-bottom: #a0a0a0 1px solid;}
.tbl-reserve tbody th{ padding: 10px 25px; text-align: left; border-left: #a0a0a0 1px solid; color: #333 ;font-weight: 500; background-color: #f0f0f0;}
.tbl-reserve tbody td{ padding: 10px 25px; text-align: left; border-left: #a0a0a0 1px solid;}
.tbl-reserve .brdLn{ border-left: none;}
.tbl-reserve .select,
.tbl-reserve .inp{ height: 40px; line-height: 40px;}
.tbl-reserve .sel01{ min-width: 250px;}
.tbl-reserve .sel02{ min-width: 150px;}
.tbl-reserve .data-sch{ display: flex;}
.tbl-reserve .data-sch .inp{ width: calc(100% - 190px); margin: 0 10px;}
.tbl-reserve .data-sch .sch{ width: 40px; height: 40px; display: inline-block; width: 60px; background: #31476f url(../images/ic_sch.png) 50% 50% no-repeat; text-indent: -9999px;}
.tbl-reserve .reserve-w1{ width: 20%;}

.reserve-desc{ margin: 50px 0 80px; font-size: 15px;}
.reserve-desc .tx01{ color: #333; font-weight: 600;}

.thumb-list{ margin-left: -40px; margin-top: -60px;}
.thumb-list::after{ content: ''; display: block; clear: both;}
.thumb-list .item{ position: relative; width: 400px; float: left; border: #ddd 1px solid; margin-left: 40px; margin-top: 60px;}
.thumb-list .item::before{ content: ''; border: #454444 2px solid; position: absolute; width: calc(100% + 2px); left: -1px; top: -1px; bottom: -1px; display: block; opacity: 0; -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;}
.thumb-list .item:hover{ box-shadow: 10px 10px 10px rgba(0,0,0,.1);}
.thumb-list .item:hover::before{ opacity: 1;}
.thumb-list .item .thumb{ position: relative; margin: 20px; background: #fff;}
.thumb-list .item .thumb img{ display: block; object-fit: cover; object-position: center; /*width: 100%;*/ height: 215px; margin: 0 auto;}
.thumb-list .item .desc{  position: relative;  padding: 0 20px; height: 125px;}
.thumb-list .item .desc .subject{ color: #000; font-size: 22px; font-weight: 500; line-height: 1.2; height: 54px; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.thumb-list .item .desc .name{ font-size: 16px; color: #000; margin-top: 10px;}
.thumb-list .item .bottom{  position: relative;  padding: 10px 20px; border-top: #ddd 1px solid;}
.thumb-list .item .bottom::after{ content: ''; display: block; clear: both;}
.thumb-list .item .bottom .state{ line-height: 40px; font-size: 13px; padding: 0 0 0 10px;}
.thumb-list .item .bottom .state > i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; vertical-align: 1px; margin-right: 10px; }
.thumb-list .item .bottom .state.blue > i{ background-color: #3190c5;}
.thumb-list .item .bottom .state.orange > i{ background-color: #f1840e;}
.thumb-list .item .bottom .state.red{ color: #ed1c24;}
.thumb-list .item .bottom .state.red > i{ background-color: #ed1c24;}
.thumb-list .item .bottom .btn{ float: right;}

.reserve-view .hd{ position: relative; border-top: #000 2px solid; border-bottom: #b8b8b8 1px solid; padding: 30px 180px 30px 140px;}
.reserve-view .hd .blt2{ position: absolute; top: 50%; left: 35px; border: #999 1px solid; height: 30px; width: 90px; display: block;line-height: 28px; border-radius: 15px; margin-top: -15px; text-align: center; font-size: 14px;}
.reserve-view .blt2 i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px;}
.reserve-view .blt2.blue i{ background-color: #3190c5;}
.reserve-view .blt2.red i{ background-color: #f1840e;}
.reserve-view .blt2.orange i{ background-color: #ed1c24;}
.reserve-view .hd .subject{ font-size: 25px; color: #000; font-weight: 600;}
.reserve-view .hd .right{ position: absolute; top: 50%; right: 35px; margin-top: -15px;}
.reserve-view .hd .right a{ position: relative; display: inline-block; width: 34px; height: 30px; }
.reserve-view .hd .right a + a{ margin-left: 40px;}
.reserve-view .hd .right .btShare{ background: url(../images/ic_share.png) 50% 50% no-repeat;}
.reserve-view .hd .right .btList i{ display: block; position: absolute; top: 50%; left: 0; width: 100%; background-color: #999; height: 2px;}
.reserve-view .hd .right .btList i:nth-child(1){ margin-top: -10px;}
.reserve-view .hd .right .btList i:nth-child(3){ margin-top: 10px;}
.reserve-view .bd{ border:#a0a0a0 1px solid; padding: 40px 50px; background-color: #fff; margin: 30px 0 0 0;}
.reserve-view .bd::after{ content: ''; display: block; clear: both;}
.reserve-view .bd .dv-l{ float: left; width: 450px; text-align: center;}
.reserve-view .bd .dv-l .blt{ text-align: center; display: block; margin-top: 10px; font-size: 14px;}
.reserve-view .bd .dv-r{ float: left; width: calc(100% - 450px); padding: 0 0 0 50px;}
.reserve-view .bd .dv-r ul{ border-bottom: #e5e5e5 1px solid;}
.reserve-view .bd .dv-r ul + ul{ margin-top: 20px;}
.reserve-view .bd .dv-r ul > li{ display: table; width: 100%; table-layout: fixed; padding: 8px 20px;}
.reserve-view .bd .dv-r ul > li > *{ display: table-cell;}
.reserve-view .bd .dv-r ul > li .t-tx{ width: 110px; color: #000; font-weight: 500;}
.reserve-view .bd .dv-r .reserve-desc{ margin: 35px 0 0 0;}
/*.reserve-view .bd .dv-r .btn-box .btn{ width: 170px;}*/

.reserve-con{ margin: 75px 0 0 0;}
.tc .tit{ color: #000; font-size: 25px; font-weight: 600; margin: 45px 0 25px 0;}
.tc b{ color: #333;}

.calendar-wr { }
.calendar-wr .cal-head_wrap { position: relative; }
.calendar-wr .cal-head_wrap ul { display: flex; align-items: center; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); gap: 30px; }
.calendar-wr .cal-head_wrap ul li { display: flex; align-items: center; justify-content: start; gap: 10px; }
.calendar-wr i { display: block; width: 10px; height: 10px; border-radius: 50%; }
.calendar-wr i.i_b { background: #4899ec; }
.calendar-wr i.i_r { background: #d12b2b; }
.calendar-wr i.i_g { background: #a2a2a2; }
.calendar-wr .cal-head_wrap .more { position: absolute;   right: 50px; top: 50%; transform: translateY(-50%); display: block; width: 60px; height: 60px; border-radius: 10px; background-color: #5b5d64; background-image: url(/images/more.png); background-repeat: no-repeat; background-position: 50% 50%; }
.calendar-wr .cal-head{ text-align: center; padding: 1.875rem 2.5rem; display: flex; justify-content: space-between; align-items: center; }
.calendar-wr .cal-head > a{ position: relative; display: inline-block; width: 30px; /* height: 30px; */ vertical-align: middle;}
.calendar-wr .cal-head > a::after{ content: ''; display: block; width: 1rem; height: 1rem; border-top: #000 2px solid; border-right: #000 2px solid; transform: rotate(45deg); position: absolute; top: 50%; left: 50%; margin: -.3rem 0 0 -.3rem;}
.calendar-wr .cal-head > a.prev::after{ transform: rotate(-135deg);}
.calendar-wr .cal-head .cal-tit{ color: #000; font-weight: 500; font-size: 1.75rem; display: inline-block; line-height: 1; vertical-align: middle; /* margin: 0 4rem; */}
.calendar-wr .cal-con{ padding: 0 4.2857rem 1.4286rem; margin: 0 1rem 1rem; border-radius: 20px; background: #fff; }
.calendar-wr .cal-con table thead tr th { border-bottom: 1px solid #ebebeb; }
.calendar-wr .cal-con table th{ padding: 1.5625rem 0; text-align: center; font-weight: 500; font-size: 1.125rem; color: #121212; }

.calendar-wr .cal-con table th:first-child{ }
.calendar-wr .cal-con table td{width: calc(100% / 7);}
.calendar-wr .cal-con table td:first-child{}
.calendar-wr .cal-con table td > div{ min-height: 75px; display: flex; align-items: center; justify-content: center; position: relative; gap: 0 1.25rem;}
.calendar-wr .cal-con table td.defalt{ background-color: #f0f0f0;}
.calendar-wr .cal-con table td > div .n { line-height: 1; font-size: 1.125rem; color: #121212; width: auto; height: auto; position: relative; }
.calendar-wr .cal-con table td.poss a { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 0 1.25rem; width: 85.1%; padding: 1.036rem 0; border-radius: 1.78rem; background: #edf1f9; border: 1px solid #e2e9f6; }
.calendar-wr .cal-con table td.poss a i ,
.calendar-wr .cal-con table td.poss a p { color: #5179c7; font-weight: 600;}
.calendar-wr .cal-con table td.today > div .n { color: #fff;  }
.calendar-wr .cal-con table td.today > div .n .circle { position: relative; z-index: 3; max-width: 18px; width: 100%; }
.calendar-wr .cal-con table td.today > div .n::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 2.1429rem; height: 2.1429rem; border-radius: 50%; background: #5179c7; /* z-index: 1; */ }
.calendar-wr .cal-con table td.today > div p{max-width: 55px; width: 100%;;}
.calendar-wr .cal-con table td.past > div .n { color: #c0c0c0; }
.calendar-wr .cal-con table td.past > div p { color: #c9c9c9; }z
.calendar-wr .cal-con table td.sun > div .n { color: #de7878;}
.calendar-wr .cal-con table td.sat > div .n { color: #7878c5;}
.calendar-wr .cal-con table td > div p { /* position: absolute; top: 0; left: 0;  width: 100%; height: 100%; */ font-size: 1.143rem;}
.calendar-wr .cal-con table td > div p > a { width: 100%; height: 100%; display: block;	 }
.calendar-wr .cal-con table td > div p i { position: absolute; top: 50%; left: 65%; transform: translateY(-60%); }
.calendar-wr .cal-con table td.defalt > div .n{ opacity: .5;}
.calendar-wr .cal-con table td.defalt > div p{ }
@media screen and (max-width: 1200px) {
	.calendar-wr .cal-con { padding: 0 0 1rem; }
	.calendar-wr .cal-con table td.today > div .n::after { width: 2rem; height: 2rem; }
	.calendar-wr .cal-con table td > div,
	.calendar-wr .cal-con table td.poss a { gap: 0 0.8rem; }
}
@media screen and (max-width: 900px) {
	.calendar-wr .cal-con table td > div,
	.calendar-wr .cal-con table td.poss a { flex-flow: column nowrap; gap: 0.6rem 0; }
	.calendar-wr .cal-con table td > div p { font-size: 1rem; }
}
@media screen and (max-width: 480px) {
	.calendar-wr .cal-con { margin: 0; border-radius: 0 0 20px 20px; }
	.calendar-wr .cal-con table td.poss a { gap: 0.5rem 0; width: 95%; border-radius: 15px; }
	.calendar-wr .cal-con table td.today > div .n::after { width: 1.8rem; height: 1.8rem; }
	.calendar-wr .cal-con table td > div p { font-size: 10px; }
}

.reserve-sel::after{ content:''; display: block; clear: both; }
.reserve-sel + .reserve-sel{ margin-top: 10px;}
.reserve-sel span{ float: left;}
.reserve-sel .select{ float: right; width: 140px;}
.reserve-sel b{ float: right; width: 140px; text-align: right;}

.privacy-bx{ border: #a0a0a0 1px solid; padding: 20px 30px; margin-top: 20px;}
.privacy-bx .tit-tx{ font-size: 18px; color: #cc0000; margin-bottom: 15px;}
.privacy-bx .tit-tx.gray{ color: #222;}

.pass-bx{ border-top:#000 2px solid; border-bottom: #e7e7e7 1px solid; padding: 40px; background: url(../images/bg_patten2.png);}
.pass-bx .tx01{ text-align: center; color: #333; font-weight: 500;}
.pass-bx .inp-bx{ max-width: 740px; margin: 30px auto 0; position: relative; padding: 0 0 0 90px; }
.pass-bx .inp-bx span{ position: absolute; top: 0; left: 0; display: inline-block; line-height: 50px; left: 0; color: #333;}
.pass-bx .inp-bx .inp{ height: 50px; line-height: 50px;}
.pass-bx .inp-bx .pass{ position: absolute; top: 0; width: 50px; height: 50px; right: 0; display: block; background: url(../images/ic_pass.png) 50% 50% no-repeat;}

@media screen and (min-width:641px) and (max-width:1024px){
    .about01-wr .bx01{ padding: 0 0 0 34%;}
    .about01-wr .bx01 .thumb{ width: 30%;}    
    .about01-wr::before{ display: none;}
    
    .about02-wr{ margin: 0 -2rem -5rem; padding: 0 2rem 10rem; background-size: 100% auto;}
    .purpose-bx > li{ width: 310px;}
    .purpose-bx > li i{ height: 200px; padding-top: 30px;}
    .purpose-bx > li .desc div .br{ display: none;}
    
    .thumb-list{ margin-left: -2%;}
    .thumb-list .item{ width: 48%; margin-left: 2%;}
    
    .reserve-view .hd{ padding: 1rem 0;}
    .reserve-view .hd .blt{ position: relative; margin: 0; top: auto; left: auto; }
    .reserve-view .hd .subject{ font-size: 1.8rem; margin: .5rem 0;}
    .reserve-view .hd .right{ top: 1rem; right: 0; margin: 0;}
    .reserve-view .hd .right a{ width: 3rem; height: 3rem; background-size: 100% auto;}
    .reserve-view .hd .right a + a{ margin-left: 1rem;}
    .reserve-view .bd{ margin-top: 2rem; padding: 1rem;}
    .reserve-view .bd .dv-l{ float: none; width: 100%;}
    .reserve-view .bd .dv-r{ margin: 2rem 0 0 0; padding: 0; float: none; width: 100%;}
    .reserve-view .bd .dv-r ul > li{ padding: .5rem 1rem;}
    .reserve-view .bd .dv-r ul > li .t-tx{ width: 6rem;}
    .reserve-view .bd .dv-r .reserve-desc{ margin-top: 2rem;}
    .reserve-view .bd .dv-r .btn-box.r{ text-align: center !important; margin-top: 2rem; display: flex;}
    .reserve-view .bd .dv-r .btn-box .btn{ flex: 1; padding: 0;}
	.reserve-view .hd .blt2{ position: initial; top: 50%; left: 35px; border: #999 1px solid; height: 30px; width: 90px; display: block;line-height: 28px; border-radius: 15px; margin-top: 0px; text-align: center;}



	/* info 01/11/2021 */
	.info_box { width: 100%; }
	.info_wrap .reserv {width: 100%;}
	.info_wrap .reserv img {width: 100%; }
    
}

@media screen and (max-width:640px){
    .about01-wr{ padding: 0;}
    .about01-wr .bx01{ padding: 0;}
    .about01-wr .bx01 .thumb{ position: relative; width: 100%; top: auto; left: auto;}
    .about01-wr .bx01 .desc{ margin-top: 2rem;}
    .about01-wr .bx01 .desc .br{ display: none;}   
    .about01-wr::before{ display: none;}
    
    .about02-wr{ margin: 0 -2rem -5rem; padding: 0 2rem 10rem; background-size: 100% auto;}
    .purpose-bx > li{ display: block; width: 100%; margin: 0; height: auto;}
    .purpose-bx > li + li{ margin-top: 2rem;}
    .purpose-bx > li i{ padding: 3rem 0; height: auto;}
    .purpose-bx > li i img{ width: 8rem;}
    .purpose-bx > li .desc{ padding: 1rem 2rem;}
    .purpose-bx > li .desc p{ font-size: 2rem;}
    .purpose-bx > li .desc div{ font-size: 1.3rem;}
    
    .map-bx{ margin-top: 3rem;}
    .map-bx .map{ height: 30rem;}
    
    .tbl-reserve tbody th{ padding: 1rem .4rem;}
    .tbl-reserve tbody td{ padding: 1rem;}
    .tbl-reserve .select, 
    .tbl-reserve .inp{ height: 3.4rem; line-height: 3.4rem;}
    .tbl-reserve .sel01{ min-width: 100%;}
    .tbl-reserve .sel02{ min-width: 100%;}
    .tbl-reserve .sel01 + .sel01{ margin-top: .4rem;}
    .tbl-reserve .reserve-w1{ width: 10rem;}
    .tbl-reserve .data-sch{ display: block;}
    .tbl-reserve .data-sch .select{ float: left; margin-bottom: .4rem;}
    .tbl-reserve .data-sch .inp{ float: left; width: calc(100% - 5rem); margin: 0;}
    .tbl-reserve .data-sch .sch{ height: 3.4rem; width: 4rem; float: right;}
    
    .reserve-desc{ margin: 2rem 0 3rem; font-size: 1.3rem;}
    
    .thumb-list{ margin: -2rem 0 0 0;}
    .thumb-list .item{ width: 100%; margin: 2rem 0 0 0;}
    .thumb-list .item .thumb{ padding: 1rem;}
    .thumb-list .item .desc{ margin: 1rem 0 0 0; padding: 0 1em; height: 8.5rem;}
    .thumb-list .item .desc .subject{ font-size: 1.6rem; height: 3.6rem;}
    .thumb-list .item .desc .name{ margin-top: 1rem; font-size: 1.3rem;}
    
    .reserve-view .hd{ padding: 1rem 0;}
    .reserve-view .hd .blt{ position: relative; margin: 0; top: auto; left: auto; }
    .reserve-view .hd .subject{ font-size: 1.8rem; margin: .5rem 0;}
    .reserve-view .hd .right{ top: 1rem; right: 0; margin: 0;}
    .reserve-view .hd .right a{ width: 3rem; height: 3rem; background-size: 100% auto;}
    .reserve-view .hd .right a + a{ margin-left: 1rem;}
    .reserve-view .bd{ margin-top: 2rem; padding: 1rem;}
    .reserve-view .bd .dv-l{ float: none; width: 100%;}
    .reserve-view .bd .dv-r{ margin: 2rem 0 0 0; padding: 0; float: none; width: 100%;}
    .reserve-view .bd .dv-r ul > li{ padding: .5rem 1rem;}
    .reserve-view .bd .dv-r ul > li .t-tx{ width: 6rem;}
    .reserve-view .bd .dv-r .reserve-desc{ margin-top: 2rem;}
    .reserve-view .bd .dv-r .btn-box.r{ text-align: center !important; margin-top: 2rem; display: flex;}
    .reserve-view .bd .dv-r .btn-box .btn{ flex: 1;}
	.reserve-view .bd .dv-r .btn-box .btn p {display:block;}
	.reserve-view .hd .blt2{ position: initial; top: 50%; left: 35px; border: #999 1px solid; height: 30px; width: 90px; display: block;line-height: 28px; border-radius: 15px; margin-top: 0px; text-align: center;}

    
    .reserve-con{ margin-top: 3rem;}
    .reserve-con .tc .tit{ font-size: 2rem; margin: 3rem 0 1rem;}
    
	/* .calendar-wr {margin-top:45px;}
    .calendar-wr .cal-head .cal-tit{ font-size: 2rem;}
    .calendar-wr .cal-con{ margin-top: 2rem;}
    .calendar-wr .cal-con table td > div{ padding: .4rem; min-height: auto;}
    .calendar-wr .cal-con table td > div p{ font-size: 1.2rem;} */
    
    .reserve-sel .select{ width: 100%;}
    
    .privacy-bx{ padding: 1rem;}
    .privacy-bx .tit-tx{ font-size: 1.6rem; margin-bottom: 1rem;}
    
    .pass-bx{ padding: 1rem 0;}
    .pass-bx .inp-bx{ width: 100%; padding: 0 0 0 5rem; margin-top: 1rem;}
    .pass-bx .inp-bx span,
    .pass-bx .inp-bx .inp,
    .pass-bx .inp-bx .pass{ height: 3.4rem; line-height: 3.4rem; background-size: 2rem;}


	.info_wrap .info_box .box1 { padding: 20px 0 0 22px; }
	.info_wrap .info_box .box2 { padding: 20px; }
	.info_wrap .info_box .box3 { padding: 20px;  }
	.info_wrap .info_box .box3 > .desc { margin-bottom: 0px; }
	.info_wrap .info_box .box3 > p.tel { padding: 0; border: none; }
    
    
}

/* main 
#indexWrap .section{ position: relative;}
#indexWrap .section .inner{ max-width: 1280px; margin: 0 auto; padding: 85px 0 90px;}
.section .m-tit{ margin-top: 80px;}
.section .m-tit .tit{ font-size: 42px; font-weight: 500; color: #222; line-height: 1; }
.section .m-tit .sTit{ font-size: 18px; color: #222; margin-top: 10px;}

.main-visual .swiper-slide{ position: relative;}
.main-visual .desc{  height: calc(100vh - 128px); max-width: 1280px; margin: 0 auto; padding: 10vh 0 0 0; color: #fff;}
.main-visual .desc .tx01{ font-size: 50px; }
.main-visual .desc .tx02{ font-size: 20px; }
.main-visual .desc .bt{ margin: 20px 0 0 0; background-color: rgba(255,255,255,.2); border: rgba(255,255,255,.5) 1px solid; display: inline-block; height: 46px; line-height: 46px; padding: 0 45px; color: #fff; text-transform: uppercase; font-size: 15px; border-radius: 23px;}
.main-visual .thumb{ height: calc(100vh - 128px); position: absolute; top: 0; left: 50%; right: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.main-visual .cotr{ position: absolute; bottom: 33vh; left: 50%; margin-left: -640px; width: 1280px; z-index: 3;}
.main-visual .cotr .pag{ position: relative; width: auto; bottom: auto; left: auto; display: inline-block; vertical-align: middle; line-height: 36px; font-size: 17px; font-weight: 600; color: #d7dad9;}
.main-visual .cotr .pag .swiper-pagination-current{ color: #fff;}
.main-visual .cotr a{ position: relative; display: inline-block; width: 36px; height: 36px; vertical-align: middle;}
.main-visual .cotr .prev::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; display: inline-block; width: 14px; height: 14px; transform: rotate(-135deg); border-top: rgba(255,255,255,.4) 1px solid; border-right: rgba(255,255,255,.4) 1px solid;}
.main-visual .cotr .next::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; display: inline-block; width: 14px; height: 14px; transform: rotate(45deg); border-top: rgba(255,255,255,.4) 1px solid; border-right: rgba(255,255,255,.4) 1px solid;}
.main-visual .cotr .play{ background-color: rgba(255,255,255,.2); border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/ic_play.png); display:none;}
.main-visual .cotr .stop{ background-color: rgba(255,255,255,.2); border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/ic_stop.png); display:none;}
.main-visual .cotr .play.on,
.main-visual .cotr .stop.on{ display: inline-block;}

.main-s01bx{ width: 1280px; height: 220px; background-color: rgba(255,255,255,.9); position: absolute; bottom: 6vh; left: 50%; margin-left: -640px; z-index: 2; padding: 60px 0 0 0;}
.main-s01bx::after{ content: ''; display: block; clear: both;}
.main-s01bx > div{ position: relative; float: left; width: 50%; padding: 0 50px;}
.main-s01bx .itm1{ width: 25%;}
.main-s01bx .itm1::after{ content: ''; width: 60px; height: 60px; background: url(../images/ic_m0101.png) 50% 50% no-repeat; position: absolute; top: 10px; right: 20px;}
.main-s01bx .itm2{ width: 25%;}
.main-s01bx .itm2::after{ content: ''; width: 60px; height: 60px; background: url(../images/ic_m0102.png) 50% 50% no-repeat; position: absolute; top: 10px; right: 30px;}
.main-s01bx .tit{ color: #070707; font-size: 25px; font-weight: 500; line-height: 1;}
.main-s01bx .sTit{ color: #999; font-size: 15px;}
.main-s01bx .bt{ color: #070707; font-size: 15px; display: block; margin: 15px 0 0 0;}
.main-s01bx .sch-bx{ height: 56px; line-height: 56px; border-bottom: #000 2px solid; padding: 0 56px 0 0; margin: 15px 0 0 0;}
.main-s01bx .sch-bx .inp{ height: 54px; line-height: 54px; vertical-align: middle; border: none;  background-color: transparent; font-size: 22px; padding: 0;}
.main-s01bx .sch-bx .sch{ width: 56px; height: 56px; background-image: url(../images/ic_search.png); background-position: 50%; background-color: transparent;}

.main-s02bx{ position: relative;}
.main-s02bx .prev{ position: absolute; display: block; width: 40px; height: 40px; top: 50%; left: -40px; margin-top: -20px;}
.main-s02bx .next{ position: absolute; display: block; width: 40px; height: 40px; top: 50%; right: -40px; margin-top: -20px;}
.main-s02bx .prev.swiper-button-disabled,
.main-s02bx .next.swiper-button-disabled{ opacity: .3;}
.main-s02bx .prev::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; display: inline-block; width: 20px; height: 20px; transform: rotate(-135deg); border-top: #c9c9c9 2px solid; border-right: #c9c9c9 2px solid;}
.main-s02bx .next::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; display: inline-block; width: 20px; height: 20px; transform: rotate(45deg); border-top: #c9c9c9 2px solid; border-right: #c9c9c9 2px solid;}
.main-s02bx .thumb-list{ margin: 40px 0 0 0; overflow: hidden;}
.main-s02bx .item{ float: none; margin: 0;}

.main-s0202bx{ margin: 20px 0 0 0;}
.main-s0202bx::after{ content: ''; display: block; clear: both;}
.main-s0202bx .main-edu{ position: relative; float: left; width: 50%; background-color: #f6f6f6; overflow: hidden;}
.main-s0202bx .main-edu .pag{ position: absolute; display: inline-block; padding: 0 20px; top: 30px; bottom: auto; left: auto; right: 0; z-index: 3;}
.main-s0202bx .main-edu .pag .swiper-pagination-bullet{ margin: 0 4px; opacity: 1; border: #acacac 1px solid; background-color: transparent;}
.main-s0202bx .main-edu .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #2653a5; border-color:#2653a5;}
.main-s0202bx .main-edu .swiper-slide{ padding: 30px 50px; min-height: 370px;}
.main-s0202bx .main-edu .name i{ display: inline-block; line-height: 28px; height: 28px; padding: 0 2rem; background-color: #2f5796; margin-right: .4rem; color: rgba(255,255,255.8); border-radius: 14px; font-size: 15px;}
.main-s0202bx .main-edu .name i.gray{ background-color: #999;}
.main-s0202bx .main-edu .name p{ font-size: 16px; line-height: 28px; margin-bottom: 15px;}
.main-s0202bx .main-edu .name strong{color: #222; font-size: 27px; font-weight: 600; line-height: 1.2; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 68px;}
.main-s0202bx .main-edu .desc{ display: table; width: 100%; margin-top: 20px;}
.main-s0202bx .main-edu .desc p{ width: 200px; height: 200px; margin-right: 40px;}
.main-s0202bx .main-edu .desc ul{ display: table-cell;}
.main-s0202bx .main-edu .desc ul > li{ position: relative; padding: 0 0 0 4.5rem;}
.main-s0202bx .main-edu .desc ul > li + li{ margin-top: .8rem; line-height: 1.4; }
.main-s0202bx .main-edu .desc ul > li .hd{ position: absolute; top: 0; left: 0; font-weight: 500; color: #222;}
.main-s0202bx .main-sec02-q{ float: right; width: calc(50% - 50px);}
.main-s0202bx .main-sec02-q > li{ background-color: #98c7e2; height: 180px; padding: 30px 60px 0;}
.main-s0202bx .main-sec02-q > li.green{ background-color: #98dce2;}
.main-s0202bx .main-sec02-q > li + li{ margin-top: 30px;}
.main-s0202bx .main-sec02-q > li .tit{ color: #222; font-size: 30px; font-weight: 500; line-height: 1;}
.main-s0202bx .main-sec02-q > li .sTit{ color: #364751; margin-top: 10px;}
.main-s0202bx .main-sec02-q > li .bt{
margin: 15px 0 0 0; border: rgba(0,0,0,.5) 1px solid; display: inline-block; height: 35px;  line-height: 34px; padding: 0 25px; color: #000; text-transform: uppercase; font-size: 15px; border-radius: 23px;}

.section.sect03{ background-color: #f0f0f2;}
.section.sect03 .inner::after{ content: ''; display: block; clear: both;}
.section.sect03 .inner .m-tit{ margin-top: 0; margin-bottom: 35px;}
.section.sect03 .inner .main-bbs{ position: relative; float: left; width: 50%;}
.section.sect03 .inner .main-bbs .tab{ margin-bottom: 20px;}
.section.sect03 .inner .main-bbs .tab > li{ position: relative; font-size: 20px; display: inline-block;}
.section.sect03 .inner .main-bbs .tab > li.active a{ color: #4093c5; font-weight: 600;}
.section.sect03 .inner .main-bbs .tab > li + li{ margin-left: 20px; padding-left: 20px;}
.section.sect03 .inner .main-bbs .tab > li + li::after{ content: ''; width: 1px; height: 1rem; position: absolute; top: 50%; left: 0; margin-top: -.5rem; background-color: #999;}
.section.sect03 .inner .main-bbs .bbsBx{ height: 330px; background-color: #fff;}
.section.sect03 .inner .main-bbs .tc{  padding: 10px 30px; overflow: hidden; }
.section.sect03 .inner .main-bbs .tc .itm{ padding: 20px 0; border-top: #e6e6e6 1px solid; margin-top: 0 !important;}
.section.sect03 .inner .main-bbs .tc .itm:nth-child(3n+1){ border-top:none;}
.section.sect03 .inner .main-bbs .tc .itm a{ display: block; position: relative; padding-right: 80px;}
.section.sect03 .inner .main-bbs .tc .itm a strong{ display: block; color: #030303; font-weight: 500; font-size: 19px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.section.sect03 .inner .main-bbs .tc .itm a .date{ display: inline-block; position: absolute; top: 0; right: 0;font-size: 15px; color: #3c3c3c;}
.section.sect03 .inner .main-bbs .tc .itm a .txt{ display: block; color: #a6a6a6; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.section.sect03 .inner .main-bbs .pag{ position: absolute; top: 0; right: 0; left: auto; bottom: auto; width: auto; display: inline-block; text-align: right; padding: 0 20px;}
.section.sect03 .inner .main-bbs .pag .swiper-pagination-bullet{ margin: 0 4px; opacity: 1; border: #acacac 1px solid; background-color: transparent;}
.section.sect03 .inner .main-bbs .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #2653a5; border-color:#2653a5;}

.main-faq{ float: right; width: calc(50% - 50px);}
.main-faq .tit{ line-height: 1; color: #222; font-size: 20px; margin-bottom: 35px;}
.main-faq .desc{ background: url(../images/main_faq.png) 50% 50% no-repeat;}
.main-faq .desc::after{ content: ''; display: block; clear: both;}
.main-faq .desc .tbx{ width: 50%; height: 330px; float: right; background-color: rgba(63,151,201,.9); text-align: center; color: #080808; padding: 90px 0; }
.main-faq .desc .tbx strong{ display: block; font-size: 30px; line-height: 1;}
.main-faq .desc .tbx span{ display: block; margin: 15px 0 30px; line-height: 1.2;}
.main-faq .desc .tbx .bt{
border: rgba(0,0,0,.5) 1px solid; display: inline-block; height: 35px;  line-height: 34px; padding: 0 25px; color: #000; text-transform: uppercase; font-size: 15px; border-radius: 23px;}

.main-mn{ position: absolute; top:50%; left: 68px; margin-top: -60px; z-index: 2;}
.main-mn > li > a{ display: block; width: 12px; height: 12px; border-radius: 6px; background-color: #e7e5e5;}
.main-mn > li + li{ margin-top: 20px;}
.main-mn > li.active > a{ height: 48px; background-color: #4bf3f1;}

@media screen and (min-width:641px) and (max-width:1024px){    
    .main-mn{ display: none;}
    
    .main-visual{ position: relative;}
    .main-visual .thumb{ height: 25rem; width: 100%; position: relative; width: 100%; top: auto; left: auto; right: auto;}
    .main-visual .desc{ padding: 2.5rem 2.5rem; height: auto; }
    .main-visual .desc .tx01{ font-size: 2.8rem;}
    .main-visual .desc .tx02{ font-size: 1.2rem;}
    .main-visual .desc .bt{ height: 2rem; line-height: 2rem; font-size: 1.1rem; width: auto; padding: 0 2rem; margin-top: 1.2rem;}
    .main-visual .cotr{ width: 50%; right: 0; bottom: 2.5rem; left:left; margin: 0; text-align: right; padding-right: 2.5rem;}
    .main-visual .cotr a{ width: 2rem; height: 2rem;}
    .main-visual .cotr .prev::after,
    .main-visual .cotr .next::after{ width: 1rem; height: 1rem; margin-top: -.5rem;}
    .main-visual .cotr .pag{ line-height: 2rem; font-size: 1.2rem;}
    
    .main-s01bx{ position: relative; bottom: auto; left: auto; margin: 0; width: 100%; height: auto; padding: 2.5rem 2rem 0;}
    .main-s01bx .itm3{ display: none;}
    .main-s01bx .itm1{ width: 49%; border: #bebebe 1px solid; border-radius: .5rem; padding: 1.5rem;}
    .main-s01bx .itm2{ width: 49%; border: #bebebe 1px solid; border-radius: .5rem; padding: 1.5rem; float: right;}
    .main-s01bx .tit{ font-size: 1.4rem;}
    .main-s01bx .sTit{ font-size: 1.1rem;}
    .main-s01bx .bt{ font-size: 1.2rem; margin-top: 1rem;}
    .main-s01bx .itm1::after,
    .main-s01bx .itm2::after{ width: 3rem; height: 3rem; top:50%; right: 1rem; margin-top: -1.5rem; background-size: cover;}
    
    .section .m-tit .tit{ font-size: 1.6rem;}
    .section .m-tit .sTit{ font-size: 1.1rem; margin-top: .4rem;}
        
    #indexWrap .section .inner{ padding: 3rem 2rem 0; }
    .main-s02bx{ padding: 0 3rem;}
    .thumb-list .item .thumb img{ height: 160px;}
    .main-s02bx .thumb-list{ margin-top: 2rem;}
    .main-s02bx .prev{ left: 0; width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-s02bx .next{ right: 0; width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-s02bx .prev::after,
    .main-s02bx .next::after{ width: 1.4rem; height: 1.4rem; margin-left: 0; margin-right: 0;}
    .main-s02bx .prev::after{ left: 0;}
    .main-s02bx .next::after{ right: 0;}
    
    .main-s0202bx{ margin-top: 1rem;}
    .main-s0202bx .main-edu{ width: 100%; float: none;}
    .main-s0202bx .main-edu .swiper-slide{ padding: 2.5rem 2rem; min-height: auto;}
    .main-s0202bx .main-edu .name strong{ font-size: 1.4rem;}
    .main-s0202bx .main-edu .name p{ font-size: 1.3rem;}
    .main-s0202bx .main-edu .name i{ font-size: 1.1rem; height: 1.8rem; line-height: 1.8rem; padding: 0 1rem;}
    .main-s0202bx .main-edu .desc p{ width: 10rem;}
    .main-s0202bx .main-edu .desc ul > li{ padding-left: 6rem; line-height: 1.4rem;}
    .main-s0202bx .main-edu .desc ul > li + li{ margin-top: .5rem;}
    .main-s0202bx .main-edu .pag{ top: 2.5rem;}
    
    .main-s0202bx .main-sec02-q{ width: 100%; float: none; margin-top: 1.5rem;}
    .main-s0202bx .main-sec02-q > li{ padding: 1.5rem 2.5rem; height: auto;}
    .main-s0202bx .main-sec02-q > li + li{ margin-top: 1.5rem;}
    .main-s0202bx .main-sec02-q > li .tit{ font-size: 1.6rem;}
    .main-s0202bx .main-sec02-q > li .sTit{ font-size: 1.1rem; margin-top: .5rem;}
    .main-s0202bx .main-sec02-q > li .bt{ font-size: 1.1rem;}
    
    .section.sect03{ margin-top: 3rem; padding-bottom: 5rem;}
    .section.sect03 .inner .main-bbs{ width: 100%; float: none;}
    .section.sect03 .inner .main-bbs .tab{ margin-bottom: 1rem;}
    .section.sect03 .inner .main-bbs .tc{ padding: .5rem 1.5rem;}
    .section.sect03 .inner .main-bbs .tc .itm{ padding: 1rem 0;}
    .section.sect03 .inner .main-bbs .tc .itm a strong{ font-size: 1.3rem;}
    .section.sect03 .inner .main-bbs .tc .itm a .date{ font-size: 1.2rem;}
    .section.sect03 .inner .main-bbs .tc .itm a .txt{ font-size: 1.2rem;}
    .section.sect03 .inner .main-bbs .tab > li{ font-size: 1.4rem;}
    .section.sect03 .inner .main-bbs .bbsBx{ height: auto;}
    .section.sect03 .inner .main-bbs .pag{ padding-right: 0;}
    
    .main-faq{ width: 100%; float: none; margin-top: 3rem;}
    .main-faq .tit{ font-size: 1.4rem; margin-bottom: 1rem;}
    .main-faq .desc .tbx{ height: 16rem; padding-top: 4rem;}
    .main-faq .desc .tbx strong{ font-size: 1.5rem;}
    .main-faq .desc .tbx span{ font-size: 1.1rem; margin-bottom: 1rem;}
    .main-faq .desc .tbx .bt{ font-size: 1.1rem;}
    .main-faq .desc{ background-size: cover;}
}

@media screen and (max-width:640px){
    .main-mn{ display: none;}
    
    .main-visual{ position: relative;}
    .main-visual .thumb{ height: 25rem; width: 100%; position: relative; width: 100%; top: auto; left: auto; right: auto;}
    .main-visual .desc{ padding: 2.5rem 2.5rem; height: auto; }
    .main-visual .desc .tx01{ font-size: 2.8rem;}
    .main-visual .desc .tx02{ font-size: 1.2rem;}
    .main-visual .desc .bt{ height: 2.5rem; line-height: 2.4rem; font-size: 1.1rem; width: auto; padding: 0 2rem; margin-top: 1.2rem;}
    .main-visual .cotr{ width: 50%; right: 0; bottom: 2.5rem; left:left; margin: 0; text-align: right; padding-right: 2.5rem;}
    .main-visual .cotr a{ width: 2rem; height: 2rem;}
    .main-visual .cotr .prev::after,
    .main-visual .cotr .next::after{ width: 1rem; height: 1rem; margin-top: -.5rem;}
    .main-visual .cotr .pag{ line-height: 2rem; font-size: 1.2rem;}
    
    .main-s01bx{ position: relative; bottom: auto; left: auto; margin: 0; width: 100%; height: auto; padding: 2.5rem 2rem 0;}
    .main-s01bx .itm3{ display: none;}
    .main-s01bx .itm1{ width: 49%; border: #bebebe 1px solid; border-radius: .5rem; padding: 1.5rem;}
    .main-s01bx .itm2{ width: 49%; border: #bebebe 1px solid; border-radius: .5rem; padding: 1.5rem; float: right;}
    .main-s01bx .tit{ font-size: 1.4rem;}
    .main-s01bx .sTit{ font-size: 1.1rem;}
    .main-s01bx .bt{ font-size: 1.2rem; margin-top: 1rem;}
    .main-s01bx .itm1::after,
    .main-s01bx .itm2::after{ width: 3rem; height: 3rem; top:50%; right: 1rem; margin-top: -1.5rem; background-size: cover;}
    
    .section .m-tit .tit{ font-size: 1.6rem;}
    .section .m-tit .sTit{ font-size: 1.1rem; margin-top: .4rem;}
        
    #indexWrap .section .inner{ padding: 3rem 2rem 0; }
    .main-s02bx{ padding: 0 3rem;}
    .thumb-list .item .thumb img{ height: 16rem;}
    .main-s02bx .thumb-list{ margin-top: 2rem;}
    .main-s02bx .prev{ left: 0; width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-s02bx .next{ right: 0; width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-s02bx .prev::after,
    .main-s02bx .next::after{ width: 1.4rem; height: 1.4rem; margin-left: 0; margin-right: 0;}
    .main-s02bx .prev::after{ left: 0;}
    .main-s02bx .next::after{ right: 0;}
    
    .main-s0202bx{ margin-top: 1rem;}
    .main-s0202bx .main-edu{ width: 100%; float: none;}
    .main-s0202bx .main-edu .swiper-slide{ padding: 2.5rem 2rem; min-height: auto;}
    .main-s0202bx .main-edu .name strong{ font-size: 1.4rem; height: auto;}
    .main-s0202bx .main-edu .name p{ font-size: 1.3rem;}
    .main-s0202bx .main-edu .name i{ font-size: 1.1rem; height: 1.8rem; line-height: 1.8rem; padding: 0 1rem;}
    .main-s0202bx .main-edu .desc p{ width: 10rem; height: 10rem; margin-right: 1rem;}
    .main-s0202bx .main-edu .desc ul > li{ padding-left: 6rem; line-height: 1.4rem;}
    .main-s0202bx .main-edu .desc ul > li + li{ margin-top: .5rem;}
    .main-s0202bx .main-edu .pag{ top: 2.5rem;}
    
    .main-s0202bx .main-sec02-q{ width: 100%; float: none; margin-top: 1.5rem;}
    .main-s0202bx .main-sec02-q > li{ padding: 1.5rem 2.5rem; height: auto;}
    .main-s0202bx .main-sec02-q > li + li{ margin-top: 1.5rem;}
    .main-s0202bx .main-sec02-q > li .tit{ font-size: 1.6rem;}
    .main-s0202bx .main-sec02-q > li .sTit{ font-size: 1.1rem; margin-top: .5rem;}
    .main-s0202bx .main-sec02-q > li .bt{ height: 2.5rem; line-height: 2.4rem; font-size: 1.1rem; width: auto; padding: 0 2rem; margin-top: 1.2rem;}
    
    .section.sect03{ margin-top: 3rem; padding-bottom: 5rem;}
    .section.sect03 .inner .main-bbs{ width: 100%; float: none;}
    .section.sect03 .inner .main-bbs .tab{ margin-bottom: 1rem;}
    .section.sect03 .inner .main-bbs .tc{ padding: .5rem 1.5rem;}
    .section.sect03 .inner .main-bbs .tc .itm{ padding: 1rem 0;}
    .section.sect03 .inner .main-bbs .tc .itm a strong{ font-size: 1.3rem;}
    .section.sect03 .inner .main-bbs .tc .itm a .date{ font-size: 1.2rem;}
    .section.sect03 .inner .main-bbs .tc .itm a .txt{ font-size: 1.2rem;}
    .section.sect03 .inner .main-bbs .tab > li{ font-size: 1.4rem;}
    .section.sect03 .inner .main-bbs .bbsBx{ height: auto;}
    .section.sect03 .inner .main-bbs .pag{ padding-right: 0;}
    
    .main-faq{ width: 100%; float: none; margin-top: 3rem;}
    .main-faq .tit{ font-size: 1.4rem; margin-bottom: 1rem;}
    .main-faq .desc .tbx{ height: 16rem; padding-top: 4rem;}
    .main-faq .desc .tbx strong{ font-size: 1.5rem;}
    .main-faq .desc .tbx span{ font-size: 1.1rem; margin-bottom: 1rem;}
    .main-faq .desc .tbx .bt{ height: 2.5rem; line-height: 2.4rem; font-size: 1.1rem; width: auto; padding: 0 2rem; margin-top: 1.2rem;}
    .main-faq .desc{ background-size: cover;}
}

@media screen and (min-width:641px) and (max-width:1024px){  
    #header .inner .bt-sch.active{ background-size: 1.8rem;}  
    .hd-schbx{ top: 5rem; padding: 1rem 2rem 2rem 2rem;}
    .hd-schbx .schInbx{ padding: 0;}
}

@media screen and (max-width:640px){
    #header .inner .bt-sch.active{ background-size: 1.8rem;}
    .hd-schbx{ top: 5rem; padding: 1rem 2rem 2rem 2rem;}
    .hd-schbx .schInbx{ padding: 0;}
    .hd-schbx .tit{ font-size: 1.8rem;}
    .hd-schbx .inp-bx{ margin-top: 1rem; padding-right: 5rem;}
    .hd-schbx .inp-bx .inp{ height: 5rem; line-height: 5rem;}
    .hd-schbx .inp-bx .sch{ width: 5rem; height: 5rem; background-size: 2rem;}

	
}
*/

.pop-lay{ display: none; background-color: #fff; width: 800px; max-height: 85vh; overflow-y: auto;}
.pop-lay .pop_tit{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 60px;padding: 20px 30px 0;}
.pop-lay .pop_tit .close{ width: 20px; height: 20px; position: relative; text-indent: -9999px;}
.pop-lay .pop_tit .close::before{content: '';display: block;width: 20px;height: 2px;background-color: #000;position: absolute;top: 50%;left: calc(50% - 10px); transform: rotate(45deg);}
.pop-lay .pop_tit .close::after{content: '';display: block;width: 20px;height: 2px;background-color: #000;position: absolute;top: 50%;left: calc(50% - 10px); transform: rotate(-45deg);}
.pop-lay .pop_tit .title { width: inherit; margin-bottom: 0; line-height: 1.5; align-items: center; color: white;}

.pop-lay .pop_con {padding:20px 30px 30px;}
.pop-lay .pop_con input[type=text],
.pop-lay .pop_con select{height: 35px; line-height: 35px;}
.pop-lay .pop_con input[type="radio"],
.pop-lay .pop_con input[type="checkbox"] { width: 14px; height: 14px;}
.pop-lay .pop_con .flex_box > input{margin:0;}
/*.pop-lay .pop_con .table_line {max-height: 350px; overflow-y: auto;}*/
.pop-lay .pop_con .table_line thead th,
.pop-lay .pop_con .table_line tbody th{background-color: #f9f9f9;}
.pop-lay .pop_con .table_line tbody td { padding: 8px;}
.pop_con .board-write tbody th, .pop_con .board-write tbody td {text-align: left;padding: .625rem 1rem;}

.pop-lay .pop_con .paging { margin: 15px 0 0 0;}
.pop-lay .pop_con .paging a { width: 26px; height: 26px; line-height: 26px; font-size: 14px; border: none;}
.pop-lay .pop_con .paging .on {position: relative;background-color: transparent;color: #000;overflow: visible;}
.pop-lay .pop_con .paging .on:after {content: '';display: block;width: 12px;height: 1px;background-color: #000;position: absolute;top: 50%;right: -10px;transform: rotate(-75deg);}

.pop-lay.alert {border-radius:1.25rem; max-width:450px;}
.pop-lay.alert .pop_tit{padding: 0px 30px 0;}
.pop-lay.alert .pop_con {padding: 0px 30px 30px;}

.pop-lay .orderSelect{ width:80px;}

.edu_pop#f_edu_pop_1{ height:530px;}
.edu_pop#f_edu_pop_1 .wrap{ width:800px;}
@media screen and (max-width:640px){
    .pop-lay{ width: 96%;}
    .pop-lay .pop-tit{ padding: 1rem;}
    .pop-lay .pop-tit .tit{ font-size: 1.8rem;}
    .pop-lay .pop-con{ padding: 1rem;}
    .pop-lay .pop-con .tit{ font-size: 1.6rem; margin-bottom: .5rem;}
    .pop-lay .bt-close{ top: 1rem; right: 1rem;}
    
    .edu_pop#f_edu_pop_1{ height:440px;}
	.edu_pop#f_edu_pop_1 .wrap{ width:100%; padding:0}


	/* info������ */
	.info_pay { flex-direction: column; }
	.info_pay li { width: 100%; margin-top: 1rem;}
}

.f_popup#f_edu_pop_2{ height:250px; width:410px; background-color:transparent;}

/* �˾� */
#divpop {
	position: absolute;
    left: 70px;
    top: 140px;
    z-index: 4;
    visibility: visible;
	background: #31476f;
	padding: 5px; 
	box-shadow: 2px 10px 20px rgb(0 0 0 / 40%);
}

#divpop tbody {
	
}
#divpop td {
  font-family: Tahoma, Dotum, sans-serif;
  font-size: 14px;
  line-height: 145%;
  color: white;
  background: #31476f;
}

#divpop td.chk_btn {
  padding: 22px 0;
}
#divpop td.chk_btn .today_chk {
	width: 28px;
	height: 28px;
	vertical-align: -.4rem;
}
#divpop td.chk_btn > span {
	margin-right: 15px; 
}
#divpop td.chk_btn .close_btn {
	border-left: 1px solid #ccc;
	font-size: 18px; 
}

#divpop td.chk_btn .close_btn > strong {
	padding: 1.4rem 1.8rem;
	color: white;
}

@media screen and (max-width:640px){
	
	#divpop {
		position: fixed;
		width: 100%;
		max-width: 100%;
		transform: none; -webkit-transform: none;
		left: auto;
		padding: 15px;
	}

}

/*terms*/
.terms h3{margin-top:1.875rem;font-weight:bold; color:#ff7200;}
.terms .depth1{margin-top:.625rem; text-indent: -1.25rem; padding-left: 1.25rem;}
.terms .depth2{padding-left:1.5rem;}
.terms .depth3{padding-left:1.5rem;}

.terms .privacy .privacy_tb{max-width:1200px;margin:1.875rem auto;}
.terms .privacy .privacy_tb table th,
.terms .privacy .privacy_tb table td{border:1px solid #ccc;padding:10px;vertical-align:top;}
.terms .privacy .privacy_tb table td strong{display:block;text-align:center;margin-top:10px;}
.terms .privacy .privacy_tb table td p{text-indent: 0rem; padding-left: 0rem; font-size:.875rem; text-align:left;}
.terms .privacy .privacy_tb .td_img{display:block;text-align:center;}

.terms .privacy img { max-width: 100%; max-height: 120px; }
.terms .privacy p{ text-indent: -1.25rem; padding-left: 1.25rem; margin-top:.625em; color:#666;}
.terms .privacy h4.sub_title { font-size: 1.4em; font-weight: 700; padding-top: 30px; margin-bottom: 15px; line-height: 1; text-align: center; }
.terms .privacy a{color:#3691d6; font-weight:500;}
.terms .privacy .depth1{margin-left: 1.25rem;}

/*email_form*/
.email_form { max-width: 800px; padding: 30px; border: 1px #f0f0f0 solid; margin: 0 auto; }
.email_form .top img { width: 160px; }
.email_form .gray_box > * + *{margin-top:10px;}
.email_form .gray_box ul li{position: relative; display:inline-block;}
.email_form .gray_box ul li + li{margin-left:1.5rem;}
.email_form .gray_box ul li + li:after{ content: ""; position: absolute; top: calc(50% - 5px); left: -.75rem; width: 1px; height: 10px; background: #999;}
.email_form table tbody th,
.email_form table tbody td{padding: 10px 20px;}

/* quick-menu */
.m_quick { position: fixed; bottom: 7.5rem; right: 2.5rem; z-index: 4;}
.m_quick ul { width: 5.625rem; font-size: .875rem; box-shadow: 0 0 10px rgb(0 0 0 / 10%); border-radius: 12px; margin-bottom: 1.25rem; background: #fff;}
.m_quick li { width: 100%; height: 6.25rem; }
.m_quick li + li { border-top: 1px #f0f0f0 solid; }
.m_quick li a { width: 100%; height: 100%; padding: 1.5rem .625rem; color: #747474; }
.m_quick li i { filter: grayscale(99); opacity: 0.7; }
.m_quick li p {line-height:1; font-weight:500;}

.m_quick li:hover a{color:#000;}
.m_quick li:hover i { filter: grayscale(0); opacity: 1; }

.m_quick .top { width: 5rem; height: 5rem; background: #000; border-radius: 50%; padding-top: 1.25rem; cursor: pointer; position: relative;}
.m_quick .top:after { content: ""; display: block; position: absolute; top: 1.875rem; left: 50%; transform: translate(0, 80px); width: 1rem; height: 1rem; border-top: 2px #fff solid; border-right: 2px #fff solid; transform: rotate(315deg) translate(0px, -50%); }