/*Font: Noto Sans KR*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*Font: Roboto*/
@import url('https://fonts.googleapis.com/css?family=Roboto');

@font-face {
    font-family: 'Noto Sans KR';
    src: url(../fonts/NotoSans-Light.woff2) format('woff2'), url(../fonts/NotoSans-Light.woff) format('woff'), url(../fonts/NotoSans-Light.ttf) format('truetype'), url(../fonts/NotoSans-Light.otf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url(../fonts/NotoSans-Regular.woff2) format('woff2'), url(../fonts/NotoSans-Regular.woff) format('woff'), url(../fonts/NotoSans-Regular.ttf) format('truetype'), url(../fonts/NotoSans-Regular.otf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url(../fonts/NotoSans-Medium.woff2) format('woff2'), url(../fonts/NotoSans-Medium.woff) format('woff'), url(../fonts/NotoSans-Medium.ttf) format('truetype'), url(../fonts/NotoSans-Medium.otf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url(../fonts/NotoSans-Bold.woff2) format('woff2'), url(../fonts/NotoSans-Bold.woff) format('woff'), url(../fonts/NotoSans-Bold.ttf) format('truetype'), url(../fonts/NotoSans-Bold.otf) format('truetype');
    font-weight: 700;
    font-style: normal
}


/* POPUP */
#hd_pop {
	z-index:1000;
	position:relative;
	margin:0 auto;
	height:0}
#hd_pop .hd_pops .hd_pops_con img{
	width: 100%;
}
#hd_pop h2 {
	position:absolute;
	font-size:0;
	line-height:0;
	overflow:hidden
}
.hd_pops {
	position:absolute;
	border: 0px;
	background:#fff
}
.hd_pops_con {
	overflow: hidden;
}
.hd_pops_footer {
	padding:8px 0;
	background:#393939;
	color:#fff;
	text-align:right;
	border-bottom: 0px;
	width: 100%;
	position: absolute;
	border-right: 1px solid rgba(238, 238, 238, 0.1);
}

.hd_pops_footer button {
	margin-right:5px;
	padding: 0px 7px;
	border:0;
	background:#282828;
	color:#fff;
	border-radius: 4px;
	font-size: 12px;
    font-weight: 300;
	margin: 3px 5px 3px 0px;
}
@media only screen and (max-width:992px){
	#hd_pop .hd_pops{
		left: 0 !important;
		width: 80% !important;
	}
	#hd_pop .hd_pops .hd_pops_con{
		width: 100% !important;
		overflow: scroll;
	}
	.hd_pops_footer button {
		font-size: 10px;
	}
}


/*body*/
.body {
	font-family: 'Noto Sans KR', Arial, sans-serif !important;
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -1px;
}
img {
	max-width: 100%
}
/*s009 Header-top*/
html #header .header-top.header-top-dark {
    background: #266bca;
}
html #header .header-top.header-top-dark .header-nav-top ul > li > a{
	padding: 0px 10px;
}
html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus {
    background: transparent;
    color: #fff;
}
html #header .header-top.header-top-dark .header-nav-top ul > li > a.master{
	color: #fafafa;
}
html #header .header-top.header-top-dark .header-nav-top ul > li > a.master:hover{
	color: #ffe14f;
}
#header .header-top {
    position: initial; 
}
#header .header-top.header-top-style-4 {
    margin-bottom: 0px;
}
#header .header-top.header-top-style-4 .container .header-nav-top-text-wrap {
	 padding: 6px 0px;
}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    font-size: 13px;
	font-weight: 300;
    color: rgba(255,255,255,0.5);
}
@media only screen and (max-width:992px){
	#header .header-top.header-top-style-4 .container .header-nav-top-wrap,
	#header .header-top.header-top-style-4 .container .header-nav-top-text-wrap {
    	width: 100%;
	}
	#header .header-top.header-top-style-4 .container .header-nav-top-text-wrap {
    	text-align: left;
	}
}
@media only screen and (max-width:496px){
	#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
		padding: 0px 3px;
		font-size: 0.9em !important;
	}
	#header .header-top.header-top-style-4 .container .header-nav-top-text-wrap {
		 padding-top: 0px;
	}
	#header .header-top .header-nav-top-text-wrap strong {
		font-size: 0.9em ;
	}
}
/*search Ã«ÂªÂ¨Ã«â€¹Â¬*/
.s009-modal .modal-dialog {
    width: 100%;
    margin: 0;
}
.s009-modal .modal-content{
	border-radius: 0px;
}
#header-search-modal .mobile-search-form input[type="text"]{
	vertical-align: top;
}

