@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(//fonts.googleapis.com/css?family=Lato);

html, body	{height: 100%; width: 100%;}
body{
	margin: 0;
	background-color: #ffffff;
	font:12px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Gulim, "굴림", Dotum, "돋움", Verdana, Arial, "Trebuchet MS";
	color: #333;
	 -webkit-font-smoothing: subpixel-antialiased !important;
}

a	{outline: none; color: #333;text-decoration:none;}
a:hover	{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none;}

ul, ol, dl, dd, dt	{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, p, figure	{margin:0; padding:0;}
img	{border:none;}
button,
input[type=button]	{background: none; border: none; cursor: pointer; padding: 0; margin: 0;-webkit-font-smoothing: subpixel-antialiased !important;}
input, textarea, button, select	{font:12px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Gulim, "굴림", Dotum, "돋움", Verdana, Arial, "Trebuchet MS"; outline: none;}
table	{font:12px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Gulim, "굴림", Dotum, "돋움", Verdana, Arial, "Trebuchet MS";}
button:active	{margin: 0;}
button:active span, button:focus span {position:relative; top: 0; left: 0;}

textarea	{line-height: 160%; font-size: 12px;}
h1.hide	{display: none;}
.hide	{display: none;}
.num	{font: 11px 'Lato', sans-serif;}
.placeholder {color: #aaa;}
#wrapper .c_box_link	{display: block; padding: 12px; margin-bottom: 15px; background-color: #FFF; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 160%;}
#wrapper .c_box_link:hover	{color: #FFF;}
pre	{border: 1px solid #DDD; background: #FFF url(../images/bg_pre.png); padding: 10px;}
@-moz-document url-prefix() {
button::-moz-focus-inner	{margin: -1px -3px;}
}

/* xe */
#popup_menu_area	{outline: none;}

/* new icon addon */
.addon_menu_new	{vertical-align: middle; line-height: 14px; margin-left: 3px !important;}

/* layout */
.container	{min-height: 100%; position: relative; padding-bottom: 140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header,
nav.narrow,
.wrapper,
.footer	{margin: 0 auto;}
.wrapper	{padding-top: 30px;}
.sidebar	{box-sizing: border-box;}
.sidebar.left	{float: left;}
.sidebar.right	{float: right;}
.content	{float: right;}
.content.left	{float: left;}
.footer_wrap	{position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 0;}

.bg_dummy	{position: absolute; top:0; left:0; width: 100%; z-index: 10;}
.header,
nav	{position: relative; z-index: 30;}
.wrapper	{position: relative; z-index: 25;}

/* bt style */
#wrapper .bt_basic	{display: inline-block; padding: 7px 10px; font-size: 11px; line-height: 11px; vertical-align: middle;}
#wrapper .bt_submit	{color: #FFF; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
#wrapper .bt_cancel	{padding: 6px 9px ;background-color: #f7f7f7; border: 1px solid #DDD; color: #999;}
#wrapper .bt_cancel:hover	{border: 1px solid #CCC; color: #666;}
#wrapper .bt_extra	{padding: 6px 9px ;background-color: transparent; border: 1px solid #DDD; color: #BBB;}
#wrapper .bt_extra:hover	{border: 1px solid #CCC; color: #999;}


/* header */
.header_wrap	{background-color: #FFF;}
.header	{position: relative; padding: 20px 0; width: 1000px; vertical-align: middle; text-align: right;}
.h1_mid	{float: left;}
.h1_mid>div		{display: table-cell; vertical-align: middle;}
.h1_top	{position: absolute; left: 0; top: 0;}
.h1_bottom	{position: absolute; left: 0; bottom: 0; font-size: 0;}
.h1_bottom span	{font-size: 18px;}
.h1_mid span,
.h1_mid img	{vertical-align: middle;}
#top_menu	{float: right;}
#top_menu ul	{display: table-cell; vertical-align: middle;}
#top_menu li	{display: inline-block; position: relative; margin-left: 15px; vertical-align: middle;}
.global_search_mid	{position: absolute; left: 50%; margin-left: -126px;}
.global_search_mid form	{display: table-cell; vertical-align: middle;}
.global_search_mid input	{padding: 0 10px; width: 180px; height: 25px; line-height: 25px; vertical-align: middle;}
.global_search_mid button	{display: inline-block; padding: 0 10px; height: 31px; line-height: 31px; color: #FFF; vertical-align: middle;}
.search_dummy	{position: absolute; left:0; top: 0; background-color: #FFF; opacity: 0.8; z-index: 50;}
.global_search_top	{display: none;}

/* nav */
#gnb	{text-align: center; font-size: 0;}
#gnb.fixed	{position: fixed; top: 0; width: 100%; z-index: 190; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;}
#gnb a	{display: block; font-size: 12px;}
#gnb button	{display: block;}
#gnb li	{display: inline-block; position: relative;}
#gnb.narrow_space li,
#gnb.narrow_space>ul>li>ul,
.gnb_dummy.narrow_space>ul>li a	{width: 100px;} 
#gnb li.bt_img	{position: relative; width: 50px; height: 33px;}
#gnb li.bt_img a,
#gnb li.bt_img button	{padding: 0; height: 33px; width: 50px; text-indent: -9999px;}
#gnb li.bt_img a.bt_home	{background: url(../images/icn_home.png) no-repeat center center;}

#gnb.no_line>ul>li	{border-left: none; margin-left: 1px;}
#gnb.no_line>ul>li:last-child	{border-right: none; margin-right: 1px;}

.bt_show_gnb	{position: relative; z-index: 20; cursor: pointer;}
.bt_show_gnb span	{display: block; position: absolute; left: 13px; width: 23px; height: 3px; background-color: #FFF; opacity: 0.8; z-index: 10; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;}
.bt_show_gnb span:nth-child(1)	{top: 9px;}
.bt_show_gnb span:nth-child(2),
.bt_show_gnb span:nth-child(3)	{top: 15px;}
.bt_show_gnb span:nth-child(4)	{top: 21px;}

.bt_show_gnb.open span:nth-child(1) {width: 0%; left: 50%;}
.bt_show_gnb.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
.bt_show_gnb.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.bt_show_gnb.open span:nth-child(4) {width: 0%; left: 50%;}

#gnb>ul>li	{vertical-align: top;}
#gnb>ul>li>a	{height: 35px; line-height: 35px; color: #FFF; -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);-webkit-backface-visibility: hidden;}
#gnb>ul>li>ul	{display: none; position: absolute; top: 100%; left: -1px; background-color: #FFF; border-top: none !important; text-align: left;}
#gnb>ul>li>ul>li.active>a,
#gnb>ul>li>ul>li>ul>li.active>a	{font-weight: bold;}
#gnb>ul>li>ul>li a	{padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#gnb>ul>li>ul>li>a.has_child	{background-image: url(../images/icn_menu_arrow.png); background-repeat: no-repeat; background-position: right 7px center;}
#gnb>ul>li>ul li:last-child	{border-bottom: none;}
#gnb>ul>li>ul>li>ul	{display: none; position: absolute; left: 100%; top: -1px; background-color: #FFF;}
#gnb>ul>li>ul>li:hover>ul	{display: block;}

.gnb_dummy	{display: none; position: absolute; width: 100%; text-align: center; background-color: #FFF; z-index: 200;}
.gnb_dummy.fixed	{position: fixed;}
.gnb_dummy>div	{display: inline-block; vertical-align: top;}
.gnb_dummy>div>ul	{padding: 5px 0; border-top: none !important; text-align: left;}
.gnb_dummy>div>ul>li a	{display: block; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1px;}
.gnb_dummy>div>ul>li a:hover	{text-decoration: underline;}
.gnb_dummy>div>ul>li>ul>li>a	{font-size: 11px;}
.gnb_dummy>div>ul>li.active>a,
.gnb_dummy>div>ul>li>ul>li.active>a	{font-weight: bold;}


/* sidebar */
.sidebar	{color: #666;}
.sidebar a	{color: #666;}
.profile	{display: block; width: 40px; height: 40px; background: url(../images/icn_profile.png) no-repeat center center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background-size: 40px 40px;}
.bd .profile	{background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.profile_image	{width: 40px; height: 40px;}
.login_wrap	{padding: 15px;}
.inbox	{margin-bottom: 15px; border: 1px solid #DDD; background-color: #F7FBFF;}
.sb	{display: block; margin-bottom: 5px; width: 100%; overflow: hidden;}

/* sidebar search */
.gs_sidebar	{margin-bottom: 15px; margin-right: -5px; overflow: hidden;}
.in_gs_sidebar	{padding: 0 10px; border: 1px solid #DDD; border-right: none; background-color: #FFF; line-height: 23px; height: 23px; vertical-align: middle; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.in_gs_sidebar:focus	{background-color: #ffffd1;}

/* login form */
.login	{font-size: 11px;}
.login .message	{font-size: 11px; padding: 10px; margin-top: 0 !important;}
.login .message p	{padding: 0; margin: 0 !important;}
.l_login_form	{float: left; margin-bottom: 5px; height: 41px;}
.l_login_form input	{padding: 0 5px; width: 100%; height: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 21px; border: 1px solid #DDD; font-size: 11px;}
.l_login_form input:focus	{background-color: #ffffd1;}
.l_login_form input.in_pass	{border-top: none;}
button.bt_l_login	{display: block; float: left; margin-bottom: 5px; height: 46px; border: 1px solid #DDD; border-left: none; font-size: 11px; color: #555;}
.keep_disc	{display: none; border: 1px solid #DDD; padding: 7px 10px; margin-top: 5px; background-color: #eee; line-height: 140%; color: #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.login ul	{margin-top: 10px;}
.login li	{display: inline-block;}
.login li a	{color: #999;}
.login .line	{margin: 0 5px; color: #DDD;}
.c_check	{clear: both;}
.c_check>input	{display: none;}
.c_check>input + label	{cursor: pointer; color: #999;}
.c_check>input + label span	{ vertical-align: middle;}
.c_check>input:checked + label span	{color: #555;}
.c_check>input + label span.check_dummy	{display: inline-block; margin-right: 5px; width: 14px; height: 14px; border: 1px solid #DDD; background: #FFF url(../images/bg_checkbox.png) no-repeat center top; color: #999;}
.c_check>input:checked + label span.check_dummy	{background-position: center -17px;}


/* logged in */
.logged_in	{position: relative;}
.logged_in .profile	{position: absolute; top: -5px; left: -5px;}
.logged_in p.welcome	{padding: 0 0 15px 45px; margin-right: -1px; line-height: 140%;}
.m_button	{font-size: 11px;}
.m_button li	{float: left;}
.m_button li a	{display: block; padding: 5px 0; margin-right: 1px; margin-top: 1px; background-color: #cbd2ec; color: #FFF; text-align: center; white-space: nowrap;  overflow: hidden;}
.m_button li a:hover	{background-color: #fed2b2;}
.logged_in .bt_logout	{display: block; margin: 1px 1px 5px 0; padding: 5px 0; color: #FFF; text-align: center; font-size: 11px;}
a.nickname	{color: #1d91d4;}

/* point bar */
.l_point	{margin: -5px 0 5px; border-top: 1px dotted #CCC; background-color: #FFF; color: #666; cursor: pointer;}
.point_bar	{height: 10px; border: 1px solid #CCC;}
.point_bar_current	{height: 10px;
	background: repeating-linear-gradient(
		-45deg,
		#1d91d4,
		#1d91d4 5px,
		#62b7e9 5px,
		#62b7e9 10px
	);
}
.show_point	{height: 20px; overflow: hidden;}
.next_point	{position: relative;}
.next_point li	{padding: 0 5px; height: 20px; line-height: 20px;}

/* notify */
.c_notify	{text-align: center; font-size: 11px;}
.bt_notify	{display: inline-block; position: absolute; top: -5px; left: -5px; padding: 3px 6px; background-color: #cc0000; color: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; line-height: 11px;}
.c_notify ul	{line-height: 140%; text-align: left;}
.c_notify li	{padding: 8px 0; border-bottom: 1px dotted #DDD;}
.c_notify li:last-child	{border-bottom: none;}
.c_notify .ago	{color: #BBB;}
.c_notify .more	{display: block; padding-top: 10px; border-top: 1px dotted #DDD;}
button.bt_readall	{margin: 5px 5px 0 0; padding: 3px 6px; border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 11px; color: #999;}
.desc_readall	{display: none; padding: 10px 0; border-bottom: 1px dotted #DDD;}
.desc_readall p	{margin-bottom: 5px;}
#wrapper .desc_readall .bt_submit	{padding: 4px 7px;}
#wrapper .desc_readall .bt_cancel	{padding: 3px 6px;}
.c_n_list	{display: none;}
.msg	{color: #999;}
.msg strong:nth-child(1)	{font-weight: normal; color: #1d91d4}
.msg strong:nth-child(2)	{font-weight: normal; color: #666;}



/* lnb */
.lnb	{}
.lnb h1	{padding: 10px 12px; background-color: #FFF; font: normal 11px 'Jeju Gothic', sans-serif;}
.lnb li a	{display: block; color: #999;}
.lnb>ul>li	{border-top: 1px solid #e5e5e5;}
.lnb>ul>li>a	{padding: 10px 12px;}
.lnb>ul>li>ul	{padding: 5px 0 5px 15px; border-top: 1px solid #e5e5e5;}
.lnb>ul>li>ul>li>a	{padding: 5px 0;}
.lnb>ul>li.active>a,
.lnb>ul>li>ul>li.active>a	{background: url(../images/icn_menu_arrow.png) no-repeat right 10px center; color: #555;}

/* breadcrumbs */
.bc	{margin-bottom: 15px; font-size: 12px;}
.bc a	{color: #999;}
.bc span	{color: #CCC;}
.bc li	{display: inline-block;}
.bc li:last-child a	{color: #555;}

/* footer */
.footer_wrap	{background-color: #4961B8; width:1020px; margin:auto;}
.footer_wrap a	{color: #9EB0C7;}
.footer_wrap a:hover	{color: #DDD;}
.bottom_menu li,
.site_info li	{display: inline-block; margin-left: 15px;}
.bottom_menu li span,
.site_info li span	{margin: 0 8px; color: #4961B8;}
.bottom_menu li:last-child span,
.site_info li:last-child span	{display: none;}
.copyright	{padding-top: 3px; margin-left: 15px; font-size: 12px; color: #5aa2e6;}
.site_info	{margin-top: 10px; font-size: 11px; color: #5aa2e6;}
.site_info:empty	{display: none;}

/* lang */
.lang_area	{position: relative;}
.lang_area>button	{color: #9EB0C7;}
.lang_area>button:hover	{color: #DDD;}
.lang_area ul	{display: none; position: absolute; bottom: 100%; margin-bottom: 5px; background-color: #FFF; border: 1px solid #CCC;}
.lang_area li	{display: block; padding: 5px 10px; border-bottom: 1px dotted #DDD; white-space: nowrap;}
.lang_area li:last-child	{border-bottom: none;}

/* custom check */
input.custom_check	{display: none;}
input.custom_check + label	{cursor: pointer;}
input.custom_check + label span	{display: inline-block; vertical-align: middle; margin-right: 5px; color: #999;}
input.custom_check:checked + label span	{color: #555;}
input.custom_check + label span.check_dummy	{width: 14px; height: 14px; border: 1px solid #DDD; background: #FFF url(../images/bg_checkbox.png) no-repeat center top;}
input.custom_check:checked + label span.check_dummy	{background-position: center -17px;}


/* full clearfix */
/* add to floating elements which shall clear floating after themselves */ 
* html .clearfix {
    height: 1%; /* IE5-6 */
}
*+html .clearfix {
	display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}