/*!
 * default.css - default styles for this theme.
 * Copyright (C) SmarTools Co. (https://smartools.co.kr)
*/

/** Topbar **/
/* #st-body {} */
#st-body .topbar {
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;
}
#st-body .topbar .btn-group {
	border-radius: 0;
}


/** PCbar **/
#st-body .pcbar {padding: 0;}

#st-body .pcbar .brand {
	font-size: 24px;
	font-weight: 600;
}
#st-body .pcbar .brand a {color: #333; text-decoration: none;}
#st-body .pcbar .container {*padding:0; margin:0 auto;}

/** Navbar **/
.navbar-default {background:none; border:none;}
#st-body .navbar {position:relative; clear:both; border-radius: 0;}
#st-body .navbar-nav {margin:0;}
#st-body .navbar-nav > li > a { font-weight: 600; }
#st-body .navbar-nav .label-logged-in {font-size: 10px; position: relative; top: -5px; padding: 1px 3px;}
#st-body .navbar-nav .search {margin: 0 15px;}
#st-body .navbar-nav .panel-search {min-width: 250px; box-shadow: 0 0; -webkit-box-shadow: 0 0; margin-bottom: 0;}

.navbar-brand {}
.navbar-brand img {width:auto; height:30px; }
	#st-body .navbar-header {padding:0;}
#st-body .container {position:relative; display:block; clear:both;}
.navbar-toggle {margin:0; padding: 7px 8px;}

#st-body .navbar-nav .dropdown-submenu { position:relative; }
#st-body .navbar-nav .dropdown-submenu > .dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-2px; -webkit-border-radius:0 0 6px 0; -moz-border-radius:0 0 6px 0; border-radius:0 0 6px 0; }
#st-body .navbar-nav .dropdown-submenu > a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px;}
#st-body .navbar-nav .dropdown-submenu.pull-left { float:none; }
#st-body .navbar-nav .dropdown-submenu.pull-left > .dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; }
.nav>li>a {padding:7px 10px; }
.dropdown-menu {border-radius:0; box-shadow:none; border: 1px solid #282828;}
.dropdown-menu>li>a {padding: 3px 20px; color:#666;}
#st-body .navbar-default .navbar-nav > .active > a, #st-body .navbar-default .navbar-nav > .active > a:hover, #st-body .navbar-default .navbar-nav > .active > a:focus {color: #1e6da0; background:none;}

.imemode {ime-mode:active;}


@media (max-width: 767px) {
	#st-body .navbar-header {padding:10px 0;}
	#st-body .navbar-collapse { margin-top:0; padding-right: 0; padding-left: 0;}
	#st-body .navbar-nav .dropdown-submenu > a:after {margin-right: 0;}
	#st-body .navbar-nav .dropdown-submenu .dropdown-menu {margin-top: 0; margin-left: 0;}
	#st-body .navbar-nav .dropdown-submenu .dropdown-menu li {padding-left: 15px; padding-right: 15px; font-size:13px;}
	.dropdown .dropdown-menu {*display:none; }
	.nav>li>a {border-bottom: 1px solid #d7d7d7; }
}
@media (max-width: 990px) {
	#st-body .vmiddle-section {display:block;}
	#st-body .navbar {display:block;  clear:both;}
	#st-body .navbar-nav > li > a {font-size:14px; }
}
@media (min-width: 768px) {
	#st-body .navbar {margin:15px auto;}
	#st-navbar .container {width:auto;}
	#st-body .navbar {margin-bottom:0;}
	#st-body .dropdown-menu > .active > a, #st-body .dropdown-menu > .active > a:hover, #st-body .dropdown-menu > .active > a:focus { 
		color: #fff; *background-color: #337ab7; 
	}
	#st-body .navbar-collapse {padding-right: 0; padding-left: 0;}
	#st-body .navbar-nav > li > a {font-size:15px; letter-spacing:-1px;  padding: 10px 22px;}
}
@media (min-width: 1000px) {
	#st-body .navbar {margin:20px auto;}
	#st-body .navbar-nav {margin-left:30px; float:right; }
	#st-body .navbar-nav > li > a {line-height:50px; padding: 0 18px;}
	#st-body #ctt {margin: 0;}
}
@media (min-width: 1200px) {
	#st-body .pcbar {padding: 0;}
	#st-body .navbar-nav {margin-left:70px;}
	#st-body .navbar-nav > li > a {font-size:17px; padding: 0 25px;}
}

/** Slider (carousel) **/
#st-body .carousel-main { margin-bottom: 15px; }
#st-body .carousel-main .item { 
	width: 100%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.carousel-indicators li {border-radius: 0;}
.carousel-indicators .active {width: 10px; height: 10px; margin: 1px;}

	#st-body .page-header { border-bottom: 1px solid #aaa; margin: 0 0 35px;}
	#st-body .page-header > .title {font-size:21px; font-weight: 600; line-height: 1.5; color:#000; letter-spacing:-1px; }


@media (max-width: 767px) {
	#st-body .carousel-wrapper {margin: -20px -15px 0;}
	#st-body .page-header { margin: 0 0 25px;}
}

@media (min-width: 768px) {
	.carousel-control {width:10% !important;}
	.carousel-indicators {bottom: 10px;}
	#st-body .page-header > .title {font-size:25px;}
}
@media (min-width:1000px) {

	#st-body .page-header > .title {font-size:31px;}
}

/** Sidebar **/

#st-ol .input-group-addon {}
#st-body .sidebar .banner {width: 100%;}
#st-body .sidebar .banner img {margin: 0 auto;	width: 100%;}

#st-body .sidebar .list-group {margin-bottom:10px; border-radius: 0;}
.list-group-item:first-child, .list-group-item:last-child {border-radius: 0;}

#st-body .sidebar .banner_event {width: 100%;}
#st-body .sidebar .banner_event h2 {font-size:16px; color:#111; font-weight:600; margin-top:15px; margin-bottom:9px;}
#st-body .sidebar .banner_event table {width:100%; margin:0 auto;}
#st-body .sidebar .banner_event table td {border: 1px solid #d7d7d7; font-size:13px; letter-spacing:-0.5px; text-align:center; width:33.3%;}
#st-body .sidebar .banner_event table td a {display:block; padding:10px 8px; color:#666; height:56px; }
#st-body .sidebar .banner_event table td a.line1 {line-height:38px;}
#st-body .sidebar .banner_event table td a:hover {color:#fff; font-weight:600; text-decoration: none; background:#0085da; *border: 1px solid #0085da;}

#st-body .sidebar .banner #tabs li {width:33.3%;}
#st-body .sidebar .banner #tabs li a {padding:0; display:block; width:100%; text-align:center; }

#st-body .sidebar .banner .sidebar_button ul {list-style:none; margin:0;}
#st-body .sidebar .banner .sidebar_button ul li {margin:0 2% 3px; width:45%; float:left; border:1px solid #ccc;}
#st-body .sidebar .banner .sidebar_button ul li a {display:block; width:100%; padding:3px 0; text-align:center;}
#st-body .sidebar .banner .sidebar_button ul li a:hover,
#st-body .sidebar .banner .sidebar_button ul li a:active {color:#fff; background:#333;}

@media only screen and (min-width : 590px) and (max-width : 990px) { 
	#st-body #st-ol {width: 53%; float:left; padding: 20px 13px; margin-bottom:0; height:180px; }
	#st-body .sidebar .banner {width: 45%; float:right; height:180px; overflow:hidden; }
	#st-body .sidebar .banner_event {width: 45%; float:right; height:180px; overflow:hidden;}
	#st-body .sidebar .banner_event h2 {font-size:17px; margin-top:5px; margin-bottom:12px;}
	#st-body .sidebar .banner_event table td a {padding:20px 8px; color:#666; height:71px; }

}
@media (min-width: 1000px) {
	#st-body .sidebar {margin-left:-15px;}
	#st-body #st-ol {height:175px; }
	#st-body .sidebar .banner {height:155px; overflow:hidden;}
	#st-body .sidebar .banner_event {height:155px; overflow:hidden;}
	#st-body .sidebar .banner_event h2 {font-size:17px; margin-top:10px; margin-bottom:12px;}
	
}
@media (min-width: 1200px) {
	#st-body .sidebar .banner  {height:145px;  overflow:hidden;}
	#st-body .sidebar .banner img {width: auto; height:145px;}
		#st-body .sidebar .banner_event {height:145px;  overflow:hidden;}
	#st-body .sidebar .banner_event h2 {margin-top:7px; margin-bottom:9px;}
	#st-body .sidebar .banner_event table td a {display:block; padding:10px 8px; color:#666; height:54px; }
}

/** Footer **/
#st-body .footer {margin-top:50px; letter-spacing:-0.25px;}
#st-body .footer .container .line_1px {background:#000; *width:100%; height:1px; margin-bottom:15px; margin-left:15px; margin-right:15px;}

#st-body .footer .footbar a {
    height: 14px;
    line-height: 14px; font-size:13px; margin-bottom:10px;
    border-right: 1px solid #ddd; display:inline-block; 
    padding: 0 10px;
	
}
#st-body .footer .footbar a:first-child {padding-left: 0;} 
#st-body .footer .footbar a:last-child {border-right:none;} 

#st-body .footer .footbar .btn-group {
	border-radius: 0;
}
#st-body .footer .content {
	color: #888; 
	line-height: 16px; font-size:13px;
	*background-color: #333;
	min-height: 20px;
	padding:0 0 30px;
}