#header-search-modal .search-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    min-width: 26px;
    height: 35px;
    margin: 0;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background-color: #ef6a11;
    border: none;
	vertical-align: top;
}
#header-search-modal .mobile-search-form input[type="text"]{
	padding: 4px 5px;
    border-color: transparent;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
	width: 50%;
}
@media (max-width: 992px){
	#header-search-modal .mobile-search-form input[type="text"]{
		width: 80%;	
	}
}
/*s009 Header-top-search*/
#header .header-search{
	margin: 23px 0 8px 5px;
}
#header .header-top p {
    line-height: inherit;
}
#header .header-search .search-toggle {
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	min-width: 25px;
	margin: 0;
	text-align: center;
	background-color: transparent;
	color: #222;
	border: none;
	cursor: pointer;
}
@media (max-width: 992px){
	#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
		padding: 3px 5px 3px 0px;
	}
	#header .header-top .header-nav-top {
		margin-right: 0px;
		margin-top: 5px;
	}
	#header .header-top .header-search {
		margin-right: 0px;
	}
	#header .header-search{
		margin: 8px 0 8px 5px;
	}
	#header .header-search .search-toggle {
		background-color: #222222;
		color: #fff;
		padding: 4px 11px !important;
		line-height: 24px !important;
		font-size: 14px !important;
	}
}
/*s009 - Logo*/
#header.header-narrow .header-logo a {
    text-decoration: none;
    display: block;
}
#header.header-narrow .header-logo h5 {
    display: inline-block;
    font-size: 18px;
    color: #333;
    margin: 0px;
    vertical-align: middle;
    letter-spacing: -0.04em;
}
#header.header-narrow .header-logo img{
	margin: 0px;
    vertical-align: middle;
}
@media (min-width: 992px){
    #header .header-column {
     width: 24%;
    }
}
@media (max-width: 768px){
    #header .header-column {
        width: 100%;
    }
    #header.header-narrow .header-logo h5 {
        display: block;
        font-size: 13px;
        text-align: center;
        font-weight: 500;
        color: #666;
    }
}
@media only screen and (max-width:992px){
	#header.header-narrow .header-logo {
		margin: 5px 0 10px;
	}
	#header .header-logo img {
        width: 180px;
	}
}
/*s009 - Header*/
#header .header-body{
	padding-bottom: 0;
	border-top: 0px;
	border-bottom: 1px solid #000000 !important;
}
#header .header-nav-main {
    margin: 0;
}
#header .header-nav-main nav > ul > li > a {
    font-size: 17px;
    font-weight: 600;
}
#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
	margin-top: 0px;
	margin-bottom: 10px;
    border: 0px;
    border-radius: 0px;
	background-color: #444;
}
#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    left: 20%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #444444;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    font-size: 1.1em;
	color: #cacaca;
	border-color: #666;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
    color: #fff;
	background-color: transparent;
}
#header .header-nav-main > nav > ul > li > a{
	color: #474747 !important;
    padding: 30px!important;
    border-radius: 0px;
}
#header .header-nav-main nav > ul > li.open > a, 
#header .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main > nav > ul > li > a:hover{
	border-color: #ff1e1e;
}
#header .header-nav-main nav > ul > li.open > a, 
#header .header-nav-main nav > ul > li:hover > a {
    color: #474747 !important;
	background: transparent;
}
#header .header-nav-main nav > ul > li > a.dropdown-toggle:after,
#header .header-nav-main nav > ul > li.active > a.dropdown-toggle:after, 
html #header .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after {
	border: 0px;
}
@media only screen and (max-width:992px) {
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
	#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
		background-color: #fff;
	}
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu:before {
		display: none;
	}
	#header .header-nav-main nav > ul > li.open > a, 
	#header .header-nav-main nav > ul > li:hover > a {
    	color: rgba(255,255,255,0.8) !important;
		border-color: #fff;
		color: #000 !important;
	}
    #header .header-nav-main nav > ul > li > a{
        line-height: inherit;
		color: #555 !important;
        padding: 7px 8px 3px 8px !important;
    }
	#header .header-nav-main nav > ul > li > .dropdown-menu > li {
		border: 0px;
	}
	#header .header-nav-main nav > ul > li > .dropdown-menu > li > a {
		color: #aaa !important;
	}
	#header .header-nav-main nav > ul > li > .dropdown-menu > li > a:hover {
		color: #000 !important;
	}
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
	#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
		border-bottom: 0px;
	}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
		color: rgba(255,255,255,0.8);
	}	
}
@media only screen and (max-width: 766px) {
	nav>ul>li>a:hover,
    nav>ul>li>a:focus{
		color: #0088cc !important;
	}
    .page-header.parallax {
    margin: 0px;
    
    }
}

