@charset "utf-8";
html, body {width:100%; height:100%;}
@font-face{
   font-family:NanumBarunGothic;
   src:url(NanumBarunGothic.eot);
   src:local(*),url(NanumBarunGothic.woff) format('woff')
}
@font-face{font-family:NanumBarunGothic;font-style:normal;font-weight:normal;src:url(../font/NanumBarunGothic.eot);src:local(※),url(../font/NanumBarunGothic.woff) format(woff)}
@font-face{font-family:NanumBarunGothic;font-style:normal;font-weight:bold;src:url(../font/NanumBarunGothic.eot);src:local(※),url(../font/NanumBarunGothic.woff) format(woff)}
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 테블릿과 테스크탑 */
@media all and (min-width:769px){
	body,input,textarea,select,button,table{font-family:NanumBarunGothic, '나눔고딕','돋움',dotum,AppleGothic,serif}
	@font-face{font-family:NanumBarunGothic;font-style:normal;font-weight:normal;src:url(../font/NanumBarunGothic.eot);src:local(※),url(../font/NanumBarunGothic.woff) format(woff)}
	@font-face{font-family:NanumBarunGothicBold;font-style:normal;font-weight:bold;src:url(../font/NanumBarunGothicBold.eot);src:local(※),url(../font/NanumBarunGothicBold.woff) format(woff)}
}

/*reset*/
html, body, div, span, a, img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, iframe,form, fieldset, input, textarea, select, label, table, caption, th, tr, td, button { margin:0; padding:0;}
ul,ol,li {list-style-type:none;}
table, th, td{ border-collapse:collapse; }
table caption { font-size:0; line-height:0; text-indent:-9999px; font-size:0;}
legend { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden; }
img {border:0; vertical-align:middle;max-width:100%;}
h1, h2, h3, h4, h5, h6, p {text-align:inherit;}
button{ cursor:pointer;}
input,select,button{vertical-align:middle;}

