@charset "utf-8";

@import url(pretendard.css);
@import url(SpoqaHanSansNeo.css);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* basic css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html, body { height:100%;}
body {font-family:'Poppins', 'Spoqa Han Sans Neo', 'Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;  color:#333; }
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: none; }
a:focus { color: #333; text-decoration: none; }
select, input, textarea {vertical-align: middle ; font-family:'Poppins', 'Spoqa Han Sans Neo', 'Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
input {margin: 0;padding: 0; font-family:'Poppins', 'Spoqa Han Sans Neo', 'Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;   border: medium none; overflow: visible; padding: 0; white-space: nowrap;font-family:'Poppins', 'Spoqa Han Sans Neo', 'Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
img {vertical-align: top;}
table {font-family:'Poppins', 'Spoqa Han Sans Neo', 'Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif; margin:auto;}

.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}


#skipNav	{ z-index: 600; position: absolute; position: fixed;  top: 0; left: 0; width: 100%; }
#skipNav a { position: absolute;  top: -9999px; display: block; }
#skipNav a span { display: block; padding: 10px 0; border: 3px solid #FFB747; background: #000; color: #fff; text-align: center; }
#skipNav a:hover, #skipNav a:active, #skipNav a:focus { z-index: 600; top: 0; display: inline-block; width: 100%; }

:root{
	--main-color: #374874;
	--font-family1: 'Montserrat', 'NanumSquareNeo', "����", Dotum, Arial, sans-serif;
}

/* form */
fieldset	{border:0 none;}
label	{}

input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle;}
input.txt:focus	{border:none}
select	{margin:0; border:1px solid #999; line-height:22px; height:35px; color:#a6a6a6; font-weight:bold;}
legend, caption {overflow:hidden; position:absolute; left:-9999px; top:0; font-size:0; line-height:0; text-indent:-9999px;}
.select {position:relative; display:inline-block; height:22px; padding:6px 4px 6px 4px; border:1px solid #b3b3b3; background-color:#fff; line-height:22px; vertical-align:middle;}
.select	 select	 {border:0 none; background:#fff; font-size:14px; color:#333; font-weight:normal;}

input.chk {border:0 none; margin-right:2px; vertical-align:middle;}
textarea	{padding:4px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; overflow-y:scroll; resize:vertical; -webkit-appearance:none;}
textarea:focus	{border-color:#000;}

input[type=text],
input[type=file],
input[type=password] {font-family:'Noto Sans KR','Nanum Square','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;height:40px; padding:0 10px; margin:0; border:1px solid #d2d2d2; line-height:22px; vertical-align:middle; box-shadow: none; -webkit-appearance: none; appearance: none; font-weight:300; color:#666; font-size:13px;}
input::input-placeholder {color:#777;font-family:'Noto Sans KR','Nanum Square','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
input::-webkit-input-placeholder {color:#777;} 
input::-moz-placeholder {color:#777;}
input::-ms-placeholder {color:#777;} 
input[type=checkbox],
input[type=radio] {width:14px; height:14px; padding:0; margin:0; vertical-align:middle; border:none; background:none; border-radius:0px; box-shadow: none; }
textarea {padding:10px; border:1px solid #d2d2d2; background:#fff; line-height:26px; font-size:14px; font-weight:300; color:#606060;}


.disnone {display:none;}

.fs14 {font-size:14px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}

.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt70 { margin-top:70px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left: 5px;}
.ml10 {  margin-left: 10px;}

.fl {float:left;}
.fr {float:right;}

.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}

.f15 {font-size:15px;}

.fw600 {font-weight: 600;}
.b_blue01 {background:#0160b2; font-size:12px; padding:10px; color:#fff;}

.ls_01 {letter-spacing:-2px;}



.point {color:#0d6fb8;}
html, body {letter-spacing:-0.05em;min-width:1150px;}


table.table1 {border-collapse:collapse; border-top:2px solid #000;  border-left:1px solid #e1e1e1;  margin:0.3em 0 0.5em 0; width:100%; font-size:14px;}
table.table1 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:20px 0;}
table.table1 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table1 tbody td {text-align:center;}
table.table1 tbody td img{vertical-align:middle;}
table.table1 tbody td input {vertical-align:middle;}
table.table1 tbody td.le {text-align:left; padding-left:10px;}
table.table1 th, table.table1 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}


/* layout*/
.all_wrap {position:relative; width:100%; min-width:1150px;}

.ri_fix {position:fixed;bottom:90px; z-index:701;right:30px; display: none;}
.ri_fix ul li {margin-bottom:10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 50%; overflow: hidden;}
.ri_fix ul li:last-child {margin-bottom: 0;}
.ri_fix ul li a {background: #b89765; width:65px; height:65px; display:flex; justify-content: center ;align-items: center;}
.ri_fix ul li span {display: block; word-break: keep-all; font-size:12px; color: #fff; text-align: center;}

.fix-quick {position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 999999; transition: all 0.5s;}
.fix-quick.on {right: -99px;}
.fix-quick .fix-quick-list {}
.fix-quick .fix-quick-list ul {background: #374874; border-radius: 15px 0 0 15px; box-shadow: 0 3px 10px 0 rgba(0,0,0,.17);}
.fix-quick .fix-quick-list ul li {border-bottom: 2px dotted rgba(255, 255, 255, 0.2);}
.fix-quick .fix-quick-list ul li:last-child {border-bottom: 0;}
.fix-quick .fix-quick-list ul li a {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 15px 0;}
.fix-quick .fix-quick-list ul li a img {width: 35px;}
.fix-quick .fix-quick-list ul li a p {font-size: 13px; color: #fff; width: 100%; text-align: center; margin-top: 5px;}
.fix-quick .fix-quick-close {position: absolute; top: 50%; left: -21px; transform: translateY(-50%); width: 20px; height: 80px; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 5px 0 0 5px; cursor: pointer; border: 1px solid #eee; border-right: 0; box-shadow: 0 3px 10px 0 rgba(0,0,0,.05);}
.fix-quick .fix-quick-close i {font-size: 12px; color: #aaa;}

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

@media screen and (max-width: 991.98px) {
    .ri_fix {display: none;}
    .fix-quick {display: none;}
}

.sub_wrapper {position:relative; width:100%; min-height:700px;overflow:hidden;}
.sub_wrap {padding:170px 0px 0 0;}
.sub_wrap_none {padding:0px 0px 0 0;}
.s_con_wrap {position:relative; width:100%;}
.s_con_top {display:none;position:relative; margin:0 auto;max-width:1300px; margin:0 auto; height:50px; }


.contents {position:relative;line-height:1.6; letter-spacing:-0.3px; text-align:center; min-height:700px;  width:100%; }

#footer_m {overflow:hidden;background:#3e3a39; position:relative; width:100%; clear:both;padding:50px 0 50px 0;}
#footer {overflow:hidden;background:#3e3a39; position:relative; width:100%; clear:both;padding:50px 0 150px 0;}
.footer_in {position:relative; margin:0 auto;max-width:1650px; min-width:1200px; width:100%;}
.footer_le {width:70%; float:left;}
.footer_le01 {border-bottom:1px solid #787575; padding:10px 0;font-weight: 400; font-size:15px; width:100%;float:left;}
.footer_le01 a {color:#fff; display:inline-block; padding-right:20px;}
.footer_le02 {padding-top:35px; color:#a0a0a0; font-size:14px; width:100%;float:left;}
.footer_le02_info {float:left; margin-right:70px; line-height:1.7;}
.footer_le03 {padding:20px 0 0 0; color:#a0a0a0; font-size:15px; width:100%;float:left;}
.footer_ri {width:20%; float:right;}

/* �ϴܰ����޴�  */
.fix_bottom {position:fixed;width:100%; bottom:0;}
.fix_bW {display: flex; height:80px;}
.fix_bcon01 {background: #b89765; width:20%; color:#fff; padding:17px 0 0 0;text-align:center;}
.fix_bcon01 span.st01 {font-size:1.1em; display:inline-block; padding:0px 10px 0 20px;}
.fix_bcon01 span.st02 {font-size:1.7em; display:inline-block; font-weight:500; }
.fix_bcon02 {background:rgba(0, 0, 0, 0.7); width:80%; backdrop-filter: blur(10px); padding:15px 30px 0 30px;}
.fix_bcon02 ul {display: flex; width:100%;}
.fix_bcon02 ul li {padding:0 10px 0 0;text-align:left; color: #eee; display: flex; }
.fix_bcon02 ul li:nth-child(1) {width:20%;}
.fix_bcon02 ul li:nth-child(2) {width:22%;}
.fix_bcon02 ul li:nth-child(3) {width:22%;}
.fix_bcon02 ul li:nth-child(4) {width:26%; padding-top:10px;text-align:center;}
.fix_bcon02 ul li:nth-child(5) {width:10%; text-align:right;}
.fix_bcon02 ul li span {display:inline-block;}
.fix_bcon02 select {background:#333; border:none; height:50px; border-radius:5px; width:100%;#474747;font-size: inherit; font-weight: inherit;}
.fix_bcon02 input[type="text"] {border: 1px solid #E9E9E9; font-family: inherit; font-size: inherit; font-weight: inherit; color: #fff; background:#333; border:none; height:50px; border-radius:5px; width:100%; padding-bottom: 0px;}
.fix_bcon02 .td02 input[type="text"] {height: 60px;}
.fix_bcon02 textarea {font-size: inherit; font-family: inherit; font-weight: inherit;}
.fix_bcon02 textarea::placeholder ,
.fix_bcon02 input[type="text"]::placeholder {color: #9C9C9C; font-family: inherit; font-size: inherit; font-weight: inherit;}
.fix_bcon02 [type="radio"],
.fix_bcon02 [type="checkbox"] {appearance: none;border-radius: 100%;width:15px;height:15px;transition: all 0.2s ease-in-out;background-color:#FBFBFB;border: 1px solid #DBDBDB; position: relative; cursor: pointer;}
.fix_bcon02 [type="radio"]:checked ,
.fix_bcon02 [type="checkbox"]:checked {background-color: #b89765; border-color: #b89765;}
.fix_bcon02 [type="radio"]:checked + label,
.fix_bcon02 [type="checkbox"]:checked + label {color: #b89765; display:inline-block;}
.fix_bcon02 [type="radio"]:checked::before,
.fix_bcon02 [type="checkbox"]:checked::before {opacity: 1;}
.fix_bcon02 [type="radio"] + label,
.fix_bcon02 [type="checkbox"] + label {cursor: pointer; padding-left: 10px;}
.fix_bcon02 [type="radio"]::before ,
.fix_bcon02 [type="checkbox"]::before { content: "\e929"; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); opacity: 0; font-size: 0px;}  
.fix_bcon02 .radio_box input[type="radio"] {margin-right: 10px;}
.fix_bcon02 .radio_box input[type="text"] {}
.fix_bcon02 .radio_box input::placeholder { color: #474747;}
.fix_bcon02 .check .check_txt {background-color: #FBFBFB; border: 1px solid #DBDBDB; padding:28px 30px; line-height: 1.6; color: #1e1e1e; margin-bottom: 10px;}
.fix_bcon02 .check .check_input {display: flex; justify-content: flex; margin-bottom: 60px; align-items: center;}
.fix_bcon02 .inquiry_btn {= align-items: center; font-size:16px; justify-content: center; color: #fff; background-color:var(--main-color); width:100%; height:50px; border-radius:2px; cursor: pointer;}
.fix_bcon02 .inquiry_btn:hover::before {background-color: #b89765;}



/* ���հ˻�  */
#allmenu_box {position:absolute;position:fixed; top:0px; left:0; width:100%; background:#fff; z-index:999; height:250px; border-bottom:1px solid #ddd; }
#allmenu_warp {position:relative; margin:0 auto;max-width:1300px; margin:0 auto; padding:0; font-size:13px;}

.t_search {width:500px; margin:0 auto;padding:150px 0 0 0; border-bottom:3px solid #000; vertical-align:center;}
.t_search input{width:430px; padding-left:0px; height:40px; font-size:16px; border:none;font-weight:500;}
.t_search .btn_search{text-indent:-9999px;  background:url("/img/common/t_btn_search.png") 50% 50% no-repeat;  display:inline-block; width:40px; height:40px; text-align:center;position:absolute;margin:-5px 0 0 0;}

#allmenu_warp .btn {position:absolute; right:0;top:25px;font-family: 'PT Sans', sans-serif; font-size:17px;font-weight:600; letter-spacing:0;background:url("/img/common/btn_search_close_.png") right 50% no-repeat; padding-right:20px;}




/**********************************************************/

@media(max-width: 801px){

html, body {letter-spacing:-0.02em;min-width:300px;}

table.table1 {font-size:12px;}
/* layout*/
.all_wrap {min-width:300px;}

.sub_wrap {padding:70px 0px 0 0; min-height:500px;}

.sub-navi {display:none;}


.contents {font-size:13px;line-height:1.6; letter-spacing:-0.3px; text-align:center;}

.ri_fix {position:fixed;bottom:30px; z-index:701;right:20px;}
.ri_fix ul li {margin-bottom:10px;}
.ri_fix ul li a.r_btn01 {background-size:20px; width:50px; height:50px; display:inline-block; display:none;}
.ri_fix ul li a.r_btn02 {background-size:15px; width:50px; height:50px; }
.ri_fix ul li a.r_btn03 {background-size:13px; width:50px; height:50px;}
.ri_fix ul li a.r_btn04 {background-size:20px;  width:50px; height:50px; display:none;}
.ri_fix ul li a.r_btn05 {background-size:20px; width:50px; height:50px;display:none;}
.ri_fix ul li a.r_btn06 {background-size:20px;  width:50px; height:50px; display:none;}
.ri_fix ul li a.r_btn07 {background-size:20px; width:50px; height:50px;display:none;}
.ri_fix ul li span {font-size:0;}


#footer_m {overflow:hidden;background:#3e3a39; position:relative; width:100%; clear:both;padding:30px 0 50px 0;}
#footer {overflow:hidden;background:#3e3a39; position:relative; width:100%; clear:both;padding:30px 0 100px 0;}
.footer_in {max-width:auto; min-width:300px; width:90%;}
.footer_le {width:100%; float:none;}
.footer_le01 {border-bottom:1px solid #787575; padding:10px 0;font-weight: 400; font-size:13px; width:100%;float:none}
.footer_le01 a {color:#fff; display:inline-block; padding-right:20px;}
.footer_le02 {padding-top:0px; color:#a0a0a0; font-size:13px; width:100%;float:none;}
.footer_le02_info {float:none; margin-right:0px; line-height:1.7; padding-top:30px;}
.footer_le03 {padding:20px 0 0 0; color:#a0a0a0; font-size:13px; width:100%;float:none;}
.footer_ri {width:100%; float:none; padding-top:50px;}
.footer_ri img {width:120px;}
.fix_bottom {display:none;}
}