/*s009 - HeaderTop mobile*/
#header .header-btn-collapse-nav {
    margin: 8px 0 8px 5px;
    background-color: #222222;
    color: #fff;
    padding: 4px 11px !important;
    line-height: 22px !important;
    font-size: 14px !important;
}
/*s009 - HeaderTop mobile*/
#header .header-btn-collapse-nav {
    margin: 8px 0 8px 5px;
    background-color: #222222;
    color: #fff;
    padding: 4px 11px !important;
    line-height: 22px !important;
    font-size: 14px !important;
}
/*slider*/
.rev_slider .hermes .tp-bullet {
    border-radius: 0;
    width: 25px;
	height: 5px;
    box-shadow: inset 0 0 0 0 #FFF;
	background-color: rgba(255,255,255,0.3);
}
.rev_slider .hermes .tp-bullet:after, 
.rev_slider .tp-bullet.selected, 
.rev_slider .tp-bullet:hover {
	background-color: #9b6500;
}
.rev_slider .slides-number {
	position: absolute;
	top: 50%;
	left: 96.8%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 21;
	width: 5%;
	font-size: 2.6em;
}
.rev_slider .slides-number:before {
	content: '';
	display: block;
	position: absolute;
	top: 58%;
	left: 50%;
	width: 120%;
	border-bottom: 1px solid #FFF;
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
	-moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
	-ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
	-o-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
	transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.rev_slider .slides-number span {
	display: block;
	color: #FFF;
	text-align: center;
	font-family: Georgia,serif;
}
.rev_slider .slides-number span.atual {
	position: absolute;
	top: -40px;
	width: 100%;
}
.rev_slider .slides-number span.total {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
.rev_slider .tparrows {
	background: none !important;
}


@media (max-width: 991px) {
	.rev_slider .slides-number {
		left: 94.8%;
	}
}
/*subtitle Ã¬â€žÅ“Ã«Â¸Å’Ã­Å½ËœÃ¬ÂÂ´Ã¬Â§â‚¬ Ã­Æ’â‚¬Ã¬ÂÂ´Ã­â€¹â‚¬*/
.page-header.parallax {
    padding: 120px;
    
}
@media (max-width:768px){
    .page-header.parallax {
    padding: 70px;
        background-size: cover;
    }
}
/*config_wrp*/
#config_wrp h1{
	display: inline-block;
}
#config_wrp .breadcrumb{
	float: right;
	background-color: transparent;
}
#config_wrp .breadcrumb > li + li:before {
    color: inherit;
    opacity: 0.5;
    font-family: FontAwesome;
    content: "\f105";
    padding: 0 7px 0 5px;
}
/*subtitle tab Ã¬â€žÅ“Ã«Â¸Å’Ã­Å½ËœÃ¬ÂÂ´Ã¬Â§â‚¬ Ã­Æ’â‚¬Ã¬ÂÂ´Ã­â€¹â‚¬ Ã­â€¢ËœÃ«â€¹Â¨ Ã­Æ’Â­*/


