@charset "utf-8";

/*
font-family: 'Arita-buri', sans-serif;
*/

label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#333; letter-spacing:0; }
input, textarea, select{ font-family:'Noto Sans KR', sans-serif !important; }
input[type="checkbox"]{ border:1px solid #ddd;}


/* header */
#header {font-size: 0; position: fixed; z-index: 100000; left: 0; top: 0; width: 100%; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#header.scroll {background-color: rgba(76,48,31,.6);}
#sub #header {background-color: rgba(76,48,31,.6);}
#header .h_inner {max-width: 1720px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; position: relative; padding-left: 280px;}
#header .logo {position: absolute; width: 257px; height: 37px; background: url(../images/common/logo.png) no-repeat center; left: 0; top: 50%; margin-top: -18px;}


/* footer */
#footer {background-color: #322117; padding: 100px 0 43px;}
#footer .f_inner {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#footer .top_bx {border-bottom: 1px solid rgba(255,255,255,.3); display: flex; flex-flow: wrap; margin-top: 58px; padding: 0 0 35px;}
#footer .top_bx .ttl {font-family: 'Arita-buri', sans-serif; font-size: 21px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 16px;}
#footer .top_bx .l_bx {width: calc(32.858% - 10px); margin-right: 20px; box-sizing: border-box;}
#footer .top_bx .l_bx .txt_bx {height: calc(100% - 41px); position: relative; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#footer .top_bx .l_bx .txt_bx .txt_w {width: 100%;}
#footer .top_bx .l_bx .txt_bx .txt_w strong {display: block; font-family: 'Arita-buri', sans-serif; font-size: 40px; color: #ffffff; font-weight: 700;}
#footer .top_bx .l_bx .txt_bx .txt_w p {font-size: 16px; color: #ffffff; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 12px;}
#footer .top_bx .r_bx {width: calc(67.142% - 10px); box-sizing: border-box;}
#footer .top_bx .r_bx ul {display: flex; flex-flow: wrap;}
#footer .top_bx .r_bx ul li {width: calc(25% - 15px); margin-right: 20px; box-sizing: border-box; background-color: #ffffff; text-align: center; padding: 32px 13px 28px;}
#footer .top_bx .r_bx ul li:nth-child(4n) {margin-right: 0;}
#footer .top_bx .r_bx ul li span {display: block; font-size: 18px; color: #111111; letter-spacing: -0.05em; word-break: keep-all;}
#footer .top_bx .r_bx ul li strong {display: block; font-family: 'Arita-buri', sans-serif; font-size: 30px; color: #6e543a; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-top: 9px;}
#footer .top_bx .r_bx ul li .type {font-size: 0; margin-top: 13px;}
#footer .top_bx .r_bx ul li .type em {font-style: normal; font-size: 14px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; display: inline-block; padding: 0 10px; line-height: 30px; border-radius: 15px; background-color: #322117;}
#footer .top_bx .r_bx ul li p {font-size: 14px; color: #666666; line-height: 20px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 7px;}
#footer .top_bx .btm_txt {width: 100%; text-align: right; font-size: 14px; line-height: 24px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; margin-top: 14px;}
#footer .btm_bx {position: relative; padding: 31px 0 0;}
#footer .btm_bx .info_bx {font-size: 0; max-width: 820px;}
#footer .btm_bx .info_bx li {font-size: 16px; color: #ffffff; line-height: 30px; word-break: keep-all; display: inline-block;}
#footer .btm_bx .info_bx li::after {content: ','; padding-right: 4px;}
#footer .btm_bx .info_bx li:last-child::after {display: none;}
#footer .btm_bx .link_bx {font-size: 0; position: absolute; bottom: 0; right: 0;}
#footer .btm_bx .link_bx li {display: inline-block; margin-right: 20px;}
#footer .btm_bx .link_bx li:last-child {margin-right: 0;}
#footer .btm_bx .link_bx li a {font-size: 16px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; display: inline-block; line-height: 24px;}
#footer .btm_bx .link_bx li a.bold {font-weight: 700;}
#footer .btm_bx .btm_txt {font-size: 14px; line-height: 24px; color: rgba(255,255,255,.8); font-weight: 300; word-break: keep-all; margin-top: 32px;}



/* s_visual */
#s_visual {padding-top: 120px;}
#s_visual .title_bx {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; padding: 100px 0;}
#s_visual .title_bx strong {font-family: 'Arita-buri', sans-serif; font-size: 42px; color: #111; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; display: block;}



/* 팝업 */
.popup_bx {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100000; background: rgba(0,0,0,.74); overflow-y: auto; padding: 50px 0; box-sizing: border-box;}
.popup_bx .pop_w {display: table; height: 100%; width: 100%;}
.popup_bx .pop_c {display: table-cell; vertical-align: middle;}
.popup_bx .pop_inner {max-width: 640px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; background-color: #fff; position: relative; padding: 40px 46px 50px;}
.popup_bx .close_btn {width: 24px; height: 24px; background: url(../images/icon/close.png) no-repeat center; font-size: 0; right: 20px; top: 20px; position: absolute; cursor: pointer;}
.popup_bx .p_ttl {font-size: 30px; color: #000000; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 40px; display: block}
.popup_bx .txt_bx {height: 505px; overflow-y: auto; font-size: 16px; line-height: 26px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}



/* 퀵 */
#quick01 {position: fixed; right: 30px; top: 0; z-index: 100; height: 100%;}
#quick01 .q_bx {position: absolute; top: 50%; right: 0; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
#quick01 .q_bx ul {background-color: #fff; width: 100px; border-radius: 50px; box-sizing: border-box; padding: 20px 9px 35px; box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
#quick01 .q_bx ul li {border-bottom: 1px solid #dddddd;}
#quick01 .q_bx ul li:last-child {border-bottom: none;}
#quick01 .q_bx ul li a {display: block; text-align: center; font-size: 15px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; padding: 24px 0 18px;}
#quick01 .q_bx ul li a span {display: block; padding-top: 40px;}
#quick01 .q_bx ul li a.icon1 span {background: url(../images/icon/q_icon_01.png) no-repeat center top;}
#quick01 .q_bx ul li a.icon2 span {background: url(../images/icon/q_icon_02.png) no-repeat center top;}
#quick01 .q_bx ul li a.icon3 span {background: url(../images/icon/q_icon_03.png) no-repeat center top;}
#quick01 .q_bx ul li a.icon4 span {background: url(../images/icon/q_icon_04.png) no-repeat center top;}




.pc_show2 {display: block!important;}
.m_show2 {display: none!important;}
/* PC */
@media all and (min-width:1025px){
	.pc_show{ display:block !important;}
	.pc_i_show{ display:inline-block !important;}
	.m_show{ display:none !important;}
	.m_i_show{ display:none !important;}
	
	
	/* header */
	#header .menu_bx {text-align: right; display: block!important;}
	#header .menu_bx .dep1 {display: inline-block; vertical-align: top; margin-left: 34px;}
	#header .menu_bx .dep1:first-child {margin-left: 0;}
	#header .menu_bx .dep1 > a {height: 120px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 18px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#header.scroll .menu_bx .dep1 > a {height: 95px}
	#header .menu_btn {display: none;}
}

@media all and (max-width:1475px){
	#header .menu_bx .dep1 {margin-left: 16px;}
	#header .menu_bx .dep1 > a {font-size: 12px;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){	
	.pc_show{ display:none !important;}
	.pc_i_show{ display:none !important;}
	.m_show{ display:block !important;}
	.m_i_show{ display:inline-block !important;}
	
	
	/* header */
	#header.mOn {background-color: rgba(76,48,31,.6);}
	#header .h_inner {height: 60px; padding: 0;}
	#header .logo {width: 200px; background-size: 200px auto;}
	#header .menu_btn {position: absolute; right: 0; top: 50%; width: 30px; height: 19px; margin-top: -10px; cursor: pointer;}
	#header .menu_btn span {position: absolute; left: 0; width: 100%; height: 1px; background-color: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
	#header .menu_btn span:nth-child(1) {top: 0;}
	#header .menu_btn.on span:nth-child(1) {transform: rotate(135deg); top: 50%;}
	#header .menu_btn span:nth-child(2) {top: 9px;}
	#header .menu_btn.on span:nth-child(2) {opacity: 0;}
	#header .menu_btn span:nth-child(3) {top: 18px;}
	#header .menu_btn.on span:nth-child(3) {transform: rotate(-135deg); top: 50%;}
	#header .menu_bx {position: fixed; width: 100%; height: calc(100% - 60px); top: 60px; left: 0; background-color: rgba(76,48,31,.6); box-sizing: border-box; padding: 30px 20px; overflow-y: auto; display: none;}
	#header .menu_bx .dep1 {margin-left: 0; text-align: center; margin-bottom: 15px;}
	#header .menu_bx .dep1:last-child {margin-bottom: 0;}
	#header .menu_bx .dep1 > a {display: inline-block; font-size: 20px; color: #fff; letter-spacing: -0.05em; word-break: keep-all; line-height: 35px;}


	/* footer */
	#footer {padding: 50px 0 /*30px*/100px;}
	#footer .logo {max-width: 200px; width: 100%;}
	#footer .top_bx {margin-top: 30px; padding-bottom: 25px;}
	#footer .top_bx .ttl {margin-bottom: 10px; font-size: 16px;
	}
	#footer .top_bx .l_bx {width: calc(30.858% - 5px); margin-right: 10px;}
	#footer .top_bx .l_bx .txt_bx {height: calc(100% - 29px);}
	#footer .top_bx .l_bx .txt_bx .txt_w strong {font-size: 26px;}
	#footer .top_bx .l_bx .txt_bx .txt_w p {font-size: 13px; line-height: 20px; margin-top: 7px;}
	#footer .top_bx .r_bx {width: calc(69.142% - 5px);}
	#footer .top_bx .r_bx ul li {padding: 20px 10px 18px; width: calc(25% - 7.5px); margin-right: 10px;}
	#footer .top_bx .r_bx ul li span {font-size: 15px;}
	#footer .top_bx .r_bx ul li strong {font-size: 21px; margin-top: 6px;}
	#footer .top_bx .r_bx ul li .type {margin-top: 10px;}
	#footer .top_bx .r_bx ul li .type em {font-size: 13px; line-height: 28px; padding: 0 10px;}
	#footer .top_bx .r_bx ul li p {font-size: 13px; line-height: 20px; margin-top: 5px;}
	#footer .top_bx .btm_txt {margin-top: 11px; font-size: 13px; line-height: 20px;}
	#footer .btm_bx {padding-top: 20px;}
	#footer .btm_bx .info_bx li {font-size: 13px; line-height: 23px;}
	#footer .btm_bx .link_bx li {margin-right: 15px;}
	#footer .btm_bx .link_bx li a {font-size: 13px; line-height: 20px;}
	#footer .btm_bx .btm_txt {font-size: 13px; line-height: 20px; margin-top: 27px;}



	/* s_visual */
	#s_visual {padding-top: 60px;}
	#s_visual .title_bx {padding: 60px 0 50px 0; text-align: center;}
	#s_visual .title_bx strong {font-size: 25px;}
	#s_visual .title_bx strong[data-aos=fade-left] {transform: translate3d(0,100px,0)!important;}
	#s_visual .title_bx strong.aos-animate {transform: translateZ(0)!important;}
	
	
	
	/* 팝업 */
	.popup_bx {text-align: left;}
	.popup_bx .pop_inner {max-width: 450px; padding: 20px 25px 30px;}
	.popup_bx .p_ttl {font-size: 15px; line-height: 25px; margin-bottom: 25px;}
	.popup_bx .txt_bx {height: 200px; font-size: 12px; line-height: 19px;}



    /* 퀵 */
    #quick01 {right: 0; top: auto; bottom: 0; width: 100%; height: auto;}
    #quick01 .q_bx {position: relative; top: auto; right: auto; transform: none;}
    #quick01 .q_bx ul {display: table; table-layout: fixed; width: 100%; border-radius: 20px 20px 0 0; padding: 0 20px;  box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    #quick01 .q_bx ul li {display: table-cell; border-bottom: none; position: relative;}
    #quick01 .q_bx ul li::before {content: ''; width: 1px; height: 40px; position: absolute; right: 0; top: 50%; margin-top: -20px; background-color: #dddddd;}
    #quick01 .q_bx ul li:last-child::before {display: none;}
    #quick01 .q_bx ul li a {padding: 17px 0; font-size: 11px;}
    #quick01 .q_bx ul li a span {background-size: 16px auto!important; padding-top: 19px;}
}

/* 모바일 */
@media all and (max-width:768px){
	.pc_show2 {display: none!important;}
	.m_show2 {display: block!important;}


	/* footer */
	#footer {text-align: center;}
	#footer .top_bx .l_bx {width: 100%; margin-right: 0;}
	#footer .top_bx .r_bx {width: 100%; margin-top: 30px;}
	#footer .top_bx .r_bx ul li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px; margin-top: 10px;}
	#footer .top_bx .r_bx ul li:nth-child(2n) {margin-right: 0;}
	#footer .top_bx .r_bx ul li:nth-child(1), #footer .top_bx .r_bx ul li:nth-child(2) {margin-top: 0;}
	#footer .top_bx .btm_txt {text-align: center;}
	#footer .btm_bx .info_bx li {display: block; line-height: 20px; margin-bottom: 5px;}
	#footer .btm_bx .info_bx li:last-child {margin-bottom: 0;}
	#footer .btm_bx .info_bx li::after {display: none;}
	#footer .btm_bx .link_bx {position: relative; bottom: auto; right: auto; margin-top: 30px;}
}