body { -webkit-font-smoothing: antialiased; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; } .row { width: 100%; max-width: 1360px; margin: 0 auto;}
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row.collapse { margin: 0; }
.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { }
[class*="column"] + [class*="column"].end { float: left; }
.one, .row .one 			{ width: 8.33333%; 	}
.two, .row .two 			{ width: 16.66667%; }
.three, .row .three 		{ width: 25%; 		}
.four, .row .four 			{ width: 33.33333%; }
.five, .row .five 			{ width: 41.66667%; }
.six, .row .six 			{ width: 50%; 		}
.seven, .row .seven 		{ width: 58.33333%; }
.eight, .row .eight 		{ width: 66.66667%; }
.nine, .row .nine 			{ width: 75%; 		}
.ten, .row .ten 			{ width: 83.33333%; }
.eleven, .row .eleven 		{ width: 91.66667%; }
.twelve, .row .twelve 		{ width: 100%; 		}
.row .offset-by-one 		{ margin-left: 8.33333%;  }
.row .offset-by-two 		{ margin-left: 16.66667%; }
.row .offset-by-three 		{ margin-left: 25%; 	  }
.row .offset-by-four 		{ margin-left: 33.33333%; }
.row .offset-by-five 		{ margin-left: 41.66667%; }
.row .offset-by-six 		{ margin-left: 50%; 	  }
.row .offset-by-seven		{ margin-left: 58.33333%; }
.row .offset-by-eight 		{ margin-left: 66.66667%; }
.row .offset-by-nine 		{ margin-left: 75%; 	  }
.row .offset-by-ten 		{ margin-left: 83.33333%; }
.push-two 		{ left: 16.66667%; 	}
.pull-two 		{ right: 16.66667%; }
.push-three 	{ left: 25%; 		}
.pull-three 	{ right: 25%; 		}
.push-four 		{ left: 33.33333%; 	}
.pull-four 		{ right: 33.33333%; }
.push-five 		{ left: 41.66667%; 	}
.pull-five 		{ right: 41.66667%; }
.push-six 		{ left: 50%; 		}
.pull-six 		{ right: 50%; 		}
.push-seven 	{ left: 58.33333%; 	}
.pull-seven 	{ right: 58.33333%; }
.push-eight 	{ left: 66.66667%; 	}
.pull-eight 	{ right: 66.66667%; }
.push-nine 		{ left: 75%; 		}
.pull-nine 		{ right: 75%; 		}
.push-ten 		{ left: 83.33333%;  }
.pull-ten 		{ right: 83.33333%; }
img, object, embed { max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; } @media only screen and (max-width: 767px) { 
body { 
width: 100%; -webkit-text-size-adjust: none;  -ms-text-size-adjust: none; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 50; padding-right: 0; }
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }   .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
.column:after, .columns:after { clear: both; }
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } .row .mobile-one { width: 25% !important; float: left; padding: 0 10px; }
.row .mobile-one:last-child { float: right; }
.row .mobile-one.end { float: left; }
.row.collapse .mobile-one { padding: 0; }
.row .mobile-two { width: 50% !important; float: left; padding: 0 10px; }
.row .mobile-two:last-child { float: ;left; }
.row .mobile-two.end { float: left; }
.row.collapse .mobile-two { padding: 0; }
.row .mobile-three { width: 75% !important; float: left; padding: 0 10px; }
.row .mobile-three:last-child { float: right; }
.row .mobile-three.end { float: left; }
.row.collapse .mobile-three { padding: 0; }
.row .mobile-four { width: 100% !important; float: left; padding: 0 10px; } .row .mobile-four.end { float: left; }
.row.collapse .mobile-four { padding: 0; }
.push-none-mobile { left: 0%!important; }
.push-one-mobile { left: 25%; }
.pull-one-mobile { right: 25%; }
.push-two-mobile { left: 50%; }
.pull-two-mobile { right: 50%; }
.push-three-mobile { left: 75%; }
.pull-three-mobile { right: 75%; }   
} a { text-decoration: none; line-height: inherit; }
a img{border: none;}
a img{border: none;}
a:focus { outline: none; }
p a, p a:visited { line-height: inherit; } .left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hide { display: none; } figure { margin: 0; }
.align-center, 
.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; line-height: 1.1; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
ul, ol { line-height: 1.6; list-style-position: inside; }
ul, li { list-style: none; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }
@media print { 
* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; } 
} .alignleft,img.alignleft { display: inline; float: left;}
.alignright,img.alignright { display: inline;  float: right;}
.aligncenter,img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;	}
.wp-caption { text-align: center; }
.wp-caption p.wp-caption-text { margin: 0;}
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-smiley { max-height: 1em; margin:0 !important;}
.gallery dl { margin: 0;}
.hidden { display:none; } .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-ms-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in { opacity: 1; } .show-for-small, .show-for-medium, .hide-for-large, .show-for-xlarge { display: none !important; }
.hide-for-xlarge, .show-for-large, .hide-for-small, .hide-for-medium { display: block !important; } @media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-large, .show-for-xlarge { display: block !important; }
.show-for-small, .show-for-medium, .show-for-large, .hide-for-xlarge { display: none !important; } } @media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .hide-for-large, .hide-for-xlarge { display: block !important; }
.show-for-small, .hide-for-medium, .show-for-large, .show-for-xlarge { display: none !important; } } @media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .hide-for-large, .hide-for-xlarge { display: block !important; }
.hide-for-small, .show-for-medium, .show-for-large, .show-for-xlarge { display: none !important; } } .show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important;  }
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; }
.hide-for-portrait, .show-for-landscape { display: none !important; } } .show-for-touch { display: none !important; }
.hide-for-touch { display: block !important; }
.touch .show-for-touch { display: block !important; }
.touch .hide-for-touch { display: none !important; } table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }
@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
@media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } } .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; width: 100%;}
.wp-editor-container table { background-color: transparent; }	
table thead, table tfoot { background: #f5f5f5; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 12px; font-size: 1.2rem; line-height: 18px; text-align: left; }
table tbody tr th, table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #222; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
ul.vcard li { margin: 0; display: block; }
ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
p.vevent span.summary { font-weight: bold; }
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; } form { margin: 0 0 19.416px; }
.row form .row {  }
.row form .row .column, .row form .row .columns {  }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
label { font-size: 14px;  cursor: pointer; display: block; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }
@media only screen and (max-width: 767px) { label.right { text-align: left; } }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { display: block; padding-left: 13px; width: 100%; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 18px !important; font-size: 1.8rem !important; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }
input[type="image"] { width: auto; }
textarea { height: auto; }
select { 
width: 100%; 
border-color: #DFDFDF;
background-color: white;
} fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; padding: 0 3px; margin: 0 0 0 -3px; }
@media only screen and (max-width: 767px) { input[type="text"].one, textarea.one { width: 100% !important; }
input[type="text"].two, textarea.two { width: 100% !important; }
input[type="text"].three, textarea.three { width: 100% !important; }
input[type="text"].four, textarea.four { width: 100% !important; }
input[type="text"].five, textarea.five { width: 100% !important; }
input[type="text"].six, textarea.six { width: 100% !important; }
input[type="text"].seven, textarea.seven { width: 100% !important; }
input[type="text"].eight, textarea.eight { width: 100% !important; }
input[type="text"].nine, textarea.nine { width: 100% !important; }
input[type="text"].ten, textarea.ten { width: 100% !important; }
input[type="text"].eleven, textarea.eleven { width: 100% !important; }
input[type="text"].twelve, textarea.twelve { width: 100% !important; } }
.divDemoBody p {
font-size: 18px;
line-height: 140%;
padding-top: 12px;
}
.divDialogElements input {
font-size: 18px;
padding: 3px; 
height: 32px; 
width: 500px; 
}
.divButton { padding-top: 12px; } form.custom { }
form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fff; }
form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
form.custom span.custom.checkbox:before { content: "\00d7"; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; }
form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222; position: relative; top: 3px; left: 3px; }
form.custom span.custom.checkbox.checked:before { color: #222; }
form.custom div.custom.dropdown { position: relative; }
form.custom div.custom.dropdown a.selector { position: absolute; width: 30px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #ddd; }
form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }
form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
form.custom div.custom.dropdown.small { width: 134px !important; }
form.custom div.custom.dropdown.medium { width: 254px !important; }
form.custom div.custom.dropdown.large { width: 434px !important; }
form.custom div.custom.dropdown.expand { width: 100% !important; }
form.custom div.custom.dropdown.open.small ul { width: 134px !important; }
form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }
form.custom div.custom.dropdown.open.large ul { width: 434px !important; }
form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
form.custom div.custom.dropdown ul li { color: #555; font-size: 13px; cursor: pointer; padding: 3px 38px 3px 6px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background-color: #ddd; } @-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }
.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; } .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } *:first-child+html .clearfix { zoom: 1; }  .flex-text-wrap {
position: relative;
*zoom: 1;
}
textarea,
.flex-text-wrap {
outline: 0;
margin: 0;
border: none;
padding: 0;
*padding-bottom: 0 !important;
}
.flex-text-wrap textarea,
.flex-text-wrap pre {
white-space: pre-wrap;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*white-space: pre;
*word-wrap: break-word;
margin: 0px!important;
}
.flex-text-wrap textarea {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
resize: none;
*height: 94%;
*width: 94%;
min-height: 228px!important;
padding: 10px 16px;
font-size: 15px;
line-height: 24px;
}
.flex-text-wrap pre {
display: block;
visibility: hidden;
}
textarea,
.flex-text-wrap pre {
min-height: 223px;
}@import url(http://api.mobilis.co.kr/webfonts/v2/css/NanumGothicWeb);
body {
background-color: #FFF;
font-family: 'NanumGothicWeb', "Georgia", Times New Roman, serif;
font-size: 14px;
line-height: 22px;
}
.entry-content p { margin-bottom: 15px; }	
.entry-content a { font-weight: bold; }	
a:hover { color: #FC6666; }
h1, h2 { 
font-family: 'NanumGothicWeb', "Georgia", Times New Roman, serif; 
font-weight: normal; 
font-style: normal;
letter-spacing: -1px; 
}
h1 { font-size: 30px; line-height: 37px; }
h2 { font-size: 25px; line-height: 26px; }
h3 { font-size: 22px; line-height: 25px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 14px; line-height: 22px; margin-bottom: 8px; }
h6 { font-size: 13px; line-height: 22px; color: #848484; text-transform: uppercase; }
::selection { background: #F0F0F0; }
code { 
font: bold 16px/22px "Courier New", Courier, mono, sans-serif;
overflow: auto;
border-style: none;    
}  a,
textarea,
.post-share,
li.submit .button, 
.post-thumb a img,
input[type="tel"],
input[type="url"], 
input[type="text"],
input[type="date"], 
input[type="time"],
input[type="email"], 
.flickr_badge_image,
input[type="number"], 
input[type="search"], 
input[type="password"], 
input[type="datetime"], 
.bean-dribbble-shots img,
.form-submit input[type="submit"] { 
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
-ms-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
body,
code,
blockquote, 
blockquote p,
.entry-meta a,
textarea:focus, 
.viewer .caption,
.comment-author a,
#footer-container,
#footer-container a,
.author-description,
.comment-author cite,
h1,	h2, h3, h4, h5, a,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
#header-container .main-menu a { 
color: #22272A; 
}	
.post-date,
.entry-meta,
#login span,
.logged-in-as,
.entry-meta a,
#login span a, 
.comment-meta,
.logged-in-as a 
.logged-in-as a, 
.portfolio-meta,
.comment-meta a,
a.post-edit-link,
#twitter_div li a,
.widget_archive li,
.portfolio-meta-list,
.widget_categories li,
.single-portfolio .portfolio-meta-list a {
color: #22272A;
}  #primary-container {
padding: 20px 30px 55px;
}  .sidebar-right .sidebar {
margin-left: 50px;
}
.sidebar-left .sidebar {
margin-right: 50px;
}   .btn, 
.button, 
.tagcloud a,
button.button, 	       
.btn[type="submit"],
.button[type="submit"],
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
background-color: #22272A;
border: none;	  
color: #FFF;
cursor: pointer;
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin: 1px 1px 4px 0; 
padding: 6px 12px;
text-align: center; 
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;     		     	
}
.btn:hover, 
.button:hover, 
.tagcloud a:hover,
button.button:hover, 
.form-submit input[type="submit"]:hover,
.btn[type="submit"]:hover,
.button[type="submit"]:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
color: #FFF!important;
background-color: #FC6666;
}  form label {
padding-top: 0;
margin: 30px 0 8px 0;
font-size: 15px;
}
span.required { color: #CF5C46; }  
.contact-submit input[type="submit"] {
font-size: 16px;
margin-top: 40px;
padding: 13px 12px;
}
form .input {
clear: none;
display: inline;
margin-bottom: 20px;
}
input.input-text, 
textarea, 
select {
display: block;
margin-bottom: 18px;
} 
textarea { padding: 15px 20px; } 
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea { 
height: 40px;
border: 1px solid #cbd0d4;
color: #696969;
font: 14px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="date"]:hover, 
input[type="datetime"]:hover, 
input[type="email"]:hover, 
input[type="number"]:hover, 
input[type="search"]:hover, 
input[type="tel"]:hover, 
input[type="time"]:hover, 
input[type="url"]:hover, 
textarea:hover  { border:1px solid #B3B6B8; }
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
outline:none;
border:1px solid #747b80;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
} .wpcf7-not-valid-tip {
background: none!important;
border: none!important;
color: #B62F15;
left: 0!important;
top: 0!important;
position: relative!important;	
}
div.wpcf7-mail-sent-ok {
background-color: #BDE74C; 
border: none!important;
color: #4C6802; 
}
div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
background-color: #fcc8c8; 
border: none!important;
color: #DA3A3C;
}
div.wpcf7-response-output {
margin: 30px 0 0 0!important;
padding: 0.6em 1em!important;
text-align: center;
}
.wpcf7-form p {
line-height: 33px;
}
wpcf7-submit {
padding: 8px 15px;
}	
div.wpcf7 img.ajax-loader {
display: inline;
}  #toTop {
background: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/sprite.png) 171px 273px #F0F0F0;
bottom: 20px;
color: #86888A;
display:none;
height:40px;
position:fixed;
right:20px;
width:40px;  
z-index: 999; 
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;         
}
#toTop:hover { background-color: #DCDDDF; }    .branding {
margin-top: 50px;
}
.logo-uploaded { 
max-width: 100%;
height: auto;
}
.logo,
.logo img{
display: inline-block;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out; 	   
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.logo img:hover {
opacity: .6;
} 
.logo_text:hover {
color: #FC6666;
}  #header-container {
background-color: #F0F0F0;
display: block;
padding: 0px 30px;
}
#header-container p {
color: #FFFFFF;
}   #header-container .main_menu {
float: right;
}
#header-container .main-menu, .main-menu * {
margin: 0;
padding: 0;
list-style: none;
}
#header-container .main-menu li {
position: relative;
line-height: 45px;
}
#header-container .main-menu ul {
position: absolute;
display: inline;
top: 100%;
left: 0;
z-index: 99;
}
#header-container .main-menu > li {
float: left;
position: relative;
}
#header-container .main-menu li:hover > ul,
#header-container .main-menu li.sfHover > ul {
display: block!important;
}
#header-container .main-menu ul ul {
top: 0;
left: 100%;
} #header-container .main-menu ul {
min-width: 10em; 
*width: 12em;
}
#header-container .main-menu a {
display:block;
font-size: 16px;
font-weight: bold;
font-family: "Times New Roman", serif;
padding: 65px 20px 0px 20px;	
zoom: 1;
}
#header-container .current-menu-item,	
#header-container .main-menu a:hover,
#header-container .main-menu > .current_page_item > a,
#header-container .main-menu > .current_page_item > a:hover {
background-color: #FFF;
color: #FC6666;
}		
#header-container .main-menu li {
white-space: nowrap; 
*white-space: normal; 
} #header-container .main-menu .sub-menu {
background-color: #ff0000;
padding: 0 15px 4px;
z-index: 999;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
#header-container .main-menu .sub-menu li {
border-bottom: 1px solid #363A3D;
color: #848484;
line-height: 25px;
padding: 8px 0;
}
#header-container .main-menu .sub-menu li:last-child {
border-bottom: none;
}
#header-container .main-menu .sub-menu li a:hover {
background-color: ff0000;
color: #FFF!important;	
}
#header-container .main-menu .sub-menu li a {	
color: #99B5A7!important;
border: none;
float: none;
font-size: 14px;
font-weight: normal;
font-style: normal;
margin-bottom: 0px;
padding: 0px;
text-transform: none;
}
#header-container .main-menu .sub-menu .current-menu-item {
background: none;
}   .page-template .entry-content {
margin-bottom: 15px;
}
.page-template .entry-content figure {
margin-bottom: 40px;
}  .isotope-container {
position: relative;
overflow: hidden;
}
#isotope-container {
position:relative; 
width:100%; 
overflow:hidden;
}
.isotope-item { 
z-index: 2; 
float: left;
position: relative;
margin: 10px 10px 5px 10px;
width: 320px;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} #page_nav,
#infscr-loading,
#infscr-loading img { display: none!important; } #isotope-container .porfolio-thumb {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out; 	   
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#isotope-container:hover .porfolio-thumb { 
opacity: .3; 
-webkit-filter: grayscale(1);
}
#isotope-container:hover .porfolio-thumb:hover { 
opacity: 1.0; 
-webkit-filter: grayscale(0);
}   .five.columns.post-head { 
padding-right: 70px; 
}
.single-portfolio h1.entry-title { 
margin-bottom: 12px; 
}	
.single-portfolio .pagination {
margin-bottom: 35px;
}
.entry-header .pagination {
display: none;
}
.single-portfolio .entry-content p { 
width: 100%;
}
.single-portfolio .entry-content p:last-child {
margin-bottom: 0;
} .single-portfolio .entry-content-media.portfolio-audio a { 
float: none; 
padding-right: 0px;
}	
.single-portfolio .portfolio-audio img,
.single-portfolio .entry-content-media a { 
float: right; 
padding-right: 30px;
}
.single-portfolio .portfolio-video .video-frame {
padding-right: 30px;
}
.portfolio-audio div.jp-interface {
left: 3.5%;
width: 70%;
} .portfolio-meta {
margin-bottom: 25px;
} 	
.portfolio-meta-list {
margin: 30px 0;
} 	
.portfolio-meta-list li {
margin-bottom: 12px;
}	
.portfolio-meta-list span {
display: block;
color: #32383D;
}		
.single-portfolio .portfolio-meta-list li.skills { 
text-transform: lowercase; 
}
a.post-edit-link:hover, 	
.single-portfolio .portfolio-meta-list a:hover { 
color: #FC6666; 
} body.viewing #footer-container, 
body.viewing #header-container, 
body.viewing #primary-container { -webkit-filter: grayscale(1) blur(3px); }
.viewer {
background: #FFF;
background-color: rgba(255, 255, 255, 0.85);
}
.viewer .close {
background: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/sprite.png) -142px -244px;
color: #FFF;
font-size: 30px;
height: 12px;
opacity: 1;
right: 20px;
top: 20px;
width: 13px;
-webkit-transition: all .0s;
-moz-transition: all .0s;
-ms-transition: all .0s; 	   
-o-transition: all .0s;
transition: all .0s;
}
.viewer .close:hover {
background-position: -244px -244px;
}
.viewer .caption {
text-shadow: none;
line-height: 5em;
}
.viewer li {
-webkit-transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
-moz-transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer .caption {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 1.5s ease-in-out;
-moz-transition: opacity 1.5s ease-in-out;
transition: opacity 1.5s ease-in-out;
}
.viewer .current .caption {
opacity: 100;
visibility: visible;
}  li.submit .button {
padding: 14px 18px;
text-transform: uppercase;
} .bean-alert {
background-color: #f0f0f0;
color: #2A3034;
font: 15px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin-top: 35px!important;
padding: 10px 10px!important;
position: relative;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bean-alert.fail    { background-color: #fcc8c8; color: #DA3A3C; }
.bean-alert.success { background-color: #BDE74C; color: #4C6802; } label.error { display: none!important; }
.error input, 
textarea.error,
.wpcf7-not-valid,
input[type=text].error { 
background-color: #FFFBFA!important;
border-color: #CF5C46!important; 
color: #B62F15!important;
}
.error input:hover, 
textarea.error:hover,
.wpcf7-not-valid:hover,
input[type=text].error:hover {
background-color: #FFF!important;
border-color: #CF5C46!important; 
}
.error input:focus, 
textarea.error:focus,
.wpcf7-not-valid:focus,
input[type=text].error:focus {
background-color: #FFF!important;
border-color: #CF5C46!important; 
} .requiredField.error {
-webkit-animation-name: BeanButtonShake;
-moz-animation-name: BeanButtonShake;
-o-animation-name: BeanButtonShake;
animation-name: BeanButtonShake;              
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s;
}  .page-template-page-archives-php .entry-content {
margin-bottom: 55px;
}
.archives-list ul {
margin-bottom: 50px;
line-height: 25px;
} 	
.archives-list ul li {
list-style: disc;
margin-left: 30px;
}	
.archives-list ul li a {
color: #32383D;
} 		
.archives-list ul li a:hover {
color: #FC6666;
}  .search #primary-container h1 {
margin-bottom: 5px;
}
.search .searchform.search-page input[type="text"] {
background: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/sprite.png) 477px -231px no-repeat;
margin-bottom: 12px;
}
.search #searchform .button[type="submit"] {
display: none;
}  .error404 #primary-container {
padding: 10%;
}	
.error404 h1.errorpage {
font-size: 110px!important;
margin: 5px 0 60px;
letter-spacing: -3px;
}		
.error404 p {
margin-bottom: 20px;
}  .archives-head {
margin-bottom: 20px;
}
section.post .three.columns.hide-for-small {
padding-right: 30px;
}  .single-post .pagination {
margin: 30px 0 20px;
}
.pagination a {
display: inline-block;   
width: 26px;
height: 26px;  
background-image: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/sprite.png);
background-repeat: no-repeat;  
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;	
-webkit-transition: all .0s;
-moz-transition: all .0s;
-ms-transition: all .0s; 	   
-o-transition: all .0s;
transition: all .0s;        
}
.pagination a:hover {
background-color:#FC6666;
} 
span.page-previous a 		{ background-position: -137px -37px;  }
span.page-previous a:hover  { background-position: -137px -137px; } 	
span.page-next a 			{ background-position: -37px -37px;   }
span.page-next a:hover 		{ background-position: -37px -137px;  }
span.page-blog a 			{ background-position: -337px -237px; }
span.page-blog a:hover 		{ background-position: -437px -237px; }
span.page-portfolio a 		{ background-position: -237px -37px;  }
span.page-portfolio a:hover { background-position: -237px -137px; }
span.page-blog,	 
span.page-next,
span.page-previous,
span.page-portfolio {
background-color: #F0F0F0;
display: inline-block;   
width: 26px;
height: 26px;    	    
} .nav-next, 
.nav-previous {
font-weight: bold;
display: inline;
}
.nav-previous a {
float: right;
}  .format-standard .fluid-width-video-wrapper	{ 
margin: 10px 0 5px 0px; 
}  .format-gallery .entry-content-media {
margin: 0px;
position: relative;
} .bean-container a:active,
.post-slider a:active,
.bean-container a:focus,
.post-slider a:focus  {outline: none;}
.slides,
.bean-control-nav  { margin: 0; padding: 0; list-style: none; } .post-slider {margin: 0; padding: 0; position: relative;}
.post-slider .slides > li { display: none; -webkit-backface-visibility: hidden; } 
.post-slider .slides img {
display: block;
width: 100%; 
}
.loading .bean-viewport {max-height: 300px;}
.post-slider .slides {zoom: 1;}
.slides li img { margin-bottom: 0px!important; } .slides:after { 
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0;
} 
html[xmlns] .slides { display: block; } 
* html .slides { height: 1%; } .no-js .slides > li:first-child {display: block;} .bean-control-paging {
margin: 20px 0 10px;
text-align: center;
}
.bean-control-paging li {
display: inline-block;
cursor: pointer;
margin: 0 2px;
text-indent: -9999em;
}
.bean-control-paging li a {
background: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/sprite.png) -45px -238px;
display: block;
height: 10px;
width: 10px;
-webkit-transition: all .0s;
-moz-transition: all .0s;
-ms-transition: all .0s; 	   
-o-transition: all .0s;
transition: all .0s; 
}
.bean-control-paging li a.bean-active,	
.bean-control-paging li a:hover {
background-position: -45px -252px;
}  .single-format-video .entry-content-media {
margin-top: 9px;
}
.format-video div.jp-interface {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}  section.post {
float: left;
margin-bottom: 80px;
width: 100%;
}
section.post:last-child {
margin-bottom: 50px;
}
.single-post section.post {
margin-bottom: 0px;
}
.entry-header { 
margin-top: -8px; 
}
.entry-title {
margin-bottom: 17px;
}
.single-post .entry-content {
border-bottom: 1px solid #E8EAEE;
padding-bottom: 25px;
}
.entry-content,
.entry-content-media {
width: 100%;
}
.entry-content-media .post-thumb {
margin: 25px 0 28px;
}	
.nine.columns .entry-meta {
margin-top: 30px;
} .entry-meta ul{
display: inline; 
}	
.entry-meta a:hover {
color: #FC6666;
}
.entry-meta .meta-sep:first-child {
display: none;
} .post-like {
display: block;
clear: both;
margin: 1px 0 12px;
} 	
.post-like .like { 
background: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/sprite.png) -343px -137px;
float: left; 
height: 13px; 
margin: 6px 8px 0 0;
width: 13px;
}
.post-like .like:hover {
background-position: -343px -152px;
} 
.post-like .voted .like, 
.post-like .alreadyvoted {
background-position: -343px -167px!important;
} 
.post-like span.count {
line-height: 25px;
} 	
.more-link { 
display: block;
font-weight: bold;
margin-top: 15px!important; 
width: 150px;
}   .post-share {
margin: 0 0 0;
opacity: 0;
width: none;
}
.post-share:hover {
opacity: 0;
}
.post-share li {
display: none;
} .post-extra:last-child {
border-bottom: 1px solid #E8EAEE;
}
.about-author {
display: block;
float: left;
margin-top: 37px;
}
.author-description a {
font-weight: bold;
}	
.about-author .avatar {
margin-top: 6px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
} .related-posts {
float: left;
margin-top: 35px;
padding-bottom: 25px;
}
.related-posts h5 {
margin-bottom: 15px;
}
.related-posts .six {
float: left;
min-height: 1px;
position: relative;
}
.related-posts .six:first-child {
padding-right: 15px;
} 
.related-posts .six:last-child {
padding-left: 15px;
} 
.related-posts .post-thumb {
margin-bottom: 15px;
}  .single-post .entry-content img,
.single-post .entry-content img a {
margin: 40px 0px 40px 0px; 
}	
.bean-quote {
background-color: #FC6666!important;
}		
blockquote {
background: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/blockquote.png) no-repeat 0px 7px;
margin: 40px 0;
padding-left: 50px;
}
blockquote, 
blockquote p {
font: bold 17px/25px "Fauna One", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
blockquote p {
margin-bottom: 0px;
} .entry-content p img,
.content .gallery .gallery-icon img, 
.post-thumb img,
.image-frame img, 
.attachment .post-box img,
.slider img {
display: block;
background: transparent;
}
.image-frame img, 
.attachment .post-box img,
.entry-content-media img,
.post-thumb img { 
height: auto; 
}
.post-thumb a img:hover {
opacity: .2;
} 
.entry-content .entry-content-media img { 
margin: 0 0 0 0; 
}
.attachment article .entry-content { 
padding:0 0 0 0; 
}
.attachment .post-box img { 
margin: 0 auto; 
}
.content .gallery-item {
float: left;
margin: 0;
padding: 0;
}
.content .gallery .gallery-icon img { 
margin-bottom: 0!important;
}	 
.fluid-width-video-wrapper {
margin: 25px 0;
}
.entry-content img,
.comment-content img,
.widget img { 
max-width: 100%; 
}
img.size-full,
img.size-large {
max-width: 100%;
width: auto; 
height: auto;
display: block;
margin-bottom: 35px;
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.aligncenter {
margin-left: auto!important;
margin-right: auto!important;
display: block;
clear: both;
}
img.alignleft {
float: left;
margin: 10px 25px 0 0;
}
img.alignright {
display: block;
margin: 10px 0 0 25px;
}
.wp-smiley {
max-height: 13px;
margin: 0 !important;
}
.gallery { 
margin: auto; 
float: left;
width: 100%;
}
.gallery-item {
float: left;
text-align: center;
margin-left: 0;
}
#gallery-1 .gallery-item {
float: left;	
margin-top: 10px;
text-align: center;
width: 33%;
}
.gallery-image {
margin-left: 0;
}
.gallery-caption { 
margin-left: 0;
font-weight: bold;
}
.gallery-item .gallery-caption { 
margin-bottom: 0 !important;
padding-right: 12%; 
}
.wp-caption,
figcaption {
text-align: center;
margin: 10px 20px 20px 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
.wp-caption.aligncenter { margin: 20px auto; }
.wp-caption.alignleft 	{ margin-left: 0; 	 }
.wp-caption.alignright 	{ margin-right: 0;   }
.wp-caption.alignnone 	{ margin-left: 0;    }
.wp-caption img,
.wp-caption img a {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption
.wp-caption-text {
margin: 0;
padding: 5px;
}
img#wpstats {
display: block;
margin: 0 auto 1.625em;
}
.sticky {}
.post-slider .slider-desc {
position: absolute;
text-align: center;
font-size: 13px;
left: 1.4%;
bottom: 9px;
max-width: 60%;
color: #FFF;
background-color: rgba(34, 34, 34, 0.8);
padding: 7px 16px;
opacity: 1;
}    #comments .ten.columns.push-two,
li.comment div.three.columns, 
.eight.columns.sidebar-right.mobile-four.clearfix {
padding: 0px!important;
}	
#comments .nine.columns.push-three, 
#comments .seven.columns.push-three,    
li.comment div.nine.columns {
padding: 5px;
}  #comments { 
clear: both; 
float: left;
padding-top: 70px;
width: 100%;
}
#comments h5 {
margin-bottom: 0px;
}
#comments .twelve {
padding-top: 80px;
}
#comments ol {
list-style: none;
}
#reply-title {
font-size: 14px;
line-height: 35px;
margin-bottom: 20px;
}	
.logged-in #reply-title {
margin-bottom: 30px;
}
.commentlist {
margin: 0 0 40px;
list-style-type: none;
}
.comment { 
clear: both;
}
.pinglist {
margin: 20px 0 40px 30px;
list-style-type: disc;
}
#comments-list {
padding-bottom: 70px;
float: left;
width: 100%;
}
#login span a,  
#login span {
font-weight: normal;
font-style: normal;
}  .comment-avatar {
float: left;
height: 60px;
width: 60px;
margin: 37px 0 0 0;        
}
.comment-avatar img  { 
height: 60px;
width: 60px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;     
}
.comment-author {
margin-top: 25px;
}
.comment:first-child .comment-author {
margin-top: 0px;
}
.children .comment:first-child .comment-author {
margin-top: 25px;
}
.comment-author cite {
font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.logged-in-as a:hover,
.comment-meta a:hover,
.comment-author a:hover { color: #FC6666; }
.comment-meta, 
.comment-meta a {
font-weight: normal;
margin-bottom: 2px;
text-decoration: none;
}
span.meta-sep {
padding: 0px 6px;
} .bypostauthor {}  .comment-body p { 
padding-bottom: 40px;
border-bottom: 1px solid #E8EAEE;
}
.comment-body ul { list-style-type: disc; }
.comment-body ol { list-style-type: disc; }
.children { 
list-style-type: none; 
margin: 25px 0 0px 0px;
}
.children .comment {
margin-bottom: 0px;
}
.children .comment-body p,
.children .comment-meta,
.children .comment-author cite,
.children .comment-awaiting-moderation {
margin-left: 45px;
}
.nocomments {
text-align: center;
padding: 20px;
}  #cancel-comment-reply-link {
color: #CE6464;
float: right;   
font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin-top: 13px;  
text-transform: uppercase;
}
#cancel-comment-reply-link:hover { 
color: #a52525;
}
.comment-awaiting-moderation {
font: normal normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #62696E;
text-transform: uppercase;
}  #respond form label {
display: none;
}
.comment #respond { 
margin: 0px 0 50px 227px;
padding-top: 20px;
}
.children #respond {
margin-left: 273px;
}	
#commentform input[type="text"], 
#commentform input[type="password"], 
#commentform input[type="date"], 
#commentform input[type="datetime"], 
#commentform input[type="email"], 
#commentform input[type="number"], 
#commentform input[type="search"], 
#commentform input[type="tel"], 
#commentform input[type="time"], 
#commentform input[type="url"] { 
margin-bottom: 14px;
width: 60%;
}  
#commentform textarea {
margin-bottom: 14px;
}	
#respond .button, 
#respond button.button, 
#respond .button[type="submit"] { 
margin-bottom: 20px; 
}
#commentform p { 
line-height: 20px; 
}
.form-submit input[type="submit"] {
float: right;
padding: 14px 18px;
-webkit-appearance: none; 	
text-transform: uppercase;
}
#commentform textarea { 
min-height: 224px;
height: 224px;
}
.logged-in #comments.columns {
float: none;
}		
.logged-in #respond .six {
width: 100%;
float: none!important;
}
.logged-in #commentform label {
display: none;
} 
.logged-in-as {
margin-top: -28px;
margin-bottom: 13px;
}
.logged-in-as a {
font-weight: normal;
font-style: normal;
}    div.jp-interface {
background-color: #22272A;
border: 1px solid #16151A;
width:94%;
margin: 0 auto;
height:39px;
overflow:hidden;
position:relative;		
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);        
}
div.jp-interface { 
margin:0 auto; 
width: 94%;
padding: 7px;
}
.entry-content-media-audio {
position: relative;
}
div.jp-audio.fullwidth {
position: absolute;
bottom: 0px;
} .audio-no-feat div.jp-interface {
width: 100%;
}	 
.audio-no-feat div.jp-progress {
width: 71%!important;
}
.audio-no-feat {
margin-top: 30px;
} div.jp-interface ul.jp-controls {
border-right: 1px solid #000;
-webkit-box-shadow: 1px 0 0 #363B3E;
-moz-box-shadow: 1px 0 0 #363B3E;
box-shadow: 1px 0 0 #363B3E;
}
a.jp-mute, 
a.jp-unmute, 
a.jp-volume-max { 
position: relative; 
}
a.jp-mute, 
a.jp-unmute { 
margin:0 75px 0 0; 
border-left: 1px solid #363B3E;
padding-left: 5px;
-webkit-box-shadow: -1px 0 0 #000000;
-moz-box-shadow: -1px 0 0 #000000;
box-shadow: -1px 0 0 #000000;
}
ul.jp-controls, 
div.jp-interface ul.jp-controls li {
display:inline;
float:left;
margin-bottom: 0px;
margin: -6px 0 0 0;
}
div.jp-interface ul.jp-controls a {
display:block;
overflow:hidden;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
div.jp-interface ul.jp-controls a span {
display:block;
overflow: hidden;
}
ul.jp-toggles {
float:right;
margin-top: -6px;
}
ul.jp-toggles li a, 
ul.jp-toggles li a span {
display:block;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
}
ul.jp-toggles li a, 
ul.jp-toggles li a span,
a.jp-play span, 
a.jp-pause span,
a.jp-stop span {
height:42px;
width:33px;
} a.jp-play span { 
background:url(//planningkorea.com/www/wp-content/themes/folo/assets/images/jplayer.png) -3px 9px no-repeat; 
}
a.jp-pause span { 
background:url(//planningkorea.com/www/wp-content/themes/folo/assets/images/jplayer.png) -3px -21px no-repeat; 
display:none; 
}
a.jp-mute span { 
background:url(//planningkorea.com/www/wp-content/themes/folo/assets/images/jplayer.png) 0px -87px no-repeat; 
}
a.jp-unmute span { 
background:url(//planningkorea.com/www/wp-content/themes/folo/assets/images/jplayer.png) -3px -57px no-repeat; 
display: none;
}	
a.jp-pause:hover span,
a.jp-stop:hover span,
a.jp-mute:hover span,
a.jp-unmute:hover span,
a.jp-play:hover span { opacity: .7; } div.jp-progress {
background-color: #171A1D;	
left: 56px;
position: absolute;
margin: 7px 0;
width: 64.5%;
height: 11px;
-webkit-box-shadow: 0 1px 0 #363B3E;	
-moz-box-shadow: 0 1px 0 #363B3E;
box-shadow: 0 1px 0 #363B3E;
}
.format-audio div.jp-progress {
width: 69%;
}
.fullwidth-layout div.jp-progress {
width: 73.5%;
}
.fullwidth-layout .format-audio div.jp-progress {
width: 73.5%;
}			
div.jp-seek-bar {
width:0;
height:100%;
cursor:pointer;
}
div.jp-seeking-bg { 
display: none; 
}
div.jp-volume-bar {
background-color: #171A1D;
overflow:hidden;
position:absolute;
cursor:pointer;
margin: 7px 0;
width: 60px;
height: 11px;
-webkit-box-shadow: 0 1px 0 #363B3E;	
-moz-box-shadow: 0 1px 0 #363B3E;
box-shadow: 0 1px 0 #363B3E;          
}
div.jp-volume-bar { 
right:15px; 
}
div.jp-play-bar,	
div.jp-volume-bar-value {
background-color: #FC6666;
height:11px;
width:0;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);        
}  div.jp-audio { 
width:100%; 
}
div.jp-audio.fullwidth, 
div.jp-audio.fullwidth .jp-type-list-parent {
bottom: 50px;
height:0;
position: absolute;
width:100%;
}
.audio-no-feat div.jp-audio.fullwidth, 
.audio-no-feat div.jp-audio.fullwidth .jp-type-list-parent {
bottom: 0px;
height:0;
position: absolute;
width:100%;
}
.entry-content-media-audio.fullwidth {
margin-bottom: 83px;
}
div.jp-audio-full {
width:100%;
height:100%;
position:static !important;
position:relative
}
div.jp-audio-full div.jp-jplayer {
overflow:hidden;
position:fixed;
top:0;
left:0;
z-index:1000;
}
div.jp-audio-full div.jp-gui {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:1000;
}
div.jp-audio-full div.jp-interface {
position:absolute;
bottom:0;
left:0;
z-index:1000;
}
div.jp-gui { 
margin-top: 0px; 
}
div.jp-jplayer audio, 
div.jp-jplayer {
width:0;
height:0;
}
div.jp-jplayer {
margin-bottom: -8px!important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}  div.jp-video div.jp-interface { 
margin:0 0 0 0; 
width: 99.9%;
}
div.jp-video.fullwidth, 
div.jp-video.fullwidth .jp-type-list-parent {
width:101%;
height:0;
padding-bottom:56.3%;
position:relative;
margin-bottom: 60px;
}
.format-video .entry-content-media img {
margin-bottom: -2px!important;
}  #footer-container {
background-color: #F0F0F0;
padding: 100px 0;
text-align: center;
}
#footer-container .main-menu{
margin-bottom: 15px;
}		
#footer-container .main-menu li {
display: inline-block;
padding: 0 10px;
}		
#footer-container a:hover {
color: #FC6666;
}  .widget ul > li { list-style: none; }
.widget ul ul { margin: 0; padding: 0;	}
.widget li li { padding-left: 0; }
.widget li li ul { padding-left: 15px; }
.widget_rss li { margin: 0 0 18px 0; }
.widget .widget-title {
padding-bottom: 10px;
} 
.sidebar .div-sep {
margin: 40px 0 30px;
height: 1px;
}
.post .div-sep {
margin-top: 0px;
padding-right: 10px;
}	
.div-sep {
margin: 20px 0;
}	
.div-sep .divide {
background-color: #E5E5E5;
height: 1px;
display: block;
}
.div-sep:last-child {
display: none;
} .textwidget input[type='text'], 
.textwidget textarea { width: 100% !important; }
.textwidget a { color: #848484;}
.textwidget { line-height: 22px; }
.widget li {
line-height: 25px;
}   
.widget li a {
color: #848484;
}
.widget li a:hover {
color: #FC6666;
} .widget_recent_entries li {
margin-bottom: 10px;
}		
.post-date {
display: block;
font-size: 13px;
} ul.bean_social_icons li.bean_social_icon { margin: 0 6px 6px 0!important; }  .widget_bean-dribbble {
margin-bottom: -7px;
}
.bean-dribbble-shots { 
margin-left: -7px;
}
.bean-shot {
float: left;
margin: 0px 0px 7px 7px;
}
.bean-dribbble-shots img {
border: 4px solid #EGe@media only screen and (max-width: 1390px) { .row { max-width: 1020px; } .format-audio div.jp-progress { width: 58%; }
.audio-no-feat div.jp-progress { width: 60%!important; }
div.jp-video.fullwidth, div.jp-video.fullwidth .jp-type-list-parent { width: 100%; }
.comment #respond { margin-left: 170px; }
.children #respond { margin-left: 215px; } .portfolio-audio div.jp-interface { left: -4%; width: 83%; } .flickr_badge_image img { height: 54px; width: 54px; }
.bean-dribbble-shots img, .bean-dribbble-shots a { height: 98px; width: 131px; }
}	
@media only screen and (max-width: 1060px) { .row { max-width: 680px; }
#header-container .main-menu a { padding: 40px 15px; } .format-audio div.jp-progress { width: 34%; }
.audio-no-feat div.jp-progress { width: 39%!important; }
div.jp-video.fullwidth, div.jp-video.fullwidth .jp-type-list-parent { width: 100%; }
.comment #respond { margin-left: 113px; }
.children #respond { margin-left: 158px; } .portfolio-audio div.jp-interface { left: -6.5%; width: 87.5%; }
.portfolio-audio  div.jp-audio.fullwidth {
bottom: 30px;
}
.portfolio-audio div.jp-interface {
border-radius: 0 0 3px 3px;
}
.portfolio-audio .jp-toggles,
.portfolio-audio .jp-volume-bar {
display: none!important;
}
.portfolio-audio div.jp-progress { width: 79.5%; } .flickr_badge_image img { height: 66px; width: 66px; }
#flickr_badge_image7,
#flickr_badge_image8,
#flickr_badge_image9,
#flickr_badge_image10 { display: none; }
.bean-dribbble-shots img, .bean-dribbble-shots a { height: 116px; width: 155px; }
.ie  .entry-content-media img {
max-width: 60%;
}
}	
@media only screen 
and (max-width: 767px) { #primary-container {
padding: 40px 30px;
width: 100% ;
overflow: hidden;
}	
.error404 #primary-container {
padding: 20%;
} #toTop { display: none!important; }
#header-container p {
text-align: center;
}
#primary-container {
padding-top: 30px;
}	
.branding {
margin: 35px 0;
}	
.logo {
float: none;
text-align: center;
width: 100%;
}
.logo img {
float: none;
}
.submit.right {
float: none;
}	
ul.contactform .button {
width: 100%;
}
ul.contactform li.eight {
width: 100%;
}
#footer-container {
padding: 50px 30px;
}	
#footer-container .main-menu li {
background-color: #FFF;
display: block;
margin-bottom: 5px;
padding: 5px;
width: 100%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
} .single-portfolio .five.columns.post-head { padding-right: 10px; }
.single-portfolio .portfolio-audio img,
.single-portfolio .entry-content-media a,
.single-portfolio .portfolio-video .video-frame {
float: none;
padding-right: 0px;
}
.portfolio-audio div.jp-interface { left: -3%; }	
.portfolio-audio div.jp-progress { width: 88.5%; }
.portfolio-audio  div.jp-audio.fullwidth { bottom: 60px; }
.portfolio-audio div.jp-interface { border-radius: 3px; }  section.type-post {
max-width: 100%;
}	
.meta-list.single-share {
margin-bottom: -10px!important;
}
.fullwidth .format-audio div.jp-progress {
width: 71%;
}
.audio-no-feat div.jp-progress { width: 68.5%!important; } #comments .nine.columns.push-three {
width: 100%;
}
#comments-list {
padding-bottom: 50px;
}	
input, textarea { 
-webkit-border-radius: 0px!important;
}
.comment-body .ten.columns {
float: left;
left: 15px;
}
.comment-author {
margin-top: 25px;
}	
.children .comment:first-child .comment-author {
margin-top: 0px;
}	
.children .comment-body p, .children .comment-meta,	
.children .comment-author cite {
margin-left: 0px;
}
.children #respond,
.comment #respond {
margin: 0px 0 30px 5px;
}
#commentform #submit,	
#commentform input[type="text"], 
#commentform input[type="password"], 
#commentform input[type="date"], 
#commentform input[type="datetime"], 
#commentform input[type="email"], 
#commentform input[type="number"], 
#commentform input[type="search"], 
#commentform input[type="tel"], 
#commentform input[type="time"], 
#commentform input[type="url"]  {
width: 100%;
}	
.form-submit input[type="submit"] {
background-image: none!important;
padding-right: 15px;
}	
.contact-submit .button[type="submit"] {
width: 100%;
}
}  @media only screen 
and (max-width: 515px) {	
a.jp-mute span,
.jp-time-frame,
div.jp-volume-bar,
a.jp-mute, a.jp-unmute { 
display: none!important; 
}	
.fullwidth div.jp-progress,
.audio-no-feat div.jp-progress {
width: 75%!important;
}
}
@media only screen 
and (max-width: 460px) {
div.jp-progress {
width: 76%;
}
.bean-quote {
width: 45%!important;
} .single-portfolio .five.columns.post-head {
text-align: center;
}	
.single-portfolio .pagination {
display: none!important;
}		
.entry-header .pagination {
display: block!important;
margin-bottom: 20px;
margin-top: 20px;
}	
}  @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
body { -webkit-text-size-adjust: none; }
.sidebar .widget_search input[type="text"] {
-webkit-border-radius: 0px!important;	
}	
#toTop { display: none!important; }		
.post-share {
opacity: 1!important;
}	
.flickr_badge_image img {
height: ;
width: ;    
}	
.bean-dribbble-shots img,	
.bean-dribbble-shots a {
height: ;
width: ;
}
}  @media only screen 
and (min-device-width : 768px) 
and (orientation : portrait){ 
.flickr_badge_image img {
height: ;
width: ;    
}
.bean-dribbble-shots img,	
.bean-dribbble-shots a {
height: ;
width: ;  
}	
}  @media only screen 
and (max-device-width: 320px)
and (max-device-width : 480px) {
.post-share {
opacity: 1!important;
}	
#footer-container {
padding: 50px 0;
}	
}  @media only screen 
and (max-width : 320px)
and (orientation : portrait) {
.page-template-page-portfolio-php .isotope-item {
width: 280px;
}
.page-template-page-portfolio-php #primary-container {
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
}			 
#primary-container {
padding-top: 30px;
}	
.entry-header .pagination {
margin-top: 35px;
}
.portfolio-audio div.jp-interface { left: -4%; }			
}  select#menu-primary {
display: none;
height: 0px!important;
margin-bottom: 0px!important;
}
#responsive-nav-form form{
margin-bottom: 0px!important;
}
#responsive-nav { 
padding:0px; 
width: 100%; 
z-index: 99999; 
}
#responsive-nav form.custom div.custom.dropdown {
height: 25px;
width: 100%!important;
}
#responsive-nav form.custom div.custom.dropdown a.current {
line-height: 45px;
min-height: 45px;
padding: 0 38px 0 25px;
display: block;
width: auto;
border-left: none;
border-right: none;
color: #1F2124;
font-weight: bold;
font-size: 15px;
background-color: #22272A; 
}
#responsive-nav form.custom div.custom.dropdown a.selector {
height: 45px;
background: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/mobile-nav.png) no-repeat;
background-position-y: 50%;
background-position-x: 89%;
right: 30px;
border: none;
}
#responsive-nav form.custom div.custom.dropdown a.selector:after { 
content: ""; 
border: solid 5px; 
border-color: transparent; 
left: 50%; 
top: 50%; 
margin-top: -2px; 
margin-left: -5px; 
}
#responsive-nav form.custom div.custom.dropdown:hover a.selector:after, 	
#responsive-nav form.custom div.custom.dropdown ul li.selected:after { content: ""; }
form.custom div.custom.dropdown { margin-top: 0px; }
#responsive-nav form.custom div.custom.dropdown ul {
background-color: #22272A; 
border: none;
margin: 0;
top: 40px;
width: 100%!important;
z-index: 99999;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);	
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
#responsive-nav  form.custom div.custom.dropdown ul li {
border-bottom: 1px solid #333238;
cursor: pointer;
margin: 5px 30px;	
padding: 6px 0px 13px;
color: #A2AAB0;
text-align: left;
font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.1s ease-in-out;    
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#responsive-nav form.custom div.custom.dropdown ul li:hover { 
color: #FFF;  
}
#responsive-nav  form.custom div.custom.dropdown ul li:first-child { display: none;}	
#responsive-nav  form.custom div.custom.dropdown ul li:last-child { 
border-bottom: none;
margin-bottom: 5px;
}  @media all and (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 192dpi) {	
#toTop,
.trigger, 
.pagination a,
.viewer .close,
.post-like .like,
.bean-control-paging li a,
.search .searchform.search-page input[type="text"] {
background-image: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/retina/sprite@2x.png);
background-size: 500px 300px;
}
a.jp-play span,
a.jp-pause span,
a.jp-mute span,
a.jp-unmute span { 
background-image:url(//planningkorea.com/www/wp-content/themes/folo/assets/images/retina/jplayer@2x.png);
background-size: 30px 123px; 
}
blockquote{
background-image: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/retina/blockquote@2x.png) ;
background-size: 18px 13px;
}
#responsive-nav form.custom div.custom.dropdown a.selector {
background-image: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/retina/mobile-nav@2x.png);
background-size: 24px 16px;
}	
.sidebar .widget_search input[type="text"] {
background-image: url(//planningkorea.com/www/wp-content/themes/folo/assets/images/retina/forms@2x.png);
background-size: 38px 129px;
}
}