@media (min-width: 769px){
    #tap_wrp.tab_company {
    width: 100%;
    height: 50px;
    background-color: #eee;
	margin: -35px 0 35px 0;
    }
    #tap_wrp.tab_company a {
	color: #aaa;
    text-decoration: none;
    padding: 14px 15px 11px 15px;
	margin: 0 5px;
    font-size: 1.7rem;
    display: inline-block;
	border-bottom: 3px solid transparent;
    }
    #tap_wrp.tab_company a.active,
    #tap_wrp.tab_company a:hover {
        color: #000;
        border-color: #a83338;
    }
}
@media (max-width: 768px){
	#tap_wrp.tab_company a{
		margin: 3px;
        padding: 5px 5px;
        font-size: 13px;
        border: 1px solid #ddd;
        border-radius: 4px;
        word-break: keep-all;
        white-space: nowrap;
        display: inline-block;
         text-decoration: none;
        color:#aaa;
        }
   #tap_wrp.tab_company {
    width: 100%;
    padding: 10px 0;
    background-color: #eee;
	
    }
    #tap_wrp.tab_company a.active,
    #tap_wrp.tab_company a:hover {
        color: #000;
        border-color: #a83338;
    }
}


.new-header-top {
   /* background-color: #31363d;
    border-bottom: 1px solid #2c2e31;*/
    padding: 5px 0;
}
.new-header-top .n_box,
.new-header-top .n_box2{
    display: inline-block;
	width: 49%;
}
.new-header-top .n_box > div {
    display: inline-block;
    position: relative;
    text-align: left;
}
.new-header-top .n_box > div:not(:last-child):after {
    content: "";
    position: absolute;
    right: -3px;
    top: 30%;
    height: 40%;
    width: 1px;
    background-color: rgba(204, 204, 204, 0.5);
}
.new-header-top .dr_dw,
.new-header-top a {
    text-decoration: none;
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding: 5px 10px;
    cursor: pointer;
}


.new-header-top .link a {
 display: inline-block;
}

.new-header-top .dr_dw.on i:before {
    content: "\f0d8";
}
.new-header-top .dr_dw > img,
.new-header-top a > img {
    width: 17px;
    margin-right: 5px;
    margin-bottom: 3px;
}
.new-header-top .link a {
      padding: 5px;
}
.new-header-top .n_box2 img{
   width: 80px;
}
.new-header-top .n_box > div .hv_menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 160px;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    z-index: 5;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.new-header-top .n_box > div .hv_menu.on {
    opacity: 1;
    height: auto;
    border: 1px solid #333;
}
.new-header-top .n_box > div .hv_menu li {
    border-bottom: 1px solid #ddd;
    background-color: #fff;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.new-header-top .n_box > div .hv_menu li:hover {
    background-color: #eee;
}
.new-header-top .n_box > div .hv_menu a {
    font-weight: 400;
    padding: 8px 15px;
}
.new-header-top .n_box > div .hv_menu a > img {
    width: 21px;
    display: inline-block;
    margin-right: 5px;
}
@media (max-width:768px){
    .new-header-top {
        text-align: left;
        padding: 5px 0;
    }
    .new-header-top .dr_dw,
    .new-header-top a {
        font-size: 12px;
        padding: 5px 10px;
    }
}

