/*
Theme Name: Xinics Commons Myspace
Author: Xinics R&D
Author URI: http://www.xinics.com
Description: Xinics Commons 마이페이지로 개인 단위의 CMS 공간이다.
Version: 2.0.3
Text Domain: commonsmyspace
*/

/**
 * Table of Contents
 *
 * * 1.0 Common
 * * 2.0 Layout
 * * 3.0 Header
 * * * 3.1 Global Header
 * * 4.0 Login
 * * 5.0 Media Queries
 * * 6.0 404 not found page
 * * 7.0 Bootstrap - modal
 */

 
/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/**
 * 1.0 Common
 *
 * 공통, 기본 스타일 지정
 * -----------------------------------------------------------------------------
*/
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 300;
	src: url(fonts/noto-sans-kr/NotoSansKR-Light.woff2) format("woff2"),
		url(fonts/noto-sans-kr/NotoSansKR-Light.woff) format("woff"),
		url(fonts/noto-sans-kr/NotoSansKR-Light.otf) format("opentype");
}

@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 400;
	src: url(fonts/noto-sans-kr/NotoSansKR-Regular.woff2) format("woff2"),
		url(fonts/noto-sans-kr/NotoSansKR-Regular.woff) format("woff"),
		url(fonts/noto-sans-kr/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 500;
	src: url(fonts/noto-sans-kr/NotoSansKR-Medium.woff2) format("woff2"),
		url(fonts/noto-sans-kr/NotoSansKR-Medium.woff) format("woff"),
		url(fonts/noto-sans-kr/NotoSansKR-Medium.otf) format("opentype");
}

@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 700;
	src: url(fonts/noto-sans-kr/NotoSansKR-Bold.woff2) format("woff2"),
		url(fonts/noto-sans-kr/NotoSansKR-Bold.woff) format("woff"),
		url(fonts/noto-sans-kr/NotoSansKR-Bold.otf) format("opentype");
}

html {
	font-family: "Noto Sans KR", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	background-color: #f5f5f5 !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	min-width: inherit;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}

.site-footer {
	height: 30px;
	background: #eaebec;
    border-top: 1px solid #d9dadb !important;
}

.site-footer img{display:none;}
.site-footer span.footer_address{float: left; margin: 6px 0px 0px 15px;}
.site-footer span.copyright{float: right; margin: 6px 15px 0px 0px;}

#page .btn-normal {	
    background-image: linear-gradient(top,#ffffff,#f5f5f5);
	background-image: -webkit-linear-gradient(top,#ffffff,#f5f5f5);
    border: 1px solid #cbcbcb;
    border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0px;
    color: #333;
    background-color: #f5f5f5;
	padding: 7px 10px;
	line-height: 14px;
	border-radius: 0px;
	font-size: 12px;
	outline: none;
	margin: 0px;
	/*min-width: inherit;*/
}

#page .btn-min-width{
	min-width: inherit;
}

#page .btn-normal:hover {
	background-image: none;
	background: #efefef;
	border-color: #cbcbcb;
}

#page .btn-normal[disabled]{
	background: #f6f6f6;
	border: 1px solid #cbcbcb;
    border: 1px solid rgba(0,0,0,0.2);
	opacity: inherit;
	color: #b1b1b1;
}

#page .btn-normal.btn-bgnone{
	background: none;
	border: 0px solid #ededed;
	padding: 0px;
}

#page .btn-normal.btn-bgnone:hover{
	background-image: none;
	background: #fff;
	border-color: #ededed;
}

#page .btn-normal.selected,
#page .btn-normal.btn-primary{	
    background-image: linear-gradient(top,#3e87e6,#397dd5);
	background-image: -webkit-linear-gradient(top,#3e87e6,#397dd5);
    border: 1px solid #2b69ba;
    border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0px;
    color: #fff;
    background-color: #397dd5;
}

#page .btn-normal.selected:hover,
#page .btn-normal.btn-primary:hover{
	background-image: none;
	background: #4a8fe8;
	border-color: #2b69ba;
}

#page .btn-normal.selected[disabled],
#page .btn-normal.btn-primary[disabled]{
	background-image: none;
	background: #4a8fe8;
	border-color: #2b69ba;
	color: #6eabfd;
}

#page .btn-normal.btn-upload {
	padding: 15px;
	border-radius: 3px;
	background: #1e75d6;
	color: #fff;
}

#page .btn-normal.btn-upload:hover {
	background: #4a8fe8;
	border-color: #2b69ba;
}

