/*
Theme Name: Daekyo
Theme URI:
Author: Dmajor Dev Team
Author URI: http://dmajor.kr/
Description:
Version: 1.0
License:
License URI:
Tags:
Text Domain: daekyo
*/

/* ====================================================================================================

	Common

==================================================================================================== */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html, body {
	font-size: 14px;
}

.row {
	/*overflow: hidden;  */
}

.row .cell {
	float: left;
}

.row .cell.right {
	float: right;
}

.row:after {
	clear: both;
}

/* ====================================================================================================

	Layout

==================================================================================================== */

#container {
	height: 100%;
}

header {
	height: 90px;
	border-top: 4px solid #e01b00;
	background: #ffffff;
  position:relative;
}

#contents {
  width:100%;
	min-height: 80vh;
/*	margin: -90px 0 -90px;*/
}

#contents_wrapper {
	min-height: 100%;
/*	padding: 90px 0 80px;*/
}

footer {
    overflow:hidden; 
    background-color:#99a8ac;
	color: #ffffff;
}

/* ====================================================================================================

	Header

==================================================================================================== */

header > div {
	width: 920px;
	margin: auto;
  position:relative
}

header a {
	text-decoration: none;
}

header figure {
	margin-top: 17px;
}

header ul {
	margin: 0;
}

header li {
	display: inline-block;
}

header #top-nav {
	text-align: right;
	font-size: 10px;
	margin-top: 9px;
}

header #top-nav a {
	color: #657f86;
  text-transform: uppercase;
}

header #top-nav li {
	padding: 0 19px;
}

header #top-nav li:last-child {
	padding-right: 0;
}

header #main-nav {
	font-weight: bold;
	margin-top: 18px;
}

header #main-nav a {
	color: #000000;
  text-transform: uppercase;
}

header #main-nav li {
	padding: 0 10px;
}

header #main-nav li:last-child {
	padding-right: 0;
}

/* ====================================================================================================

	Footer

==================================================================================================== */

footer .footer-top {
    width:100%; 
    height: 200px;
    background-color:#99a8ac;
}
footer .footer-top h1 {
    display: block;
    font-size: 15px;
    color: #fff;
    border: none; 
    margin:0; 
    padding: 35px 0 15px 0;
}
footer .__inner {
    position:relative;
    max-width:920px;
    margin: auto;
}
footer .dropdown {
    user-select: none;
}
footer .dropdown .dropdown-toggle {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 11px 10px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 1;
    cursor: pointer;
}
footer .dropdown .dropdown-toggle::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
}
footer .dropdown-menu {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border: 1px solid #a9a9a9;
    border-top: 0;
}
footer .dropdown-menu > ul {
    margin: 0;
    padding: 0;
}
footer .dropdown-menu > ul a {
    display: block;
    padding: 5px 10px;
    color: #000;
    line-height: 1;
}
footer .footer-bottom {
    width:100%; 
    height: 70px;
    background-color: #1e3142;
    text-align:center;
}
footer .footer-bottom figure {
    position: absolute; 
    left:0; 
    bottom:0;
}
#copyright {
    padding-top: 37px;
	font-size: 11px;
    margin: 0;
}
footer .mo {
    display: none;
}
@media screen and (max-width: 767px) {
    footer .mo {
        display: block;
    }
    footer .footer-top {
        display: none;
    }
    footer .footer-bottom {
        height: auto;
    }
    footer .footer-bottom figure {
        position: static;
        padding: 20px; 
        text-align: left;
    }
    footer .footer-bottom-mo {
        padding: 30px;
        background-color: #99a8ac;
    }
    .footer-bottom-mo .lists-box {
        display: flex;
        justify-content: space-between;
    }
	.footer-bottom-mo .lists {
        list-style: none;
        padding: 0;
        margin: 0 0 15px;
        text-align: left;
		line-height: 1;
    }
    .footer-bottom-mo .lists li {
		padding-bottom: 10px;
    }
    .footer-bottom-mo .lists a {
        font-size: 18px;
        color: #333333;
        font-weight: 500;
        letter-spacing: -1px;
    }
    footer .footer-bottom-mo .dropdown {
        max-width: 300px;
        margin: 0 auto;
    }
    #copyright {
        padding-top: 25px;
        font-size: 14px; 
        font-weight: 300;
    }
}

