/* ---------------------------------------------- /*
 * Reset
/* ---------------------------------------------- */


@charset "utf-8";
@import "http://fonts.googleapis.com/earlyaccess/notosanskr.css";


body{overflow-x:hidden}
html{font-size:100.01%}
body{
margin:0;
padding:0;
color:#000;
min-width:320px;
font-family:'Noto Sans KR',Malgun Gothic,malgun gothic,"Arial","Tahoma" 'Dotum','Gulim','serif';
font-size:13px;
font-weight:400;
text-align:left;
line-height:1em;
-webkit-font-smoothing:antialiased;
font-family:'Noto Sans KR'
}

*{box-sizing:border-box !important; line-height:140% }

/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;

	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust:none;
	border:0;
}
em,address{font-style:normal;}
hr{display:none}
body{line-height:1.2em;word-break: break-all;}
ol, ul{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input[type="checkbox" ] {
    margin: 0px 8px 0px 0px;
}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}

html, body,input,button{font-size:12px; color:#333;}

a {color:#666; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
img,input{vertical-align:middle;}
label{vertical-align:middle; font-size:14px; cursor:pointer; font-weight:300}
select {height:24px; margin:0; border: 1px solid #dcdcdc; padding:0; font-size:13px; vertical-align:middle; color:#777777;}
textarea {border:1px solid #6e8aa0; color:#626262; font-size:13px; line-height:18px; padding:5px; overflow-y:auto; resize:none;}
input[type='tel'],
input[type='text'],
input[type='password'],
input[type='name'],
input[type='search'] {height:28px; font-size:12px; margin:0; border:1px solid #6e8aa0; color:#626262; padding:0px 5px; vertical-align: middle; min-width:85px;}
input[type='textarea'] {font-size:13px; margin:0; border:1px solid #6e8aa0; color:#626262; padding:0px 5px; vertical-align: middle;}
input[type='checkbox'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; -webkit-appearance:none; -webkit-border-radius:3px; padding:0; border:0 \0/IE8+9; margin-top:0; margin-top:2px \0/IE8+9;}
input[type='checkbox']:checked {background:#fff; border:solid 1px #c9c9c9; border:0 \0/IE8+9;}
input[type='checkbox']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:0px;} 
input[type='radio'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; -webkit-appearance:none; -webkit-border-radius:10px; padding:0; border:0 \0/IE8+9; margin-top:0; margin-top:2px \0/IE8+9;}
input[type='radio']:checked {background:#fff; border:solid 1px #c9c9c9; border:0 \0/IE8+9;} 
input[type='radio']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:5px;} 
select {height:28px; font-size:13px; margin:0; border:1px solid #6e8aa0; color:#626262; padding-left:5px; vertical-align: middle; min-width:85px;}


/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block; height:auto;}


user agent stylesheetul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}

button{border:none;background:transparent;cursor:pointer;overflow: visible;outline:none;outline:none;}
button span,button img{position:relative;}

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

.pb15{padding-bottom:15px;}

#naver_dic_audio_controller {display:none;}


::selection {background:#fff313; color:#333; text-shadow:none;}
::-moz-selection {background:#fff313; color:#333; text-shadow:none;}
::-webkit-selection {background:#fff313; color:#333; text-shadow:none;}

 



#wrapper {width:100%; overflow:hidden; position:relative;}
.container {width:940px; height:100%; margin:0 auto; position:relative;}
#loginContArea {
    width: 940px;
    margin: 0 auto;
    border: 1px solid #e8e8e8;
    background: #fff;
}

/* GNB */
#gnb {position:fixed; top:0; left:0; width:100%; z-index:999; height:108px; background-image:url('/html/img/common/top_Bg.png'); background-repeat:repeat-x;}

#gnbTop {height:36px; position:relative;}
#gnbRight {position:absolute; top:0; right:0; display:block; height:36px;}
#gnbRight li {display:inline-block; float:left; color:#8b909b; letter-spacing:-0.075em;; position:relative;padding:8px 14px;}
#gnbRight li a {display:block; height:18px; line-height:18px; color:#8b909b; letter-spacing:-0.075em;  font-family:'dotum'; font-size:11px;}
#gnbRight li a.login_btn {border:1px solid #dddddd;padding:0px 7px;}
#gnbRight li .gnbLine {position:absolute; display:block; width:1px; height:7px; right:0; top:50%; margin-top:-4px; background:#dbdfe7;}
#gnbRight li.last{padding-right:0px;}
#gnbLogo {position:absolute; top:27px; left:0; display:block; width:192px; height:54px; background:url("/images/gojeon_logo.png") center center no-repeat;}
#gnbLogo h1 {line-height:92px; text-indent:-9999px; }
#gnbMenu {position:absolute; top:36px; right:0; height:85px;}
#gnbMenu > ul {display:block; height:73px;}
#gnbMenu > ul > li {float:left; position:relative; padding:24px 0; display:inline-block; height:85px;}
#gnbMenu > ul > li > a {display:block; padding:0 20px; height:25px; color:#150b13; font-size:14px; letter-spacing:-0.075em; font-weight:400;}
#gnbMenu > ul > li > a:hover {color:#529533;}
#gnbMenu > ul > li:last-child > a {padding:2px 0px 5px 20px !important;}
#gnbMenu > ul > li > ul {position:absolute; left:15px; top:50px; display:none; z-index:999; line-height:normal; border-bottom:1px solid #595959; width:164px; background:#fff; padding-top:16px; padding-bottom:10px; border-top:2px solid #595959}
#gnbMenu > ul > li > ul > li a {display:block; padding:6px 16px;line-height:normal; font-size:13px; color:#150b13 !important; letter-spacing:-0.045em; width:100%;}
#gnbMenu > ul > li > ul > li a:hover{color:#529533 !important;}

#footer{width:100%; background:#191919; position:relative;}
.footerTop ul li {display:inline-block;margin-right:25px;}
.footerTop ul li a {color:#aaa; padding:15px 0px; display:block; font-family:"Dotum"; font-size:11px;letter-spacing:-0.025em;}
.footerTop {border-bottom:1px solid #575a64; margin-bottom:40px;}
.footerAdress{padding-bottom:40px; color:#666; padding-left:237px; position:relative;}
.footerAdress span{position:absolute; padding-right:30px; top:0px; left:0}


.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

.clear{clear:both;}



.m0 {margin: 0 !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m30 {margin: 30px !important;}
.m40 {margin: 40px !important;}
.m50 {margin: 50px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}

.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.p0 {padding: 0 !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
.p40 {padding: 40px !important;}
.p50 {padding: 50px !important;}
.pb0 {padding-bottom: 0px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb140 {padding-bottom: 140px !important;}
.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt70 {padding-top: 70px !important;}
.pt300 {padding-top: 300px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}
.pr0 {padding-right: 0px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}


#rightQuick {position:absolute; top:200px; left:50%; width:80px; z-index:10; margin-left:510px;}
.rightAward {margin-bottom:0px; display:none}
.rightMenu {border:solid 1px #ddd; border-bottom:none;}
.rightMenu li {display:block; border-bottom:solid 1px #ddd;position:relative}
.rightMenu li a {display:block; overflow:hidden;}
.rightMenu li a img {display:block;}
.rightFamilyTitle {position:relative; margin-top:10px;}
.rightFamilyArrow {position:absolute; bottom:-6px; left:50%; margin-left:-6px;}
.rightFamily {border:solid 1px #ddd; border-bottom:none;}
.rightFamily li {display:block; border-bottom:solid 1px #ddd;}
.rightFamily li a {display:block; height:31px; text-indent:-9999px;}
.balloon{position:absolute; top:-5px; right:-5px;}