#st-body .footer .footer_logo {margin-bottom:15px;  margin-left:-5px;}
#st-body .footer .footer_logo img {filter:alpha(opacity=50); opacity:0.5;}

#st-body .footer .content a, 
#st-body .footer .content a:hover { 
	color: #333; 
}
#st-body .footer .content .divider {
    color: #666;
    font-size: 80%;
    position: relative;
    top: -1px;
    margin: 0 7px;
}
#st-body .footer .content hr { border-top: 1px solid #444;}
#st-body .footer .copyright {color: #aaa;; font-size:13px; margin-top:8px; font-weight:normal; }
#st-body .footer .copyright a, 
#st-body .footer .copyright a:hover { color: #fff; }

@media (max-width: 767px) {
	#st-body .footer {margin-top: 30px; }
	#st-body .footer .footer_logo {margin-bottom:20px;}
	#st-body .footer .footer_logo img {width:150px; }
	#st-body .footer .content {text-align: center;}
	#st-body .footer .footbar {margin-bottom:10px;}
}


/** Common **/
#st-body .btn-nav {
	color: #777;
	font-weight: normal;
	background-color: #f8f8f8;
    height: 30px;
    line-height: 30px;	
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 0;
	padding: 0 10px;
}
#st-body .btn-nav:hover,
#st-body .btn-nav:active,
#st-body .btn-nav.active {
	color: #3b3b3b;
}
#st-body .btn-nav .fa {
	font-size: 1.3em;
	position: relative;
	top: 1px;
}
#st-body .btn-nav .glyphicon {
	font-size: 1.2em;
	position: relative;
	top: 2px;
}


/** Preloader **/
#st-preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: #ffffff;
	z-index:999999; 
}
#st-preloader .spinner {
	margin: 150px auto 0;
	width: 70px;
	text-align: center;
	position:fixed;
	z-index:999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-size:32px 32px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px; 
}
#st-preloader .spinner > div {
	width: 18px;
	height: 18px;
	background-color: #ccc;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#st-preloader .spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
#st-preloader .spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}


