/*!
 * style css v0.0.1
 * Copyright 2022.10
 * Writer 김준엽
 */
@charset "UTF-8";

/*footer {clear:both; width:100%; padding:40px 50px 0; background:#efefef; height:200px !important; box-sizing: border-box;}*/
/*footer.main_footer{height:292px !important;}*/
/*footer .wrap {width:1200px; margin:0 auto; position:relative;}*/
/*footer .util li {float:left; margin:0 50px 0 0; color:#555; font-size:17px;}*/
/*footer .util li a {color:#555; font-size:17px;}*/
/*footer .util li.on a {font-weight:bold; color:#555;}*/
/*footer .util li:hover a {font-weight:bold; color:#555;}*/
/*footer .logo {clear:both; float:left; margin:51px 54px 0 0;}*/
/*footer .address {float:left; margin:38px 0 0 0; line-height:30px; color:#838383;}*/
/*footer .link {position:absolute; top:0px; right:30px; width:259px;}*/
/*footer .link .link_inner {position: relative;}*/
/*footer .link .btn_link {position:relative;display: inline-block;width:259px;margin:0 0 26px 0; !*color:#a1a1a1;*! color: #666; font-size:15px; padding:13px; background:#efefef; border:1px solid #d1d3d1;}*/
/*!*footer.main_footer .link{top:140px;}*!*/
/*footer .link .btn_link:before { position: absolute; top: 48%; right: 13px; width: 10px; height: 6px; background: url("/images/new/footer/btn_select.png") no-repeat; content: '';}*/
/*footer .link .link_select {display:none; position:absolute; bottom: 72px; left:0;}*/
/*footer .link .link_select a {display: inline-block; width:259px; padding: 13px; color: #666; font-size: 15px; background:#efefef; border:1px solid #d1d3d1;}*/
/*footer.main_footer .m_sns_link{display: none;}*/

/*footer .certification_box{display: inline-block;float: left;margin-left: 20px;margin-top: 38px;}*/

/*!*footer.main_footer .sns_link{display: flex;margin-bottom:80px;background: #fff;align-items: center;justify-content: space-between;padding: 18px 25px;}*/
/*footer.main_footer .sns_link:before{content: "";position: absolute;display: block;top: 28px;left: -14px;width: 25px;height: 2px;background: #6cd04f;}*/
/*footer.main_footer .sns_link .txt_box{display: flex;}*/
/*footer.main_footer .sns_link .txt_box .tit{position:relative;margin-right:20px;padding-right:20px;font-weight:600;font-size: 15px;color: #353535;}*/
/*footer.main_footer .sns_link .txt_box .tit:before{content: '';display: inline-block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 13px;background: #e0e0e0;}*/
/*footer.main_footer .sns_link .txt_box .tit span{color: #f47e2f;}*/
/*footer.main_footer .sns_link .link_box a{position: relative;margin-right: 18px;padding-right: 18px;}*/
/*footer.main_footer .sns_link .link_box a:before{content: '';display: inline-block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 13px;background: #e0e0e0;}*/
/*footer.main_footer .sns_link .link_box a:last-child{margin-right: 0;padding-right: 0;}*/
/*footer.main_footer .sns_link .link_box a:last-child:before{display: none;}*!*/

/*#sub {width:1200px; margin:0 auto;}*/

/*.skip-navi a{overflow: hidden; display: block; position: absolute; z-index: 9999; top: 0; left: 0; width: 1px; height: 1px; background: #000; border: 1px solid #ccc; color: #fff; text-align: center;}*/
/*.skip-navi a:focus, .skip-navi a:active {position: relative; width: 100%; height: auto; padding: 10px;}*/


/*!* moblie menu *!*/
/*.m-menu {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index: 999999; overflow: hidden;}*/
/*.m-overlay {position: absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.85);}*/
/*.m-menu .wrap {transform: translateX(0%); transition:0.5s; position: absolute; box-sizing: border-box; width:500px; max-width:90%; top:0; bottom:0; left:auto; right:0; background-color: #2a333d; }*/
/*.m-menu .top .m-menu-close {margin:12px 0 0 12px; text-indent:-9999px; padding:20px; float:left; width:20px; height:20px; background: url(/images/new/main/btn_close.png) no-repeat center;}*/
/*.m-menu .top {width:100%; height:60px;}*/
/*.m-menu .top ul {float:right; margin:0 40px 0 0;}*/
/*.m-menu .top ul li {float:left;}*/
/*.m-menu .top ul li a {color:#fff; font-size:16px; padding:17px; display: inline-block;}*/
/*.m-menu .m-menu-body {height:100%;}*/
/*.m-menu .m-top-menu {position: relative; height:100%;}*/
/*.m-menu .m-top-menu .l_sub { width:60%; display:none; height:100%; position:absolute; margin-left:40%; top:0; left:0; background:#fff; overflow-y: auto; overflow-x: hidden;}*/


/*.m-menu .m-top-menu ul li:first-child .l_sub {display:block;}*/

/*!* 1 depth *!*/
/*.m-menu .m-top-menu ul li.on .l_sub {display:block;}*/
/*.m-menu .m-top-menu ul li a {font-size:15px; color:#fff; font-weight:bold; display:block; padding:25px 15px; border-bottom:1px solid rgba(255, 255, 255, 0.3)}*/
/*.m-menu .m-top-menu > ul > li {width: 40%; box-sizing: border-box;}*/
/*.m-menu .m-top-menu > ul > li.on > a {border-right: 1px solid #ddd; background: #fff; color:#000;}*/
/*.m-menu .m-top-menu ul li.on ul li a {background:#fff;}*/
/*.m-menu .m-top-menu ul li.on ul li ul li a {background:#efefef;}*/
/*.m-menu .m-top-menu ul li.on ul li.on > a {text-decoration: underline;}*/
/*.m-menu .m-top-menu ul li.on ul li.on ul li.on > a {text-decoration: underline;}*/

/*!* 2 depth *!*/

/*.m-menu .m-top-menu ul li ul li a {color:#000; margin: 0 15px; padding:25px 15px; border-bottom:1px solid #ddd;}*/

/*!* 3 depth *!*/
/*.m-menu .m-top-menu ul li ul li ul {display: none;}*/
/*.m-menu .m-top-menu ul li ul li ul li a {width:calc(100%- 30px); overflow: hidden;text-overflow: ellipsis; white-space: nowrap;font-weight:bold; color:#000; padding:15px 35px; background:#efefef; position:relative; box-sizing: border-box;}*/
/*.m-menu .m-top-menu ul li ul li ul li a:before {display: block; content: ""; width:7px; height:3px; background-color: #003f70; position: absolute; top:24px; left:18px; margin: auto;}*/

/*!* 4 depth *!*/
/*.m-menu .m-top-menu ul li ul li ul li ul li a {padding:10px 55px; border:0; font-weight:normal; font-size:0.925rem; }*/
/*.m-menu .m-top-menu ul li ul li ul li ul li a:before {width:3px; height:3px; left:39px; top:18px;}*/
/*.m-menu .m-top-menu ul li ul li ul li ul li:last-child a {border-bottom:1px solid #ddd;}*/




/*!* Header Layout *!*/
/*header {min-width:300px; position: fixed; top: 0; width: 100%; height: 102px; border-bottom: 3px solid #4caa22; background: #fff;z-index: 90; box-sizing: border-box;}*/

/*!* 전체메뉴 *!*/
/*.total-menu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 9999; background: rgb(0, 0, 0, 0.5);}*/
/*.total-menu .total-menu-inner {background:#fff; position:relative; width:900px; height:90vh; margin:50px auto; overflow-y:scroll; overflow-x:hidden;}*/
/*.total-menu .total-menu-inner .card-header {position:fixed; width:900px; height:70px; top:50px; z-index:100; background:#e4661a; color:#fff;}*/
/*.total-menu .total-menu-inner .card-header .title {float:left; color:#fff; text-indent:74px; font-size:21px; font-weight:bold; line-height:72px;}*/
/*.total-menu .total-menu-inner .card-header .title:before {content:""; position:absolute; top:24px; left:33px; width:35px; height:30px; background: url(/images/new/main/all-menu.png) no-repeat 0px 0px;}*/
/*.total-menu .total-menu-inner .card-header .family-site {float:right; width:182px; margin:21px 85px 0 0;}*/
/*.total-menu .total-menu-inner .card-header .close {width:84px; font-size:17px; color:#fff; font-weight:bold; position:absolute; top:21px; right:32px; background: url(/images/new/main/btn_menu_close.png) no-repeat right center;}*/
/*.total-menu .total-menu-inner .card-header .family-site > ul > li > a {display:block; color: #fff; font-weight:bold; font-size:17px; position:relative;}*/
/*.total-menu .total-menu-inner .card-header .family-site > ul > li:first-child > a {width:110px; height:25px; background: url(/images/new/main/btn_menu_down.png) no-repeat right center;}*/
/*.total-menu .total-menu-inner .card-header .family-site ul li a + ul {position:absolute; top:63px; background:#fff; color:#555; border:1px solid #ddd;}*/
/*.total-menu .total-menu-inner .card-header .family-site ul li a + ul li a {font-size:14px; display:block; padding:10px 30px;}*/
/*.total-menu .total-menu-inner .card-header .family-site ul li a + ul {display: none;}*/
/*.total-menu .total-menu-inner .card-header .family-site ul li a + ul.on {display: block;}*/