#page .btn-normal.btn-small {
	padding: 4px 24px;
	line-height: 12px;
}

#page .btn-normal.btn-icon{	
	padding: 0px;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	vertical-align: middle;
}

#page .icon{
	background: url("images/icons.png?v=2.0.3") 0px 0px;
	display: inline-block;
    width: 18px;
    height: 18px;
	vertical-align: middle;
}

#page .btn-normal.btn-large{
	padding: 9px 15px;
	text-align: center;
}

#page .no-thumbnail.small {
	background: url("images/no_thumbnail/no-thumbnail-s.jpg?v=2.0.3") no-repeat;
}

#page .no-thumbnail.middle {
	background: url("images/no_thumbnail/no-thumbnail-m.jpg?v=2.0.3") no-repeat;
}

/**
 * 2.0 Layout
 *
 * 기본화면 레이아웃
 * -----------------------------------------------------------------------------
*/
header {
	width: 100%;
}

#page .font-common,
.k-window-titlebar.k-header {
	font-family: "Noto Sans KR", "Nanum Gothic", "NanumGothic", "나눔고딕", "Dotum", "돋움", "Arial";
}

#page .font-normal{
	font-family: "Noto Sans KR", "Nanum Gothic", "NanumGothic", "나눔고딕", "Dotum", "돋움", "Arial";
	font-size: 12px;
	color: #333;
}

#page .font-link{
	cursor: pointer;
}

body.ja #page .font-normal,
body.ja #page .font-common,
body.ja #page .font-normal.font-maluem,
body.ja .k-window-titlebar.k-header{
	font-family: "Meiryo", "Dotum", "Arial";
}

body.en #page .font-normal,
body.en #page .font-common,
body.en #page .font-normal.font-maluem,
body.en .k-window-titlebar.k-header{
	font-family: "Roboto", "arial", "sans-serif";
}

#page .font-normal.font-arial{
	font-family: "Arial";
}

#page .font-normal.font-maluem{
	font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Dotum", "돋움", "Arial";
}

#page .font-normal.font-11{
	font-size: 11px;
}

#page .font-normal.font-14{
	font-size: 14px;
}

#page .font-normal.font-16{
	font-size: 18px;
}

#page .font-normal.font-18{
	font-size: 18px;
}

#page .font-normal.font-22{
	font-size: 22px;
}


#page .font-normal.font-24{
	font-size: 24px;
}

#page .font-normal.font-28{
	font-size: 28px;
}

#page .font-normal.font-keycolor{
	color: #0781ef;
}

#page .font-normal.font-black{
	color: #000;
}

#page .font-normal.font-gray{
	color: #888;
}

#page .font-normal.font-red{
	color: #de0b0b;
}

#page .font-normal.font-white{
	color: #fff;
}

#page .font-normal.font-green{
	color: #02b261;
}

#page .font-normal.font-bold{
	font-weight: bold;
}

#page .font-normal.font-everlec{
	color: #62b900;
}

#page .font-normal.font-syncthink-for-windows{
	color: #fe8304;
}

#page .font-normal.font-syncthink{
	color: #0d83f7;
}

#page .font-normal.font-rsp{
	color: #2e72f5;
}

#page .font-normal.font-rss{
	color: #f46c2d;
}

#page .font-normal.font-ssp{
	color: #179ff4;
}

#page .font-normal.font-presencast{
	color: #0d83f7;
}

#page .font-normal.font-align-center{
	text-align: center;
}

/**
 * 3.0 Header
 *
 * 서비스탑, 메뉴 스타일
 * -----------------------------------------------------------------------------
*/

.xn-service-top-menu{
	height: 60px;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
}

.xn-service-top-menu .service_logo{
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 20px;
}

#xn-site-header-menu .service-other-info{
	display: block;
	margin-top: 10px;
	margin-right: 10px;
	background: #e8f1fb;
	border: 1px solid #d2e3f7;
	border-radius: 3px;
	padding: 3px 7px;
}

.xn-service-top-menu .service-other-info{
	display: block;
	float: left;
	margin-top: 18px;
	margin-left: 10px;
	background: #e8f1fb;
	border: 1px solid #d2e3f7;
	border-radius: 3px;
	padding: 3px 7px;
}

.xn-service-top-menu .dropdown{
	float: right;
	margin: 18px 10px 0px 0px;
}

.xn-service-top-menu .dropdown .btn{
	background: #fff;
    border: 1px solid #fff;
	border-radius: 4px;
	padding: 5px 8px;
}

