@charset "utf-8";
body { width: 100%; height: 100%; font-family:'Noto Sans KR','malgungothic',sans-serif; font-size:16px; font-weight: 400; word-break: keep-all; word-wrap: break-word; color: #000;}

.nanumsquare{ font-family: 'NanumSquare'; font-weight: 200; }
.nanumpen{ font-family: 'Nanum Pen Script', cursive; font-weight: normal; }
.noto{ font-family: 'Noto Serif KR', serif; }



.point_blue{color: #3769bd !important;}
.point_orange{color: #ff5d30 !important;}
.point_grey1{color: #6c6661 !important;}
.point_grey2{color: #99948f !important;}
.point_grey3{color: #e7dfd8 !important;}
.point_red{color: #ae1923 !important;}
.white{color: #fff !important;}

.bg_orange{background: #ff5d30 !important;}
.bg_grey1{background: #6c6661 !important;}
.bg_grey2{background: #99948f !important;}

#container { width: 100%; height: auto; margin: 0; padding:0; clear: both; float: none;}
#wrap { position:relative; width: 100%; height: 100%; margin:0 auto;padding: 0; clear: both; float: none; }
.inner_wrap { position:relative; width: 100%; max-width: 1200px; margin:0 auto; }
.inner_wrap:after { display:block; height:0; clear:both; float:none; content:""; }

.tt_left{ text-align: left; }
.tt_center{ text-align: center; }
.tt_right{ text-align: right; }

/* 16px기준 */
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; line-height: 1em; font-weight: 400; }
h1, .h1{ font-size: 2.375em; } /* 38px */
h2, .h2{ font-size: 1.875em; } /* 30px */
h3, .h3{ font-size: 1.750em; } /* 28px */
h4, .h4{ font-size: 1.625em; } /* 26px */
h5, .h5{ font-size: 1.250em; } /* 20px */
h6, .h6{ font-size: 1.125em; } /* 18px */

@media ( max-width: 1200px) {
	.inner_wrap { padding: 0 10px}
}

.web { display:block; }
.mob { display:none !important; }

@media (max-width:960px) {
	body { font-size:14px; }
	.web {display:none !important;}
	.mob {display:block !important;}

}
@media (max-width:640px) {
	body { font-size:12px; }
}

.con_fixed{position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; height: 100%; margin: 0; padding: 0; clear: both; float: none;}

/* 하단브랜드 */
.foot_brand{ position: relative; overflow: hidden; }
.foot_brand ul{ position: absolute; top: 10%; left: 19%; }
.foot_brand ul li{display:block; margin: 0 10px 0 0; float: left; width:60px; height: 60px; line-height:58px; font-size: 1.5em; font-weight: 500; text-align:center; color: #fff; border: 2px solid #fff; border-radius: 60px; cursor:pointer; }
.foot_brand ul li:hover, .foot_brand ul li.on{ color: #f37339; background:#fff; }
.foot_brand img{ width: 100%; }
.foot_brand .conBox{ display:none; width:100%; height:auto; overflow:hidden; }
.foot_brand .conBox.on{ display:block; }
@media (max-width:960px) {
	.foot_brand ul{ position: absolute; top: 5%; right: 3%; left: auto; }
	.foot_brand ul li{ width:40px; height: 40px; line-height: 38px; color: #766d68; border: 2px solid #766d68; }
	.foot_brand ul li:hover, .foot_brand ul li.on{ color: #fff; border: 2px solid #f37339; background:#f37339; }
}

/* 공통 하단 폼 */
#foot_form{ padding: 5% 0; background: #584d45; }
#foot_form img{ width: auto; max-width: 100%; }
#foot_form table{ margin: 0; padding: 0; }
#foot_form th{ width: 20%; text-align: left; }
#foot_form td{ width: 80% }
#foot_form ul{ overflow: hidden; }
#foot_form ul li{ float: left; width: 25%; padding: 10px; }
#foot_form select{ height: 50px; font-size: 1.2em; border-radius: 50px; }
#foot_form label{ width: 100%; }
#foot_form input{ width: 100%; height: 50px; font-size: 1.2em; border-radius: 50px; }
#foot_form .checkbox label{ width: auto; }
#foot_form input[type="checkbox"]{ width: auto; }
#foot_form input[type="button"]{ display: block; width: 100%; color: #fff; font-weight: 500; background: #fe5e2c; }
#foot_form label{ display: inline-block; color: #fff; }
#foot_form a{ padding: 0 0 0 5px; color: #ee7642; }
#foot_form .checkbox{ padding: 0 0 0 20px; }
@media (max-width:960px) {
	#foot_form th{ display: block; width: 100%; }
	#foot_form td{ display: block; width: 100%; }
	#foot_form ul li{ float: left; width: 100%;}
	#foot_form ul li:nth-child(2){ width: 50%; }
	#foot_form ul li:nth-child(3){ width: 50%; }
	#foot_form .checkbox{ width: 100%; }
	#foot_form a{ float: right; padding: 0 15px; color: #ee7642; }
	#foot_form select{ height: 40px; font-weight: 500; border-radius: 0; }
	#foot_form input{ width: 100%; height: 40px; font-weight: 500; border-radius: 0; }
	#foot_form input[type="button"]{ border-radius: 40px; font-weight: 500; }
}

/* 푸터 */
#foot_wrap { width: 100%;  }
#foot_wrap .info{ width: 100%; max-width: 1200px; margin:auto; }
#foot_wrap .link { text-align: center; background: #264186; }
#foot_wrap .link a{ padding: 0 40px; line-height: 70px; font-size: 1.2em; display: inline-block; font-weight: 500; color:#fff}
/*#foot_wrap > div {padding: 2% 10px}*/
#foot_wrap .logo { float: left; padding: 30px 50px 30px 0; }
#foot_wrap .logo img{}/* [171204] 메뉴추가 요청 */
#foot_wrap .address{float: left; padding: 30px 30px; }
#foot_wrap .gotop { position: absolute; right: 20px; bottom: 20px; width: 74px; height: 74px; line-height: 64px; text-align: center; border: 1px solid #f0f0f0; border-radius: 70px; 
box-shadow: 1px 1px 5px rgba(0,0,0,0.3) }
@media ( max-width: 960px) {
	#foot_wrap{ text-align: center; font-size: 12px; letter-spacing: -0.5px; font-weight: 300; color: #fff; }
	#foot_wrap .link{ background: #264186; border: 0; color: #fff; }
	#foot_wrap .link a{ padding: 0 5px; }
	#foot_wrap > div {padding: 0; background: #264186; }
	#foot_wrap .logo_wrap{margin: 0}
	#foot_wrap .logo_wrap .logo{display: none;}
	#foot_wrap .logo_wrap .link{display: block; float: none;}

	#foot_wrap .sns{display: block; margin: 0 0 20px 0; padding: 14px; border-top: 1px solid #4469b1; border-bottom: 1px solid #4469b1}
	#foot_wrap .sns ul li{display: inline-block; margin: 0 8px}
	#foot_wrap .sns ul li img{width: 25px}
	#foot_wrap .f_logo { display:block; }
	#foot_wrap .f_logo img { width: 100px; }

	#foot_wrap .address{width: 100%; padding: 20px 30px 90px 30px;}
	#foot_wrap .foot_kakao{ display: none; }

	#foot_wrap .go_top_go{ display: none; }
}

#mob_quick{ display: none; }
@media (max-width:960px) {
	#mob_quick{ display: block; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; background: #5782c9; overflow: hidden; }
	#mob_quick li{ float: left; width: 50%; height: 70px; padding: 10px 0 0 0; border-left: 1px solid #fff; }
	#mob_quick li:nth-child(1){ border-left: 0; }
	#mob_quick li a{ display: block; color: #fff; text-align: center; font-weight: 500; }
	#mob_quick li img{ width: 28px; margin: 0 auto 7px auto; }
}