/*main-banner*/
#main-banner {
	background-color: #fcfcfc;
    border-bottom: 1px solid #00334e;
}
#main-banner .banner-wrp.btn_main{
	display: none;
}
#main-banner .banner-wrp a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	border-right: 1px solid #ddd;
	padding: 15px;
}
#main-banner .banner-wrp:last-child a {
	border: 0px;
}
#main-banner .banner-wrp a:hover {
	background-color: #f5f5f5;
}
#main-banner .banner-wrp a p {
    color: #1e1e1e;
    font-weight: 600;
    font-size: 17px;
}
#main-banner .banner-wrp a img {
	margin-bottom: 5px;
	width: 40px;
}
@media only screen and (max-width:992px){
	#main-banner .banner-wrp.btn_main {
		display: block;
		cursor: pointer;
	}
	#main-banner .banner-wrp.btn_main a p .mobile_al {
		border-color: #ca1111 transparent transparent transparent;
		border-style: solid;
		border-width: 5px;
		content: " ";
		display: inline-block;
		height: 0;
		margin-left: -10px;
		margin-top: 8px;
		width: 0;
		float: right;
	}
	#main-banner .banner-wrp.btn_main a p .mobile_al.in {
		border-color: transparent transparent #266bca transparent;
		margin-top: 0px;
		margin-bottom: 3px;
	}
	#main-banner .banner-wrp.btn_aside{
		display: none;
	}
	#main-banner .banner-wrp.btn_aside.in{
		display: block;
	}
	#main-banner .banner-wrp.btn_aside.in:hover a{
		background-color: #f6f6f6;
	}
	#main-banner .banner-wrp{
		width: 100%;
	}
	#main-banner .banner-wrp a {
		border: 0px;
        padding: 0px;
	}
	#main-banner .banner-wrp a:hover {
		background-color: transparent;
	}
	#main-banner .banner-wrp a img {
		display: none;
	}
}
/*content01*/
#s009 #content{
	background-color: #fff;
	padding: 30px 0px;
}
#s009 #content h3 strong{
	color: #ff1e1e;
}
@media only screen and (max-width:992px){
	#s009 #content .m-pn{
		padding: 0px !important;
	}
}
/*cs-center*/
#s009 #content #cs-center{
	min-height: 250px;
    background: url(../img/cs-center-bg.png) no-repeat;
    background-position: center 90%;
    background-size: cover;
}
#s009 #content #cs-center h3 {
    font-size: 19px;
    font-weight: 600;
}
#s009 #content #cs-center h3 span {
    display: block;
    font-size: 2.2em;
    border-radius: 4px;
    line-height: 1em;
    color: #a83338;
    margin-top: 10px;
    font-weight: 900;
    letter-spacing: -1px;
}
#s009 #content #cs-center .cs-center-txt-wrp{
	
	color: #575757;
    font-size: 15px;
}
/*business-banner*/
#s009 #content .business-banner{
	border: 1px dashed #2e5374;
	min-height: 200px;
}
#s009 #content ul li .business-banner h3{
    font-size: 19px;
    font-weight: 600;
    margin-top: 20px;
}
#s009 #content ul li .business-banner p {
    max-width: 60%;
    word-break: keep-all;
    color: #1e1e1e;
    line-height: 1.4em;
}
#s009 #content ul li:nth-child(even) .business-banner h3{
	color: #1e1e1e;
}
#s009 #content ul li:nth-child(1) .business-banner{
	background: url(../img/business_icon01.png) no-repeat;
    background-position: 95% 95%;
    background-color: #fff;
}
#s009 #content ul li:nth-child(2) .business-banner{
	background: url(../img/business_icon02.png) no-repeat;
    background-position: 95% 95%;
    background-color: #fff;
}
#s009 #content ul li:nth-child(3) .business-banner{
	background: url(../img/business_icon03.png) no-repeat;
    background-position: 95% 95%;
    background-color: #fff;
}
#s009 #content ul li:nth-child(4) .business-banner{
	background: url(../img/business_icon04.png) no-repeat;
    background-position: 95% 95%;
    background-color: #fff;
}
/*map-com*/
#s009 #content #map-com{
	min-height: 252px;
	background-color: #383838;
}
#s009 #content #map-com h3{
	border-bottom: 1px solid rgba(255,255,255,0.2);
    font-size: 19px;
    font-weight: 600;
}
#s009 #content #map-com .map-wrp p strong{
	display:block;
}
/*footer*/
#footer {
	margin: 0px;
	background: #222;
    border-top: 1px solid #888888;
}
#footer a.btn {
    background-color: rgba(238, 238, 238, 0.15);
}
#footer a.btn2 {
    background-color: #00b3a4;
}
@media only screen and (max-width:992px){
	#footer .logo_wrp a img{
		width: 180px;
		margin-bottom: 10px;
	}
}
/*c_wrp*/
@media (min-width:769px) {
    .c_wrp {
        display: table;
        width: 100%;
    }
    .c_wrp.t_fx {
        table-layout: fixed;
    }
    .c_wrp > div {
        display: table-cell;
        vertical-align: middle;
    }
}
/*m_wrp*/
@media (max-width:768px) {
    .m_wrp {
        display: table;
        width: 100%;
    }
    .m_wrp.t_fx {
        table-layout: fixed;
    }
    .m_wrp > div {
        display: table-cell;
        vertical-align: middle;
    }
}
/*con_common*/
.con_common{
	font-size: 17px;
	line-height: 25px;
}
@media only screen and (max-width:992px){
	.con_common .m-pn{
		padding: 0px !important;
	}
}