/* 폰트관련 */
html {font-size:62.5%;} 
body {/*font-family:NanumBarunGothic, '맑은 고딕', 돋움, Dotum;*/ font-size:14px; line-height:1.6; word-break:break-all; background-color:#fff;}

h1   {font-size:20px;} 
h2   {font-size:18px;}
h3   {font-size:17px; } 
h4   {font-size:18px; } 
h5   {font-size:16px; } 
h6   {font-size:14px; }

/* on/off */
.on {display:inline-block;}
.off {display:none;}

/* 폰트사이즈 */
.fs22 {font-size:22px !important;}
.fs18 {font-size:18px !important;}
.fs16 {font-size:16px !important;}
.fs15 {font-size:15px !important;}
.fs14 {font-size:14px !important;}
.fs13 {font-size:13px !important;}
.fs12 {font-size:12px !important;}
.fs11 {font-size:11px !important;}
.fs10 {font-size:10px !important;}
.fs_0 {font-size:0;}

.underline {text-decoration:underline;}

/* 모서리 라운드 */
.radius_s {-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.radius_m {-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.radius_b {-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;}
.radius_l {-webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px;}
.radius_xl {-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}

/* margin */
.mg_t0 {margin-top:0px !important;}
.mg_t5 {margin-top:5px !important;}
.mg_t10 {margin-top:10px !important;}
.mg_t15 {margin-top:15px !important;}
.mg_t20 {margin-top:20px !important;}
.mg_t25 {margin-top:25px !important;}
.mg_t30 {margin-top:30px !important;}
.mg_t35 {margin-top:35px !important;}
.mg_t40 {margin-top:40px !important;}
.mg_t45 {margin-top:45px !important;}
.mg_t50 {margin-top:50px !important;}

.mg_b0 {margin-bottom:0 !important;}
.mg_b5 {margin-bottom:5px !important;}
.mg_b10 {margin-bottom:10px !important;}
.mg_b15 {margin-bottom:15px !important;}
.mg_b20 {margin-bottom:20px !important;}
.mg_b25 {margin-bottom:25px !important;}
.mg_b30 {margin-bottom:30px !important;}
.mg_b35 {margin-bottom:35px !important;}
.mg_b40 {margin-bottom:40px !important;}
.mg_b45 {margin-bottom:45px !important;}
.mg_b50 {margin-bottom:50px !important;}

.mg_l0 {margin-left:0px !important;}
.mg_l5 {margin-left:5px !important;}
.mg_l10 {margin-left:10px !important;}
.mg_l15 {margin-left:15px !important;}
.mg_l20 {margin-left:20px !important;}
.mg_l25 {margin-left:25px !important;}
.mg_l30 {margin-left:30px !important;}
.mg_l35 {margin-left:35px !important;}
.mg_l40 {margin-left:40px !important;}
.mg_l45 {margin-left:45px !important;}
.mg_l50 {margin-left:50px !important;}

.mg_r0 {margin-right:0px !important;}
.mg_r5 {margin-right:5px !important;}
.mg_r10 {margin-right:10px !important;}
.mg_r15 {margin-right:15px !important;}
.mg_r20 {margin-right:20px !important;}
.mg_r25 {margin-right:25px !important;}
.mg_r30 {margin-right:30px !important;}
.mg_r35 {margin-right:35px !important;}
.mg_r40 {margin-right:40px !important;}
.mg_r45 {margin-right:45px !important;}
.mg_r50 {margin-right:50px !important;}

/* padding */
.pd_t0 {padding-top:0px !important;}
.pd_t5 {padding-top:5px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t25 {padding-top:25px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t35 {padding-top:35px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t45 {padding-top:45px !important;}
.pd_t50 {padding-top:50px !important;}

.pd_b0 {padding-bottom:0px !important;}
.pd_b5 {padding-bottom:5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b25 {padding-bottom:25px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b35 {padding-bottom:35px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b45 {padding-bottom:45px !important;}
.pd_b50 {padding-bottom:50px !important;}

.pd_l0 {padding-left:0px !important;}
.pd_l5 {padding-left:5px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}
.pd_l25 {padding-left:25px !important;}
.pd_l30 {padding-left:30px !important;}
.pd_l35 {padding-left:35px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l45 {padding-left:45px !important;}
.pd_l50 {padding-left:50px !important;}

.pd_r0 {padding-right:0px !important;}
.pd_r5 {padding-right:5px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}
.pd_r25 {padding-right:25px !important;}
.pd_r30 {padding-right:30px !important;}
.pd_r35 {padding-right:35px !important;}
.pd_r40 {padding-right:40px !important;}
.pd_r45 {padding-right:45px !important;}
.pd_r50 {padding-right:50px !important;}

.pd_all10 {padding-right:10px !important; padding-left:10px !important; padding-top:10px !important; padding-bottom:10px !important;}
.pd_all5 {padding-right:5px !important; padding-left:5px !important; padding-top:5px !important; padding-bottom:5px !important;}

.pg_contents {padding:30px;}
.contents_in {padding:20px;}
.page_title_1depth {padding:10px 15px; font-size:18px; font-weight:normal; color:#fff; line-height:1.2; background-color:#a48a71;}
.page_title_2depth {font-size:18px; font-weight:normal; color:#cc6601;}
.page_title_3depth {font-size:16px; font-weight:normal; color:#333;}

.indent_1grid {padding:0 20px;}
.indent_2grid {padding:0 40px;}

.box_white {padding:15px 20px; border:solid 1px #d7d7e3;}
.box_gray {padding:15px 20px; border:solid 1px #d7d7e3; background-color:#f4f4f4;}
ul.list_bullet_dot li {background:url('../images/bullet_dot.png') no-repeat left 8px; padding-left:10px;}

.hidden_box {padding:15px 20px; border:solid 1px #d7d7e3; background-color:#f4f4f4;}
.hidden_box_pop {position:relative;}
.pop_content {padding:20px; width:100%; background-color:#fff; border:solid 1px #333; position:absolute; bottom:35px; left:0; z-index:1000; box-sizing:border-box;}
a.btn_title {display:block; text-align:center; color:#333; text-decoration:none;}
a.btn_title_pop {color:#333; text-decoration:none;}


/* 기본 테이블 */
table.basic {width:100%; margin-bottom:0px; border:solid 2px #999; background-color:#fff;}
table.basic thead {border-bottom:solid 1px #cccccc; line-height:1.2;}
table.basic th {padding:3px 0; color:#333333; border:solid 1px #eaeaea; background-color:#f8f8f8; }
table.basic td {padding:3px 2px; text-align:center; border:solid 1px #eaeaea;}
table.basic .ta_l {text-align:left;}
table.basic1 {margin-bottom:0px; border:solid 0px #999;}
table.basic1 td {padding:0px 0px; text-align:center; border:solid 0px #eaeaea;}
table.basic1 .ta_l {text-align:left;}

/* 탭 메뉴 */
.tabmenu_basic {}
.tabmenu_basic ul {border-bottom:solid 1px #999; position:relative;}
.tabmenu_basic ul li {float:left;}
.tabmenu_basic ul li a.btn_tab_title {display:inline-block; border-right:solid 1px #fff; height:30px; line-height:30px; padding:0 10px; text-decoration:none; color:#fff; background-color:#ccc; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0;}
.tabmenu_basic ul li a.btn_tab_title:hover {background-color:#999;}
.tabmenu_basic ul li a.btn_tab_title.active {color:333; background-color:#e79543;}
.tabmenu_basic ul li .content {padding:0 2%; width:96%; position:absolute; top:40px; left:0; z-index:1000;}


/* 아코디언 메뉴 */
.accodian {border:solid 1px #d7d7e3; background-color:#fff; overflow:hidden;}
.accodian .cont {}
.accodian .cont a.btn_accodian_title {display:block; padding:10px; text-decoration:none; color:#000; border-top:solid 1px #ccc; position:relative;}
a.btn_accodian_title .cert {display:inline-block; width:20px; height:20px; background:url('../images/icon_down.png') no-repeat center center; position:absolute; top:50%; right:20px; margin-top:-10px;}
a.btn_accodian_title.active strong {color:#993333;}
a.btn_accodian_title.active .cert {background:url('../images/icon_up.png') no-repeat center center;}
.accodian .cont.first a.btn_accodian_title {border-top:none;}
.accodian .cont .content {padding:20px; background-color:#f6f6f6; border-top:solid 1px #666;}


.caution {padding:10px 20px 10px 40px; background:url('../images/icon_caution.png') no-repeat 10px center; border-bottom:solid 1px #ccc; border-top:solid 1px #eee; background-color:#f4f4f4;}
.notice {padding:10px 20px 10px 40px; background:url('../images/icon_notice.png') no-repeat 10px center; border-bottom:solid 1px #ccc;}

@media screen and (max-width:500px) {
	.pg_contents {padding:10px;}
	.contents_in {padding:20px 10px;}
	.indent_1grid {padding:0 10px;}
	.indent_2grid {padding:0 10px;}
}



/*////////////////////////////////////////////////////////////////////////////////////////////////
 카테고리별 Color적용 
 /////////////////////////////////////////////////////////////////////////////////////////////////*/
.page_title_1depth {color:#fff; background-color:#8c7ea6;}
.page_title_2depth {color:#6b539b; font-weight:600;}
.page_title_3depth {color:#333;}

.tabmenu_basic ul li a.btn_tab_title.active {color:333; background-color:#675982;}
a.btn_accodian_title.active strong {color:#8c7ea6;}