.xn-service-top-menu .dropdown .btn:hover{
	background: #e1e1e1;
    border-color: #cdcdcd;
}

.xn-service-top-menu .dropdown.open .btn {
	background: #e9e9e9;
    border-color: #b0b0b0;
    box-shadow: inset 1px 1px 1px #888;
}

.xn-service-top-menu .dropdown .btn .caret{
	margin-left: 7px;
}

.xn-service-top-menu .dropdown.open .btn .caret{
	border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
	border-top: none;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.xn-service-top-menu .dropdown.open .dropdown-menu{
	margin: -1px 0px 0px 0px;	
	padding: 0px;
	min-width: 240px;
}

.xn-service-top-menu .dropdown.open .dropdown-menu div{
	width: 100%;
	float: left;
}

.xn-service-top-menu .dropdown.open .dropdown-menu div.login-btns{
	border-top: 1px solid #d9d9d9;
	background: #f2f2f2;
	padding: 10px 0px;
	text-align: right;
	border-radius: 0px 0px 4px 4px;
}

#page .xn-service-top-menu .dropdown.open .dropdown-menu div.login-btns .btn-normal{
	margin-right: 10px;
	padding: 5px 15px;
	display: inline-block;
}

.xn-service-top-menu .dropdown.open .dropdown-menu div.user-info-email span{
	width: 90%;
	margin: 10px;
	line-height: 16px;
}

.xn-service-top-menu .dropdown.open .dropdown-menu div.user-info {
	margin: 10px 0px;
}

.xn-service-top-menu .dropdown.open .dropdown-menu div.user-link {
	width: 218px;
	margin: 10px 10px 0px 10px;
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
}

.xn-service-top-menu .dropdown.open .dropdown-menu div.user-link div {
	width: 218px;
	margin-bottom: 7px;
}

.xn-service-top-menu .dropdown.open .dropdown-menu div.user-link ul {
	width: 218px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.xn-service-top-menu .dropdown.open .dropdown-menu div.user-link ul li {	
	width: 218px;
	float: left;
	padding: 3px 0px;
}

#xn-site-header-menu{
	height: 45px;
	border-bottom: 1px solid #1e75d6;
	background: #fff;
}


#xn-site-header-menu #xn-myspace-top-otheruser-import{
	height: 30px;
	margin: 5px 10px 0px 0px;
	border-radius: 3px;
	padding: 6px 10px;
	font-size: 14px;
}

#xn-site-header-menu #xn-myspace-top-syncpresenter{
	margin: 5px 10px 0px 0px;
	border-radius: 3px;
	padding: 6px 10px;
	font-size: 14px;
}

#xn-site-header-menu #xn-myspace-top-syncpresenter i.icon{
	display: inline-block;
	width: 18px;
	height: 14px;
	background-position: -369px -540px;
	margin-right: 5px;
}

#xn-site-header-menu #xn-myspace-top-otheruser-import:hover,
#xn-site-header-menu #xn-myspace-top-syncpresenter:hover{text-decoration: none;}

.menu-main-container ul{
	display: block;
	float: left;
	list-style: none;
	margin: 4px 0px 0px 0px;
	padding: 0px;
}

.menu-main-container li{
	float: left;
	width: 200px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border: 1px solid #ccc;
	border-bottom: none;
	border-top: 2px solid #949494;
}

.menu-main-container li:first-child{
	border-left-style: none;
}

.menu-main-container li a{
	display: block;
	float: left;
	width: 198px;
	height: 38px;
	padding-top: 11px;
	text-align: center;
	color: #4e4e4e;
	letter-spacing: -1px;
	font-size: 16px;
}

.menu-main-container li a:hover{
	background: #fafafa;
	color: #4e4e4e;
	text-decoration: none;
}

.menu-main-container li.current-menu-item {
	border: 1px solid #1e75d6;
	border-top: 2px solid #1e75d6;
}

.menu-main-container li.current-menu-item a{
	background: #1e75d6;
	color: #fff;
}

/**
 * 3.1 Global Header
 *
 * 글로벌 탑 메뉴 스타일
 * -----------------------------------------------------------------------------
*/

.xn-global-top-menu {
	background: #3E3D42;
	width: 100%;
	height: 30px;
}

.xn-global-top-menu li {
	list-style: none;
    font-size: 12px;
}

.xn-global-top-menu li a {
	color: white;
	float: left;
    text-decoration: none;
    margin: 0;
    padding: 9px 8px 9px 8px;
}

