/* CUSTOM FONTS */
body { font-family: 'Helvetica', Helvetica, Arial; font-size: 13px; line-height: 20px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Helvetica, Arial; }
nav#main-nav > ul > li > a { font-family: 'Montserrat', Helvetica, Arial; font-size: 16px; font-weight: normal; text-transform: none; }
nav#responsive-nav > ul > li > a { font-family: 'Montserrat', Helvetica, Arial; font-size: 16px; font-weight: normal; text-transform: none; }
input[type=submit] { font-family: Roboto; }
a.link-moreinfo { font-family: Roboto; }
#top .top-info { font-family: Roboto; }
.blog-meta li { font-family: Roboto; }
.blog-date .day { font-family: Roboto; }
.blog-date .month { font-family: Roboto; }
.blog-quote .quote-text { font-family: Roboto; }
.blog-link .link-target { font-family: Roboto; }
.portfolio-entry .portfolio-intro p { font-family: Roboto; }
.iconbox p { font-family: Roboto; } 
.toggle .toggle-title .toggle-name { font-family: Roboto; }
.tabs ul.tab_nav li a { font-family: Roboto; }
a.y-button { font-family: Roboto; }
#load-more { font-family: Roboto; }
    



/* COLOR */
::selection { background-color: #666666; }
::-moz-selection { background-color: #666666; }
::-webkit-selection { background-color: #666666; }
.colored { color: #666666; }
.title span { border-color: #666666; }
input[type=submit] { background-color: #666666; }
a { color: #666666; }
#top .top-info span.phone-highlight { color: #666666; }
nav#main-nav > ul > li:hover > a { color: #666666; }
nav#main-nav > ul > li.current-menu-item > a, nav#main-nav > ul > li.current-menu-ancestor > a { color: #666666; }
nav#main-nav ul li .sub-menu { border-color: #666666; }
nav#main-nav ul .sub-menu li a:hover { color: #666666; }
nav#main-nav ul .sub-menu li.current-menu-item > a { color: #666666; }
.breadcrumb a:hover { color: #666666; }
.light-bread a:hover { color: #666666; }
.blog-headline h3 a:hover, .blog-headline h4 a:hover { color: #666666; }
.blog-meta li a:hover { color: #666666; }
.blog-date { background-color: #666666; }
.blog-quote { background-color: #666666; }
.blog-tags a:hover { background-color: #666666; }
.portfolio-meta li a:hover { color: #666666; }
.entry-views { background-color: #666666; }
.entry-views span { color: #666666; }
.filter ul li a.active { background-color: #666666; }
#single-pagination li a:hover, #entries-pagination li a:hover { background-color: #666666; }
.box-color { background-color: #666666; }
.highlight-color { background-color: #666666; }
.toggle .toggle-active .toggle-icon { background-color: #666666; border-color: #666666; }
.toggle .toggle-title:hover .toggle-name, .toggle .toggle-active .toggle-name { color: #666666; }
.tabs ul.tab_nav li a:hover { color: #666666; }
.tabs ul.tab_nav li a.active { background-color: #666666; border-color: #666666; }
a.default-button1 {	background-color: #666666; }
a.default-button3 {	color: #666666; }
a.default-button4:hover { border-color: #666666; color: #666666; }
a.default-button5:hover { border-color: #666666; color: #666666; }
a.default-button6:hover { border-color: #666666; color: #666666; }
.skill .skill_bar .skill_active { background-color: #666666; }
.widget ul.menu li a:hover, .widget ul li.current-menu-item a, .widget ul li.current-cat a  { color: #666666; }
.tag-list a:hover { background-color: #666666; }
#load-more a:hover { background-color: #666666; }
#totop:hover .topbg { background-color: #666666; }
.imgoverlay a .overlay { background-color: #666666; }
#notfound-404 h2 { color: #666666; }
::-webkit-scrollbar-thumb:vertical { background-color: #666666; }

.flex-direction-nav li .flex-next:hover { background-color: #666666; }
.flex-direction-nav li .flex-prev:hover { background-color: #666666; }
.flex-control-nav li a.flex-active { background-color: #666666; }
div.jp-play-bar { background-color: #666666; }
div.jp-volume-bar-value { background-color: #666666; }
div.jp-type-playlist div.jp-playlist a:hover { color: #666666; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #666666; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color: #666666; }
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{ color: #666666; }

.tp-leftarrow.default, .tp-rightarrow.default {	background-image: url(../files/images/sprites.png);	}
.tp-rightarrow.default:hover { background-color: #666666;	}
.tp-leftarrow.default:hover { background-color: #666666;	}
.tp-bullets.simplebullets.round .bullet.selected {	background-color: #666666;	}
.tp-caption.yalu-title-big-grey, .tp-caption.yalu-title-big-white, .tp-caption.yalu-title-big-colored, .tp-caption.yalu-title-medium-grey, .tp-caption.yalu-title-medium-white, .tp-caption.yalu-title-medium-colored, .tp-caption.yalu-title-small-grey, .tp-caption.yalu-title-small-white, .tp-caption.yalu-title-small-colored { font-family: 'Montserrat', Helvetica, Arial; }
.tp-caption.yalu-title-big-colored { color: #666666;	}
.tp-caption.yalu-title-medium-colored { color: #666666; }
.tp-caption.yalu-title-small-colored { color: #666666; }
.tp-caption.yalu-title-big-white a, .tp-caption.yalu-title-medium-white a, .tp-caption.yalu-title-small-white a, .tp-caption.yalu-text-white a { color: #ffffff;  }
.tp-caption.yalu-title-big-colored a, .tp-caption.yalu-title-medium-colored a, .tp-caption.yalu-title-small-colored a, .tp-caption.yalu-text-colored a {  color: #666666; }
.tp-caption a:hover { color: #666666; }
.tp-caption.yalu-title-big-colored a:hover, .tp-caption.yalu-title-medium-colored a:hover, .tp-caption.yalu-title-small-colored a:hover, .tp-caption.yalu-text-colored a:hover { color: #333333; }

/* CUSTOM CSS (Theme Options) */
body {font-family: 'Noto Sans KR', 'Dotum';}

h3 {font-family: Montserrat, 'Noto Sans KR', 'Dotum' ;
      letter-spacing:-0.031em;}

h5 {font-family: Montserrat, 'Noto Sans KR', 'Dotum';
      letter-spacing:-0.031em;
      font-size: 15px;}

h6 {font-family: Montserrat, 'Noto Sans KR', 'Dotum' ;
       letter-spacing:-0.031em; 
       font-size: 15px; }

h4 {font-family: Montserrat, 'Noto Sans KR', 'Dotum' ;}

.s2{line-height: 180%; font-size:15px; margin-bottom: 10px; letter-spacing:-0.031em; color:#333;}

.s5 {letter-spacing: -0.031em; padding-bottom: 8px; line-height: 150%; font-size: 14px; border-bottom: solid 1px #ddd; margin-bottom:8px;}

.s6 {letter-spacing: -0.031em; padding: 0; line-height: 150%; font-size: 14px; margin:0;}

.symple-toggle {font-size:15px;}

.portfolio-intro p {font-size: 12px; line-height: 13px; padding-top: 0px; letter-spacing: 0.015em;}

.portfolio-meta {letter-spacing: -0.031em;}

.portfolio-meta li span.meta-title {font-size: 12px;}

.filter ul {letter-spacing: -0.031em;}

footer .title {
	border-bottom: 1px solid #555;
	padding-bottom: 10px;
        font-size: 15px; 
	}


/*	Toggle/Accordion
------------------------------------------------*/
.accordion {
	margin: 0px;
	}
	div .accordion:first-child { margin-top: 0px; }
	
.toggle {
	margin: 0px;
	}
	div .toggle:first-child { margin: 0px; }
	
.toggle .toggle-title {
	min-height: 60px;
	width: 100%;
	background: #ffffff;
	position: relative;
	cursor: pointer;
	}
	.small-toggle .toggle-title {
		min-height: 50px;
		}


.toggle .toggle-title .toggle-icon {
	height: 100%;
	width: 60px;
	border-right: 0px solid #d9d9d9;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	}
	.small-toggle .toggle-title .toggle-icon {
		width: 40px;
		}
		
.toggle .toggle-title .toggle-icon span { 
	display: block;
	height: 60px;
	width: 60px;	}
	.small-toggle .toggle-title .toggle-icon span {
		width: 40px;
		height: 40px;
		background-position: -80px -60px;
		}

.toggle .toggle-active .toggle-icon {
	background-color: #ffffff;
	border-right: 0px solid #1e7987;
	}
		
.toggle .toggle-active .toggle-icon span {
	background-position: -180px -0px;
	}
	.small-toggle .toggle-active .toggle-icon span {
		background-position: -120px -60px;
		}



.toggle .toggle-title .toggle-name {
	font-family: Montserrat; 
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color: #999999;
	display: block;
	padding-left: 80px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	.small-toggle .toggle-title .toggle-name {
		padding-left: 60px;
		padding-top: 15px;
		padding-bottom: 15px;
		}
	
.toggle .toggle-title:hover .toggle-name, .toggle .toggle-active .toggle-name {
	color: #111111;
	}
	
.toggle .toggle-inner {
	padding: 10px 20px 10px 80px;
	display: none;
	}
	.small-toggle .toggle-inner {
		padding: 0px 0px 0px 0px;
		padding-top: 13px;
		}
	

.column { 
	padding-bottom: 0px;
	}