img {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.body_content {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.tnb_02 {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sub_title_01 .title {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sub_title_02 .title {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sub_title_03 .title {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sub_title_04 .title {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.m_tel {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.toggleGnb {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sub_layout_nav > div {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sub_layout_nav > div > div {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sub_layout_nav > div .deps2 .deps2_nav li {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.sub_layout_nav > div .deps2 .deps2_nav li a {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.width_wrap::after {
	clear: both; display: block; content: "";
}
.sub_layout_nav > div::after {
	clear: both; display: block; content: "";
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
::selection {
	background: rgb(224, 172, 73); color: rgb(255, 255, 255); text-shadow: none;
}
html {
	-ms-overflow-y: scroll;
}
body {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 100%; -ms-interpolation-mode: bicubic !important; -webkit-text-size-adjust: none;
}
html {
	width: 100%;
}
body {
	width: 100%;
}
body {
	
}
input {
	
}
textarea {
	
}
img {
	border: 0px currentColor; border-image: none; -ms-interpolation-mode: bicubic; max-width: 100%; -webkit-image-rendering: optimizeQuality;
}
h1 {
	margin: 0px;
}
h2 {
	margin: 0px;
}
h3 {
	margin: 0px;
}
h4 {
	margin: 0px;
}
ul {
	margin: 0px;
}
li {
	margin: 0px;
}
dl {
	margin: 0px;
}
dd {
	margin: 0px;
}
dt {
	margin: 0px;
}
figure {
	margin: 0px;
}
form {
	margin: 0px;
}
p {
	margin: 0px;
}
a {
	background: none; margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 100%; text-decoration: none; vertical-align: baseline;
}
table {
	border-collapse: collapse;
}
button {
	cursor: pointer;
}
.dis_mobile {
	display: block;
}
.dis_tablet {
	display: none;
}
.dis_desktop {
	display: none;
}
.dis_mobile_tablet {
	display: block;
}
.dis_mobile_desktop {
	display: block;
}
.dis_tablet_desktop {
	display: none;
}
.pc_nav {
	display: none;
}
.width_wrap {
	margin: 0px auto; width: 100%; position: relative;
}
.viewport {
	min-width: 320px;
}
.body_content {
	padding: 0px 10px 30px; width: 100%; margin-top: 100px; float: none; min-height: 500px; 
}
.body_content .sub_subject {
	margin: 15px 0px 50px; padding: 5px 0px 20px; letter-spacing: -1px; font-size: 20px; font-weight: 400; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
/* 서브타이틀바 색상*/
.body_content .sub_subject::before {
	background:/*#f3893c*/#1c88f0; left: 0; top: -5px; width: 25px; height: 4px; display: block; position: absolute; content: "";
}
.body_content .sub_subject span {
	font-size: 16px; font-weight: normal; display: block;
}
#footer {
	background: rgb(51, 51, 51); border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
#gotop {
	background:#ff8933; border-radius: 50%; transition:0.3s ease-out; width: 60px; height: 60px; text-align: center; right: -70px; bottom: 122px; color: rgb(255, 255, 255); line-height: 60px; font-size: 12px; display: block; position: fixed; z-index: 99999; opacity: 0.8; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out;
}
.on#gotop {
	right: 22px;
}
.tnb_02 {
	height: 30px; line-height: 30px; border-top-color: rgb(224, 172, 73); border-top-width: 2px; border-top-style: solid; display: none;
}
.tnb_02 > div .right_tnb {
	height: 30px; float: right;
}
.tnb_02 > div .right_tnb a {
	color: rgb(51, 51, 51); padding-right: 5px; font-size: 11px;
}
.tnb_02 > div .right_tnb a span {
	padding-right: 3px;
}
.sub_title_01 {
	border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(204, 204, 204); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.sub_title_01 h1 {
	height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; letter-spacing: -1px; font-size: 14px; font-weight: bold; display: block;
}
.sub_title_01 .title {
	display: none;
}
.sub_title_01 .title p {
	color: rgb(255, 255, 255); font-size: 26px;
}
.sub_title_01 .title h2 {
	color: rgb(0, 0, 0); line-height: 0.9em; letter-spacing: -0.5px; font-size: 42px; font-weight: normal;
}
.sub_title_02 {
	border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(204, 204, 204); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.sub_title_02 h1 {
	height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; letter-spacing: -1px; font-size: 14px; font-weight: bold; display: block;
}
.sub_title_02 .title {
	display: none;
}
.sub_title_02 .title p {
	color: rgb(255, 255, 255); font-size: 26px;
}
.sub_title_02 .title h2 {
	color: rgb(0, 0, 0); line-height: 0.9em; letter-spacing: -0.5px; font-size: 42px; font-weight: normal;
}
.sub_title_03 {
	border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(204, 204, 204); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.sub_title_03 h1 {
	height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; letter-spacing: -1px; font-size: 14px; font-weight: bold; display: block;
}
.sub_title_03 .title {
	display: none;
}
.sub_title_03 .title p {
	color: rgb(255, 255, 255); font-size: 26px;
}
.sub_title_03 .title h2 {
	color: rgb(0, 0, 0); line-height: 0.9em; letter-spacing: -0.5px; font-size: 42px; font-weight: normal;
}
.sub_title_04 {
	border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(204, 204, 204); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.sub_title_04 h1 {
	height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; letter-spacing: -1px; font-size: 14px; font-weight: bold; display: block;
}
.sub_title_04 .title {
	display: none;
}
.sub_title_04 .title p {
	color: rgb(255, 255, 255); font-size: 26px;
}
.sub_title_04 .title h2 {
	color: rgb(0, 0, 0); line-height: 0.9em; letter-spacing: -0.5px; font-size: 42px; font-weight: normal;
}
/* 왼쪽메뉴 틀 */
.sub_menu_01 {
	width: 20%; float: left; display: none;
}
.sub_menu_01 .snb {
	margin-top: 20px;
}
.sub_menu_01 .snb ul li {
	margin-bottom: 5px;
}
.sub_menu_01 .snb ul li a {
	background: rgb(238, 238, 238); padding: 8px 0px 8px 20px; color: rgb(51, 51, 51); font-size: 16px; display: block; transition:0.4s;
}
.sub_menu_01 .snb ul li.active a {
	background:#000; color: rgb(255, 255, 255);
}
.sub_menu_01 .snb ul li:hover a {
	background:#000; color: rgb(255, 255, 255);
}
.logo_wrap_01 {
	border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; position: relative; z-index: 9;
}
.logo_wrap_01 .pc_nav_bg {
	background: rgb(255, 255, 255); width: 100%; display: none; position: absolute;
}
.logo_wrap_01 > div h1 {
	padding: 10px; width: 150px;
}
.logo_wrap_01 > div h1 a {
	line-height: 0; display: block;
}
.logo_wrap_01 > div h1 img {
	vertical-align: top !important; max-height: 30px;
}
.logo_wrap_01 > div .pc_nav {
	top: 0px; right: 0px; position: absolute;
}
.m_tel {
	padding: 10px 0px 0px 10px; top: 0px; width: 50px; height: 50px; right: 50px; color: rgb(51, 51, 51); font-size: 30px; text-decoration: none; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; display: block; position: absolute;
}
/*모바일왼쪽메뉴버튼*/
.toggleGnb {
	padding: 0px 0px 0px 10px; top: 40px; width: 50px; height: 50px; right: 0px; color: rgb(51, 51, 51); font-size: 30px; text-decoration: none; border-left-color: rgb(204, 204, 204); border-left-width: 0px; border-left-style: solid; display: block; position: absolute; margin-top:-30px;  background:url(/images/all_menu.png) no-repeat
}
.on.toggleGnb { background:url(/images/all_menu_on.png) no-repeat
}
.mo_nav {
	display: none;
}
.on.mo_nav {
	display: block;
}
.spot_pc {
	font-size: 0px; position: relative;
}
.sub_layout_nav {
	margin-bottom: 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.sub_layout_nav > div {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.sub_layout_nav > div > div {
	height: 45px; color: rgb(102, 102, 102); border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left;
}
.sub_layout_nav > div .home {
	width: 45px; text-align: center; padding-top: 14px;
}
.sub_layout_nav > div .deps1 {
	padding: 14px 20px 0px; color: rgb(37, 37, 37); font-size: 14px; font-weight: bold;
}
.sub_layout_nav > div .deps2 {
	padding: 14px 20px 0px; color:#ff6c00; font-size: 14px; font-weight: bold; position: relative; cursor: pointer; min-width: 130px;
}
.sub_layout_nav > div .deps2 span {
	display: none;
}
.sub_layout_nav > div .deps2 span.on {
	display: inline;
}
.sub_layout_nav > div .deps2 .deps2_nav {
	left: -1px; top: 46px; right: -1px; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; display: none; position: absolute; z-index: 9;
}
.sub_layout_nav > div .deps2 .on.deps2_nav {
	display: block;
}
.sub_layout_nav > div .deps2 .deps2_nav li {
	background: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.sub_layout_nav > div .deps2 .deps2_nav li.on > a {
	color: #ff6c00;
}
.sub_layout_nav > div .deps2 .deps2_nav li a {
	padding: 14px 10px 0px; height: 45px; text-align: left; color: rgb(98, 100, 105); letter-spacing: -0.5px; font-size: 12px; font-weight: bold; display: block;
}
.sub_layout_nav > div .deps2 .deps2_nav li a:hover {
	color:#ff6c00;
}
.mblock {
	margin-top: 0px; margin-bottom: 50px; position: relative; z-index: 9;
}

.text-truncate_main {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.text-truncate {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.top_logo > a > img{
	height:50px;
}