.xn-global-top-menu li a:hover,
.xn-global-top-menu li.header_selected a {
	background: #59595D;
	color: white;
}

/*
 * 4.0 Login
*/

.login-container{
	background: #000 url("images/login_bg.jpg?v=2.0.3") no-repeat top center;
	width: 100%;
	padding: 35px 0px;
}

.login-container #login{
	max-width: 610px;
	width: 100%;
	height: 610px;
	margin: 0 auto;
	border: 2px solid #2481fa;
	background: url("images/login_form_bg.png?v=2.0.3");
	position: relative;
}

.login-container #login h1{
	padding: 45px 0px;
	margin: 50px 0px 0px 0px;
	text-align: center;
}

.login-container #login .login-message,
.login-container #login #loginform,
.login-container #login .login_error{
	width: 75%;
	margin: 0 auto;
	margin-bottom: 30px;
	line-height: 22px;
}

.login-container #login .login_error{
	margin-bottom: 0px;
}

.login-container #login #loginform label{
	display: none;
}

.login-container #login input[type=text], .login-container #login input[type=password] {
	width: 100%;	
    height: 50px;
    border-style: none;
    outline: none;
    border-bottom: 2px solid #fff;
    font-size: 20px;
    background: none;
    color: #fff;
}

.login-container .submit {
    width: 100%;
    text-align: center;
	margin-top: 45px;
}

#page .login-container .submit .btn-normal.btn-large{
	background: #2481fa;
	border: 0px solid #fff;
	border-radius: 4px;
	width: 170px;
	padding: 15px 40px;
}

/*
 * 4.1 Login Commons-info
*/

.commons-info,
.commons-feature,
.commons-feature .commons-feature-img
{width: 100%;text-align:center;}

.commons-info{background:#fff;}

.commons-triangle-bg {
	width: 100%;
	height: 105px;
	background: url("images/commons_bg_triangle.png?v=2.0.3") no-repeat top center;
}

.commons-feature h1,
.commons-feature span {
	display: block;
	max-width: 730px;
	margin: 0 auto;
	text-align: center;
	font-weight: normal;
	line-height: 22px;
}

.commons-feature h1{
	margin-bottom: 25px;
	line-height: 42px;
	padding: 0px 10px;
}

.commons-feature .commons-feature-img ul{
	width: 1280px;
	margin: 0px auto;
	margin-top: 30px;
	padding: 0px;
	-webkit-padding-start: 0px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	display: inline-block;
	list-style: none;
	text-align: center;
}


.commons-feature .commons-feature-img ul li{
	background-position: top center;
	background-repeat: no-repeat;
	width: 420px;
	display: inline-block;
	margin: 50px 0px;
	position: relative;
	vertical-align: top;
}

.commons-feature .commons-feature-img.commons-feature-img-1 ul li{height:446px;}

.commons-feature .commons-feature-img ul li i{display: block; text-indent: -9999px;}

.commons-feature .commons-feature-img.commons-feature-img-1 ul li{
	background-image: url("images/commons-feature-img-1-1.png?v=2.0.3");
}

.commons-feature .commons-feature-img.commons-feature-img-1 ul li.commons-feature-img-1-2{
	background-image: url("images/commons-feature-img-1-2.png?v=2.0.3");
}

.commons-feature .commons-feature-img.commons-feature-img-1 ul li.commons-feature-img-1-3{
	background-image: url("images/commons-feature-img-1-3.png?v=2.0.3");
}

.commons-feature.commons-feature-2{
	background: #f5f5f5;
	padding: 50px 0px 0px 0px;
}

.commons-feature .commons-feature-img.commons-feature-img-2{
	background: url("images/commons_feature_social.png?v=2.0.3") no-repeat top center;
	padding-top: 100px;
	margin-top: 40px;
}

.commons-feature .commons-feature-img.commons-feature-img-2 ul li{
	background-image: url("images/commons-feature-img-2-1.png?v=2.0.3");
	min-height: 340px;
}

.commons-feature .commons-feature-img.commons-feature-img-2 ul li.commons-feature-img-1-2{
	background-image: url("images/commons-feature-img-2-2.png?v=2.0.3");
}

.commons-feature .commons-feature-img.commons-feature-img-2 ul li.commons-feature-img-1-3{
	background-image: url("images/commons-feature-img-2-3.png?v=2.0.3");
}

.commons-feature .commons-feature-img.commons-feature-img-2 ul li div{
	width: 90%;
	margin: 0 auto;
	margin-top: 210px;
}

.commons-feature .commons-feature-img.commons-feature-img-2 ul li div span{
	width: 100%;
	display: block;
	margin: 25px 0px;
	line-height: 28px;
}

.commons-feature .commons-feature-img.commons-feature-img-2 ul li div span.font-14{
	line-height: 20px;
}

.commons-feature.commons-feature-3{
	padding: 50px 0px 0px 0px;
}

.commons-feature .commons-feature-img.commons-feature-img-3 ul li {background:none;}

.commons-feature .commons-feature-img.commons-feature-img-3 ul li div{
	width: 90%;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 195px;
	background-position: top center;
	background-repeat: no-repeat;
}

.commons-feature .commons-feature-img.commons-feature-img-3 ul li div{
	background-image: url("images/commons_feature_ex_1.png?v=2.0.3");background-size: contain;
}

.commons-feature .commons-feature-img.commons-feature-img-3 ul li.commons-feature-img-1-2 div{
	background-image: url("images/commons_feature_ex_2.png?v=2.0.3");
}

.commons-feature .commons-feature-img.commons-feature-img-3 ul li.commons-feature-img-1-3 div{
	background-image: url("images/commons_feature_ex_3.png?v=2.0.3");	
}

.commons-feature .commons-feature-img.commons-feature-img-3 ul li div span.font-normal{
	padding: 13px 20px;
	text-align: left;
	background: #f5f5f5;
}
.commons-feature .commons-feature-img.commons-feature-img-3 ul li div span.font-normal.font-18{
	background: #2c2e32;
}

.commons-feature .commons-feature-img.commons-feature-img-3 ul li div span.font-normal.font-14{
	border: 1px solid #e9e9e9;
	border-top-style: none;
}

footer.site-footer.login{
	border: 0px solid #fff;
	background: #2c2e32;
	height: auto;
	padding: 7px 0px;
	margin: 0px;
	float: left;
	width: 100%;
}

footer.site-footer.login span{
	text-align: center;
	width: 100%;
	display: block;
}

#login .login-bottom-logo{
	width: 100%;
	height: 50px;
	float: left;
}

