@charset "utf-8";
#wrap {/*overflow:hidden; overscroll-behavior:none; -webkit-overflow-scrolling: none;*/}
html {font-size:10px;}
body {font-family:"Pretendard", Dotum, Helvetica, "Apple SD Gothic Neo", Sans-serif; font-size:2rem; line-height:1.2; font-weight:400; color:#222222; letter-spacing:-0.02em;}
h1,h2,h3,h4,h5,input,button {font-family:"Pretendard", Dotum, Helvetica, "Apple SD Gothic Neo", Sans-serif;}
button, select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	font-family:"Pretendard", Dotum, Helvetica, "Apple SD Gothic Neo", Sans-serif;

    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
	box-shadow:none;
}
button {border:0;}

@media (max-width:1450px){
	.w_none {display:none}
}
@media (max-width:991.98px){
	html {font-size:10px;}

	.m_none {display:none;}
	.m_block {display:block;}
}
@media (max-width:500px){
	html {font-size:calc(1000vw/500);}	
}

.container {width:94%; max-width:1380px; margin:auto;}
#main.board {width:94%; max-width:1380px; margin:25rem auto;}
@media (max-width:991.98px){
	.container {width:auto !important; margin:0 2rem;}
	#main.board {width:auto !important; margin:10rem 2rem; padding-top:80px; min-height:90vh}
}

#header {position:fixed; top:0; left:0; z-index:1000; width:100%;}
#header_pc {overflow:hidden; position:relative; height:80px; background:#fff; transition:height 0.5s;}
#header_pc.open {height:340px;}
#header_pc::before {position:absolute; top:80px; left:0; z-index:1; width:100%; height:1px; background:#eeeeee; content:'';}
#header_pc .container {display:flex; justify-content:space-between; position:relative;}
#header_pc .logo {}
#header_pc .logo a {display:block; font-size:36px; color:#222222; font-weight:700; line-height:80px;}
#header_pc .gnb_pc {display:flex;}
#header_pc .gnb_pc a {transition:color 0.4s;}
#header_pc .gnb_pc > li {position:relative; margin-left:67px;}
#header_pc .gnb_pc > li > a {display:block; font-size:18px; line-height:80px; color:#222; font-weight:600;}
#header_pc .gnb_pc > li:hover > a,
#header_pc .gnb_pc a:hover {color:#1eb7f5}
#header_pc .gnb_pc .sub {margin-right:-60px; padding-top:25px;}
#header_pc .gnb_pc .sub a {display:block; font-size:15px; line-height:2; font-weight:300;}
#header_mobile {display:none;}
@media (max-width:991.98px){
	#header_pc {display:none;}
	#header_mobile {display:block;}
	#header_mobile .top {display:flex; justify-content:space-between; align-items:center; padding:0 2rem; background:#fff;}
	#header_mobile .top .logo a {display:block; font-size:28px; color:#222222; font-weight:700; line-height:75px;}
	#header_mobile .btn_menu {width:30px; height:23px; margin-left:6.5rem; background:url('../images/common/icon_menu.png') no-repeat center/contain;}
	
	#side_menu {display:block; position:fixed; top:75px; left:100%; width:100%; height:calc(100vh - 73px); overflow-y:auto; background:#fff; transition:left 0.4s;}
	.gnb_mobile {margin:0 2rem;}
	.gnb_mobile > li {border-bottom: 1px solid rgba(0,0,0,0.3);}
	.gnb_mobile > li > a {display:block; position:relative; font-size:19px; color:#222; padding:18px 0 18px 20px;}
	.gnb_mobile .sub {display:none; padding:5px 10px 30px 20px}
	.gnb_mobile .sub a {display:block; padding:5px 10px; font-size:15px; color:#222; cursor:pointer;}

	#header_mobile.open {background:#000; overflow:visible}
	#header_mobile.open .btn_menu {background-image:url('../images/common/icon_menu_close.png') !important}
	#header_mobile.open .gnb {left:0;}	
	#header_mobile.open #side_menu {left:0;}
}


#footer {padding:60px 0; color:#fff; letter-spacing:0; background:#302f34;}
#footer .container {display:flex;}
#footer .btn_privacy {padding-right:7rem; font-size:15px; font-weight:700; color:#fff; transition:color 0.4s;}
.pc #footer .btn_privacy:hover {color:#1eb7f5;}
#footer .fcont {padding-left:4rem; padding-right:7rem; border-left:1px solid #59595d; font-size:14px; line-height:1.7857; font-weight:300; color:#adacae;}
#footer .tel {padding-left:4rem; border-left:1px solid #59595d; line-height:1;}
#footer .tel .tit {padding-left:30px; font-size:18px; line-height:25px; background:url('../images/common/icon_ftel.png') no-repeat 0 center; background-size:23px auto;}
#footer .tel strong {display:block; margin-top:16px; font-size:28px;}
#footer .tel span {display:block; margin-top:6px; font-size:14px; color:#adacae;}
@media (max-width:1300px){
	#footer .btn_privacy {padding-right:5.5rem;}
	#footer .fcont {padding-left:3rem; padding-right:5.5rem;}
	#footer .tel {padding-left:3rem;}
}
@media (max-width:991.98px){
	#footer {padding:40px 0;}
	#footer .container {flex-wrap:wrap;}
	#footer .btn_privacy {padding:0;}
	#footer .fcont {width:100%; padding:0; border:0; order:4;}
	#footer .tel {width:100%; padding:20px 0; border:0; order:3;}
}
@media (max-width:500px){
	#footer .fcont {font-size:12px;}
	#footer .tel strong {font-size:25px;}
	#footer .tel span {font-size:12px;}
}



.fc_white {color:#fff !important;}