@charset 'utf-8';

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address, em, img,
strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, footer, header, hgroup, menu, nav, section,
audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle; background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {
	line-height:1.5; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}
span, strong {vertical-align:baseline;}
nav, ul {list-style:none;}
body, input, button, textarea, table {
	font-family:sans-serif, dotum, '돋움';
	font-size:12px; font-weight:normal;
	color:#6d7278;
}
input, textarea, select {font-family:inherit; font-size:inherit; vertical-align:middle;}
textarea {resize:vertical; overflow:auto;}
fieldset {border:0 none;}
legend {visibility:hidden; height:0; font:0/0 a;}
legend, {margin-left:-7px;}
input, textarea, select, {font-size:100%;}
caption {visibility:hidden; height:0; font:0/0 a;}
a {color:#444; margin:0; padding:0; font-size:100%; text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}
img {-ms-interpolation:bicubic;}
button, input[type="reset"], input[type="submit"] {
	-webkit-appearance:button; cursor:pointer; *overflow:visible; vertical-align:baseline;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box; padding:0; *width:13px; *height:13px; margin:0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border:0; padding:0; margin:0;
}


/* default hover effect */
a {transition:background-color .25s, position .25s, color .15s;}

.ga-clr:after {content:''; clear:both; display:block; height:0;}

/* ie 8 radius */
.radius {position:relative;}

/* placeholder */
label.placeholder {color:#a0a0a0;}
label.placeholder.focus {color:#2b323b;}

.placeholder::-webkit-input-placeholder {color:#a0a0a0;}
.placeholder::-moz-placeholder {color:#a0a0a0;}
.placeholder:-ms-input-placeholder {color:#a0a0a0;}

.placeholder:focus::-webkit-input-placeholder {color:#2b323b;}
.placeholder:focus::-moz-placeholder {color:#2b323b;}
.placeholder:focus:-ms-input-placeholder {color:#2b323b;}

/* form */
input.radio, input.checkbox {opacity:0; position:relative; left:1px;}
input.radio + label {margin-left:-16px;}
input.checkbox + label {margin-left:-16px;}

input.radio + label:before,
input.checkbox + label:before {
	content:''; display:inline-block; height:23px; margin-right:5px; vertical-align:middle;
	background-repeat:no-repeat; background-size:cover;
}
input.radio + label:before {
	background-image:url('//image.genie.co.kr/imageg/app/common/radio_1.png');
}
input.checkbox + label:before {
	background-image:url('//image.genie.co.kr/imageg/app/common/check_1.png');
}
input.radio + label:before {width:23px; background-position:0 0;}
input.radio:checked + label:before {background-position:50% 0;}
input.checkbox + label:before {width:23px; background-position:0 0;}
input.checkbox:checked + label:before {background-position:50% 0;}




input.ipt {
	padding:0 10px; height:29px; border-radius:2px; line-height:29px;
	background-color:#fff; border-width:1px; border-style:solid; border-color:#6d7278; font-size:11px;
}
input.ipt:focus {}
textarea.ipt {
	padding:3px 10px 4px; border-radius:2px; line-height:15px;
	background-color:#fff; border-width:1px; border-style:solid; border-color:#6d7278;
}
textarea.ipt:focus {border-color:#6bced4;}


/* tab */
.ga-tab {margin:8px 15px 0;}
.ga-tab li {float:left; height:33px; padding:1px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	background: -moz-linear-gradient(top, #7a8088 0%, #5c626a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a8088), color-stop(100%,#5c626a));
	background: -webkit-linear-gradient(top, #7a8088 0%,#5c626a 100%);
	background: -o-linear-gradient(top, #7a8088 0%,#5c626a 100%);
	background: -ms-linear-gradient(top, #7a8088 0%,#5c626a 100%);
	background: linear-gradient(to bottom, #7a8088 0%,#5c626a 100%);
}
.ga-tab li a {display:block; line-height:31px; font-size:11px; color:#fff; text-align:center; 
	background: -moz-linear-gradient(top, #6a6f75 0%, #585e66 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6f75), color-stop(100%,#585e66));
	background: -webkit-linear-gradient(top, #6a6f75 0%,#585e66 100%);
	background: -o-linear-gradient(top, #6a6f75 0%,#585e66 100%);
	background: -ms-linear-gradient(top, #6a6f75 0%,#585e66 100%);
	background: linear-gradient(to bottom, #6a6f75 0%,#585e66 100%);
}
.ga-tab li.current {
	background: -moz-linear-gradient(top, #2d3237 0%, #3b4045 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d3237), color-stop(100%,#3b4045));
	background: -webkit-linear-gradient(top, #2d3237 0%,#3b4045 100%);
	background: -o-linear-gradient(top, #2d3237 0%,#3b4045 100%);
	background: -ms-linear-gradient(top, #2d3237 0%,#3b4045 100%);
	background: linear-gradient(to bottom, #2d3237 0%,#3b4045 100%);
}
.ga-tab li.current a {color:#6bced4;
	background: -moz-linear-gradient(top, #2d3237 0%, #41474d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d3237), color-stop(100%,#41474d));
	background: -webkit-linear-gradient(top, #2d3237 0%,#41474d 100%);
	background: -o-linear-gradient(top, #2d3237 0%,#41474d 100%);
	background: -ms-linear-gradient(top, #2d3237 0%,#41474d 100%);
	background: linear-gradient(to bottom, #2d3237 0%,#41474d 100%);
}
.ga-tab li:first-child {border-top-left-radius:2px; border-bottom-left-radius:2px;}
.ga-tab li:first-child a {border-top-left-radius:2px; border-bottom-left-radius:2px;}
.ga-tab li:last-child {border-top-right-radius:2px; border-bottom-right-radius:2px;}
.ga-tab li:last-child a {border-top-right-radius:2px; border-bottom-right-radius:2px;}

.ga-tab.i-2 li {width:50%;}





/* buttons */
.conf-btn {display:inline-block; min-width:148px; border:1px solid #c0c0c0; border-radius:4px; color:#6d7278; font-size:10px; line-height:29px; text-align:center; vertical-align:middle;}
.conf-btn {
	background:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:-o-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:-ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
}
.conf-btn.btn-blue {border:1px solid #4a8691; color:#ffffff;}
.conf-btn.btn-blue {
	background:-moz-linear-gradient(top, #75cfd6 0%, #67b6c2 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#75cfd6), color-stop(100%,#67b6c2));
	background:-webkit-linear-gradient(top, #75cfd6 0%,#67b6c2 100%);
	background:-o-linear-gradient(top, #75cfd6 0%,#67b6c2 100%);
	background:-ms-linear-gradient(top, #75cfd6 0%,#67b6c2 100%);
	background:linear-gradient(to bottom, #75cfd6 0%,#67b6c2 100%);
}

.def-btn {display:inline-block; min-width:138px; height:33px; margin:0 3px; border-radius:2px; font-size:11px; font-weight:bold; line-height:33px;}
.def-btn {border:1px solid #c0c0c0; color:#6d7278;}
.def-btn {
	background:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:-o-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:-ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
}
.def-btn.btn-blue {border:1px solid #65b2bf; background-color:#65b2bf; color:#fff;}
.def-btn.btn-blue {
	background:-moz-linear-gradient(top, #77d3d9 0%, #65b2bf 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#77d3d9), color-stop(100%,#65b2bf));
	background:-webkit-linear-gradient(top, #77d3d9 0%,#65b2bf 100%);
	background:-o-linear-gradient(top, #77d3d9 0%,#65b2bf 100%);
	background:-ms-linear-gradient(top, #77d3d9 0%,#65b2bf 100%);
	background:linear-gradient(to bottom, #77d3d9 0%,#65b2bf 100%);
}


.header {height:50px; background-color:#6d7278; color:#6bced4; font-size:18px; text-shadow:0 -1px #454b54; line-height:50px; text-align:center;}
.header {
	-webkit-box-shadow:inset 0 1px #2b323b;
	-moz-box-shadow:inset 0 1px #2b323b;
	box-shadow:inset 0 1px #2b323b;
	background-image:-webkit-linear-gradient(bottom, #454b54, #6d7278);
	background-image:-moz-linear-gradient(bottom, #454b54, #6d7278);
	background-image:-o-linear-gradient(bottom, #454b54, #6d7278);
	background-image:-ms-linear-gradient(bottom, #454b54, #6d7278);
	background-image:linear-gradient(to top, #454b54, #6d7278);
}


.login {position:relative; width:240px; margin:0 auto; padding:24px 0 0;}
.login h2 {color:#454b54; font-size:14px;}
.login .form {margin:6px 0 0;}
.login .form input {display:block; width:220px; height:28px; margin:0 0 10px; padding:0 9px; border:solid 1px #a2a2a2; color:#a0a0a0; font-size:14px;}
.login .form input {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.login .form a.btn_login {display:block; width:238px; height:38px; border:1px solid #6d7278; background-color:#6d7278; color:#fff; font-size:14px; line-height:38px; text-shadow:0 1px rgba(0,0,0,.15); text-align:center;}
.login .form a.btn_login {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background-image:-webkit-linear-gradient(bottom, #454b54, #6d7278);
	background-image:-moz-linear-gradient(bottom, #454b54, #6d7278);
	background-image:-o-linear-gradient(bottom, #454b54, #6d7278);
	background-image:-ms-linear-gradient(bottom, #454b54, #6d7278);
	background-image:linear-gradient(to top, #454b54, #6d7278);
}
.login .form a.btn_login:focus,
.login .form a.btn_login:hover {
	text-shadow: 0 1px rgba(0,0,0,.15);
	background-image: -webkit-linear-gradient(bottom, #363e46, #454b54);
	background-image: -moz-linear-gradient(bottom, #363e46, #454b54);
	background-image: -o-linear-gradient(bottom, #363e46, #454b54);
	background-image: -ms-linear-gradient(bottom, #363e46, #454b54);
	background-image: linear-gradient(to top, #363e46, #454b54);
}
.login .form .keyboard {position:absolute; top:28px; right:0;}

.login .form .keyboard a {display:block; padding:0 15px 0 0; color:#454b54; font-size:10px;}
.login .form .keyboard a.on {background:url('//image.genie.co.kr/imageg/app/common/keyboard_on.png') 100% 50% no-repeat;background-size:10px 6px;}
.login .form .keyboard a.off {background:url('//image.genie.co.kr/imageg/app/common/keyboard_off.png') 100% 50% no-repeat;background-size:10px 6px;}

.login ul {margin:9px 0 0;}
	.login ul:after {content:''; clear:both; display:block; height:0;}
	.login ul, {display:inline-block;}
.login ul li {float:left; height:19px; margin:0; color:#454b54; font-size:12px;}
.login ul li:first-child {width:125px;}
.login ul li input.checkbox + label:before {margin-top:-3px; margin-left:3px;}
.login p {margin:5px 0 0; color:#a0a0a0; font-size:10px;}
.login .button {margin:17px 0 0;}
	.login .button:after {content:''; clear:both; display:block; height:0;}
	.login .button, {display:inline-block;}
.login .button a {float:left; width:113px; height:33px; border:1px solid #a0a0a0; color:#6d7278; font-size:12px; text-shadow:0 1px #fff; line-height:33px; text-align:center;}
.login .button a {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background-color:#fff;
	background-image:-webkit-linear-gradient(bottom, #efefef, #fff);
	background-image:-moz-linear-gradient(bottom, #efefef, #fff);
	background-image:-o-linear-gradient(bottom, #efefef, #fff);
	background-image:-ms-linear-gradient(bottom, #efefef, #fff);
	background-image:linear-gradient(to top, #efefef, #fff);
}
.login .button a:focus,
.login .button a:hover {
	background-image: -webkit-linear-gradient(bottom, #dbdbdb, #efefef);
	background-image: -moz-linear-gradient(bottom, #dbdbdb, #efefef);
	background-image: -o-linear-gradient(bottom, #dbdbdb, #efefef);
	background-image: -ms-linear-gradient(bottom, #dbdbdb, #efefef);
	background-image: linear-gradient(to top, #dbdbdb, #efefef);
}
.login .button a:first-child {margin:0 10px 0 0;}
.login_sns {margin:20px 0 0; padding:18px 0; border-top:1px solid #dbdbdb;}
.login_sns h2 {width:240px; margin:0 auto; color:#454b54; font-size:14px;}
.login_sns ul {width:240px; margin:4px auto 0;}
.login_sns ul li {display:block; position:relative; width:240px; height:40px; margin:0 0 10px; line-height:40px;}
.login_sns ul li a {display:block; height:40px;}
.login_sns ul li a span {display:none;}
.login_sns ul li.facebook_logout {background-image:url('//image.genie.co.kr/imageg/app/common/facebook_logout.png');background-size:240px 40px;}
.login_sns ul li.facebook_logout a,
.login_sns ul li.twitter_logout a {width:175px; padding:0 0 0 65px; color:#fff; font-size:15px; text-shadow:0 1px rgba(40,59,102,.5);}
.login_sns ul li.facebook_login {background-image:url('//image.genie.co.kr/imageg/app/common/facebook_login.png'); background-size:240px 40px;}
.login_sns ul li.facebook_login a,
.login_sns ul li.twitter_login a {width:135px; padding:0 0 0 65px; color:#454b54; font-size:14px;}
.login_sns ul li.twitter_logout {background-image:url('//image.genie.co.kr/imageg/app/common/twitter_logout.png'); background-size:240px 40px;}
.login_sns ul li.twitter_login {background-image:url('//image.genie.co.kr/imageg/app/common/twitter_login.png'); background-size:240px 40px;}
.login_sns ul li a.delete {position:absolute; top:0; right:0; width:40px; padding:0; background-image:url('//image.genie.co.kr/imageg/app/common/btn_delete.png'); background-size:40px 40px; font:0/0 a;}

/* 지니 소개 */
.serviceUse {overflow-x:hidden;}
.serviceUse .title {position:relative;height:305px; background:#212339;}
.serviceUse .title p {position:absolute;top:0;left:50%;width:600px;height:305px;margin-left:-300px;background:url('//image.genie.co.kr/imageg/app/introduce/serviceUse_title_bg.jpg') no-repeat 0 0;background-size:100% 100%;text-align:center;}
.serviceUse .title p img {width:320px;}
.serviceUse ul li {text-align:center;}
.serviceUse ul li img {width:320px;}
.serviceUse ul li.txt01 {background:url('//image.genie.co.kr/imageg/app/introduce/serviceUse_img01_bg.gif') repeat-x 0 0;background-size:100% 100%;}
.serviceUse ul li.txt02 {background:url('//image.genie.co.kr/imageg/app/introduce/serviceUse_img02_bg.gif') repeat-x 0 0;background-size:100% 100%;}
.serviceUse ul li.txt03 {background:url('//image.genie.co.kr/imageg/app/introduce/serviceUse_img03_bg.gif') repeat-x 0 0;background-size:100% 100%;}
.serviceUse ul li.txt04 {background:url('//image.genie.co.kr/imageg/app/introduce/serviceUse_img04_bg.gif') repeat-x 0 0;background-size:100% 100%;}
.serviceUse ul li.txt05 {background:url('//image.genie.co.kr/imageg/app/introduce/serviceUse_img05_bg.gif') repeat-x 0 0;background-size:100% 100%;}