img{
	max-width:100%
}

/*table2*/
.table2 {
    border: 1px solid #ddd;
    border-top: 2px solid #ce4c00;
    table-layout: fixed;
	width:100%;
}
.table2 thead tr th,
.table2 thead tr td,
.table2 tbody tr th,
.table2 tbody tr td {
    font-size: 17px;
    line-height: 1.4em;
    color: #221814;
    font-weight: 300;
    padding: 15px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
}
.table2 tbody tr td {
    text-align: left;
}
.table2 thead tr th {
    font-weight: 800;
    border-top: 2px solid #c30000;
    border-bottom: 2px solid #c30000;
    color: #c30000;
    font-size: 20px;
} 
.table2 thead tr td {
    color: #1e1e1e;
    font-weight: 600;
    background-color: #fcfcfc;
}
.table2 tbody tr th {
    font-weight: 600;
    background-color: #fcfcfc;
}
.table2 tbody tr.imp td {
    font-weight: 600;
    color: #e09a15;
}
.table2.text-center thead tr th,
.table2.text-center thead tr td,
.table2.text-center tbody tr th,
.table2.text-center tbody tr td {
    text-align: center;
}
@media (max-width:768px){
    .table_wrp {
        padding: 30px 15px;
        border-radius: 10px;
    }
    .table2 thead tr th,
    .table2 thead tr td,
    .table2 tbody tr th,
    .table2 tbody tr td {
        font-size: 12px;
        padding: 7px;
    }
    .table2 thead tr th,
    .table2 thead tr td {
        font-size: 14px;
    }
}



/*table3*/
.table3 {
    border: 1px solid #ddd;
    border-top: 2px solid #ce4c00;
    table-layout: fixed;
	width:100%;
}
.table3 thead tr th,
.table3 thead tr td,
.table3 tbody tr th,
.table3 tbody tr td {
    font-size: 13px;
    line-height: 1.4em;
    color: #221814;
    font-weight: 300;
    padding: 15px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    word-break: keep-all;
}
.table3 tbody tr td {
    text-align: left;
}
.table3 thead tr th {
    font-weight: 800;
    border-top: 2px solid #c30000;
    border-bottom: 2px solid #c30000;
    color: #c30000;
    font-size: 15px;
} 
.table3 thead tr td {
    color: #1e1e1e;
    font-weight: 600;
    background-color: #fcfcfc;
}
.table3 tbody tr th {
    font-weight: 600;
    background-color: #fcfcfc;
}
.table3 tbody tr.imp td {
    font-weight: 600;
    color: #e09a15;
}
.table3.text-center thead tr th,
.table3.text-center thead tr td,
.table3.text-center tbody tr th,
.table3.text-center tbody tr td {
    text-align: center;
}
@media (max-width:768px){
    .table_wrp {
        padding: 30px 15px;
        border-radius: 10px;
    }
    .table3 thead tr th,
    .table3 thead tr td,
    .table3 tbody tr th,
    .table3 tbody tr td {
        font-size: 12px;
        padding: 7px;
    }
    .table3 thead tr th,
    .table3 thead tr td {
        font-size: 14px;
    }
}

/*point_01 table*/
.point_01 .point_wrp {
    padding: 40px 15px;
    border-radius: 20px;
    background-color: #f7f7f7;
}