/** Back to top menu **/
#st-backtotop {
	color: #fff;
    position: fixed;
    bottom: 15px;
    right: 15px;
    text-decoration: none;
    padding: 16px;
    display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
	background: rgba(0,0,0,0.4);
	z-index: 5000;
	cursor: pointer;
}
#st-backtotop:hover {    
	background-color: #333;
}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_con p {margin: 0}
.hd_pops_con img {width:100%;height:auto}
.hd_pops_footer {padding:10px;background:#000;color:#fff;display:flex;justify-content:space-between;}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.main_con1 {position:relative; overflow:hidden; clear:both; margin-top:20px;}
.main_con1 ul {list-style-type:none; margin:0; padding:0;}
.main_con1 ul li {background:#d2e2e8;}
.main_con1 ul li a {display:block; color:#353535;  padding:7px 15px; margin-bottom:1px;}
.main_con1 ul li a:hover {color:#fff; text-decoration:none; background:#454545; background-color:rgba(0, 0, 0, 0.65);}

.main_con1 ul li i {display: block; width:30px; height:25px; float:left; margin-right:10px;  }
.main_con1 ul li a i.ico1 {background:url("/theme/st-basic/img/m_con1_1.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a:hover i.ico1 {background:url("/theme/st-basic/img/m_con1_1on.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a i.ico2 {background:url("/theme/st-basic/img/m_con1_2.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a:hover i.ico2 {background:url("/theme/st-basic/img/m_con1_2on.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a i.ico3 {background:url("/theme/st-basic/img/m_con1_3.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a:hover i.ico3 {background:url("/theme/st-basic/img/m_con1_3on.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a i.ico4 {background:url("/theme/st-basic/img/m_con1_4.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a:hover i.ico4 {background:url("/theme/st-basic/img/m_con1_4on.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a i.ico5 {background:url("/theme/st-basic/img/m_con1_5.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a:hover i.ico5 {background:url("/theme/st-basic/img/m_con1_5on.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a i.ico6 {background:url("/theme/st-basic/img/m_con1_6.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li a:hover i.ico6 {background:url("/theme/st-basic/img/m_con1_6on.png") no-repeat center 0; background-size:30px auto;}
.main_con1 ul li p {margin:0; padding:0; line-height:25px;}
.main_con1 ul li p span {display:inline-block; font-size:13px; line-height:25px; letter-spacing:-0.5px;}

.main_con1 ul li .btn {
	width:100%; margin:0; padding:0; font-size:13px; line-height:40px; background-color:#5abbf6; 
	background-color:rgba(0, 0, 0, 0.35); color:#fff; 
	border:none; letter-spacing:-0.5px; font-weight:500 !important; border-top: 1px solid rgba(255, 255, 255, 0.5); border-radius:0; 
}
.main_con1 ul li .btn:hover {background-color:rgba(59, 97, 145, 0.7); color:#fff; border-top: 1px solid rgba(0, 0, 0, 0.1);}

.main_con1 ul li.li2, .main_con1 ul li.li4 {background:#deecf1;}

@media (max-width: 999px) {
	.main_con1 ul li p span {font-size:14px; }
}
@media (max-width: 767px) {
	.hd_pops {left:0 !important}

	.main_con1 ul li {margin-bottom:5px;}
	.main_con1 ul li a {margin-bottom:0; padding:8px 15px; }
	.main_con1 ul li .btn {*width:auto; display:block; line-height:35px; background-color:rgba(59, 97, 145, 0.1); color:#45505e;  border: 1px solid rgba(0, 0, 0, 0.1);}
}
@media only screen and (min-width:340px) and (max-width:767px) { 
	.main_con1 ul li {position:relative; margin-bottom:4px; border: 1px solid rgba(0, 0, 0, 0.1);}
	.main_con1 ul li a {z-index:10;}
	.main_con1 ul li .btn {position:absolute; right:0; top:-1px;  bottom:-1px; width: auto; padding:0 20px; border:none; border-left: 1px solid rgba(0, 0, 0, 0.1); z-index:100; 
		background-color:#c3d5df; 
	}

} 
@media (min-width: 768px) {
	.main_con1 ul li {width:16.5%; float:left; text-align:center; margin-right:1px;}
	.main_con1 ul li:last-child {margin-right:0; float:right;} 
	.main_con1 ul li a {padding:15px 0;  margin-bottom:0; height:140px;}
	.main_con1 ul li p span {display:block;line-height:16px;;}
	.main_con1 ul li.li1 p {padding-top:7px;}
	.main_con1 ul li i {width:100%; height:70px; float:none; margin-right:0; margin-bottom:10px;}
	.main_con1 ul li a i.ico1, .main_con1 ul li a i.ico2, .main_con1 ul li a i.ico3, .main_con1 ul li a i.ico4, .main_con1 ul li a i.ico5, .main_con1 ul li a i.ico6 {background-size:90px auto;}
	.main_con1 ul li a:hover i.ico1, .main_con1 ul li a:hover i.ico2, .main_con1 ul li a:hover i.ico3, .main_con1 ul li a:hover i.ico4, .main_con1 ul li a:hover i.ico5, .main_con1 ul li a:hover i.ico6 {background-size:90px auto;}
}
@media (min-width: 1000px) {
	.main_con1 {margin-top:0;}
	.main_con1 ul li {width:16.5%; margin-right:0.1%;}
	.main_con1 ul li:last-child {width:17%; float:left; margin-right:0;}
	.main_con1 ul li a {height:165px;}
	.main_con1 ul li i {height:90px;}
	.main_con1 ul li a i.ico1, .main_con1 ul li a i.ico2, .main_con1 ul li a i.ico3, .main_con1 ul li a i.ico4, .main_con1 ul li a i.ico5, .main_con1 ul li a i.ico6 {background-size:110px auto;}
	.main_con1 ul li a:hover i.ico1, .main_con1 ul li a:hover i.ico2, .main_con1 ul li a:hover i.ico3, .main_con1 ul li a:hover i.ico4, .main_con1 ul li a:hover i.ico5, .main_con1 ul li a:hover i.ico6 {background-size:110px auto;}
	.main_con1 ul li p span {display:block; font-size:14px; font-weight:500;}
	.main_con1 ul li .btn {font-size:14px;}
}
@media (min-width: 1200px) {
	.main_con1 ul li a {height:170px;}
	.main_con1 ul li i {height:100px; margin-bottom:6px;}
	.main_con1 ul li a i.ico1, .main_con1 ul li a i.ico2, .main_con1 ul li a i.ico3, .main_con1 ul li a i.ico4, .main_con1 ul li a i.ico5, .main_con1 ul li a i.ico6 {background-size:120px auto;}
	.main_con1 ul li a:hover i.ico1, .main_con1 ul li a:hover i.ico2, .main_con1 ul li a:hover i.ico3, .main_con1 ul li a:hover i.ico4, .main_con1 ul li a:hover i.ico5, .main_con1 ul li a:hover i.ico6 {background-size:120px auto;}
	.main_con1 ul li p span {display:block; font-size:14px; font-weight:500;}
}

.main_con2 {position:relative; overflow:hidden; clear:both; margin-top:15px;}


.architecture_search {position:relative; overflow:hidden;  background:#eee; border:1px solid #cdcfcf; padding:15px; letter-spacing:-1px; width:60%; height:120px; float:left;}
.architecture_search h2 {font-size:14px; margin:0 0 10px;}
.architecture_search .search-Type label {margin-right:13px; font-weight:500; font-size:13px;}
.architecture_search .form-control {border-radius: 0; box-shadow:none;  border-color:#b5b5b5;}
.architecture_search .input-group-btn .btn {border-radius: 0; box-shadow:none; height: 34px; background:#495155; border-color:#495155; margin-left:2px; color:#fff;}

.lawsbanner {float:left; width:19%; margin-left:1%; height:120px; border:1px solid #cdcfcf; background:url(../img/greenbook.gif) no-repeat center 15px;}
.lawsbanner a {display:block; text-align:center; width:100%; height:100%; line-height:30px; padding-top:80px; font-weight:bold;}
.lawsbanner a:hover, .lawsbanner a:active, .lawsbanner a:focus {text-decoration:none;}

.banner_provide {position:relative; overflow:hidden; background:#fff; border:1px solid #cdcfcf; padding:15px; letter-spacing:-1px; background:url('/theme/st-basic/img/banner_provide_bg.jpg')center top no-repeat; width:38.5%;  height:120px; float:right;}
.banner_provide h2 {font-size:14px; margin:0 0 10px;}
.banner_provide .btn {position:absolute; right:12px; bottom:12px; background:#222; color:#fff; font-size:12px; letter-spacing:0; padding:4px 20px 4px 10px; font-weight:400 !important;}
.banner_provide .btn::after {
    content: ""; display: block; width: 6px; height: 6px;
    -webkit-transform: rotate(45deg); transform: rotate(45deg); 
	position: absolute; top: 50%; margin-top: -3px; border-top: 1px solid #fff; border-right: 1px solid #fff; right: 10px;
}
.banner_provide .btn:hover {background:#337ab7;}

.quick_menu {position:relative; overflow:hidden; clear:both; margin-top:1%; width:100%; border:1px solid #dbdbdb; padding:18px 15px; letter-spacing:-0.25px;}
.quick_menu ul {list-style-type:none; margin:0; padding:0;}
.quick_menu ul li {border-bottom:1px dotted #a2a2a2; padding:5px 0; line-height:30px; font-size:13.5px;}
.quick_menu ul li a {display:block; color:#454545;}
.quick_menu ul li a:hover {color:#0085da; text-decoration:none; }
.quick_menu ul li a:hover i {background:#0085da; }
.quick_menu ul li i {display: block; float:left; width:30px; height:30px; background:#454545; margin-right:10px;}
.quick_menu ul li i img {width:30px; vertical-align: top;}

@media (max-width: 999px) {
	.main_con2 .con_left {position:relative; overflow:hidden; clear:both;}
	.main_con2 .con_right {margin-top:1%;}
	.quick_menu ul li {font-size:14px;}
}
@media (max-width: 450px) {
	.quick_menu ul li i {margin-right:15px;}
}
@media (min-width: 560px) {
	.quick_menu ul li {width:48%; float:left;}
	.quick_menu ul li.li1, .quick_menu ul li.li3, .quick_menu ul li.li5 {margin-right:4%;}
}

@media (min-width: 768px) {
	.quick_menu ul li {width:30%;}
	.quick_menu ul li.li1, .quick_menu ul li.li3, .quick_menu ul li.li5 {margin-right:0;}
	.quick_menu ul li.li1, .quick_menu ul li.li2, .quick_menu ul li.li4, .quick_menu ul li.li5 {margin-right:5%;}
}
@media (min-width: 1000px) {
	.main_con2 .con_left {width:39.5%; float:left;}
	.main_con2 .con_right {width:60%; float:right; clear:none; margin:0;}
	.architecture_search h2 {font-size:16px; margin:0 0 10px;}
	.architecture_search .search-Type label {font-size:14px;}
	.banner_provide h2 {font-size:16px; margin:0 0 10px;}
	.quick_menu {*padding:20px 25px;}


}


.main_con3 {position:relative; overflow:hidden; clear:both; margin-top:15px; border-top: 1px solid #d5dbe5; *border-bottom: 1px solid #000; padding:0 0 15px;}

@media (min-width: 768px) {
	.main_con3 {margin-top:35px;}
}

.form-control {width:auto;}



#sub_contents {position:relative; overflow:hidden; clear:both;}

#sub_contents .br_block {display:block; margin-top:5px;}
#sub_contents .normal {font-weight:normal !important;}
#sub_contents .strong {font-weight: 600;}
#sub_contents .font-small {font-size:.813em !important;}

/*color*/
#sub_contents .black {color:#000 !important;}
#sub_contents .red {color:#cc0000 !important;}
#sub_contents .blue {color:#007cdb !important;}
#sub_contents .green {color:#0e8d3b !important;}
#sub_contents .orange {color:#ec5300 !important;}
#sub_contents .orange {color:#ec5300 !important;}
#sub_contents .grey {color:#666 !important;}


#sub_contents .section {position:relative; overflow:hidden; clear:both; margin-bottom:80px;}
#sub_contents .section:last-child {margin-bottom:0;}
#sub_contents .section .con_warp {position:relative; overflow:hidden; clear:both; margin-bottom:40px;}
#sub_contents .section .con_warp:last-child {margin-bottom:0;} 

#sub_contents .section h3.title {color:#000; margin-top:0; margin-bottom:28px;
    display: inline-block; position: relative; letter-spacing: -1px; font-weight:600;
    line-height: 1.125em; padding-top:0; font-size:26px;
}

#sub_contents .section h3.title1 {color:#000; margin-top:0; margin-bottom:28px;
    display: inline-block; position: relative; letter-spacing: -1px; font-weight: 600;
    line-height: 1.125em; padding-top: 10px; font-size:23px;
}
#sub_contents .section h3.title1::before {
    content: "";
    position: absolute; font-size: 0px;
    background: #3162aa; left: 0px; top: 0px; width: 14px; height: 3px;
}


#sub_contents .section h4 {
	position:relative; color:#1a5caf; margin-top:0; margin-bottom:20px; letter-spacing: -1px; line-height: 1.125em; font-size:18px; font-weight: 600; padding-left:23px;
}
#sub_contents .section h4:before {
    content: "";
    position: absolute; font-size: 0px;
    background: #3162aa; left: 0px; top:3px; width:15px; height:15px;
}
#sub_contents .section p {font-size: 14px; color:#666;}
#sub_contents .section ul {list-style-type:none; margin:0; padding:0;}
#sub_contents .section ul li {margin-bottom:5px; color:#666; font-size: 14px; }
#sub_contents .section ul li:last-child {margin-bottom:0;} 

#sub_contents .section p.point {color:#111; font-weight: 600 !important;  font-size:15px;}

#sub_contents .section ul.list li {
    position: relative; margin: 0 0 7px; overflow: hidden;
    line-height: 18px; padding-left: 15px; *text-overflow: ellipsis; *white-space: nowrap;
}
#sub_contents .section ul.list li:last-child {margin-bottom:0;} 
#sub_contents .section ul.list li:before {
    content: ''; display: block; position: absolute;
    left: 3px; top: 8px; width: 4px; height: 4px; margin-top: -2px;
    background-color: #333; opacity: .8;
}

#sub_contents .section ol {margin:0; padding:0; }
#sub_contents .section ol li {word-break:keep-all;}


#sub_contents .section ol.reference {font-size:17px; line-height: 1.25em !important;  color:#000;}
#sub_contents .section ol.reference li {font-weight: 600; margin:40px 0 0;}
#sub_contents .section ol.reference li:first-child {margin-top:0;} 

#sub_contents .section ol.reference_s {margin: 10px 0 0 23px !important;  font-size:15px; color:#666;}
#sub_contents .section ol.reference_s li {font-weight: 500 !important; margin: 0 0 10px !important; line-height: 1.313em !important; letter-spacing:0px !important;}
	#sub_contents .section ol.reference_s ol {margin: 10px 0 20px 15px !important; font-size:14px; color:#777;}
		#sub_contents .section ol.reference_s ol li {margin: 0 0 7px !important;}

#sub_contents .section ol li.point {color:#f03e00; font-weight: 600 !important;}


#sub_contents .section ul.box {background:#f7f7f7; border: 1px solid #d7d7d7;  padding:20px 20px;}
#sub_contents .mt20 {margin-top:20px !important;}
#sub_contents .section .con_table {width:100%; overflow-x: auto; overflow-y: visible; }
#sub_contents .section .con_table table {width: 100%; margin: 0 auto; border-top:2px solid #333; }
   
#sub_contents .section .con_table table thead {border-top:2px solid #333;border-bottom:1px solid #999; *background:#eaf4f8;}
#sub_contents .section .con_table table thead th {padding:12px 0; text-align:center; *border-left: 1px solid #bbb; color:#111;  border-top: 1px solid #999; font-size:14px; font-weight:600; }
#sub_contents .section .con_table table thead th:first-child {border-left:none;}
#sub_contents .section .con_table table tbody tr {border-bottom: 1px solid #ddd; }
#sub_contents .section .con_table table tbody tr:last-child {border-bottom:1px solid #999;} 
#sub_contents .section .con_table table tbody th, #sub_contents .section table tbody td {padding:10px 0; text-align:center; color:#666;}
#sub_contents .section .con_table table tbody th {border-right: 1px solid #ddd; background: #f7f7f7; word-break:keep-all; font-weight:600; font-size:14px;}
#sub_contents .section .con_table table tbody td {border-left: 1px solid #ddd; word-break:keep-all; font-size:13.5px;}
#sub_contents .section .con_table table tbody th.t_left, #sub_contents .section .con_table table tbody td.t_left {text-align:left; padding:12px 15px;}
#sub_contents .section .con_table table tbody th.t_left span {display:block; font-weight:normal;}
#sub_contents .section .con_table table tbody td:first-child {border-left:none;}
#sub_contents .section .con_table table tbody td.b_left {border-left: 1px solid #ddd;}
#sub_contents .section .con_table table tbody td.b_bottom {border-bottom:1px solid #999;} 
#sub_contents .section .con_table table tbody td ul li {margin-bottom: 10px;}
#sub_contents .section .con_table table tbody td ul li:last-child {margin-bottom:0;} 
#sub_contents .section .con_table table th a {color:#000;}
#sub_contents .section .con_table table th a:hover {font-weight:600; text-decoration:none;}
#sub_contents .section .con_table table td a {color:#666;}
#sub_contents .section .con_table table td a:hover {color:#222; font-weight:600;  text-decoration:none;}
#sub_contents .section .con_table table tbody td h4 {font-size:16px; margin-bottom: 10px;}
#sub_contents .section .con_table table tbody td ol.list {margin:10px 0 5px 20px;}
#sub_contents .section .con_table table tbody td ol.list li {margin:0 0 5px; font-size:13px; color:#777;}

#sub_contents .section .con_table table.sub6_5 {width: 708px; margin:-13px -10px !important; }

table.sub6_5 thead, table.sub6_5 thead tr th {background:#f5f9ff !important; font-size:13.5px !important;  border-top: none !important; font-weight: 500; padding: 10px 0 !important;}
table.sub6_5 thead th:last-child {border-right:none !important;}
table.sub6_5 tbody tr:last-child {border-bottom:none !important;}
table.sub6_5 thead td {font-size:13.5px !important;} 
table.sub6_5 tbody tr td {padding: 7px 0 !important;} 
table.sub6_5 tbody tr td.t_left {padding: 7px 10px !important;} 

ol.privacy {margin:0 0 0 22px !important; padding:0 !important; }
ol.privacy li {margin: 0 0 7px !important;  font-size:14px; color:#666 !important;}
ol.privacy li ol {margin-top:5px !important;}
ol.privacy li ol li {margin:0 0 0 20px !important;  font-size:14px; color:#666 !important;}
ol.privacy li ol li ol li {margin:0 0 0 15px !important;  font-size:13px; color:#777 !important;}

ol.privacy li strong {color:#333; font-size:15px; }
ol.privacy li.mb15 {margin-bottom:15px !important;}

.box_wrap {position:relative; overflow:hidden; clear:both; background:#f7f7f7; margin:13px 0 15px -22px !important; padding:15px 20px 10px;}
.box_wrap h4 {font-size:16px !important; margin:0 0 10px !important;}
.box_wrap ul {width:100%; margin:0 0 20px !important;}
.box_wrap ul:last-child {margin-bottom:0px !important;}
.box_wrap ul li {margin-bottom:5px !important;}
.box_wrap ul li:last-child {margin-bottom:0px;}

.ci {display:block;}
.ci ul {}
.ci ul li {text-align:center; }
.ci ul li img {max-width:100%;  margin-bottom:70px;}
.ci a {display:inline-block; float:right; margin-top:30px; background:#d2e0e9; color:#365160; padding:7px 17px; font-weight:500; border: 1px solid #a2b3bd; }
.ci a:hover {background:#333; color:#fff; border: 1px solid #222; }

#sub_contents .section ol.ci_list {padding-left:20px !important;}
#sub_contents .section ol.ci_list li {margin-bottom:5px; color: #666;}
#sub_contents .section ol.ci_list li:last-child {margin-bottom:0;} 

@media (max-width: 1000px) {
	#sub_contents .section h3.title {font-size:24px; letter-spacing: -1.25px;}
}

@media (max-width: 767px) {
	#sub_contents .section {margin-bottom:40px;}
	#sub_contents .section .con_warp {margin-bottom:30px;} 
	#sub_contents .section h3.title {font-size:18px; margin-bottom: 18px; font-weight:600; letter-spacing: -0.5px;}
	#sub_contents .section h4 {font-size:16px;  margin-bottom:15px; padding-left:17px;}
	#sub_contents .section h4:before {top:3px; width:11px; height:11px;}
	#sub_contents .section ul.list li {margin: 0 0 5px; }
	#sub_contents .mt20 {margin-top:13px !important;}
	#sub_contents .section p {font-size: 14px;}
	#sub_contents .section ul li {font-size: 14px; }
	#sub_contents .section ul.box {padding:15px 10px;}
	#sub_contents .section .con_table table {width: 847px; margin: 0 auto;}

	#sub_contents .section .table_w100 table {width:100% !important;}

	ol.privacy li {font-size:14px; color:#777 !important;}
	.ci ul li img {max-width:350px;  margin-bottom:40px;}

}

@media (max-width: 450px) {
	#sub_contents .section ol.reference {font-size:15px;}
	#sub_contents .section ol.reference_s {margin: 10px 0 0 20px !important; font-size:14px;}

	#sub_contents .section .con_table table tbody td h4 {font-size:15px; margin-bottom: 10px;}
	.ci ul li img {max-width:80%;  margin-bottom:20px;}

}

@media (min-width: 760px) {
	#sub_contents .section .con_table {width:100%; overflow-x: auto; overflow-y: visible;}
	.ci ul li img {margin-top:20px; margin-bottom:60px;}
}





@media (min-width: 1000px) {
	.box_wrap {padding:25px 20px 15px;}
	.box_wrap ul {width:47% !important; float:left; margin:0 !important;}
	.box_wrap ul:last-child {float:right;} 
}

/* tab */

button { overflow: visible; cursor: pointer; background: none; border: 0; }
.tab {margin:0 0 30px;}
.tab ul {list-style-type:none; margin:0; padding:0;}
.tab p {margin:0;}
.tab, .depth4Tab {position:relative; }
.tab .mobBtn, .depth4Tab .mobBtn {display:none;}
.tab .tabList:after, .depth4Tab .depth4List:after {content:""; display:block; clear:both;}
.tab .tabList li, .depth4Tab .depth4List li {}
.tab .tabList li a {display:block;margin:0 -1px;background:#fff;color:#888; line-height:40px; font-size:14px;border:1px solid #e6e7e9;text-align:center;}
.tab .tabList li.on {position:relative;}
.tab .tabList li.on a {font-size:16px;color:#ffffff;background:#579FE1;}
.tabCont {position:relative; margin:30px 0 0;}
.tabCont > div {position:absolute;top:-99999px;left:0;right:0;}
.tabCont > .current {position:static;}
.tabCont > .current .contSection:first-child {border-top:0;margin-top:0;}

.tabList {list-style-type:none; }



@media all and (max-width:767px) {
	.tab {margin:0 0 20px;}
	.tab .mobBtn {display:block; background:#fbfcfd; border:1px solid #ddd;}
	.tab .mobBtn button {position:relative; padding:0 0 0 18px; font-weight:500;  letter-spacing:-1px; width:100%; height:40px; text-align:left; background: none; border: 0; font-size:14px;}
	.tab .mobBtn button:before {content:"";width:45px;position:absolute;border-left:1px solid #ddd;top:0;right:0;bottom:0;}
	.tab .mobBtn button:after {content:"";position:absolute;top:17px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 8px solid #999;}

	.tab .tabList {position:absolute; display:none; width:100%; border:0; z-index:99;}
	.tab .tabList li {float:none; width:auto !important; height:38px; margin:0; border:1px solid #ddd; border-top:0;}
	.tab .tabList li a {height:38px; line-height:38px; margin:0; padding:0 0 0 18px; border:0;text-align:left;}
	.tab .tabList li.on a {margin:0 -1px; background:#fbfcfd; border:1px solid #ddd; border-top:0; color:#2679c5; font-weight:normal;}
	.tab .tabList li.on a:after {display:none;}

	.subSection { margin: 30px 0 0; font-size:14px;}

}
@media all and (min-width:768px) {
	.tab .tabList {display:block !important;}
	.subSection { margin: 50px 0 0; font-size:15px;}
	.tab .tabList li, .depth4Tab .depth4List li {float:left; width:20%; margin:0 0 -1px; font-size:14px; }
	#tabmenu ul li{float:left;margin-right:-1px; }
	.tab .tabList li a { height:48px; line-height:48px; font-size:15px;}
		.tab .tabList li.on a, .tab .tabList li.on a:after {font-weight:600;}
}


/* //tab */
  
  
#tabmenu {position:relative; }
#tabmenu ul, #tabmenu ul li {margin:0;padding:0}
#tabmenu ul li {list-style:none}
#tabmenu ul li a {display:block; cursor:pointer; text-decoration:none !important}
#tabmenu ul li a:hover {color:#000}
#tabmenu ul li.on, #tabmenu ul li.on a {background:#579fe1;}
#tabmenu ul li.on a {color:#fff;}

/* 업무지원시스템 - 메인 */
.list_init {margin:0;padding:0;list-style:none}
.upmu_system *{transition:all .5s ease-in-out}
.upmu_system .umsys_wrap{width:100%; display:flex; flex-wrap:wrap; border-bottom:1px solid #a8bcc8}
.upmu_system .umsys_tit{position:relative; width:100%; font-size:17px; color:#fff; font-weight:600; padding:20px; background:#307399}
.upmu_system .umsys_tit:after{position:absolute; right:0; top:0; width:70px; height:100%; content:''}
.upmu_system .umsys01 .umsys_tit:after{background:url(/theme/st-basic/img/upmu_icon01.svg) center no-repeat; background-size:39px auto}
.upmu_system .umsys02 .umsys_tit:after{background:url(/theme/st-basic/img/upmu_icon02.svg) center no-repeat; background-size:36px auto}
.upmu_system .umsys03 .umsys_tit:after{background:url(/theme/st-basic/img/upmu_icon03.svg) center no-repeat; background-size:37px auto}
.upmu_system .umsys04 .umsys_tit:after{background:url(/theme/st-basic/img/upmu_icon04.svg) center no-repeat; background-size:35px auto}
.upmu_system .umsys_idx{width:100%; border-left:1px solid #a8bcc8; border-right:1px solid #a8bcc8; padding:7px 17px; background:#f5f5f5}
.upmu_system .umsys_idx li{border-bottom:1px dashed #a8bcc8;}
.upmu_system .umsys_idx li a{display:block; font-size:15px; color:#444; line-height:1.2; padding:10px 0 10px 9px; position:relative; text-decoration:none;}
.upmu_system .umsys_idx li a:after{position:absolute; left:0; top:16px; width:4px; height:4px; border-radius:50%; background:#307399; content:''}
.upmu_system .umsys_wrap:hover .umsys_tit{background:#0d82cd}
.upmu_system .umsys_wrap:hover .umsys_idx{background:#e8f2f8}
.upmu_system .umsys_wrap .umsys_idx li:hover{border-bottom:1px solid #0d82cd;}
.upmu_system .umsys_wrap .umsys_idx li:hover a{color:#0d82cd;}


/* 업무지원시스템 - 계획 */
.upmu_wrap{width:100%; margin-bottom:45px}
#sub_contents .section.upmuu h3.title{margin-top:45px}
#sub_contents .section.upmuu h4{margin-top:35px}
#sub_contents .section.upmuu h5{margin-top:25px; font-size:16.5px}
#sub_contents .section.upmuu p{line-height:1.6; word-break:keep-all}
.mgtb10{margin-top:10px !important; margin-bottom:10px !important}
.mgt0{margin-top:0 !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgl10{margin-left:10px !important}
.mgl15{margin-left:15px !important}
.mgb0{margin-bottom:0 !important}
.mgb10{margin-bottom:10px !important}
.mgb20{margin-bottom:20px !important}
.pdb3_5{margin-bottom:3.5% !important}
.ac{text-align:center !important}
.al{text-align:left !important}
.ar{text-align:right !important}
.upmu_tab{padding-bottom:3.5%}
.up_tbl{width:100%;border-spacing:0;border-collapse:separate; border-radius:5px 5px 0 0; overflow:hidden}
.up_tbl th, .up_tbl td{text-align:center; padding:10px 12px !important; word-break:keep-all}
.up_tbl th{background:#307399; text-align:center; color:#fff; border-right:1px solid #d4d4d4; font-weight:600; font-size:15.5px}
.up_tbl td{border-bottom:1px solid #a8bcc8; border-right:1px solid #a8bcc8; font-size:14px}
.up_tbl th:last-child, .up_tbl td:last-child {border-right:none}
.up_tbl.upmu01:not(:last-of-type){margin-bottom:45px}
.up_tbl.upmu01 td:not(:last-child){background:#e8f2f8; color:#307399}
.up_tbl.upmu01 td:last-child:hover{background:#f5f5f5; transition:all .5s ease-in-out}
.up_tbl.upmu01 td a{position:relative; display:block; text-align:left; color:#444; padding-right:40px; transition:all .5s ease-in-out; text-decoration:none;}
.up_tbl.upmu01 td a:after{position:absolute; right:0; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; background:#e8f2f8 url(/theme/st-basic/img/upmu_link01.svg) center no-repeat; background-size:18px auto !important; transition:all .5s ease-in-out; content:''}
.up_tbl.upmu01 td a:hover{color:#307399}
.up_tbl.upmu01 td a:hover:after{background:#307399 url(/theme/st-basic/img/upmu_link02.svg) center no-repeat}
.up_tbl2{width:100%; border-spacing:0; border-collapse:separate; overflow:hidden; border-top:1px solid #307399}
.up_tbl2 th, .up_tbl2 td{text-align:center; padding:10px 12px !important; word-break:keep-all}
.up_tbl2 th{background:#e8f2f8; text-align:center; color:#307399; border-right:1px solid #abbfca; font-weight:600; font-size:14px; border-bottom:1px solid #307399}
.up_tbl2 .bor_b{border-bottom:1px solid #abbfca !important}
.up_tbl2 .bor_b2{border-bottom:1px solid #307399 !important}
.up_tbl2 .bor_r{border-right:1px solid #abbfca !important}
.up_tbl2 td{border-bottom:1px solid #abbfca; border-right:1px solid #abbfca; font-size:14px}
.up_tbl2 th:last-child, .up_tbl2 td:last-child {border-right:none}
.up_tbl2 th.th_sty{background:#307399; color:#fff; border-bottom:0}
.up_tbl2 td .ul01{padding:0 15px !important}
.up_tbl2 td li{text-align:left}
.up_tbl2 td.tbl_check img{width:25px; height:auto; margin-bottom:4px}
.up_tbl2 td.td_l{background:#f5f5f5; color:#0d82cd !important}
.up_tbl2.tbl_s td{padding:10px 5px !important}
.upmu_btn{display:table; margin:25px auto; padding:0 20px; position:relative; border-radius:10px; color:#337ab7; transition:all .5s ease-in-out; font-size:15px; border:1px solid #337ab7}
.upmu_btn span{display:inline-block; padding:13px 37px 13px 0; transition:all .5s ease-in-out; width:100%}
.upmu_btn.um_download span{background:url(/theme/st-basic/img/upmu_download.svg) right center no-repeat; background-size:23px auto}
.upmu_btn.um_detail span{background:url(/theme/st-basic/img/upmu_detail.svg) right center no-repeat; background-size:21px auto}
.upmu_btn:not(.um_nover):hover{background:#337ab7; color:#fff}
.upmu_btn.um_download:not(.um_nover):hover span{background:url(/theme/st-basic/img/upmu_download_w.svg) right center no-repeat; background-size:23px auto}
.upmu_btn.um_detail:not(.um_nover):hover span{background:url(/theme/st-basic/img/upmu_detail_w.svg) right center no-repeat; background-size:21px auto}
.upmu_data ul{position:relative; display:flex; flex-wrap:wrap; justify-content:center;}
.upmu_data ul:not(:last-of-type){margin-bottom:25px !important}
.upmu_data li{text-align:center; margin-top:25px}
.upmu_data li:first-child, .upmu_data li:nth-child(2){margin-top:0}
.upmu_data li p{font-size:16px; color:#444; line-height:1.4; padding-top:15px; word-break:keep-all}
.upmu_data li .umd_img{position:relative; box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.15); max-width:225px; margin:0 auto}
.upmu_data .umd_cardnw li .umd_img{ max-width:288px}
.upmu_data .umd_cardnw li .umd_img img{max-width:288px}
.upmu_data li .umd_img:after{position:absolute; width:91px; height:91px; border-radius:50%; left:0; top:50%; transform:translateY(-50%); transition:all .5s ease-in-out; opacity:0; content:''; margin-bottom:30px; background:#003b61 url(/theme/st-basic/img/upmu_view.svg) center no-repeat; background-size:46px auto}
.upmu_data li.umd_down .umd_img:after{background:#003b61 url(/theme/st-basic/img/upmu_download_w.svg) center no-repeat; background-size:46px auto}
.upmu_data li .umd_img img{width:100%; max-width:225px; height:auto}
.upmu_data li .umd_txt{flex:1}
.upmu_data li a{text-decoration:none;}
.upmu_data li a:hover .umd_img:after{opacity:1; left:calc(50% - 45px)}
.upmu_data li a:hover .umd_txt p{color:#307399 !important; font-weight:600}
.ul_num{counter-reset:upmu_list;}
.ul_num > li{counter-increment:upmu_list; position:relative; padding-left:33px; line-height:23px; margin-top:10px}
.ul_num > li:last-child{margin-bottom:10px !important}
.ul_num > li:after{position:absolute; left:0; top:0; width:23px; height:23px; border-radius:50%; content:counter(upmu_list); color:#307399; line-height:23px; text-align:center; background:#e8f2f8;}
.ul_num > li > ul > li, .ul01 > li > ul > li{padding-left:10px; position:relative}
.ul_num > li > ul > li:after, .ul01 > li > ul > li:after{position:absolute; left:0; top:0; content:'-'}
.ul_num > li table{margin-top:10px}
.ul_num.num_line > li{padding-bottom:20px; margin-bottom:20px !important; border-bottom:1px dashed #d4d4d4}

.ul_ganada > li{padding-left:19px; line-height:23px; margin-top:10px; position:relative;}
.ul_ganada > li:last-child{margin-bottom:10px !important}
.ul_ganada > li:after{position:absolute; left:0; top:0;}
.ul_ganada > li:first-child:after{content:'가.'}
.ul_ganada > li:nth-child(2):after{content:'나.'}
.ul_ganada > li:nth-child(3):after{content:'다.'}
.ul_ganada > li:nth-child(4):after{content:'라.'}
.ul_ganada > li:nth-child(5):after{content:'마.'}
.ul_ganada > li:nth-child(6):after{content:'바.'}
.ul_ganada > li:nth-child(7):after{content:'사.'}


/* 업무지원시스템 - 설계·허가 */
.upmu_proc > ul > li{width:100%; position:relative; border-top:1px solid #307399; border-bottom:1px solid #307399}
.upmu_proc > ul > li:not(:last-child){margin-bottom:60px !important}
.upmu_proc > ul > li:not(:last-child):after{position:absolute; bottom:-50px; left:calc(50% - 20px); width:40px; height:40px; border-radius:50%; background:#307399 url(/theme/st-basic/img/upmu_arr_down.svg) center no-repeat; background-size:16px auto; content:''}
.upmu_proc > ul > li .ump_tit{background:#e8f2f8; text-align:center; padding:12px; border-bottom:1px solid #a9bdc9}
.upmu_proc > ul > li .ump_tit > p{font-size:15px; color:#307399 !important; font-weight:600; width:100%}
.upmu_proc > ul > li .ump_txt{padding:20px;}
.btn_wrapp{display:flex; flex-wrap:wrap; margin-top:15px; justify-content:center;}
.btn_wrapp a{margin:5px 0}
.ul01 > li{padding-left:11px; position:relative; word-break:keep-all}
.ul01 > li:after{position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:50%; background:#307399; content:''}
.gray_box{width:100%; padding:15px 20px; background:#f5f5f5; border-radius:10px; margin-top:10px}
.gray_box > p > span{font-weight:700; color:#307399}
.img_boxx > div{width:100%; border:1px solid #d4d4d4; padding:3.5%; margin:25px 0 10px; text-align:center}
.img_boxx > div img{width:100%; height:auto}
.img_boxx > p{text-align:right}
.col_b{color:#307399 !important}
.upmu_step > ul{display:flex; width:100%; flex-wrap:wrap}
.upmu_step > ul > li{width:100%;}
.upmu_step > ul > li:not(:last-child){margin-bottom:50px !important; position:relative}
.upmu_step > ul > li:not(:last-child):after{position:absolute; left:calc(50% - 17px); bottom:-42px; width:34px; height:34px; border-radius:50%; background:#e8f2f8 url(/theme/st-basic/img/upmu_arr_down_b.svg) center no-repeat; background-size:12px auto; content:''}
.upmu_step > ul > li > div{width:100%; text-align:center}
.upmu_step > ul > li .ums_tit{background:#0d82cd; padding:10px 12px; }
.upmu_step > ul > li .ums_tit p{color:#fff !important; font-size:15px; font-weight:600}
.upmu_step > ul > li .ums_txt{border-bottom:1px solid #a9bdc9; padding:20px}
.upmu_step > ul > li .ums_txt p span{color:#307399; font-weight:600}
.no_span{position:relative; display:inline-block; margin-top:4px; line-height:20px; padding-left:26px}
.no_span:after{position:absolute; left:0; top:2px; width:18px; height:18px; border-radius:50%; border:1px solid #0d82cd; text-align:center; line-height:16px; color:#0d82cd; content:'i'; font-weight:bold; font-size:13px}
.formula{display:flex; justify-content:center; flex-wrap:wrap; vertical-align:middle}
.formula .fraction:not(:last-child){margin-bottom:7px !important}
.fraction{display:inline-block; text-align:center; vertical-align:middle; margin:0 5px; min-height:64px; line-height:64px}
.fraction > span{display:block; padding:0 5px; line-height:1; line-height:32px}
.fraction .top{border-bottom:1px solid #000}

/* 업무시스템 - 오른쪽 메뉴 */
.upmu_sdmenu{margin-bottom:10px}
.upmu_sdmenu > ul > li{position:relative; min-height:46px}
.upmu_sdmenu > ul > li:not(.open):after, .upmu_sdmenu > ul > li:last-child:after{position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:0.43; content:''}
.upmu_sdmenu > ul > li > div{width:100%; color:#333; background:#fff; padding:0 15px; font-size:15px; cursor:pointer; border:1px solid #ccc; border-top:0 !important;  line-height:45px}
.upmu_sdmenu > ul > li:first-child > div{border-top:1px solid #ccc !important}
.upmu_sdmenu > ul > li ul{border:1px solid #ccc; border-top:0; padding:13px 0 15px; background:#f5f5f5}
.upmu_sdmenu > ul > li:not(.open) ul{display:none}
.upmu_sdmenu > ul > li.open > div{background:#3b3b3b; color:#fff; border:1px solid #3b3b3b}
.upmu_sdmenu > ul > li:first-child.open > div{border-top:1px solid #3b3b3b}
.upmu_sdmenu > ul > li ul li{}
.upmu_sdmenu > ul > li ul li a{display:block; padding:5px 15px 5px 25px; position:relative; text-decoration:none; color:#444}
.upmu_sdmenu > ul > li ul li a:after{position:absolute; left:15px; top:15px; width:3px; height:3px; border-radius:50%; background:#307399; content:''}
.upmu_sdmenu > ul > li ul li a:hover{color:#0d82cd}



@media screen and (max-width:767px) {
	/* 업무지원시스템 - 메인 */
	.upmu_system .umsys_idx li:last-child{border-bottom:0 !important}

	/* 업무지원시스템 - 계획 */
	.upmu_data li{width:calc(50% - 7px)}
	.upmu_data li:nth-child(even){margin-left:14px}
	.upmu_btn span{padding:10px 37px 10px 0}
	.tbl_wrapp{width:100%; overflow-x:scroll}
	.tbl_wrapp table{max-width:768px}

}

@media screen and (min-width:768px) {	

	/* 업무지원시스템 - 메인 */
	.upmu_system{display:flex; justify-content:space-between; border-radius:10px 10px 0 0; overflow:hidden; flex-wrap:wrap}
	.upmu_system .umsys_wrap{width:25%; ; flex-direction:column;}
	.upmu_system .umsys_tit{padding:0 0 0 18px; line-height:77px}
	.upmu_system .umsys_tit:after{opacity:0.5}
	.upmu_system .umsys_idx{flex:1}
	.upmu_system .umsys_idx li:nth-child(5){border-bottom:0 !important}
	.upmu_system .umsys_wrap:not(:last-of-type) .umsys_tit:before{position:absolute; right:0; top:10px; width:1px; height:57px; background:#fff; opacity:0.7; content:''}
	.upmu_system .umsys_wrap:not(:last-of-type) .umsys_idx{border-right:0}
	.upmu_system .umsys_idx li a{letter-spacing:-0.7px}
	
	/* 업무지원시스템 - 계획 */
	.upmu_data ul{position:relative;  padding:0 15px 35px!important}
	.upmu_data ul:not(:last-of-type){margin-bottom:45px !important}
	.upmu_data ul:after{position:absolute; left:0; bottom:0; width:100%; height:40%; background:#f5f5f5; content:''; z-index:5}
	.upmu_data li{width:33.33%; padding:0 15px; position:relative; z-index:10}
	.upmu_data li:nth-child(3){margin-top:0}
	.upmu_data li p{padding-top:25px}
	.upmu_data .umd_cardnw li{width:40%; max-width:288px}

	/* 업무지원시스템 - 설계·허가 */
	.upmu_proc > ul > li{display:flex; justify-content:space-between}
	.upmu_proc > ul > li .ump_tit{width:30%; border-bottom:0; border-right:1px solid #a9bdc9; display:flex; align-items:center;}
	.upmu_proc > ul > li .ump_txt{width:70%; padding:25px 0 25px 25px;}
	.upmu_step > ul{justify-content:space-between;}
	.upmu_step > ul > li{width:calc((100% - 150px) / 4);}
	.upmu_step > ul > li:not(:last-child){margin-bottom:0 !important;}
	.upmu_step > ul > li:not(:last-child):after{left:auto; right:-42px; bottom:auto; top:50%; transform:translateY(-50%) rotate(-90deg); }
	.upmu_step > ul > li .ums_tit{padding:10px 0}
	.upmu_step > ul > li:not(:last-child):after{right:-17px; }
	.upmu_step.ums05 > ul, .upmu_step.ums03 > ul{flex-direction:row}
	.upmu_step.ums05 > ul > li, .upmu_step.ums03 > ul > li{display:flex; flex-direction:column; }	
	.upmu_step.ums03 > ul > li{width:calc((100% - 100px) / 3);}
	.upmu_step.ums05 > ul > li .ums_txt, .upmu_step.ums03 > ul > li .ums_txt{flex:1; display:flex; align-items:center;}
	.upmu_step.ums03 > ul > li .ums_txt{flex-wrap:wrap}
	.upmu_step.ums03 > ul > li .ums_txt p, .upmu_step.ums03 > ul > li .ums_txt ul{width:100%}
	.btn_wrapp.btn_wrapp2{justify-content:space-between}
	.btn_wrapp.btn_wrapp2 a{width:calc(50% - 5px); margin-right:0 !important}

	/* 탭 */
	.tab .tabList.tabs2 li{width:50%}
	.tab .tabList.tabs3 li{width:33.33%}
	.tab .tabList.tabs4 li, .tab .tabList.tabs8 li{width:25%}
	.tab .tabList.tabs5 li, .tab .tabList.tabs10 li{width:20%}
	.tab .tabList.tabs6 li{width:16.66%}
	
}

@media screen and (min-width:1000px) {
	/* 업무지원시스템 - 메인 */
	.upmu_system{min-height:330px; margin-bottom:15px}
	.upmu_system .umsys_tit:after{opacity:1}
	.upmu_system .umsys_idx li a{padding:14px 0 15px 9px}
	.upmu_system .umsys_idx li a:after{top:20px}

	/* 업무지원시스템 - 설계·허가 */
	.btn_wrapp a:not(:last-child){margin-right:10px}
	.img_boxx > div{padding:34px 0}
	.img_boxx > div img{width:auto}

	.upmu_step.ums05 > ul > li{width:calc((100% - 80px) / 5);}
	.upmu_step > ul > li:not(:last-child):after{right:-27px; top:55% }
}