/*.total-menu .total-menu-inner .card-body {display:block; margin:70px 0 0 0;}*/
/*.total-menu .total-menu-inner .card-body > ul > li {display: flex;}*/
/*.total-menu .total-menu-inner .card-body > ul > li > a {*/
/*	position: relative;*/
/*	display: block;*/
/*	font-size:18px;*/
/*	font-weight:bold;*/
/*	padding:53px 32px; */
/*	background: #f9f9f9;*/
/*	border-right: 1px solid #e1e1e1;*/
/*	border-bottom: 1px solid #e1e1e1;*/
/*	-ms-flex: 0 0 16.666667%;*/
/*	flex: 0 0 16.666667%;*/
/*	max-width: 16.666667%;*/
/*}*/

/*.total-menu .total-menu-inner .card-body > ul > li > a:after{*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 57px;*/
/*	left: 0vw;*/
/*	width: 15px;*/
/*	height: 15px;*/
/*	background: #e4661a;*/
/*}*/


/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub{*/
/*	-ms-flex: 0 0 83.333333%;*/
/*	flex: 0 0 83.333333%;*/
/*	max-width: 83.333333%;*/
/*	box-sizing: border-box;*/
/*	border-bottom: 1px solid #e1e1e1;*/
/*}*/

/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a {display:block; font-weight:bold; font-size:15px; padding:10px 0 10px 37px; position:relative; color:#333;}*/

/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a:only-child {*/
/*	border-bottom: 1px solid #e1e1e1;*/
/*}*/

/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul{*/
/*	width: 100%;*/
/*	border-bottom: 1px solid #e1e1e1;*/
/*}*/

/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul > li {*/
/*	!* float: left;*/
/*	width: 30%; *!*/
/*}*/

/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a:after{*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 17px;*/
/*	left: 20px;*/
/*	width: 5px;*/
/*	height: 5px;*/
/*	background: #333;*/
/*}*/


/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li:last-child > a + ul,*/
/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li:last-child > a:only-child{*/
/*	border-bottom: none;*/
/*}*/


/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul > li > a {*/
/*	font-size: 14px;*/
/*	padding:0 0 10px 37px;*/
/*	font-weight: 500;*/
/*	display: block;*/
/*	position: relative;*/
/*}*/

/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul > li > a:after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 9px;*/
/*	left: 21px;*/
/*	width: 5px;*/
/*	height: 1px;*/
/*	background: #bababa;*/
/*	*/
/*}*/

/*!* 4뎁스 *!*/
/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul > li > a + ul > li > a{*/
/*	position: relative;*/
/*	display:block;*/
/*	font-size: 13px;*/
/*    padding:0 0 5px 60px;*/
/*}*/
/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul > li > a + ul > li > a:after{*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 13px;*/
/*	left: 45px;*/
/*	width: 5px;*/
/*	height: 1px;*/
/*	background: #aeaeae;*/
/*}*/

/*!* 5뎁스 *!*/
/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul > li > a + ul > li > a + ul > li > a{*/
/*	position: relative;*/
/*	display:block;*/
/*	font-size: 12px;*/
/*    padding:0 0 5px 80px;*/
/*}*/
/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul > li > a + ul > li > a + ul > li > a:after{*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 8px;*/
/*	left: 66px;*/
/*	width: 5px;*/
/*	height: 1px;*/
/*	background: #aeaeae;*/
/*}*/

/*.total-menu .total-menu-inner .card-body > ul > li > a + .l_sub > ul > li > a + ul > li > a + ul > li:last-child > a {padding:5px 0 10px 60px;}*/

/*header > * {*/

/*}*/

/*!* Logo 영역 *!*/
/*header .logo {*/
/*	float:left;*/
/*	padding: 32px 0 0 36px;*/
/*}*/

/*header .h_wrap {*/
/*	width:1900px;*/
/*	margin:0 auto;	*/
/*}*/

/*!* Menu 영역 *!*/
/*header .menu-navi {*/
/*	margin-left:118px;*/
/*	float:left;	*/
/*	width:1090px;*/

/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: space-between;*/
/*}*/

/*header .menu-navi .menu {*/
/*	position: relative;*/

/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: space-between;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*}*/
/*header .menu-navi .menu.active{*/
/*	display: block;*/
/*}*/

/*header .menu-navi .menu > li {*/
/*	position: relative;*/
/*	!*float:left;*!*/
/*	font-size: 16px;*/

/*	display: flex;*/
/*	height: 100%;*/
/*	align-items: center;*/
/*}*/

/*header .menu-navi .menu > li > a {*/
/*	text-align:center;*/
/*	position:relative;*/
/*	display: block;*/
/*	color: #111;*/
/*	font-weight: bold;*/
/*    !*padding:35px 30px;*!*/
/*	box-sizing: border-box;*/
/*	font-size: 21px;*/
/*	!*height: 100px;*!*/
/*}*/

/*header .menu-navi .menu > li:first-child > a {*/
/*	padding-left:0;*/
/*}*/

/*header .menu-navi .menu > li > a.on {*/
/*	color: #4caa22;*/
/*}*/

/*header .menu-navi .menu li .l_sub{*/
/*	display: none;*/
/*	position: absolute;*/
/*	left: 0;*/
/*	top: 99px;*/
/*	z-index: 99;*/
/*	margin: 0 auto;*/
/*	width: 100%;*/
/*	min-width:280px;*/
/*	background: #ffffff;*/
/*    border-top: 3px solid #4caa22;*/
/*} */

/*.menu_sub{*/
/*	display: none;*/
/*	position: fixed;*/
/*	left: 0;*/
/*	top: 80px;*/
/*	height: 495px;*/
/*	width: 100vw;*/
/*	background: url('/images/new/header/sub-menu.png');*/
/*	background-repeat: no-repeat;*/
/*	background-size: cover;*/
/*	background-color: #ffffff;*/
/*	z-index: 88;*/
/*	box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);*/
/*}*/

/*header .menu-navi .menu li .l_sub > ul{*/
/*    display: block;*/
/*    width: 100%;*/
/*}*/
/*header .menu-navi .menu li .l_sub > ul > li{*/
/*	width: 100%;*/
/*	display:block;*/
/*	box-sizing: border-box;*/
/*	font-weight: 600;*/
/*    font-size: 15px;*/
/*    border-left:1px solid #e1e1e1;*/
/*    border-right:1px solid #e1e1e1;*/
/*}*/

/*header .menu-navi .menu li .l_sub > ul > li:last-child a {border-bottom:1px solid #e1e1e1;}*/
/*header .menu-navi .menu li .l_sub > ul > li > a {display:block; padding:20px 25px; border-bottom:1px dotted #e1e1e1;}*/
/*header .menu-navi .menu li .l_sub > ul > li > a:hover {color:#64c748}*/
/*header .menu-navi .menu li .l_sub > ul > li > ul {display: none;}*/


/* 2024 header */
#header {position: fixed; top: 0; left: 0; right: 0; background-color: #ffffff; z-index: 9999;}
#header .logo {display: inline-block; width: 20%; max-width: 198px;}
#header .logo img {max-width: 100%;}
#header .top {background: #f3f3f3;}
#header .top .inner {display: flex; align-items: center; justify-content: flex-end; height: 50px;}
#header .top .inner p {position: relative; font-weight: 700; font-size: 14px; color: #666; padding-left: 40px;}
#header .top .inner p:before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 26px; height: 18px; background: url('/images/new/header/electronic_icon.png') no-repeat center left;}
#header .top .inner .link-wrap {font-size: 0;}
#header .top .inner .link-wrap >  a {display: inline-block; padding: 0 15px; border-left: 1px dashed #dcdcdc; font-weight: 500; font-size: 15px; line-height: 17px; color: #666; letter-spacing: 0;}
#header .top .inner .link-wrap >  a:first-child {padding: 0 22px; border-left: none;}
#header .top .inner .link-wrap >  a:last-child {padding: 0;}
#header .search-wrap {display: none; width: calc(100% - 247px);}
#header .search-wrap form {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: calc(50% - 74px); transform: translate(calc(-50% + 120px), -50%);}
#header .search-wrap .search {display: flex; width: calc(100% - 80px); padding: 20px 27px; font-size: 0; box-sizing: border-box;}
#header .search-wrap .search span {display: inline-block; width: 105px; padding-left: 40px; background: url("/images/new/header/header_link_01.png") no-repeat center left; font-weight: 600; font-size: 16px; color: #222; line-height: 27px; box-sizing: border-box;}
#header .search-wrap .search input {display: inline-block; width: calc(100% - 105px); padding-left: 35px; font-weight: 500; font-size: 17px; line-height: 27px; color: #666; box-sizing: border-box;}
#header .search-wrap .search input::placeholder {font-weight: 500; font-size: 17px; line-height: 27px; color: #666;}
#header .search-inner {display: flex; width: 590px; height: 68px; border: 1px solid #f5822a; border-radius: 12px; background: #fff; box-shadow: 6px 6px 7px rgba(0, 0, 0, .1); box-sizing: border-box;}
#header .search-inner button {display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 68px; margin-top: -1px; border: 1px solid #d36c1e; border-radius: 0 12px 12px 0; background: #f5822a; font-weight: 600; font-size: 18px; color: #fff; box-sizing: border-box;}
#header .search-close {display: inline-block; margin-left: 30px;}
#header .search-close img {filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, .1));}
#header .middle {border-bottom: 1px solid #d8d8d8;}
#header .middle .inner {display: flex; align-items: center; justify-content: space-between; position: relative; height: 120px;}
#header .middle .inner > a {display: inline-block;}
#header .middle .inner .util-wrap {font-size: 0;}
#header .middle .inner .util-wrap > a {display: inline-block; margin-left: 35px; padding-left: 42px; background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 18px; color: #222;}
#header .bottom {border-bottom: 1px solid #d8d8d8;}
#header .bottom .inner {display: flex; align-items: center; height: 118px;}
#header .menu__list-wrap {width: calc(100% - 500px); height: 100%; margin-left: 7%;}
#header .menu__list-wrap > ul {display: flex; align-items: center; justify-content: space-between; height: 100%;}
#header .menu__list-wrap > ul > li {position: relative; height: 100%; margin-right: 6%;}
#header .menu__list-wrap > ul > li > a {display: inline-flex; align-items: center; position: relative; height: 100%; font-weight: 600; font-size: 17px; color: #222; text-align: center; z-index: 20;}
#header .menu__list-wrap > ul > li.on > a,
#header .menu__list-wrap > ul > li > a:hover {color: #f5822a;}
#header .menu__list-wrap ul > li > .l_sub {display: none; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: calc(100% + 88px); padding: 0 20px; border: 1px solid #f5822a; border-radius: 10px; background: #fff; box-sizing: border-box; box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, .27); z-index: 10;}
#header .menu__list-wrap .l_sub > ul > li > a {display: block; padding: 20px 0; border-bottom: 1px solid #d6d6d6; font-weight: 600; font-size: 16px; line-height: 20px; color: #444; text-align: center;}
#header .menu__list-wrap .l_sub > ul > li.on > a,
#header .menu__list-wrap .l_sub > ul > li > a:hover {color: #f5822a;}
#header .menu__list-wrap .l_sub > ul > li > ul {display: none;}
#header .bottom .inner .util-wrap {display: flex; align-items: center; margin-left: auto;}
#header .bottom .inner .util-wrap > a {display: inline-flex; align-items: center; justify-content: center; flex-direction: column; height: 40px; margin: 25px 0; font-weight: 600; font-size: 16px; color: #666;}
#header .bottom .inner .util-wrap > a:last-child {padding-right: 0;}
#header .bottom .inner .util-wrap > a strong {display: inline-block; color: #2a8800;}
#header .bottom .inner .util-wrap > a.all_menu-open {position: relative; margin-left: 65px; padding-right: 40px; background: url("/images/new/header/total_menu.png") no-repeat center right; color: #ce4b00;}
#header .bottom .inner .util-wrap > a.all_menu-open:before {content: ''; display: inline-block; position: absolute; top: 9px; left: -33px; width: 1px; height: 21px; background-color: #ddd;}
#header .mobile-wrap {display: none;}

@media only screen and (max-width:1600px) {
}
@media only screen and (max-width:1500px) {
	#header .menu__list-wrap {width: calc(100% - 545px);}
	#header .menu__list-wrap > ul > li {margin-right: 0;}
}
@media only screen and (max-width:1430px) {
	#header .menu__list-wrap {width: calc(100% - 425px);}
	#header .menu__list-wrap {margin: 0 3%;}
	#header .menu__list-wrap ul {gap: 15px;}
	#header .menu__list-wrap ul > li > .l_sub {width: calc(100% + 50px);}
	#header .menu__list-wrap .l_sub > ul > li > a {padding: 15px 0; font-size: 16px; line-height: 22px;}
}
@media only screen and (max-width:1280px) {
	#header .search-inner {width: 450px; height: 48px;}
	#header .search-wrap .search {padding: 12px 15px;}
	#header .search-wrap .search span {padding-left: 30px; background-size: 16px; font-size: 16px; line-height: 24px;}
	#header .search-wrap .search input {padding-left: 15px; font-size: 16px;}
	#header .search-wrap .search input::placeholder {font-size: 16px;}
	#header .search-inner button {height: 48px; font-size: 18px;}
	#header .bottom .inner {justify-content: space-between; height: 100px;}
	#header .menu__list-wrap {margin: 0;}
	#header .menu__list-wrap > ul > li > a {font-size: 15px;}
	#header .menu__list-wrap ul > li > .l_sub {top: 90px; padding: 0 10px;}
	#header .menu__list-wrap .l_sub > ul > li > a {padding: 10px 0; font-size: 14px; line-height: 20px;}
	#header .bottom .inner .util-wrap {margin: 0;}
	#header .bottom .inner .util-wrap > a.all_menu-open {margin-left: 35px; font-size: 0;}
	#header .bottom .inner .util-wrap > a.all_menu-open:before {left: -10px;}
}
@media only screen and (max-width:1080px) {
	#header .logo {width: auto;}
	#header .bottom {display: none;}
	#header .mobile-wrap {display: block;}
	#header .mobile-wrap .inner {display: flex; align-items: center; justify-content: space-between; height: 80px; border-bottom: 1px solid #d8d8d8; box-sizing: border-box;}
	#header .mobile-wrap .right {display: flex; align-items: center;}
	#header .mobile-wrap .right img {vertical-align: middle;}
	#header .mobile-wrap .right a:not(:first-child) {display: inline-block; position: relative; margin-left: 45px;}
	#header .mobile-wrap .right a:not(:first-child):before {content: ''; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: -25px; width: 1px; height: 25px; background: #ddd}

	#header .search-wrap {position: absolute; left: 0; width: 100%; background: rgba(255, 255, 255, .9);}
	#header .search-wrap form {position: static; transform: translate(0, 0);}
	#header .search-wrap .search span {display: none;}
	#header .search-wrap .search input {width: 100%; padding: 0;}
	#header .search-close {margin-left: 20px;}

}
@media only screen and (max-width:768px) {
	#header .search-inner {width: 80%;}
	#header .search-wrap .search {width: calc(100% - 50px);}
	#header .search-inner button {width: 60px; font-size: 14px;}
	#header .search-close {width: 35px; height: 35px; margin-left: 15px;}
}

.total__menu-wrap {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 999;}
.total__menu-inner {width: 100%; max-width: 1600px; margin: 0 auto;}
.total__menu-wrap .total__menu-top .middle {position: relative;}
.all_menu-close {position: absolute; bottom: -22px; right: 0;}
.total__mobile_top {display: none;}
.total__menu {}
.total__menu {display: flex; gap: 30px; overflow-y: auto; max-height: calc(100vh - 270px); margin: 50px 0;}
#header .total__menu-top .middle .inner {justify-content: flex-start;}
.total__menu-top .languege {display: inline-block; width: 120px; height: 32px; margin-left: 60px; border: 1px solid #d4d4d4; border-radius: 30px; background: #f7f7f7; vertical-align: middle; font-size: 0;}
.total__menu-top .languege a {display: inline-flex; align-items: center; justify-content: center; position: relative; width: 50%; height: 100%; font-weight: 700; font-size: 14px; color: #999; letter-spacing: -0.05em; box-sizing: border-box;}
.total__menu-top .languege a span {display: inline-block; position: relative; z-index: 1;}
.total__menu-top .languege a:first-child span {margin-left: 5px;}
.total__menu-top .languege a:last-child span {margin-right: 5px;}
.total__menu-top .languege a.on {color: #f5822a;}
.total__menu-top .languege a.on:after {content: ''; display: inline-block; position: absolute; width: 100%; height: 100%; border: 1px solid #f5822a; border-radius: 30px; background: #fff;}
.total__menu-top .languege a.on span {margin: 0;}
.total__menu::-webkit-scrollbar {width: 3px; /* 스크롤바의 너비 */}
.total__menu::-webkit-scrollbar-thumb {height: auto; /* 스크롤바의 길이 */background: #999; /* 스크롤바의 색상 */border-radius: 10px;}
.total__menu::-webkit-scrollbar-track {background: #e7e7e7;  /*스크롤바 뒷 배경 색상*/}
.total__menu > li {width: calc( (100% - 100px) / 4 );}
.total__menu > li > a {display: inline-block; margin-bottom: 30px; font-weight: 600; font-size: 22px; color: #222;}
.total__menu > li > div > ul > li + li {margin-top: 10px;}
.total__menu > li > div > ul > li > a {display: block; padding: 13px 46px 13px 23px; border: 1px solid #f5822a; border-radius: 7px; background: url('/images/new/header/gnb_arrow.png') no-repeat center right 23px; font-weight: 600; font-size: 18px; color: #f5822a; box-sizing: border-box;}
.total__menu > li > div > ul > li > ul {margin: 20px 0;}
.total__menu > li > div > ul > li > ul > li {position: relative; padding-left: 15px; font-size: 17px; line-height: 23px; color: #444;}
.total__menu > li > div > ul > li > ul > li + li {margin-top: 18px;}
.total__menu > li > div > ul > li > ul > li:before {content: ''; display: inline-block; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #444;}
.total__menu > li > div > ul > li > ul > li > ul {}
.total__menu > li > div > ul > li > ul > li > ul > li {position: relative; margin-top: 10px; padding-left: 10px; font-weight: 500; font-size: 16px; line-height: 22px; color: #666;}
.total__menu > li > div > ul > li > ul > li > ul > li:before {content: ''; display: inline-block; position: absolute; top: 9px; left: 0; width: 5px; height: 1px; background: #666;}
.total__menu > li > div > ul > li > ul > li > ul > li > ul {display: none;}

@media screen and (max-width: 1650px) {
	.all_menu-close {right: 60px;}
}
@media screen and (max-width: 1500px) {
	.total__menu-inner {width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 1400px) {
	.all_menu-close {right: 50px;}
}
@media screen and (max-width: 1250px) {
	.all_menu-close {width: 40px;}
	.total__menu-top .total__menu-inner {height: 130px;}
	.total__menu {max-height: calc(100vh - 233px); gap: 20px;}
	.total__menu > li {width: calc( (100% - 70px) / 4 );}
	.total__menu > li > a {font-size: 20px;}
	.total__menu > li > div > ul > li > a {padding: 10px 25px 10px 10px; background: url('/images/new/header/gnb_arrow.png') no-repeat center right 10px; font-size: 16px; line-height: 22px; /*color: #444;*/}
	.total__menu > li > div > ul > li > ul > li {font-size: 14px; line-height: 20px;}
	.total__menu > li > div > ul > li > ul > li + li {margin-top: 10px;}
	.total__menu > li > div > ul > li > ul > li > ul > li {margin-top: 5px; font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 1200px) {
	.all_menu-close {right: 40px;}
}
@media screen and (max-width: 1080px) {
	.all_menu-close {position: absolute; top: 20px; right: auto; left: -50px; width: 31px; height: 31px;}
	.all_menu-close img {width: 100%;}
	.total__menu-wrap {left: auto; right: -100%; width: 85%; max-width: 850px;}
	.total__menu-inner {padding: 0 !important;}
	.total__menu-top {display: none;}
	#header .total__top-inner .logo {width: 45%;}
	.total__mobile_top {display: block; text-align: center; padding: 30px 0; border-bottom: 1px solid #e2e2e2;}
	.total__mobile_top .inner {display: flex; align-items: center; justify-content: space-between;}
	.total__mobile_top .logo {display: inline-block; width: 150px; vertical-align: middle;}
	.total__mobile_top .languege {display: inline-block; vertical-align: middle;}
	.total__mobile_top .languege a {display: inline-block; position: relative; font-weight: 600; font-size: 16px; color: #888888;}
	.total__mobile_top .languege a.on {color: #60bb46;}
	.total__mobile_top .languege a:not(:first-child) {margin-left: 40px;}
	.total__mobile_top .languege a:not(:first-child):before {content: '';display: inline-block; position: absolute; top: -1px; left: -22px; width: 1px; height: 20px; border-left: 1px dashed #c4c4c4;}
	.total__menu-content {height: 100vh; background: #fafafa;}
	.total__menu-content .inner {height: 100%;}
	.total__menu {position: relative;}
	.total__menu {display: block; position: relative; overflow: inherit; width: 100%; height: 100%; max-height: 100%; margin: 0;}
	.total__menu > li {display: flex; align-items: flex-start; width: 100%;}
	.total__menu > li > a {display: inline-flex; align-items: center; width: 30%; height: 100%; min-height: 90px; margin-bottom: 0; padding: 20px; border-bottom: 1px solid #e1e1e1; font-weight: 600; font-size: 16px; line-height: 20px; color: #333; box-sizing: border-box;}
	.total__menu > li > a.active {position: relative; background: #fff; color: #f5822a;}
	/*.total__menu > li > a.active:after {content: ''; display: inline-block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 8px; height: 16px; background: url("/images/new/header/mo_total_arrow.png") no-repeat center; background-size: 100%;}*/
	.total__menu > li > div {display: none;}
	.total__menu > li > div > ul {position: absolute; top: 0; right: 0; bottom: 0; overflow-y: auto; width: 70%; height: 100%; margin-top: 0; padding: 20px; background: #fff; box-sizing: border-box;}
	.total__menu > li > div > ul > li + li {margin: 0;}
	.total__menu > li > div > ul > li > a {padding: 15px 25px 15px 0; border: none; border-bottom: 1px solid #e2e2e2; border-radius: 0; font-size: 16px; line-height: 24px; color: #444;}
	.total__menu > li > div > ul > li > ul {display: none;}
	.total__menu > li > div > ul > li > ul > li {font-size: 16px; line-height: 22px;}
	.total__menu > li > div > ul > li > ul > li > ul > li {font-size: 14px; line-height: 20px;}

	.total__menu-bg {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background:rgba(0, 0, 0, .7); z-index: 100;}
}
@media screen and (max-width: 480px) {
	.total__menu-wrap {width: 90%;}
	.total__mobile_top .languege a {font-size: 14px;}
	.total__mobile_top .languege a:not(:first-child) {margin-left: 26px;}
	.total__mobile_top .languege a:not(:first-child) {margin-left: 26px;}
	.total__mobile_top .languege a:not(:first-child):before {left: -15px; height: 18px;}
	.all_menu-close {left: -30px; width: 20px; height: 20px;}
	.total__mobile_top .sns-list {margin-top: 20px;}
	.total__mobile_top .sns-list li {padding: 0 10px;}
	.total__menu > li > a {width: 40%; padding: 20px 10px; font-size: 14px; line-height: 20px;}
	.total__menu > li > div > ul {width: 60%; padding: 10px;}
	.total__menu > li > div > ul > li > a {padding: 10px 25px 10px 0; background-position: center right 8px; font-size: 14px; line-height: 24px;}
	.total__menu > li > div > ul > li > ul {margin: 10px 0;}
	.total__menu > li > div > ul > li > ul > li {font-size: 14px; line-height: 20px;}
	.total__menu > li > div > ul > li > ul > li + li {margin-top: 5px;}
	.total__menu > li > div > ul > li > ul > li > ul > li {font-size: 12px; line-height: 18px;}

}

/* top button */
a#top_btn {position: fixed; right: 50px; bottom: 40px; width: 56px; z-index: 999; text-align: center;}
a#top_btn img {width: 100%; height:100%; transition: all ease .4s; transform-origin: 50% 50%;}
a#top_btn:hover img {transform: rotate(360deg);}
a#top_btn span {font-weight: 700; font-size: 18px; line-height: 60px; color: #f5822a; letter-spacing: -0.025em;}

@media only screen and (max-width:768px) {
	a#top_btn{right: 20px; bottom: 20px; width:40px;}
	a#top_btn span {font-size: 14px; line-height: 35px;}
}

/* 2024 footer */
footer {border-top: 1px solid #d8d8d8; background-color: #f9f9f9;}
footer .inner {display: flex; align-items: center; gap: 75px; min-height: 121px;}
footer .inner .address {font-size: 17px; line-height: 24px; color: #666666;}
footer .inner .link {margin-left: auto; text-align: right;}
footer .inner .link span {font-size: 17px; line-height: 24px; color: #666666;}
footer .inner .link span.name {color: #222222;}

@media only screen and (max-width:1430px) {
	footer .inner {gap: 65px;}
	footer .inner .address {font-size: 16px;}
	footer .inner .link span {font-size: 16px;}
}
@media only screen and (max-width:1280px) {
	footer .inner {gap: 35px;}
	footer .inner .address {font-size: 14px;}
	footer .inner .link span {font-size: 14px;}
}
@media only screen and (max-width:1080px) {
	footer .inner {align-items: flex-start; padding: 20px 15px;}
	footer .inner {flex-direction: column; gap: 15px;}
	footer .inner .link {margin-left: 0; text-align: left;}
}

#sub {width:100%; max-width: 1430px; margin:0 auto;}
#sub:after {content: ''; display: block; clear: both;}

/* 사이트 맵 & 로그인 등 기타 영역 */
.h_wrap .util {float:left; margin:26px 0 0 0;}
.h_wrap .util ul li {float:left;}
.h_wrap .util ul li a {display:block; text-indent: -99999px;}
.h_wrap .util .search {margin:0 10px 0 0; width:49px; height:49px;  background:#64c748 url(/images/new/header/search.png) no-repeat 13px 13px;}
.h_wrap .util .all_menu {width:49px; height:49px; background:#fa7220 url(/images/new/header/menu-bar.png) no-repeat 13px 13px;}
.h_wrap .site {position:absolute; top:41px; right:0;}
.h_wrap .site ul li {float:left; padding:0 15px;}
.h_wrap .site ul li a {display:block; font-size: 14px; position:relative;}
.h_wrap .site ul li:first-child a:after {content:""; position:absolute; top:4px; right:-16px; width:1px; height:11px; background:#b3c8af;}


/* 통합 검색 영역 */
.total-search{display:none; position:fixed; top:100px; width:100%; height:100px; z-index:80; background:#fff; box-shadow:0 1px 0 0 rgb(0,0,0,0.2);}
.total-search .search-form {position:relative; width:1200px; margin:0 auto;}

.total-search .search-form.active {display: block;}

.total-search .search-form .search-group {position:relative;  width:715px; margin:29px auto; text-align:center; overflow:hidden;}
.total-search .search-form .search-group input[type="text"] {font-size:17px;width:454px; padding:9px 45px 11px 15px; /*background:#64c748;*/ background: #2A8800; color:#fff;}
.total-search .search-form .search-group input::placeholder {color:#fff;}
.total-search .search-form .search-group button {position: absolute; top:9px; right:112px; width:22px; height:22px; background:url('/images/new/header/search.png') no-repeat; cursor:pointer; text-indent: -9999px;}
.total-search .search-form .search-group  .hash-tag {position:absolute; top:9px; right:0; z-index:85;}
.total-search .search-form .search-group  .hash-tag a {font-size: 13px; font-weight:600; color: #555;}
.total-search .search-form .search-group  .hash-tag a img {	padding:8px 0 0 0;}

/* 모바일 (해상도 ~ 479px) */
@media only screen and (max-width:768px) {
	.m-menu .top ul {margin: 0;}

	.m-menu .wrap {width: 80%;}
	.m-menu .m-top-menu ul li a {font-size: 12px;}
	/*.m-menu .m-top-menu > ul > li > a {width: 40%; box-sizing: border-box;}*/
	.m-menu .m-top-menu .l_sub {width: 60%;}
}

/* Contents Layout */
.warp {
	width:100%;	
	min-height: 95.05vh;
}

.warp .content {
	width: 100%;
}



.inner {position: relative; width: 100%; max-width: 1430px; margin: 0 auto; box-sizing: border-box;}

@media only screen and (max-width:1430px) {
	.inner {padding: 0 20px;}
}
@media only screen and (max-width:1280px) {
	.inner {padding: 0 15px;}
}

/* Card Layout */
.card.table-cell{
	display: table-cell;
	vertical-align: middle;
}

.card.rectangle1:after {
	content: "";
	position: absolute;
	display:block;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	background-color: #f57e2e;
}


.card.rectangle2:before {
	content: "";
	position: absolute;
	display:block;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	background-color: #f57e2e;
	border-top: 1px solid #f7a168;
	border-left: 1px solid #f7a168;
	z-index: 9;
	box-sizing: border-box;
}

.card.rectangle2:after {
	content: "";
	position: absolute;
	display:block;
	top: -24px;
	left: -24px;
	width: 45px;
	height: 45px;
	background-color: #f57e2e;
	z-index: 8;
}


.card.rectangle-blue:after {
	background-color: #af65ee;
}

.card.rectangle-green:after {
	background-color: #63c848;
}


.card.rectangle2.rectangle-blue:before {
	border-top-color: #91d1f4;
	border-left-color: #91d1f4;
}

.card.rectangle-blue:before {
	background-color: #af65ee;
}

.card.rectangle-green:before {
	background-color: #63c848;
}

.card.rectangle3:after {
	content: "";
	position: absolute;
	display:block;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-top: 1px solid #f57e2e;
	border-right: 1px solid #f57e2e;
}
.card.rectangle4:after {
	content: "";
	position: absolute;
	display:block;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-top: 1px solid #9b9b9b;
	border-right: 1px solid #9b9b9b;
}

/* 컨텐츠의 Header 영역 ( Content Title / Serach ) */
.card .card-header {
	position: relative;
	width: 100%;
}

.card .card-header h1 {
	position: relative;
	display:block;
	font-size: 17px;
	font-weight: 600;
}

.card .card-header h1 img{
	width: 40px;
}

.card .card-header h1.title {
	font-size: 26px;
	border-bottom: 1px solid #ddd;
}

.card .card-header .title-img {
	width: 100%;
}



.card .card-header h1.dash {
	font-size: 17px;
}

.card .card-header h1.dash img{
	width: 20px;
}

.card .card-header h1.dash:after {
	content: "";
	position: absolute;
	display:block;
	top: calc(50% - 1px);
	left: -40px;
	width: 20px;
	height: 2.5px;
	background-color: #f57e2e;
	
}

.card .card-header h1.dash.over-dash:after{
	width: 25px;
	left: -45px;
}

.card .card-header h1.dash.dash-blue:after {
	top: 8px;
	background-color: #d5a3fc;
}
.card .card-header h1.dash.over-dash-center:after{
	width: 25px;
	left: -45px;
}

.card .card-header h1.dash.dash-blue-center:after {
	top: 11px;
	background-color: #d5a3fc;
}

/* 컨텐츠의 Body 영역 (Table / Calendar / Form) */
.card .card-body {
	margin: 20px 0px;
}

.card .card-body .info > li {
	position: relative;
	line-height: 20px;
	font-size: 15px;
}

.card .card-body .info > p {
	position: relative;
	line-height: 20px;
	font-size: 15px;
}

.card .card-body .info > p > img {
	display: block;
}

.card .card-body .sub-title {
	font-size: 16px;
	font-weight: 600;
	
}

.card .card-body ul.indent li .indent-title {
	font-weight: 600;
	font-size: 17px;
}

.card .card-body ul.indent li .indent-title:after{
	
}

.card .card-body ul.indent li a{
	position: relative;
	display: block;
	padding-left: 20px;
	line-height: 40px;
	font-size: 16px;
}

.card .card-body ul.indent li a:after{
	content: "";
	position:absolute;
	top: 16px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #aeaeae;
}

.card .card-body ul.indent.sample-type li a {
	font-size: 17px;
	line-height: 24px;
	padding-left: 0;
}

.card .card-body ul.indent.list-type li a {
	font-size: 17px;
	line-height: 24px;
}
.card .card-body ul.indent.sample-type li a:after {
	content: none;
}
.card .card-body ul.indent.list-type li a:after {
	content: "";
	position: absolute;
	display:block;
	top: 7px;
	left: -8px;
	width: 13px;
	height: 13px;
	background-color: #d6d6d6;
	
}

.card .card-body ul.indent.list-type li a:before {
	content: "";
	position: absolute;
	display:block;
	top: 13px;
	left: -8px;
	width: 4px;
	height: 4px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	background-color: #bfbfbf;
	z-index: 9;
	
}

.card .card-body ul.indent li a small{
	font-size: 14px;
	color: #a0a0a0;
}

.card .card-body ul.indent li span{
	position: relative;
	display: block;
	padding-left: 20px;
	line-height: 35px;
	font-size: 14px;
}

.card .card-body ul.indent li span:after{
	content: "";
	position:absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #aeaeae;
}
.card .card-body table {
	width: 100%;
	border-top: 2px solid #a9a9a9;
    border-bottom: 1px solid #d0d0d0;
    color: #6e6e6e;
}

.card .card-body table img{
	max-width: 100%;
}

.card .card-body table th,
.card .card-body table td {
	line-height: 2;
	vertical-align: middle;
	padding:5px;
	border-bottom: 1px solid #e4e4e4;
}
.card .card-body table th {
    color: #343434;
    background: #f8f7f7;
    font-size: 14px;
   
}
.card .card-body table td {
	text-align: center;	
	font-size: 14px;
}


.card .card-body table.list thead th {font-weight:bold;   background: url(/images/board/th_bg_1.gif);}
.card .card-body table.list img {margin:6px 0 0 0;}
.card .card-body table.list th, .card .card-body table.list td {padding:5px 20px;	font-size:14px;}

.card .card-body table.list td.text-left a {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; max-width:520px;}
.card .card-body table.list th.title {
	font-weight:bold;
	color:#555;
	padding: 10px 5px;
}
.card .card-body table.list td .file {text-align:left;}
.card .card-body table.list td .file ul li a {position:relative; padding-left:25px;}

.card .card-body table.list td .file ul li a:before {position:absolute; top:1px; left:0; content:""; width:20px; height:20px; background: url(/images/board/add_file.png) no-repeat left center;}

.card .card-body table.list th .info_box {
	display: flex;
    justify-content: flex-end;
}

.card .card-body table.list th .info_box li {
	margin-right: 16px;
}

.card .card-body table.list th .info_box li b{
	margin-right: 6px;
}

.card .card-body .sub_style_1{margin: 20px 0;}
.card .card-body .sub_style_1 td{border: 1px solid #ddd;}

.card .card-body .sub_style_2{margin: 20px 0;}
.card .card-body .sub_style_2 th{background: #fbfbfb;border-right: 1px solid #ddd;color: #333;}

.num {display: none;}
.txt {
	
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 14px;
}
.card .album_type{
    border-top: 2px solid #a9a9a9;
    border-bottom: 1px solid #d0d0d0;
}

.album_type ul {display:inline-block; padding:20px 0;}

.album_type li {
	float: left;
    width:250px;
    margin:11px 22px;
}
.album_type li a{
	display: block;
}
.album_type li .img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    background: #e0e0e0;
}
.album_type li .img img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.album_type li .txt .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin:10px 0 5px 0;
    font-size: 14px;
    color: #333;
}

.album_type .txt .date {
	position: relative;
    padding-left: 22px;
    font-size:14px;
    color:#6e6e6e;
    font-weight:normal;
}

.album_type .txt .date:after {
	content: '';
	position: absolute;
    background: url(/images/new/sub/date_ico.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    top: 3px;
    left: 0;
}

.album_type .txt .mngr {
	position: relative;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
}

.album_type .txt .mngr:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    top: 0;
    left: 5px;
    background: #ccc;
}

/* 인라인 버튼 */
table .btn {display:inline !important;}
.application_table .btn {display:inline !important;}


.btn {padding:4px 10px 5px 28px; font-size: 13px; margin:10px 6px; display: inline-block; font-weight:bold; border-radius: 4px; box-sizing: border-box;}
.down {background: #fff url(/images/new/sub/btn_download_ico.png) no-repeat 5px 2px; color: #408e1f; border: 1px solid #408e1f;  margin-left: 15px;}
.linking {background: #fff url(/images/new/sub/btn_link_ico.png) no-repeat 5px 4px; color: #0e76ab; border: 1px solid #0e76ab; margin-left: 15px;}
.excel {background:#fff url(/images/new/sub/btn_excel_ico.png) no-repeat 5px 4px; color: #408e1f; border: 1px solid #408e1f; margin-left: 15px;}
.pdf {background:#fff url(/images/new/sub/btn_pdf_ico.png) no-repeat 5px 4px; color: #ff3e2b; border: 1px solid #ff3e2b;  margin-left: 15px;}
.file {background:#fff url(/images/new/sub/btn_file_ico.png) no-repeat 5px 4px; color: #00b9e0; border: 1px solid #00b9e0; margin-left: 15px;}

.down:visited{color: #408e1f;}
.linking:visited{color: #0e76ab;}
.excel:visited{color: #408e1f;}
.pdf:visited{color: #ff3e2b;}
.file:visited{color: #00b9e0;}

.down:link{color: #408e1f;}
.linking:link{color: #0e76ab;}
.excel:link{color: #408e1f;}
.pdf:link{color: #ff3e2b;}
.file:link{color: #00b9e0;}

/* 컨텐츠의 Footer 영역 (PagingNation / Button ) */
.card .card-footer {
	
}

.card .card-footer .paging{
    position: relative;
    display:flex;
    padding: 27px 0;
    justify-content: center;
}

.card .card-footer .paging > * {
	line-height:26px;
	font-size:14px;
	border: 1px solid #ddd;
	margin: 0px 5px;
    align-items: center;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    text-align: center;
}

.card .card-footer .paging > a img {
	padding:10px;
	vertical-align: middle;
   
}

.card .card-footer .paging > a:hover{
   background: #f6fbf4;
}

.card .card-footer .paging > .num {
	display: inline-block;
   
}

.card .card-footer .paging > .num a{
    display: block;
    height: 100%;
    padding: 3px;
    box-sizing: border-box;
   
}

.card .card-footer .paging > .num a:hover{
   background: #f6fbf4;
   color: #5BA646;
}

.card .card-footer .paging >.num a.on{
	border:1px solid #5BA646;
	background: #5BA646;
    font-weight: bold;
    color: #fff;
    display: block;
    height: 100%;
    padding: 2px;
    box-sizing: border-box;

}
	

/* Input , select , textare */
.form-group {
	display: flex;
}

.input-group {
	position: relative;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.input-group input,
.input-group select{
	color:#555;
	width: 100%;
	box-sizing: border-box;
	height: 36px;	
	padding: 6px 14px;
	font-size: 14px;
}

.input-group select[name="condition"] {margin:0 10px 0 0;}

.input-group input + .addon {
	position: absolute;
	top: 0;
	right: 0;
	
}

.input-group input + .addon button {
	background-color: #4caa22;
	color: #fff;
	padding: 10px;
	height: 36px;	
	box-sizing: border-box;
	cursor: pointer;
}

/* Button */

.button-group {
	position: relative;
	display: flex;
}

.button-group button,
.button-group a {
	/*
	border: 1px solid #4caa22;
	color: #4caa22;
	*/
	border: 1px solid #2A8800;
	color: #2A8800;
	padding: 10px;
	/* height: 2.08vw;	 */
	box-sizing: border-box;
	font-size: 15px;
}


.button-group .btn-red {
	background-color: #f44336;
	color: #ffffff;
	border: none;
}

.button-group .btn-pink {
	background-color: #e91e63;
	color: #ffffff;
	border: none;
}

.button-group .btn-purple {
	background-color: #9c27b0;
	color: #ffffff;
	border: none;
}

.button-group .btn-indigo {
	background-color: #3f51b5;
	color: #ffffff;
	border: none;
}

.button-group .btn-blue {
	background-color: #2196f3;
	color: #ffffff;
	border: none;
}

.button-group .btn-cyan {
	background-color: #00bcd4;
	color: #ffffff;
	border: none;
}

.button-group .btn-teal {
	background-color: #009688;
	color: #ffffff;
	border: none;
}

.button-group .btn-green {
	background-color: #4caf50;
	color: #ffffff;
	border: none;
}

.button-group .btn-lime {
	background-color: #cddc39;
	color: #ffffff;
	border: none;
}

.button-group .btn-yellow {
	background-color: #ffeb3b;
	color: #ffffff;
	border: none;
}

.button-group .btn-brown {
	background-color: #795548;
	color: #ffffff;
	border: none;
}

.button-group .btn-amber {
	background-color: #ffc107;
	color: #ffffff;
	border: none;
}

.button-group .btn-orange {
	background-color: #ff9800;
	color: #ffffff;
	border: none;
}

.button-group .btn-grey {
	background-color: #9e9e9e;
	color: #ffffff;
	border: none;
}

.button-group .btn-black {
	background-color: #000000;
	color: #ffffff;
	border: none;
}
/* ETC / Util */

nostrong{
	font-weight: 500;
}

.tab {
	background:#fff;
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	box-sizing: border-box;
	/* margin:0px 0 35px 0; */
	 margin:-1px 0 0 0;
	
}

.tab a{
	font-size:14px;
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab a:first-child {border-left:1px solid #dddddd;}

.tab a:hover{
	background: #4caa22;
	border: 1px solid #4caa22;
	color: #f1f1f1;
	font-weight:bold;
}

.tab > a {
	box-sizing: border-box;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #4caa22;
	padding: 12px 15px;
}

.tab > a.active {
	font-weight:bold;
	border: 1px solid #4caa22 !important;
	background: #4caa22;
	color: #f1f1f1;
}
.tab ul{
	display: flex;
    justify-content: center;
    width: 100%;
}
.tab > ul {
	border: 1px solid #ddd;
}
.tab > ul > li {
    flex-grow: 1;
     width: 100%;	
}

.tab > ul > li.on {
  background: #4caa22;
}

.tab > ul > li.on a{
   color: #f1f1f1;
   font-weight:bold;
}

.tab > ul > li:hover {
   background: #4caa22;
   color: #f1f1f1;
   
}

.tab > ul > li > a{
  padding: 16px;
  font-size: 15px;
  border-right: 1px solid #ddd;
  text-align:center;
}

.tab > ul > li > a:first-child {
  border-left:none;
}

.tab > ul > li:nth-last-of-type(1) > a {
  border-right: none;
}

.tab > ul > li > a:hover{
    background: none;
	border:  none;
	font-weight:bold;
}




.bg-transp {
	background-color:transparent;
}

.display-none {
	display: none;
}

.display-block {
	display: block;
}

.pointer {
	cursor: pointer;
}

.box-sizing {
	box-sizing: border-box;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.flex-left {
	justify-content: flex-start;
}

.flex-center {
	justify-content: flex-center;
}

.flex-right {
	justify-content: flex-end;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-white {
	color: #ffffff !important;
}

.text-blue {
	color: #0000ff !important;
}

.oveflow-hidden {
	overflow: hidden;
}

.content-center {
	margin: 0 auto;
}

.w-win-full {
	width: 100vw;
}

.w-full {
	width: 100%;
}

.w-10 {
	width: 10px;
}

.w-15 {
	width: 15px;
}


.w-100 {
	width: 100px;
}

.w-200 {
	width: 200px;
}

.w-300 {
	width: 300px;
}

.w-400 {
	width: 400px;
}

.w-500 {
	width: 500px;
}

.w-600 {
	width: 600px;
}

.w-700 {
	width: 700px;
}

.w-800 {
	width: 800px;
}

.w-960 {
	width: 960px;
}

.w-1200 {
	width: 1200px
}

.h-full {
	height: 100%;
}

.h-10 {
	height: 10px;
}

.h-15 {
	height: 15px;
}

.h-25 {
	height: 25px;
}

.h-50 {
	height: 50px;
}

.h-60 {
	height: 60px;
}

.h-65 {
	height: 65px;
}

.h-80 {
	height: 80px;
}

.h-90 {
	height: 90px;
}

.h-100 {
	height: 100px;
}

.h-125 {
	height: 125px;
}

.h-200 {
	height: 200px;
}

.h-210 {
	height: 210px;
}

.h-225 {
	height: 225px;
}

.h-250 {
	height: 250px;
}

.h-275 {
	height: 275px;
}

.h-280 {
	height: 280px;
}

.h-300 {
	height: 300px;
}

.h-306 {
    height: 306px;
}

.h-325 {
	height: 325px;
}

.h-335 {
	height: 335px;
}

.h-350 {
	height: 350px;
}

.h-364 {
    height: 364px;
}

.h-375 {
    height: 375px;
}

.h-380 {
	height: 380px;
}

.h-400 {
	height: 400px;
}

.h-407 {
    height: 407px;
}

.h-425 {
	height: 425px;
}

.h-450 {
	height: 450px;
}
.h-500 {
	height: 500px;
}

.h-550 {
	height: 550px;
}

.h-575 {
	height: 575px;
}

.h-586 {
    height: 586px;
}
.h-600 {
	height: 600px;
}

.h-700 {
	height: 700px;
}

.h-800 {
	height: 800px;
}

.p-a-0 {
	padding: 0px !important;
}

.p-a-1 {
	padding: 10px !important;
}

.p-a-2 {
	padding: 20px !important;
}

.p-a-3 {
	padding: 30px !important;
}

.p-a-4 {
	padding: 40px !important;
}

.p-a-5 {
	padding: 50px !important;
}

.p-l-0 {
	padding-left: 0px !important;
}

.p-l-1 {
	padding-left: 10px !important;
}

.p-l-2 {
	padding-left: 20px !important;
}

.p-l-3 {
	padding-left: 30px !important;
}

.p-l-4 {
	padding-left: 40px !important;
}

.p-l-5 {
	padding-left: 50px !important;
}

.p-r-0 {
	padding-right: 0px !important;
}

.p-r-1 {
	padding-right: 10px !important;
}

.p-r-2 {
	padding-right: 20px !important;
}

.p-r-3 {
	padding-right: 30px !important;
}

.p-r-4 {
	padding-right: 40px !important;
}

.p-r-5 {
	padding-right: 50px !important;
}

.p-b-0 {
	padding-bottom: 0px !important;
}

.p-b-1 {
	padding-bottom: 10px !important;
}

.p-b-2 {
	padding-bottom: 20px !important;
}

.p-b-3 {
	padding-bottom: 30px !important;
}

.p-b-4 {
	padding-bottom: 40px !important;
}

.p-b-5 {
	padding-bottom: 50px !important;
}

.p-t-0 {
	padding-top: 0px !important;
}

.p-t-05{
	padding-top: 5px !important;
}

.p-t-1 {
	padding-top: 10px !important;
}

.p-t-1-5 {
	padding-top: 15px !important;
}

.p-t-2 {
	padding-top: 20px !important;
}

.p-t-3 {
	padding-top: 30px !important;
}

.p-t-3-5 {
	padding-top: 30px !important;
}

.p-t-4 {
	padding-top: 40px !important;
}

.p-t-5 {
	padding-top: 50px !important;
}

.p-t-6 {
	padding-top: 60px !important;
}

.m-a-0 {
	margin: 0px;
}

.m-a-1 {
	margin: 10px;
}

.m-a-2 {
	margin: 20px;
}

.m-a-3 {
	margin: 30px;
}

.m-a-4 {
	margin: 40px;
}

.m-a-5 {
	margin: 50px;
}

.m-l-0 {
	margin-left: 0px;
}

.m-l-1 {
	margin-left: 10px;
}

.m-l-2 {
	margin-left: 20px;
}

.m-l-3 {
	margin-left: 30px;
}

.m-l-4 {
	margin-left: 40px;
}

.m-l-5 {
	margin-left: 50px;
}

.m-r-0 {
	margin-right: 0px !important;
}

.m-r-1 {
	margin-right: 10px;
}

.m-r-2 {
	margin-right: 20px;
}

.m-r-3 {
	margin-right: 30px;
}

.m-r-4 {
	margin-right: 40px;
}

.m-r-5 {
	margin-right: 50px;
}

.m-b-0 {
	margin-bottom: 0px;
}

.m-b-1 {
	margin-bottom: 10px;
}


.m-b-2 {
	margin-bottom: 20px;
}

.m-b-2-1 {
    margin-bottom: 30px;
}

.m-b-3 {
	margin-bottom: 30px;
}

.m-b-4 {
	margin-bottom: 40px;
}

.m-b-5 {
	margin-bottom: 50px;
}

.m-t-0 {
	margin-top: 0px !important;
}

.m-t-1 {
	margin-top: 10px;
}

.m-t-2 {
	margin-top: 20px;
}

.m-t-3 {
	margin-top: 30px;
}

.m-t-4 {
	margin-top: 40px;
}

.m-t-5 {
	margin-top: 50px !important;
}

.m-t-10 {
	margin-top: 100px;
}

.m-t-6 {
	margin-top: 60px;
}

.m-t-7 {
	margin-top: 70px;
}

.bg-wihte {
	background-color: #ffffff !important;
}

.bg-red {
	background-color: #F44336;
}

.bg-lighten {
	background-color: #e4661a;
}

.blue-grey-lighten {
	background-color: #797979;
}

.bg-dark-gray{
	background-color: #cb3b3b;
}

.bg-plus {
	background-image: url("/images/new/main/plus.png");
	padding: 6px;
	background-position: left top ;
	background-repeat: no-repeat;
	background-origin: content-box;
}

.bg-light-wihte{
	background-color: #fafafa;
}

.bold {
	font-weight: 600;
}

.border-grey {
	border: 1px solid #ddd;
}

.border-gray-3 {
	border-bottom: 1px solid #ddd !important;
}

.border-right-none {
	border-right: none;
}

.border-bottom-none {
	border-bottom: none;
}

.font-size-1 {
	font-size: 10px;
}

.font-size-1-3 {
	font-size: 13px;
}

.font-size-1-5 {
	font-size: 15px;
}

.font-size-2 {
	font-size: 20px;
}

.font-size-3 {
	font-size: 30px;
}

.font-size-4 {
	font-size: 40px;
}

.clearfix::after {
  display: block;
  content: '';
  clear: both;
  overflow: hidden;
}

.m-block {
	display: none;
}

.t-block {
	display: none;
}

/* 테블릿 */
@media ( max-width : 1280px) {

	.col-md-0 {
		-ms-flex: 0 0 0;
		flex: 0 0 0;
		max-width: 0;
	}
	
	.col-md-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	
	.col-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		
		max-width: 16.666667%;
	}
	
	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	
	.col-md-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.col-md-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	
	.col-md-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	
	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	
	.col-md-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	
	.col-md-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	
	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	/*header .menu-navi.t-none {display: none;}*/
	.t-none{
		display: none;
	}
	
	.t-block{
		display: block;
	}
	
	/*header .gub {*/
	/*	float: right;*/
	/*	width: 50%;*/
	/*}*/
	
	/*header .gub .sitemap a:nth-child(1) {*/
    /*	left: calc(100% - 110px);*/
	/*}*/
	
	/*header .gub .sitemap a:nth-child(2) {*/
	/*    margin: 26px 12px 0 0;*/
	/*}*/
	/*header .gub .sitemap a:nth-child(3) {*/
	/*	display: none;*/
	/*}*/
	
	/*header .gub .sitemap a:nth-child(4) {*/
	/*	display: none;*/
	/*}*/
	
	/*.total-search .search-form .search-group + .hash-tag {*/
	/*	right: 250px;*/
	/*}*/
	
	
	.card .card-body .info > li {
	    font-size: 12px;
	    line-height: 15px;
	}
	.card .card-body .info > p {
	    font-size: 12px;
	    line-height: 15px;
	}
	
	.card .card-body ul.indent li a {
		line-height: 28px;
	}
	
	.card .card-body ul.indent.sample-type li a {
		font-size: 15px;
	}
	
	.card .card-body ul.indent.list-type li a {
	    font-size: 15px;
	}
	
	.t-p-a-0 {
		padding: 0px !important;
	}
	
	.t-p-a-1 {
		padding: 10px !important;
	}
	
	.t-p-a-2 {
		padding: 20px !important;
	}
	
	.t-p-a-3 {
		padding: 30px !important;
	}
	
	.t-p-a-4 {
		padding: 40px !important;
	}
	
	.t-p-a-5 {
		padding: 50px !important;
	}
	
	.t-p-l-0 {
		padding-left: 0px !important;
	}
	
	.t-p-l-1 {
		padding-left: 10px !important;
	}
	
	.t-p-l-2 {
		padding-left: 20px !important;
	}
	
	.t-p-l-3 {
		padding-left: 30px !important;
	}
	
	.t-p-l-4 {
		padding-left: 40px !important;
	}
	
	.t-p-l-5 {
		padding-left: 50px !important;
	}
	
	.t-p-r-0 {
		padding-right: 0px !important;
	}
	
	.t-p-r-1 {
		padding-right: 10px !important;
	}
	
	.t-p-r-2 {
		padding-right: 20px !important;
	}
	
	.t-p-r-3 {
		padding-right: 30px !important;
	}
	
	.t-p-r-4 {
		padding-right: 40px !important;
	}
	
	.t-p-r-5 {
		padding-right: 50px !important;
	}
	
	.t-p-b-0 {
		padding-bottom: 0px !important;
	}
	
	.t-p-b-1 {
		padding-bottom: 10px !important;
	}
	
	.t-p-b-2 {
		padding-bottom: 20px !important;
	}
	
	.t-p-b-3 {
		padding-bottom: 30px !important;
	}
	
	.t-p-b-4 {
		padding-bottom: 40px !important;
	}
	
	.t-p-b-5 {
		padding-bottom: 50px !important;
	}
	
	.t-p-t-0 {
		padding-top: 0px !important;
	}
	
	.t-p-t-05{
		padding-top: 5px !important;
	}
	
	.t-p-t-1 {
		padding-top: 10px !important;
	}
	
	.t-p-t-2 {
		padding-top: 20px !important;
	}
	
	.t-p-t-3 {
		padding-top: 30px !important;
	}
	
	.t-p-t-4 {
		padding-top: 40px !important;
	}
	
	.t-p-t-5 {
		padding-top: 50px !important;
	}
	
	.t-p-t-6 {
		padding-top: 60px !important;
	}
	
	.t-m-a-0 {
		margin: 0px;
	}
	
	.t-m-a-1 {
		margin: 10px;
	}
	
	.t-m-a-2 {
		margin: 20px;
	}
	
	.t-m-a-3 {
		margin: 30px;
	}
	
	.t-m-a-4 {
		margin: 40px;
	}
	
	.t-m-a-5 {
		margin: 50px;
	}
	
	.t-m-l-0 {
		margin-left: 0px;
	}
	
	.t-m-l-1 {
		margin-left: 10px;
	}
	
	.t-m-l-2 {
		margin-left: 20px;
	}
	
	.t-m-l-3 {
		margin-left: 30px;
	}
	
	.t-m-l-4 {
		margin-left: 40px;
	}
	
	.t-m-l-5 {
		margin-left: 50px;
	}
	
	.t-m-r-0 {
		margin-right: 0px !important;
	}
	
	.t-m-r-1 {
		margin-right: 10px;
	}
	
	.t-m-r-2 {
		margin-right: 20px;
	}
	
	.t-m-r-3 {
		margin-right: 30px;
	}
	
	.t-m-r-4 {
		margin-right: 40px;
	}
	
	.t-m-r-5 {
		margin-right: 50px;
	}
	
	.t-m-b-0 {
		margin-bottom: 0px;
	}
	
	.t-m-b-1 {
		margin-bottom: 10px;
	}
	
	
	.t-m-b-2 {
		margin-bottom: 20px;
	}
	
	.t-m-b-2-1 {
	    margin-bottom: 30px;
	}
	
	.t-m-b-3 {
		margin-bottom: 30px;
	}
	
	.t-m-b-4 {
		margin-bottom: 40px;
	}
	
	.t-m-b-5 {
		margin-bottom: 50px;
	}
	
	.t-m-t-0 {
		margin-top: 0px !important;
	}
	
	.t-m-t-1 {
		margin-top: 10px;
	}
	
	.t-m-t-2 {
		margin-top: 20px;
	}
	
	.t-m-t-3 {
		margin-top: 30px;
	}
	
	.t-m-t-3-5 {
		margin-top: 35px;
	}
	
	.t-m-t-4 {
		margin-top: 40px;
	}
	
	.t-m-t-5 {
		margin-top: 50px;
	}
	
	.t-m-t-10 {
		margin-top: 100px;
	}
	
	.t-m-t-6 {
		margin-top: 60px;
	}
	
	.t-m-t-7 {
		margin-top: 70px;
	}

}

@media ( max-width : 992px) {
	
	.col-sm-0 {
		-ms-flex: 0 0 0;
		flex: 0 0 0;
		max-width: 0;
	}
	
	.col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	
	.col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	
	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	.col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	
	.col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	
	.col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	
	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	
	.col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	
	.col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	
	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	/* Util 재정의 */
	.m-block {
		display: block;
	}
	
	.m-none {
		display: none !important;
	}
	
		
	.m-p-a-0 {
		padding: 0px !important;
	}
	
	.m-p-a-1 {
		padding: 10px !important;
	}
	
	.m-p-a-2 {
		padding: 20px !important;
	}
	
	.m-p-a-3 {
		padding: 30px !important;
	}
	
	.m-p-a-4 {
		padding: 40px !important;
	}
	
	.m-p-a-5 {
		padding: 50px !important;
	}
	
	.m-p-l-0 {
		padding-left: 0px !important;
	}
	
	.m-p-l-1 {
		padding-left: 10px !important;
	}
	
	.m-p-l-2 {
		padding-left: 20px !important;
	}
	
	.m-p-l-3 {
		padding-left: 30px !important;
	}
	
	.m-p-l-4 {
		padding-left: 40px !important;
	}
	
	.m-p-l-5 {
		padding-left: 50px !important;
	}
	
	.m-p-r-0 {
		padding-right: 0px !important;
	}
	
	.m-p-r-1 {
		padding-right: 10px !important;
	}
	
	.m-p-r-2 {
		padding-right: 20px !important;
	}
	
	.m-p-r-3 {
		padding-right: 30px !important;
	}
	
	.m-p-r-4 {
		padding-right: 40px !important;
	}
	
	.m-p-r-5 {
		padding-right: 50px !important;
	}
	
	.m-p-b-0 {
		padding-bottom: 0px !important;
	}
	
	.m-p-b-1 {
		padding-bottom: 10px !important;
	}
	
	.m-p-b-2 {
		padding-bottom: 20px !important;
	}
	
	.m-p-b-3 {
		padding-bottom: 30px !important;
	}
	
	.m-p-b-4 {
		padding-bottom: 40px !important;
	}
	
	.m-p-b-5 {
		padding-bottom: 50px !important;
	}
	
	.m-p-t-0 {
		padding-top: 0px !important;
	}
	
	.m-p-t-05{
		padding-top: 5px !important;
	}
	
	.m-p-t-1 {
		padding-top: 10px !important;
	}
	
	.m-p-t-2 {
		padding-top: 20px !important;
	}
	
	.m-p-t-3 {
		padding-top: 30px !important;
	}
	
	.m-p-t-4 {
		padding-top: 40px !important;
	}
	
	.m-p-t-5 {
		padding-top: 50px !important;
	}
	
	.m-p-t-6 {
		padding-top: 60px !important;
	}
	
	.m-m-a-0 {
		margin: 0px;
	}
	
	.m-m-a-1 {
		margin: 10px;
	}
	
	.m-m-a-2 {
		margin: 20px;
	}
	
	.m-m-a-3 {
		margin: 30px;
	}
	
	.m-m-a-4 {
		margin: 40px;
	}
	
	.m-m-a-5 {
		margin: 50px;
	}
	
	.m-m-l-0 {
		margin-left: 0px;
	}
	
	.m-m-l-1 {
		margin-left: 10px;
	}
	
	.m-m-l-2 {
		margin-left: 20px;
	}
	
	.m-m-l-3 {
		margin-left: 30px;
	}
	
	.m-m-l-4 {
		margin-left: 40px;
	}
	
	.m-m-l-5 {
		margin-left: 50px;
	}
	
	.m-m-r-0 {
		margin-right: 0px !important;
	}
	
	.m-m-r-1 {
		margin-right: 10px;
	}
	
	.m-m-r-2 {
		margin-right: 20px;
	}
	
	.m-m-r-3 {
		margin-right: 30px;
	}
	
	.m-m-r-4 {
		margin-right: 40px;
	}
	
	.m-m-r-5 {
		margin-right: 50px;
	}
	
	.m-m-b-0 {
		margin-bottom: 0px;
	}
	
	.m-m-b-1 {
		margin-bottom: 10px;
	}
	
	
	.m-m-b-2 {
		margin-bottom: 20px;
	}
	
	.m-m-b-2-1 {
	    margin-bottom: 30px;
	}
	
	.m-m-b-3 {
		margin-bottom: 30px;
	}
	
	.m-m-b-4 {
		margin-bottom: 40px;
	}
	
	.m-m-b-5 {
		margin-bottom: 50px;
	}
	
	.m-m-t-0 {
		margin-top: 0px !important;
	}
	
	.m-m-t-1 {
		margin-top: 10px;
	}
	
	.m-m-t-2 {
		margin-top: 20px;
	}
	
	.m-m-t-3 {
		margin-top: 30px;
	}
	
	.m-m-t-4 {
		margin-top: 40px;
	}
	
	.m-m-t-5 {
		margin-top: 50px;
	}
	
	.m-m-t-10 {
		margin-top: 100px;
	}
	
	.m-m-t-6 {
		margin-top: 60px;
	}
	
	.m-m-t-7 {
		margin-top: 70px;
	}
	
	
	.m-footer{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 20vw;
		
	}
	
	.m-footer .m-move-ui .m-footer-direct{
		font-size: 3.63vw;
		padding-top: 5.65vw;
		margin-top: 5vw;
		display:block;
		height: 100%;
		background-color: #fff;
		min-height: 10vw;
		/* box-sizing: border-box; */
	}
	
	
	.m-footer .m-move-ui:nth-child(2) .m-footer-direct{
		border: 1px solid #e5e5e5!important;
	}
	
	.m-footer .m-move-ui .m-footer-direct:after{
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		height: .5vw;
		width: 4.2vw;
		background-color: #ec7126;
	}
	
	.m-footer .m-move-ui:first-child .m-footer-direct:after {
		left:0;
		right: auto;
	}
	
	.m-footer .m-move-ui .m-footer-direct.active {
		color: #fff;
		background-color: #ec7126;
	}
	
	.m-footer .m-move-ui .m-footer-direct.active:after {
		background-color: #fff;
	}
	
	.card.rectangle1:after{
	    width: 30px;
	    height: 30px;
	}
	
	.card .card-header h1 {
	    font-size: 16px;
	}
	
	.card .card-header h1.title {
	    font-size: 15px;
	}
	
	.card .card-header h1 img {
		width: 17px;
	}
	
	.card .card-header h1.dash{
	    font-size: 16px;
	}

	
    .card .card-header h1.dash:after {
    	left: -40px;
	    width: 20px;
	    height: 3px;
    }
	
	.card .card-body ul.indent li a {
	    padding-left: 20px;
	    line-height: 35px;
	    font-size: 13px;
	}
	
	.card .card-body ul.indent li a:after {
	    top: 15px;
	    width: 4px;
	    height: 4px;
	}
	
	.card .card-body ul.indent.list-type li a {
	    line-height: 25px;
	    font-size: 16px;
	}
	
	.card .card-body ul.indent.list-type li a small{
		font-size: 15px;
	}
	
	.card .card-body {
		margin:20px 0px;
	}
	
	.card .card-body .info {
		/* padding: 38px 0; */
		position: relative;
	}
	
	.card .card-body .info > li {
		position: relative;
		line-height: 20px;
		font-size: 14px;
	}
	
	.card .card-body .info > p {
		position: relative;
		line-height: 18px;
		font-size: 14px;
		color: #525252;
	}
	
	.card .card-body table {
		width: 100%;
	}
	
	.card .card-body table th,
	.card .card-body table td {
		padding: 19px 5px ;
		height: 49px;
		vertical-align: middle;
		/* font-size:  3vw */
	}
	.card .card-body table th {
		border-bottom: 0.1vw solid #ddd;
	    color: #858585;
	
	}
	
	.card .card-body table td {
		border-bottom: 1px solid #ddd;
	}
	
	.card .card-body .sub-title {
		font-size: 96px;
	}
	.card .card-body ul.indent li .indent-title {
		font-size: 86px;
	}
	
	.card .card-body ul.indent li span {
		font-size: 75px;
		line-height: 93px;
	}
	
}

/* eng */
.eng {font-family:'Pretendard', 'sans-serif'; color:#555555; letter-spacing:-.005em;}