#login .login-bottom-logo span{
	display: block;
    text-align: center;
}

/**
 * 5.0 Media Queries
 */

@media screen and (max-width: 1200px) {
	.commons-feature .commons-feature-img ul{
		width: 95%;
		background: none;
		padding: 0px;
	}
	
	.commons-feature .commons-feature-img ul li{
		width: 320px;
		background-size: contain;
	}	
	
	.commons-feature .commons-feature-img.commons-feature-img-2 ul li div{margin-top:200px;width:100%;}
	.commons-feature .commons-feature-img.commons-feature-img-2 ul li div span{padding: 0px 5px;}
	
	.commons-feature .commons-feature-img.commons-feature-img-3 ul li div{padding-top: 120px;}
	.commons-feature .commons-feature-img.commons-feature-img-3 ul li div span.font-normal{padding: 13px 10px;}
}

@media screen and (max-width: 760px) {
	.commons-feature .commons-feature-img ul{
		width: 80%;
		background: none;
		padding: 0px;
	}
	
	.commons-feature .commons-feature-img ul li{
		width: 100%; background-size: contain;
	}
	
	.commons-feature .commons-feature-img.commons-feature-img-3 ul li{width: 450px;}
	
	.menu-main-container ul{border-right: 1px solid #0e498b;}
	
	.menu-main-container li,
	.menu-main-container li a {		
		width: 50px;
		font-size: 12px;
		background: #1056a3;
		color: #b8cde4;
		border-style: none;
		padding: 0px;
	}
	
	.menu-main-container li a i{
		display: block;
		margin: 0 auto;
		width: 20px;
		height: 20px;
		background: url("images/icons_mobile.png?v=2.0.3") -20px 0px;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.menu-main-container li.menu-item-contents a i{background-position: -20px -20px;}
	
	.menu-main-container li.current-menu-item a i{background-position: 0px 0px}
	.menu-main-container li.menu-item-contents.current-menu-item a i{background-position: 0px -20px}
		
	.menu-main-container li a{border-right: 1px solid #1056a3;}
	.menu-main-container li.current-menu-item a{background: #1e75d6;border-color:#408adc;border-left: 1px solid #408adc;}

	.menu-main-container .xn-menu-prefix {
		display: none;
	}
	
	#xn-site-header-menu,
	.xn-service-top-menu .dropdown .btn,
	.menu-main-container li a:hover {
		background: #1056a3;
		color: #b8cde4;
	}
	
	.xn-service-top-menu .dropdown .btn{
		border-color: #1056a3;
		color: #b8cde4 !important;
		border-radius: 2px;
	}
	
	.xn-service-top-menu .dropdown.open .btn {
		color: #333 !important;
		background: #fff;
		border-color: #0e498b;
		box-shadow: inset 0px 0px 0px #888;
	}

	.site-footer {
		height: 0px;
	}

	.xn-service-top-menu {
		height: 40px;
		border-color: #1e75d6;
	}

	.xn-service-top-menu .service_logo {
		margin-top: 6px;
		margin-left: 10px;
	}

	.xn-service-top-menu .service_logo img {
		width: 80%;
		height: 80%;
	}
	
	.xn-service-top-menu .dropdown {
		margin: 10px 5px 0px 0px;
	}
}
@media screen and (max-width: 480px) {
	.login-container{padding:0px;}
	.commons-triangle-bg{background:none;height:30px;}
	.commons-feature .commons-feature-img.commons-feature-img-2{background:none;padding:0px;}
	.commons-feature .commons-feature-img ul {width:95%;}
	.commons-feature .commons-feature-img ul li {width: 100% !important; height: 300px !important; margin: 10px 0px;}
	.commons-feature .commons-feature-img.commons-feature-img-2 ul li div{margin-top:170px;width:90%;}
	.commons-feature .commons-feature-img.commons-feature-img-2 ul li div span{margin: 5px 0px;}
	#page .font-normal.font-28{font-size:22px;font-weight:bold;}
	#page .font-normal.font-22{font-size:20px;}
}

/**
 * 6.0 403 / 404 not found page
 *
 * 페이지없음, 응답없음 스타일 지정
 * -----------------------------------------------------------------------------
*/

body.error404 #content,
body.e403 #content{
	position: absolute;
	text-align: center;
	width: 620px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	margin-left: -310px;
	margin-top: -200px;
	padding: 50px 0px 60px 0px;
}

body.error404 #content h2,
body.e403 #content h2{
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	background: url("images/notfoundpage-icon.png?v=2.0.3")no-repeat top center;
	padding: 120px 0px 0px 0px;
}

body.error404 #content span,
body.e403 #content span{
	line-height: 18px;
	margin-bottom: 25px;
}

body.error404 #content h2,
body.error404 #content span,
body.e403 #content h2,
body.e403 #content span{
	display: block;
	width: 100%;
}