/* ====================================================================================================

	FAQ

==================================================================================================== */
#faq_list, .answer {
	padding: 0;
	list-style-type: none;
}
#faq_list li {
	font-weight: 800;
	text-transform: uppercase;
}
#faq_list li.question {
	margin: 20px 0;
	cursor: pointer;
}
#faq_list li:before {
	content: "\0051 \002E";
}
#faq_list .answer {
	display: none;
}
#faq_list .answer li {
	font-weight: 400;
	text-transform: none;
}
#faq_list .answer li:before {
	content: "\0041 \002E";
}
/* ====================================================================================================

	Next Steps

==================================================================================================== */
#next_steps h2, #next_steps h3 {
	text-transform: uppercase;
}
#next_steps h3 {
	font-size: 1.1em;
	margin: 1.33em 0;
	font-weight: 400;
}
#next_steps .apply-now {
	color: #005EB0;
	background: #FFF;
	padding: 5px 15px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: initial;
}
#next_steps ul {	
	list-style-type: none;
	padding: 0;
}
#next_steps ul li {	
	margin-bottom: 10px;
}
/*
.steps {
	padding: 0 0 0 200px;
	background: url("/wp-content/themes/daekyo/img/nextsteps_icon.png") 0 0 no-repeat;
}*/
.steps {
	margin: 50px 0;
}
.steps .step {
	min-height: 170px;
	padding: 0 0 0 200px;
	background: url("/wp-content/themes/daekyo/img/nextsteps_icon.png") 0 0 no-repeat;
}
.steps #step2 {
	background-position: 0 -270px;
}
.steps #step3 {
	background-position: 0 -467px;
}
.steps #step4 {
	background-position: 0 -665px;
}
.steps #step5 {
	background-position: 0 -863px;
}
.steps #step6 {
	background-position: 0 -1060px;
}
#support {
	overflow-y: hidden;
}
#support h3 {
	clear: both;
	margin: 0;
}
ul#support_include {
	clear: both;
	padding: 0 10px;
	/*color: #a3bada;*/
}
ul#support_list {
	width: 48%;
	float: left;
	font-size: 15px;
	line-height: 210%;
	list-style-type: disc;
	padding: 0 0 18px 20px;
	margin-right: 10px;
}
ul#support_include li:before {
	content:"-"; position:relative; left:-5px;
}
/* ====================================================================================================

	Investments

==================================================================================================== */
table.investments {
	width: 100%;
}
.country h3 {
	font-size: 1.7em;
}
.investments {
	font-size: 1.1em;
}
.investments th {
	text-align: left;
	font-size: 1.5em;
}
.investments td {
	vertical-align: top;
	padding: 10px 0;
}
.investments th:last-child {
	width: 586px;
}
.investments th:first-child, .investments td:first-child {
	padding-right: 30px;
}
.investments td:first-child {
	background: url("/wp-content/themes/daekyo/img/table_doubleline.png") 370px 0 repeat-y;
}
.investments td.tw:first-child {
	background: none;
}
.investments th.item {
	width: 430px;
}
.investments tfoot {
	font-size: 22px;
	font-weight: 700;
}
.investments tfoot td {
	padding: 20px 0;
}
.investments tfoot td.hr {
	background: url("/wp-content/themes/daekyo/img/hr_over.png") 0 0 no-repeat;
}
.hr_u {
	width: 100%;
	height: 20px;
	border: none;
	background: url("/wp-content/themes/daekyo/img/hr_under.png") 0 0 no-repeat;
}
.hr_o {
	width: 100%;
	height: 20px;
	border: none;
	background: url("/wp-content/themes/daekyo/img/hr_over.png") 0 0 no-repeat;
}
.formore {
	/*text-align: right;*/
}
/* Tablet (Portrait)*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#applyContainer {
		display: none;
	}
}

/* Tablet (Landscape)*/

@media only screen and (min-width: 960px) and (max-width: 1024px) {
	#applyContainer {
		display: none;
	}
}

/*  Mobile (Portrait) */

@media only screen and (max-width: 479px) {
	#applyContainer {
		display: none;
	}
}

/* Mobile (Landscape) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#applyContainer {
		display: none;
	}
}

/*0529 추가*/

#contents.orange .main_tabs a, .main_tabs a.active, .main_tabs a:hover{color:#f9a900;}
#contents.blue .main_tabs a, .main_tabs a.active, .main_tabs a:hover{color:#005eb0;}
#contents.red .main_tabs a, .main_tabs a.active, .main_tabs a:hover{color:#e01b00;}

.main_tabs {margin-top:60px;}
.main_tabs h2{display:inline; overflow:hidden;}
.main_tabs a,
.main_tabs a.active,
.main_tabs a:hover
{
text-decoration: none;
display: inline-block;
padding: 6px 15px;
font-size: 15px;
font-weight: bold;
margin-right: 10px;
width: 20%;
vertical-align: middle;
height:45px;
text-align:center;
letter-spacing:0;
color:#5fb232;
background: #fff;
line-height: 15px;
opacity:0.5;
-webkit-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
box-shadow: 2px 2px 0px #666666;
-webkit-box-shadow: 2px 2px 0px #666666;
-moz-box-shadow: 2px 2px 0px #666666;
-o-box-shadow: 2px 2px 0px #666666;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#666666');
}
.main_tabs a:hover,
.main_tabs a.active
{
opacity:1 !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.pg_title{font-size: 33px; letter-spacing: 1px; line-height: 1.5em; border-bottom: 1px solid #ffffff; display: inline-block; text-transform: uppercase}

table.history {letter-spacing: 1px; margin-bottom:100px;}
table.history  td, table.history th { padding: 10px 0; }
.history .num {font-size: 17px; font-weight: bold;}

i{text-rendering: optimizeLegibility!important;}