/*dft*/
.dft {
    word-break: keep-all;
}
h1.dft {
    font-size: 45px;
    color: #221814;
    font-weight: 600;
    line-height: 1em;
    text-transform: none;
    margin-bottom: 20px;
}
h2.dft {
    font-size: 40px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}
h3.dft {
    font-size: 28px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}
h4.dft {
    font-size: 24px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}
h5.dft {
    font-size: 20px;
    color: #221814;
    font-weight: 300;
    line-height: 1.4em;
    text-transform: none;
}
h6.dft {
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 400;
    line-height: 1.4em;
    text-transform: none;
}
p.dft {
    font-size: 16px;
    line-height: 1.6em;
    color: #221814;
    font-weight: 400;
}
@media (max-width:768px){
    h1.dft {
        font-size: 28px;
    }
    h2.dft {
        font-size: 22px;
    }
    h3.dft {
        font-size: 20px;
    }
    h4.dft {
        font-size: 18px;
    }
    h5.dft {
        font-size: 16px;
    }    
    h6.dft {
        font-size: 14px;
    }
    p.dft {
        font-size: 13px;
    }
}


/*font*/
.f_mon {
	font-family: 'Montserrat' !important;
}
/*color*/
.c_org {
	color: #ea9d2c !important;
}
.c_dorg {
	color: #ec4f20 !important;
}
.c_pk {
	color: #ec5ab2 !important;
}
.c_rd {
	color: #ef0b25 !important;
}
.c_pp {
	color: #3c20a3 !important;
}
.c_yl {
	color: #edd030 !important;
}
.c_bl {
	color: #c1851b !important;
}
.c_gd {
	color: #ce911b !important;
}
.c_gr {
	color: #00a65a !important;
}
.c_dgr {
	color: #288828 !important;
}
.c_nv {
	color: #0b0b72 !important;
}
.c_lgr {
	color: #999 !important;
}
.c_mt {
	color: #20bdbe !important;
}
.c_bw{
    color: #c1851b !important;
}
/*notice*/
#notice {
    background-color: rgba(255, 255, 255, 0.7);
}
#notice ul {
    border: 1px solid #ddd;
}
#notice h3{
	border: 0px;
	border-bottom: 0px;
	color: #ffffff;
	line-height: 23px;
	overflow: hidden;
    font-size: 19px;
    font-weight: 600;
}
#notice h3.color-1{
	background-color: #a83338 !important;
}
#notice h3.color-2{
    background-color: #a83338 !important;
}
#notice h3 a{
	display: inline-block;
    border: 1px solid rgba(255,255,255,0.2);
	/*border-top: 1px solid #266bca;*/
    text-decoration: none;
    color: #fff;
    float: right;
    height: 55px;
    margin: -16px;
    width: 50px;
    padding: 17px;
}
#notice ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #a5a5a5;
	font-size: 15px;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	padding: 4px 0;
}
#notice ul li:last-child a{
	border: 0px;
}
#notice ul li a:hover,
#notice ul li a:hover .notice-date{
	color: #000;
}
#notice ul li a .notice-date{
	color: #a5a5a5;
	float: right;
}
@media(min-width:769px){
    #notice ul {
        border: 1px solid #ddd;
        min-height: 197px;
    }
}
@media(max-width:768px){
    #notice h3 {
        font-size: 14px;
    }
}
html .btn-secondary {
    color: #ffffff;
    background-color: transparent;
    border-color: #fff;
}
html .btn-secondary:hover {
    color: #000;
    background-color: rgba(256,256,256,0.9);
    border-color: #fff;
}
#header .header-btn-collapse-nav {
    margin: 25px 0 8px 5px;
    background-color: #222222;
    color: #fff !important;
    padding: 4px 11px !important;
    line-height: 22px !important;
    font-size: 14px !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/*subtop*/


.subtop h1 span {
	color: #fff;
    display: inline-block;
    font-size: 40px;
    font-weight: 900;
    opacity: 1;
}
@media (min-width:769px){
	
	
}
@media (max-width:768px){
	.subtop h1 span{
		font-size: 28px;
        line-height: 1em;
		
		opacity: 1;
	}
}