/*
 ** Language images
*/

body.en .commons-feature .commons-feature-img.commons-feature-img-1 ul li{
	background-image: url("images/commons-feature-img-1-1-en.png?v=2.0.3");
}

body.en .commons-feature .commons-feature-img.commons-feature-img-1 ul li.commons-feature-img-1-2{
	background-image: url("images/commons-feature-img-1-2-en.png?v=2.0.3");
}

body.en .commons-feature .commons-feature-img.commons-feature-img-1 ul li.commons-feature-img-1-3{
	background-image: url("images/commons-feature-img-1-3-en.png?v=2.0.3");
}

body.en .commons-feature .commons-feature-img.commons-feature-img-2 {
    background-image: url("images/commons_feature_social-en.png?v=2.0.3");
}

body.ja .commons-feature .commons-feature-img.commons-feature-img-1 ul li{
	background-image: url("images/commons-feature-img-1-1-ja.png?v=2.0.3");
}

body.ja .commons-feature .commons-feature-img.commons-feature-img-1 ul li.commons-feature-img-1-2{
	background-image: url("images/commons-feature-img-1-2-ja.png?v=2.0.3");
}

body.ja .commons-feature .commons-feature-img.commons-feature-img-1 ul li.commons-feature-img-1-3{
	background-image: url("images/commons-feature-img-1-3-ja.png?v=2.0.3");
}

body.ja .commons-feature .commons-feature-img.commons-feature-img-2 {
    background-image: url("images/commons_feature_social-ja.png?v=2.0.3");
}

/**
 * 7.0 Bootstrap - modal
 *
 * Bootstrap 모달 창 센터 정렬
 * -----------------------------------------------------------------------------
*/

.modal {
	text-align: center;
}

@media screen and (min-width: 768px) { 
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

/**
 * Toastr
 */
.toast-top-center {
	top: 12px !important;
}