@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*
** reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,a,option {font-family:"Nanum Gothic","나눔고딕","dotum","Helvetica","sans-serif";margin:0;padding:0;}
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,a,option {font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';margin:0;padding:0;}*/
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {position:relative;background:#fff;-webkit-text-size-adjust: none}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;color:#333 !important;} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
a:visited { color: #999;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
pre { white-space: pre-wrap;}
/*
** headings
*/
h1, h2, h3, h4, h5, h6 {margin:1em 0 0.5em;line-height:1.25em;}
h1 {font-size:3.5em;}
h2 {font-size:2.5em;}
h3 {font-size:2em;}
h4 {font-size:1.5em;}
h5 {font-size:1.25em;}
h6 {font-size:1em;}
h1 img {margin:0;vertical-align:middle;}


/*
** global class
*/

#daumIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0;} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */

.f_l {float:left !important;}
.f_r {float:right !important;}

.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.show {display:block}
.hide {display:none}

.align_left {text-align:left !important;}
.align_center {text-align:center !important;}
.align_right {text-align:right !important;}


/*
** Layout style
*/
.d_page {position:relative;width:978px;min-width:978px;margin:0 1.5em;clear:both;}
.d_page:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.d_page.type_center {margin:0 auto;}

.d_wrap {display:block;*width:100%;clear:both;}
.d_wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}

.d_flex { display: flex; align-items: center;}
.d_flex .justify_content_between { justify-content: space-between;}

/* foot */
.type_footer {margin-top:2em;padding:3em 1em 4em;border-top:1px solid #bbb;text-align:center;color:#777;}


/*
** grid
*/

.grid_5 {width:5%;}
.grid_10 {width:10%;}
.grid_15 {width:15%;}
.grid_20 {width:20%;}
.grid_25 {width:25%;}
.grid_30 {width:30%;}
.grid_35 {width:35%;}
.grid_40 {width:40%;}
.grid_45 {width:45%;}
.grid_50 {width:50%;}
.grid_55 {width:55%;}
.grid_60 {width:60%;}
.grid_65 {width:65%;}
.grid_70 {width:70%;}
.grid_75 {width:75%;}
.grid_80 {width:80%;}
.grid_85 {width:85%;}
.grid_90 {width:90%;}
.grid_95 {width:95%;}
.grid_100 {width:100%;}

/*
** list
*/

.d_list {margin:1em 0 1.5em 2em;}
.d_list > li {margin:0.5em;}

ul.d_list > li {list-style:disc;}
ol.d_list > li {list-style:decimal;}

.d_list.type_article {margin-left:0;}
.d_list.type_article > li {overflow:hidden;margin:1.5em 0;list-style:none;}
.d_list.type_article > li:last-child {margin-bottom:0;}
.d_list.type_article > li a {color:#333;}
.d_list.type_article > li > .article_thumb {margin-bottom:0.5em;}
.d_list.type_article > li > .article_thumb.f_l {margin-right:1.25em;}
.d_list.type_article > li > .article_thumb.f_r {margin-left:1.25em;}
.d_list.type_article > li > .article_text {overflow:hidden;}
.d_list.type_article > li > .article_text h1,
.d_list.type_article > li > .article_text h2,
.d_list.type_article > li > .article_text h3,
.d_list.type_article > li > .article_text h4,
.d_list.type_article > li > .article_text h5,
.d_list.type_article > li > .article_text h6 {margin-top:0;}
.d_list.type_article > li > .d_list.type_article {margin-left:5em;}


.d_list.type_border > li {padding-bottom:1em;border-bottom:1px solid #ccc;}
.d_list.type_border > li:last-child {border-bottom:none;}


/*
** button
*/

.d_btn {
	display:inline-block;
	padding:0.5em 1em;
	margin:0.4em 0.15em;
	border:1px solid #ccc;
	border-color:#dbdbdb #d2d2d2 #b2b2b2 #d2d2d3;
	cursor:pointer;
	color:#464646 !important;
	border-radius:0.2em;
	vertical-align:middle;
	font-size:1em;
	line-height:1.25em;
	background-color:#f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: linear-gradient(to bottom, #fff, #f2f2f2);

}
.d_btn:hover {
	color:#464646 !important;
	text-decoration:none;
	background-color:#e5e5e5;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
	background: linear-gradient(to bottom, #fff, #e5e5e5);
}
.d_btn:active {
	border-color:#999;
	background-color:#e5e5e5;
	background:-webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dbdbdb));
	background: linear-gradient(to bottom, #ebebeb, #dbdbdb);
	box-shadow:inset 0 1px 0.24em rgba(0,0,0,0.4);

}

/* type_blue */
.d_btn.type_blue {
	border-color:#4db6fd #339be0 #339be0 #339be0;
	color:#fff !important;
	text-shadow:0 -1px 0 #339be0;
	background-color:#4db6fd;
	background: -webkit-gradient(linear, left top, left bottom, from(#5eacea), to(#4e9cde));
	background: linear-gradient(to bottom, #5eacea, #4e9cde);
}
.d_btn.type_blue:hover {
	color:#fff !important;
	background-color:#339be0;
	background: -webkit-gradient(linear, left top, left bottom, from(#339be0), to(#325ed9));
	background: linear-gradient(to bottom, #339be0, #2b52bb);
}
.d_btn.type_blue:active {
	border-color:#339be0;
	background-color:#339be0;
	background: -webkit-gradient(linear, left top, left bottom, from(#339be0), to(#325ed9));
	background: linear-gradient(to bottom, #339be0, #325ed9);
}

.d_btn.type_orange {
	border-color:#ff9242 #ff7d00 #ff7d00 #ff7d00;
	color:#fff !important;
	text-shadow:0 -1px 0 #ff7d00;
	background-color:#ff9242;
	background: -webkit-gradient(linear, left top, left bottom, from(#5eacea), to(#4e9cde));
	background: linear-gradient(to bottom, #ffb46b, #ff7d00);
}
.d_btn.type_orange:hover {
	color:#fff !important;
	background-color:#ff7d00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7d00), to(#fa5403));
	background: linear-gradient(to bottom, #ff7d00, #fa5403);
}
.d_btn.type_orange:active {
	border-color:#ff7d00;
	background-color:#ff7d00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7d00), to(#fa5403));
	background: linear-gradient(to bottom, #ff7d00, #fa5403);
}

/* type_purple */
.d_btn.type_purple {
	border-color:#C045C5 #A427A9 #700F6C #A427A9;
	color:#fff !important;
	text-shadow:0 -1px 0 #9809AC;
	background-color:#94198F;
	background: -webkit-gradient(linear, left top, left bottom, from(#DF6FDF), to(#94198F));
	background: linear-gradient(to bottom, #DF6FDF, #94198F);
}
.d_btn.type_purple:hover {
	color:#fff !important;
	background-color:#70136c;
	background: -webkit-gradient(linear, left top, left bottom, from(#b759b7), to(#70136c));
	background: linear-gradient(to bottom, #b759b7, #70136c);
}
.d_btn.type_purple:active {
	border-color:#5c0f58;
	background-color:#5c0f58;
	background: -webkit-gradient(linear, left top, left bottom, from(#9d4d9d), to(#5c0f58));
	background: linear-gradient(to bottom, #9d4d9d, #5c0f58);
}

/* type_red */
.d_btn.type_red {
	border-color:#e0564c #b91d2c #a0121f #b91d2c;
	color:#fff !important;
	text-shadow:0 -1px 0 #b91d2c;
	background-color:#dd3343;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2685e), to(#dd3343));
	background: linear-gradient(to bottom, #f2685e, #dd3343);
}
.d_btn.type_red:hover {
	color:#fff !important;
	background-color:#b42533;
	background: -webkit-gradient(linear, left top, left bottom, from(#dd3343), to(#b42533));
	background: linear-gradient(to bottom, #dd3343, #b42533);
}
.d_btn.type_red:active {
	border-color:#971723;
	background-color:#9f202c;
	background: -webkit-gradient(linear, left top, left bottom, from(#c62e3c), to(#9f202c));
	background: linear-gradient(to bottom, #c62e3c, #9f202c);
}

/* type_yellow */
.d_btn.type_yellow {
	border-color:#dda400 #b88200 #b47700 #b88200;
	color:#fff !important;
	text-shadow:0 -1px 0 #b88200;
	background-color:#e29500;
	background: -webkit-gradient(linear, left top, left bottom, from(#febc00), to(#e29500));
	background: linear-gradient(to bottom, #fe8600, #f67828);
}
.d_btn.type_yellow:hover {
	color:#fff !important;
	background-color:#c38100;
	background: -webkit-gradient(linear, left top, left bottom, from(#d9a100), to(#c38100));
	background: linear-gradient(to bottom, #d9a100, #c38100);
}
.d_btn.type_yellow:active {
	border-color:#ae5600;
	background-color:#ae7700;
	background: -webkit-gradient(linear, left top, left bottom, from(#c38100), to(#ae7700));
	background: linear-gradient(to bottom, #c38100, #ae7700);
}

/* type_green */
.d_btn.type_green {
	border-color:#6aa93e #437a1c #346810 #437a1c;
	color:#fff !important;
	text-shadow:0 -1px 0 #437a1c;
	background-color:#5c9236;
	background: -webkit-gradient(linear, left top, left bottom, from(#adc900), to(#5c9236));
	background: linear-gradient(to bottom, #adc900, #5c9236);
}
.d_btn.type_green:hover {
	color:#fff !important;
	background-color:#4b7c28;
	background: -webkit-gradient(linear, left top, left bottom, from(#99b200), to(#4b7c28));
	background: linear-gradient(to bottom, #99b200, #4b7c28);
}
.d_btn.type_green:active {
	border-color:#38631a;
	background-color:#3f6922;
	background: -webkit-gradient(linear, left top, left bottom, from(#8ba100), to(#3f6922));
	background: linear-gradient(to bottom, #8ba100, #3f6922);
}

/* type_black */
.d_btn.type_black {
	border-color:#333 #333 #111 #333;
	color:#fff !important;
	text-shadow:0 -1px 0 #555;
	background-color:#444;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	background: linear-gradient(to bottom, #666, #333);
}
.d_btn.type_black:hover {
	color:#fff !important;
	background-color:#333;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
	background: linear-gradient(to bottom, #555, #222);
}
.d_btn.type_black:active {
	border-color:#222;
	background-color:#222;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: linear-gradient(to bottom, #555, #222);
}

/* type_jps */
.d_btn.type_jps {
	border-color:#12C3F3 #12C3F3 #14c4f5 #12C3F3;
	color:#fff !important;
	text-shadow:0px 0px 0px #cccccc;
	background-color:#12C3F3;
	background: -webkit-gradient(linear, left top, left bottom, from(#10b3e1), to(#12C3F3));
	background: linear-gradient(to bottom, #12C3F3, #10b3e1);
}
.d_btn.type_jps:hover {
	color:#fff !important;
	background-color:#11C2F2;
	background: -webkit-gradient(linear, left top, left bottom, from(#0fabd6), to(#11bded));
	background: linear-gradient(to bottom, #11bded, #0fabd6);
}
.d_btn.type_jps:active {
	border-color:#12C3F3;
	background-color:#10C1F1;
	background: -webkit-gradient(linear, left top, left bottom, from(#11add7), to(#12bceb));
	background: linear-gradient(to bottom, #0fabd6, #11bded);
}

/* btn - size */
.d_btn.type_mini {font-size:0.6em;padding:0.2em 0.6em;}
.d_btn.type_small {font-size:0.9em;padding:0.3em 1em;}
.d_btn.type_large {font-size:1.6em;padding:0.5em 1.25em;}

/* btn - block */
.d_btn.type_block {display:block;text-align:center;}

/*
** Form
*/
input.d_form, textarea.d_form, select.d_form {margin:0.5em 0;}
input[type="text"].d_form,
input[type="month"].d_form,
input[type="search"].d_form,
input[type="password"].d_form,
textarea.d_form,
select.d_form {padding:0.5em;border:1px solid #ccc;border-color:#dbdbdb #d2d2d2 #d0d0d0 #d2d2d3;box-shadow:inset 0.1em 0.1em 0.15em rgba(0,0,0,0.1);vertical-align:middle;line-height:1.25em;outline:none;}
select.d_form {min-width:100px;height:2.45em;padding:0.45em 0.5em;box-shadow:none;line-height:2.45em;}
input[type="text"].d_form, input[type="search"].d_form, input[type="password"].d_form {height:1.25em;}
input[type="text"].d_form:focus, input[type="search"].d_form:focus, input[type="password"].d_form:focus,textarea.d_form:focus {border-color:#6b9de9}

/* label */
label {margin:0 0.75em 0 0;}
label > input[type="text"].d_form,
label > input[type="month"].d_form,
label > input[type="password"].d_form,
label > input[type="search"].d_form,
label > input[type="radio"].d_form,
label > input[type="checkbox"].d_form,
label > textarea.d_form,
label > select.d_form {margin:0.5em;}

/* form combo */
.combo {display:inline-block;margin:0.5em 0.25em 0.4em;vertical-align:middle;}
.combo > * {float:left;border-radius:0;}
.combo > input.d_form {margin:0;border-radius:0;}
.combo .d_btn {margin:0;border-width:1px 1px 1px 0;border-radius:0;line-height:1.25em;*line-height:1em;}
.combo .d_btn:first-child {border-left-width:1px;}
.combo > *:first-child {border-radius:0.2em 0 0 0.2em;}
.combo > *:last-child {border-radius:0 0.2em 0.2em 0;}
label + .combo {margin-left:1em;vertical-align:middle;}


/*
** Table
*/

table.d_table {table-layout:fixed;width:100%;margin:1em 0 1.5em;border:1px solid #e2e2e2;border-width:1px 0 0 1px;border-spacing:0px; border-collapse:collapse;}
table.d_table caption {font-weight:bold;margin:0 0 1em;text-align:left;}
table.d_table th,
table.d_table td {padding:0.5em 0.75em;border:1px solid #e2e2e2;border-width:0 1px 1px 0;text-align:left;word-break:break-all;}
table.d_table th {background:#f7f7f7;}
table.d_table tr.on td {background:#f4faff;}

.d_table.type_board {border:none;}
.d_table.type_board th {border:none;border-top:1px solid #dadcdc;border-bottom:1px solid #e3e3e3}
.d_table.type_board th:first-child {border-radius:0.5em 0 0 0.5em}
.d_table.type_board th:last-child {border-radius:0 0.5em 0.5em 0}
.d_table.type_board td {border-width:0 0 1px 0;}
.d_table.type_board tr:hover td {background:#fffff4;}

/*
*	COMPONENT
*/

/*
** navigation
*/

[class^="nav_"] a:hover,
[class*=" nav_"] a:hover,
[class^="tab_"] a:hover,
[class*=" tab_"] a:hover {text-decoration:none;}

.nav_top:after,
.nav_bar:after,
.nav_list:after {display:block;content:".";font-size:0;visibility:hidden;clear:both;}

/* nav_top */
.nav_top {*width:100%;padding:0 1em;border-top:1px solid #434753;border-bottom:1px solid #2e313b;background:#3d414d;color:#fff;}

.nav_top h1 {float:left;margin:-1px 0 0 0;padding:0 2em 0 0;line-height:40px;font-size:1.5em;}
.nav_top h1 a {color:#fff;}
.nav_top ul {float:left;}
.nav_top ul > li {float:left;height:40px;}
.nav_top ul > li > a {display:inline-block;height:100%;padding:0 1.25em;color:#fff;line-height:40px;text-shadow: 0 1px 0 rgba(0,0,0,0.15);;}
.nav_top ul > li > a:hover {background:#5182f5;}
.nav_top ul > li.on > a {font-weight:bold;background:#3d61b8;}
.nav_top.type_sub {position:relative;padding-bottom:35px;border-bottom-color:#cbd0d3}
.nav_top.type_sub ul > li > ul {position:absolute;top:40px;left:0;width:100%;background:#f0f1f5;}
.nav_top.type_sub ul > li > ul > li {height:35px;}
.nav_top.type_sub ul > li > ul > li > a {line-height:35px;color:#333;}
.nav_top.type_sub ul > li > ul > li > a:hover {color:#5182f5;background:none;}
.nav_top.type_sub ul > li > ul > li.on > a {color:#5182f5;background:none;font-weight:bold;}

.nav_top.type_white {border-top:none;border-bottom-color:#ccc;color:#222;background:#f1f1f1;}
.nav_top.type_white h1 a {color:#222;}
.nav_top.type_white  ul {margin-top:1px;}
.nav_top.type_white  ul > li {z-index:10;margin-bottom:-1px}
.nav_top.type_white  ul > li.on {z-index:20;border:1px solid #ccc;border-width:0 1px 0 1px;}
.nav_top.type_white  ul > li > a {color:#000;text-shadow:none;}
.nav_top.type_white  ul > li > a:hover {background:none;}
.nav_top.type_white  ul > li.on > a {box-shadow:inset 0 2px 2px 1px rgba(255,255,255,0.85);color:#333;text-shadow:0 2px 0 #fff;
	background-color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff));
	background:linear-gradient(to bottom, #efefef, #fff);
}
.nav_top.type_white.type_sub {padding-bottom:0;margin-bottom:40px;}
.nav_top.type_white.type_sub ul > li > ul {left:auto;width:auto;background:none;}
.nav_top.type_white.type_sub ul > li > ul > li {border:none;}
.nav_top.type_white.type_sub ul > li > ul > li.on > a {box-shadow:none;}


/* nav_list */
.nav_list {margin:1em 0 1.5em;padding:0 0 1em 0;}
.nav_list ul,
.nav_list li {margin:0; border-bottom:1px solid #ccc; }
.nav_list li:first-child { border-bottom : none; }
.nav_list > li > a {display:block; padding-left :15px; color:#888;font-weight:700; height:44px; line-height:44px; vertical-align:middle; font-size:14px;}
.nav_list > li > a:hover {color:#f36909;}
.nav_list > li.on > a,
.nav_list > li.on > a:hover {color:#f36909;/*background:#6c9ecf;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,0.5);*/}
.nav_list > li.on > a {font-weight:bold;}
.nav_list [class^="tit"], .nav_list [class*=" tit"] {margin : 10px 0px 0px; padding : 0 0 30px 0px; font-size:28px;font-weight:600; background : url(/skin/image/submenu/subtitle_img.gif) bottom no-repeat;}

.nav_list > li > ul {border-bottom:1px solid #ccc;padding:0.5em 0;box-shadow:inset 0.1em 0.1em 0.25em rgba(0,0,0,0.3);background:#fff;}
.nav_list > li > ul > li > a {display:block;padding:0.3em 1.25em;text-indent:1em;color:#333;}
.nav_list > li > ul > li > a:hover {color:#3577e8;font-weight:bold;}
.nav_list > li > ul > li.on > a {color:#3577e8;font-weight:bold;}


/*
** tab
*/

/* tab_bar */
.tab_bar {display:block;*width:100%;border-bottom:1px solid #cbd0d4; background:#fff;clear:both;}
.tab_bar:after {display:block;content:".";font-size:0;visibility:hidden;clear:both;}
.tab_bar > li {float:left;margin:0 0 -1px 0;}
.tab_bar > li > a {display:block;padding:0.75em 2.5em;color:#666;border:1px solid #ccc; font-weight:bold; position:relative;}
.tab_bar > li > a:hover {color:#003366;}
/*.tab_bar > li:first-child > a {border-left:none}*/
.tab_bar > li.tc-selected > a {border-left-color:#fff;border-right-color:#fff;border-bottom:1px solid transparent;background:#ff9242;color:#fff;font-weight:bold;}
.tab_bar > li.f_r > a {border-right:none;}
.tab_bar > li.tc-script > span { margin-left:10px; height:35px; line-height:35px;}

.tab_sc {display:block; *width:100%; background:#fff; clear:both;}
.tab_sc > li { float:left; margin:0 0 -1px 0; border-right:1px solid #cbcbcb;}
.tab_sc > li > a { display : block; padding:0.25em 1em; background-color:#e7e7e7; font-size:12px; color:#afafaf; font-weight:700; height:27px; line-height:27px;}
.tab_sc > li:last-child { border-right : none }
.tab_sc > li.sc-selected > a{ background-color:#ff9242; color:#fff}
/* tab_small */
.tab_bar.type_small {background:none;border:1px solid #dadcdc;border-width:0 0 1px 1px;}
.tab_bar.type_small > li {position:relative;z-index:10;margin-left:-1px;}
.tab_bar.type_small > li.tc-selected {z-index:20;}
.tab_bar.type_small > li > a {padding:0.5em 1.6em;border:1px solid #dfdfdf;border-bottom-color:#dadcdc;background:#f3f3f3;font-weight:normal;}
.tab_bar.type_small > li > a:hover {color:#12c3f3;}
.tab_bar.type_small > li:first-child > a {border-left:1px solid #dfdfdf;margin-left:0;}
.tab_bar.type_small > li:last-child > a {border-right:1px solid #dfdfdf;margin-left:0;}
.tab_bar.type_small > li.tc-selected > a {border-color:#dadcdc;border-bottom-color:transparent;background:#fff; color:#12c3f3; font-weight:bold; }
.tab_bar.type_small > li.tc-selected > a:hover {color:#258ff8;}
.tab_bar.type_small > li.tc-script > span { margin-left:10px; height:25px; line-height:25px;}
/* tab_dark */
.tab_bar.type_dark {}
.tab_bar.type_dark > li > a {border-bottom-width: 0; background: url(/skin/image/bg/bg_tab_bottom.gif) bottom repeat-x; color: #aaa;}
.tab_bar.type_dark > li.tc-selected {}
.tab_bar.type_dark > li.tc-selected > a {background: #f6f6f6; font-weight: normal;}
.tab_bar.type_dark > .d_btn { margin: 0;}

.tc-panel { display:none; }
.panels { padding:0; margin:0; list-style:none; padding:10px; position:relative; clear:both; background-color:#fff; border : 1px solid #dadcdc; border-top:0; }
.panels .tc-panel.tc-selected { display:block; }

.tab_bar.type_small > li.ui-state-active { z-index:20;}
.tab_bar.type_small > li.ui-state-active > a {border-color:#dadcdc;border-bottom-color:transparent;background:#fff; color:#12c3f3; font-weight:bold; }
.tab_bar.type_small > li.ui-state-active > a:hover {color:#258ff8;}

/*
** thumbnail and caption
*/
.group_thumb {overflow:hidden;margin:1em 0 1.5em;}
.group_thumb li {overflow:hidden;float:left;padding:1%;margin:0;}
.group_thumb li > a {color:#333;cursor:pointer;}
.group_thumb li > a:hover {color:#4559E9;}
.group_thumb li > a:hover img {outline:5px solid rgba(0,0,0,0.15);}
.group_thumb li > a:hover .caption {text-decoration:underline;}
.group_thumb li img {width:100%;margin:0;}
.group_thumb li img + .caption {display:block;width:100%;margin:0.5em auto;line-height:1.25em;text-align:center;}

.group_thumb li {width:23%;*width:22.95%;}
.group_thumb[data-thumb-col="2"] li {width:48%;*width:47.95%;}
.group_thumb[data-thumb-col="3"] li {width:31.3%;}
.group_thumb[data-thumb-col="5"] li {width:18%;}
.group_thumb[data-thumb-col="6"] li {width:14.65%;}
.group_thumb[data-thumb-col="6"] li img + .caption {margin-top:0.2em;}

.group_thumb.type_letterbox {}
.group_thumb.type_letterbox li > a {overflow:hidden;position:relative;}
.group_thumb.type_letterbox li > a .caption {overflow:hidden;position:absolute;left:0;bottom:0;margin:0.3em 0;*margin:0.2em 0;color:#fff;_background:#333;*background:#333;background:rgba(0,0,0,0.5);line-height:2.6em;text-overflow:ellipsis;white-space:nowrap;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.group_thumb.type_letterbox li > a:hover .caption {text-decoration:none;}


/*
** panel
*/

.panel {display: block;border: 1px solid #d1d1d1;padding: 1.5em;margin: 1.5em 0;background: #f6f6f6;}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {margin-top:0;}
.panel.type_info {border-color:#d6dbef;background:#f7f8fc;color:#0057A8 !important;}
.panel.type_notice {border-color:#323e56;background:#5a6988;color:#f3f3f3 !important;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.panel.type_alert {border-color:#883535;background:#EC6161;color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.6)}

/*
** margin
*/

.margin_r5 { margin-right: 5px; }
.margin_r10 { margin-right: 10px; }
.margin_r15 { margin-right: 15px; }

.margin_l5 { margin-left: 5px; }
.margin_l10 { margin-left: 10px; }
.margin_l15 { margin-left: 15px; }

.margin_t5 { margin-top: 5px; }
.margin_t10 { margin-top: 10px; }
.margin_t15 { margin-top: 15px; }

.margin_b5 { margin-bottom: 5px; }
.margin_b10 { margin-bottom: 10px; }
.margin_b15 { margin-bottom: 15px; }

/*
** popup
*/

.window {margin:2em;width:90%;max-width:900px;background:#fff;border:1px solid #666;box-shadow:0.1em 0.1em 0.8em rgba(0,0,0,0.5);}
.window_head {padding:0.25em 0.75em;border-bottom:1px solid #aaa;font-weight:bold;color:#fff;font-size:1.5em;background:#394053;box-shadow:inset 0 1px 2px rgba(255,255,255,0.3)}
.window_body {min-height:30px;padding:1.5em 1.5em; overflow-x: scroll;}
.window_body .title { font-size: 12px; font-weight: bold;}
.window_foot {padding:1em 1em 2em;text-align:center}


/*
** etc
*/
.line_break {display:block;border-bottom:1px solid #bbb;}


/*
** Paging
*/

.group_paging {display:block;margin:1em 0 1.5em;text-align:center;}
.group_paging > a,
.group_paging > span {display:inline-block;padding:0.05em 0.5em;margin:0 0.1em;border:1px solid #dedde2;text-decoration:none;color:#333;font-weight:bold;}
.group_paging > span {border-color:#6f7689;background:#9398b5;color:#fff}
.group_paging > a:hover {border-color:#6f7689;}
.group_paging .link_edge {border:none;color:#999;font-weight:normal;}
.group_paging > a.link_edge:hover {color:#333;}


/*
** Tip box
*/
.tip_box {position:absolute;padding:1em;_background:#333;*background:#333;background:rgba(0,0,0,0.6);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color:#fff;border-radius:1.5em 1.5em 1.5em 0;box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.25);text-shadow:0 -1px 0 rgba(0,0,0,0.6);}

/* font color */
.c_black {color:#000000 !important;}
.c_blue {color:#336699 !important; }
.c_orange { color:#F36909 !important;}
.c_red { color:#d50008 !important;}
.c_green { color:green !important;}
.c_gray {color:#999 !important;}
.c_gray2 {color:#525252 !important;}
.c_white {color: #fff !important;}

/* background color */
.bg_red { background-color: #F2DEDE !important;}
.bg_white { background-color: #fff !important;}
.bg_green { background-color: #DFF0D8 !important;}
.bg_blue { background-color: #D9EDF7 !important;}
.bg_yellow { background-color: #FCF8E3 !important;}
.bg_gray { background-color: #F5F5F5 !important;}

/*basic */
.d_box { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.d_blank { width:100%; clear:both; height:10px;}
.f_bar {display: inline-block;width: 1px;height: 13px;background: #E4E4E5 none repeat scroll 0% 0%;text-indent: -999em;}
.small { font-size: 0.85em !important;}

.input_date { width: 80px !important;}
.popup { position: absolute; z-index: 1200;}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

}

/*margin*/
.m-0 { margin: 0;}

/*padding*/
.pd3 {padding: 3px;}
.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}

/*width*/
.w40 { width: 40px;}
.w50 { width: 50px;}
.w60 { width: 60px;}
.w80 { width: 80px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w-70 { width: 70%;}
.w-80 { width: 80%;}
.w-90 { width: 90%;}
.w-100 { width: 100%;}

/*line-height*/
.ln17 { line-height: 17px;}
.ln18 { line-height: 18px;}
.ln19 { line-height: 19px;}
.ln20 { line-height: 20px;}
.ln25 { line-height: 25px;}

/*border*/
.border { border: 1px solid #ddd;}

/*bootstrap*/
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.label-disable { background-color: #828282 !important;}
.label-primary { background-color: #337ab7 !important;}
.label-success { background-color: #5cb85c !important;}
.label-info { background-color: #5bc0de !important;}
.label-warning { background-color: #f0ad4e !important;}
.label-danger { background-color: #d9534f !important;}

.label-news { background-color: #a25ff9 !important; }
.label-xs { font-family: dotum 돋움체 !important; font-size: 10px !important; font-weight: normal; padding: .3em .6em .2em;}
.label-lg { font-family: dotum 돋움체 !important; font-size: 12px !important; font-weight: normal; padding: .3em .8em .3em;}
.label-lg > a { color: #fff; text-decoration: none;}
.label-disable.label-lg > a:hover { }
.small > .label-xs { font-size: 9px !important;}
.txt_cut {	white-space:nowrap; text-overflow:ellipsis; /* IE, Safari */
			-o-text-overflow:ellipsis; /* Opera under 10.7 */
			overflow:hidden; /* "overflow" value must be different from "visible" */
			-moz-binding: url('ellipsis.xml#ellipsis');}

.mx-auto { margin: 0 auto;}

/*font size*/
.p11 { font-size: 11px;}
.p12 { font-size: 12px;}
.p13 { font-size: 13px;}
.p14 { font-size: 14px;}
.p15 { font-size: 15px;}

.position-absolute { position: absolute !important;}
.position-relative { position: relative !important;}
.position-fixed { position: fixed !important;}

img.icon_grade { vertical-align: middle; }