@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight:400;
	src: local(※), url('/com_inc/fonts/NotoSansKR-Regular.woff2') format('woff2')
	src: local(※),
		url('/com_inc/fonts/NotoSansKR-Regular.woff2') format('woff2'),
		url('/com_inc/fonts/NotoSansKR-Regular.otf?#iefix') format('opentype'),
		url('/com_inc/fonts/NotoSansKR-Regular.woff') format('woff')
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight:700;.
	src: local(※), url('/com_inc/fonts/NotoSansKR-Bold.woff2') format('woff2')
	src: local(※),
		url('/com_inc/fonts/NotoSansKR-Bold.woff2') format('woff2'),
		url('/com_inc/fonts/NotoSansKR-Bold.otf?#iefix') format('opentype'),
		url('/com_inc/fonts/NotoSansKR-Bold.woff') format('woff')
}
/**/

/*global*/
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, li, table, th, td, form, fieldset, legend, textarea, button, a, span{	
	margin:0; padding:0; font-family: 'Noto Sans KR','Apple SD Gothic Neo', '맑은고딕','Malgun Gothic',Arial, sans-serif;	
}

html, body {height:100%; font-size:14px; }
body {margin:0; background:#ffffff;  }
html>/**/body{overflow-y:scroll}

select, input {background:#ffffff; vertical-align:middle; margin:1px 0;}
textarea {background-color:#ffffff; border:solid 1px #cccccc; line-height:1.7em;}
input.g_txt {border:solid 1px #cccccc; height:20px; line-height:20px; padding:2px; background-color:#ffffff; }
input.won {text-align:right; }
input.date {text-align:center; }
select.g_select {border:solid 1px #cccccc; height:24px; line-height:23px;}

input::placeholder, textarea::placeholder {color:#ffaa99; font-size:0.9em;}
input.noBox {border:0 none; background:none; }
.aCenter {text-align:center;}
.aRight {text-align:right;}

.active {ime-mode:active;}
.inactive {ime-mode:inactive;}

table caption {text-align:left; padding-bottom:3px; color:#666666; padding:5px 0;}
table th {font-weight:normal; color:#000000; }

label.g_cursor {cursor:pointer; outline:none; display:inline-block; padding:3px 2px 3px 0;}
label.g_cursor:hover {text-decoration:underline;color:#ff6600;}
input[type='radio'] {margin-top:-2px;}
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px white inset; /*배경 배경색 제거*/
}

a { text-decoration:none; color:#333333;}
a:hover {color:#ff6633;}

ul, dl {margin:0; padding:0; }
ul {list-style-type:none; }
ul.supp_data {margin-left:20px;}

input, img {vertical-align:middle; }
a, area, input, textarea {outline:0 none; }
em {font-style:normal; }

/*common*/
.g_ellipsis {overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;  }
.g_clear_both {clear:both;}
.g_cursor {cursor:pointer;}
.g_cursor:hover {color:#ff6600;}

.aLeft {text-align:left; }
.aRight {text-align:right; }
.aCenter {text-align:center; }

.em_green {color:#6ca80d;}
.em_green_light {color:#00ff00;}
.em_blue {color:#4472c4;}
.em_brown {color:#AA4E03;}
.em_orange {color:#ff6600;}
.em_tomato {color:#e0624e;}
.em_red {color:#ff3300;}
.em_gray {color:#999999;}
.em_gray_lgiht {color:#cccccc}

.line_blue {border-top:solid 2px #3eb1bf;}
.line_green {border-top:solid 2px #81bc3d;}

.box_shadow  {box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.box_shadow:hover {box-shadow: 0 2px 4px rgb(0 0 255 / 8%), 0 4px 12px rgb(0 0 255 / 8%);}
.label_kr {opacity:0.8;  font-size:0.8em; margin-left:1px; white-space:nowrap; } /*레이블 내부 한글*/

ul.disc li {list-style-type:disc; }

/*상단 안내문*/
.top_guide {padding:7px 15px 7px 40px ; margin-bottom:20px; margin-top:0; border:dotted 1px #42a8d3; line-height:1.8em; 
	background:url(/images/guide_info_16.gif) no-repeat 10px 11px; text-align:left; 
}
.top_guide.no_box {border:0; margin-bottom:0px; }
.top_guide ul {margin:0px 0 0px 15px;}
.top_guide h3 {margin:0 0 5px 0; line-height:1em;}

.bt_icon {background:url(/images/bt_icon.png?t=20231103) no-repeat; }
.bt_icon.help {display:inline-block; width:20px; height:20px; background-position:-240px -60px; vertical-align:middle; margin-left:5px; cursor:help; }

/*로딩중 표시*/
#loading {display:none; position:fixed; z-index:8; text-align:center; background:url(/images/trans_10.png); width:100%; height:100%; top:0; left:0;}
#loading div.inner {background:url(/images/ing.gif?t=25) no-repeat center 35%;width:100%; height:100%; }

.noData {border-bottom:solid 1px #cccccc; text-align:center ;font-size:14px; padding:20px 0; margin-top:5px; }
.preparing { text-align:center ;font-size:17px; padding:150px 0; margin-top:5px; border:solid 1px #dddddd; }

/*서브 탭*/
table.sub_tab {width:100%; border-collapse:collapse}
table.sub_tab td {border:solid 1px #dddddd; background:#f6f6f6; }
table.sub_tab td a {display:block; padding:10px 0; text-align:center; font-size:15px; }
table.sub_tab td:not(.empty):hover {background:#aaaaaa; }
table.sub_tab td:hover a {color:#ffffff; }
table.sub_tab td.on {background:#808080;  border:solid 1px #808080; }
table.sub_tab td.on a {color:#ffffff; }

/*카테고리 탭*/
.tab_cate {margin-bottom:10px; }
.tab_cate a {display:inline-block; padding:5px 10px; border:solid 1px #dddddd; background:#f6f6f6; min-width:80px;  text-align:center;
	border-radius:5px 5px 0 0; margin-right:5px; 
}
.tab_cate a.on {border:solid 1px #33a4db; border-bottom:0; background:#ffffff; font-weight:bold; }

h2.head_label {margin-bottom:10px; font-size:18px; padding-left: 18px; line-height: 1.3em; background: url(/images/board/bullet_blue_12.gif) no-repeat 0 7px;}
h2.head_label span {font-size:0.8em; font-weight:normal; }
h2.head_label .button {margin-left:20px; }
h3.head_label {margin-bottom:10px; font-size:16px; padding-left: 18px; line-height: 1.3em; background: url(/images/board/bullet_blue_12.gif) no-repeat 0 5px;}


/*버튼 영역*/
.bt_area_left {text-align:left; padding:20px;}
.bt_area {text-align:center; padding:20px;}
.bt_area_right {text-align:right; padding:10px 0px;}

.bt_icon {background-image:url(/images/bt_icon.png);background-repeat:no-repeat}
.icon_com {background-image:url(/images/bt_icon.png);background-repeat:no-repeat}
.button {display:inline-block; border:solid 1px #3494d4; color:#3494d4; padding:4px 12px 6px 12px; border-radius:5px; text-align:center; 
	background-color:#ffffff; cursor:pointer; font-size:13px; line-height:1em; vertical-align:middle; margin:2px 0;
}
.button:hover {color:#ffffff; background-color:#3494d4; }

.bt_blue, .bt_blue_icon {color:#ffffff !important; background-color:#3494d4; }
.bt_blue_icon {padding-right:25px; background-position:right -540px;}
.bt_blue:hover {color:#3494d4  !important; background-color:#ffffff; bordeR:solid 1px red;}
.bt_blue_icon:hover {color:#3494d4   !important; background-color:#ffffff; background-position:right -480px;}

.bt_green,  .bt_green_icon {color:#ffffff  !important; background-color:#82ba55; border:solid 1px #82ba55; }
.bt_green_icon {padding-right:25px; background-position:right -540px;}
.bt_green:hover {color:#82ba55  !important; background-color:#ffffff;}
.bt_green_icon:hover {color:#82ba55   !important; background-color:#ffffff; background-position:right -480px;}

.bt_red,  .bt_red_icon {color:#ffffff  !important; background-color:#ff6633; border:solid 1px #ff6633; }
.bt_red_icon {padding-right:25px; background-position:right -540px;}
.bt_red:hover {color:#ff6633  !important; background-color:#ffffff;}
.bt_red_icon:hover {color:#ff6633   !important; background-color:#ffffff; background-position:right -480px;}

.bt_white_icon {color:#3494d4; background-color:#ffffff; }
.bt_white_icon {padding-right:25px; background-position:right -480px;}
.bt_white_icon:hover {color:#ffffff   !important; background-color:#3494d4; background-position:right -540px;}

.bt_tomato,  .bt_tomato_icon {color:#ffffff; background-color:#e0624e; border:solid 1px #e0624e; }
.bt_tomato_icon {padding-right:25px; background-position:right -540px;}
.bt_tomato:hover {color:#e0624e; background-color:#ffffff;}
.bt_tomato_icon:hover {color:#e0624e   !important; background-color:#ffffff; background-position:right -480px;}

.bt_orange,  .bt_orange_icon {color:#ffffff; background-color:#e67e22; border:solid 1px #e67e22; }
.bt_orange_icon {padding-right:25px; background-position:right -540px;}
.bt_orange:hover {color:#e67e22; background-color:#ffffff;}
.bt_orange_icon:hover {color:#e67e22   !important; background-color:#ffffff; background-position:right -480px;}

.bt_gray, .bt_gray:visited, .bt_gray_icon {color:#ffffff; background-color:#808080; border:solid 1px #808080; }
.bt_gray_icon {padding-right:25px; background-position:right -540px;}
.bt_gray:hover {color:#808080; background-color:#ffffff;}
.bt_gray_icon:hover {color:#808080   !important; background-color:#ffffff; background-position:right -480px;}

.bt_middle  {font-size:14px; padding:4px 15px 6px 15px;}
.bt_big  {font-size:16px; padding:7px 15px 9px 15px; }
.bt_rect {border-radius:0; }
.file_down {margin-left:15px; }

.dark {display:inline-block; padding:4px 10px 5px 10px; border-radius:5px; color:#ffffff; background:#808080; line-height:1em; font-size:13px;
	border:0; 
}
.dark_green {background:#70ad47;}
.dark_brown {background:#ed7d31;}
.dark_orange {background:#ff9c00;}
.dark_violet {background:#8a3ad2;}
.dark_blue {background:#337ab7;}
.dark_silver {background:#dddddd; color:#000000; }

.dark_middle { font-size:14px; padding:4px 15px 6px 15px; }
.dark_percent {min-width:30px; }
.light_gray {color:#808080; background:#f3f3f3; border:solid 1px #f0f0f0;}

/*비활성*/
.bt_disabled, .bt_disabled:hover  { background-color:#f6f6f6; border:solid 1px #dddddd; color:#666666; cursor:default; }
.dark_disabled, .dark_disabled:hover  { background-color:#f6f6f6; border:solid 1px #dddddd; color:#666666; cursor:default; }

/*업로드 예정일*/
.sche_date {font-size:12px; display:inline-block; padding:2px 8px 3px 8px; border:solid 1px #999999; border-radius:20px;  }

/*진도율*/
.prog_gray {background:#a5a5a5; }
.prog_yellow {background:#f4bf1c; }
.prog_green {background:#92d050; }
.prog_blue {background:#5b9bd5; }

/*게시판*/
div.list_info {padding:10px 0; }
div.list_info div.col1 {float:left;}
div.list_info div.col2 {float:right;}

.is_notice1, .is_notice2 {background:url(/images/board/notice9.gif) no-repeat center; } /*전체 공지*/
table td label {cursor:pointer; margin-left:5px; line-height:1em; }
table td label input {margin-right:5px;}

/*목록: 기본형*/
table.list_basic {width:100%; border-collapse:collapse; table-layout:fixed; }
table.list_basic.line_blue {border-top:solid 2px #3eb1bf;}
table.list_basic tr.tr_hide {display:none; }
table.list_basic th, table.list_basic td {font-size:14px;	}
table.list_basic th {padding:7px 0;background:#f7f7f7;  color:#000000; 
	 border-bottom:solid 1px #cccccc; border-left:solid 1px #dddddd
}
table.list_basic th.first {border-left:0;}
table.list_basic td {padding:10px 0; text-align:center; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; line-height:1.6em;}
table.list_basic td.aLeft, table.list_basic td.subject {text-align:left; padding-left:5px; }
table.list_basic td.aRight {text-align:right; padding-right:5px; }
table.list_basic td .em_subject { font-size:16px;  color:#666666; margin-bottom:5px; }
table.list_basic td img.pay_img {width:30px; }
table.list_basic td a.now_subject{font-weight:600; color:#AA4E03; }

table.list_basic th.dark_blue {color:#ffffff; background:#4187b5; }
table.list_basic th.dark_tomato {color:#ffffff; background:#e0624e; }

table.list_basic td div.show4mob {padding-top:13px; } /*모바일에서만 보임*/
table.list_basic td div.show4mob img.list_file {margin-left:30px;}

table.list_basic.back_blue thead th {color:#ffffff; background:#4187b5; border:0;}
table.list_basic.back_blue thead th:first-child {border-radius:5px 0 0 5px;}
table.list_basic.back_blue thead th:last-child {border-radius:0 5px 5px 0;}

table.over_tr tr.over_it td {background:#f9f9e8;}

/*검색*/
.list_search {text-align:center; padding-top:10px;}

/*게시물 상세보기*/
div.detail_info {color:#666666; margin-bottom:40px; padding:15px; background:#f9f9f9; border:dashed 1px #cccccc; border-radius:5px; }
div.detail_info h2 {color:#666666; margin-bottom:10px; line-height:1.4em;}
div.detail_text {font-size:15px; line-height:1.8em;  padding:0 10px; }
div.detail_text a, div.detail_text span {font-size:15px;}
div.detail_text p {margin:0; padding:0; }

div.detail_text iframe {width:100%; }

h4.detail_facebook_ment {background:url(/images/bt_icon.png) no-repeat -120px -120px; padding:1px 0 5px 20px; font-size:14px;
	border-bottom:dotted 1px #cccccc; display:inline-block; 
}

/*게시물 상세보기 버튼*/
div.detail_bt_area {text-align:center; padding:35px 0 15px 0;}
div.detail_bt_area a.bt_icon, div.detail_bt_area span.bt_icon {display:inline-block; width:38px; height:38px; line-height:38px; border-radius:20px; 
	overflow:hidden;  margin-left:5px; text-align:center; cursor:pointer;  
	background:url(/images/bt_icon.png) no-repeat -1000px -1000px #f3f3f3; 
}
div.detail_bt_area a.bt_icon:hover, div.detail_bt_area span.bt_icon:hover {box-shadow:0px 0px 5px #ff6633;}
div.detail_bt_area span#facebook {background-position:0 -120px; }
div.detail_bt_area span#twitter {background-position:0 -180px; }
div.detail_bt_area span#naver {background-position:0 -240px; }
div.detail_bt_area span#google {background-position:0 -300px; }
div.detail_bt_area span#kakao {background-position:0 -360px; }
div.detail_bt_area span#print {background-position:0 -480px; }
div.detail_bt_area a#list {margin-left:30px;}

/*댓글 내용*/
div#ment_wrapper {margin:2px 0 30px 0; }

dl.mentList {padding:0px 15px 10px 0; margin:0; border-top:solid 1px #dddddd; line-height:1.7em;}
dl.mentList dt {color:#909090; padding:8px 0 0 0px; margin-bottom:5px; ; position:relative;}
dl.mentList dt span {color:#999999;  }

dl.mentList dt span.m_new {color:#ff9900; }
dl.mentList dd {padding:0px 8px 10px 18px; color:#666666; border-bottom:dashed 1px #dddddd; }

/*댓글 쓰기*/
table.m_write {width:100%;  margin-top:10px; }
table.m_write caption {padding-bottom:5px; text-align:left; }
table.m_write caption span.bt_icon {display:inline-block; width:16px; height:18px; background-position:-300px -60px; margin-right:6px; vertical-align:middle; }
table.m_write td.txt_area {border:solid 1px #dddddd;}
table.m_write textarea {width:98%; padding:2px 1%; height:70px; border:0 none; line-height:1.4em;}
table.m_write td.bt_area {width:100px; text-align:right; }
table.m_write td.bt_area span.button {width:67px; height:67px; line-height:67px; font-size:16px; }
div.m_name {padding-top:6px;}
div.m_name label {display:inline-block; padding:0px 10px; background:#aaaaaa; color:#ffffff; margin-right:2px; height:23px; line-height:23px;
vertical-align:top;
}

/*글쓰기*/
/*관리 활동 관련 팝업창 : 태그 선택, 목록이미지 선택*/
div.setting_pop {display:none; position:absolute; border:solid 4px #459cd5; 	background:#ffffff; padding:10px; z-index:10; 
	max-width:640px; width:100%; 
}
ul.select_list {padding-top:5px; }
ul.select_list li {display:inline-block; min-width:90px; padding:3px 0; }
ul.select_list_img {text-align:center;}
ul.select_list_img li img.g_cursor {width:120px;}

/*무료체험 게시판*/
.free_bbs {padding:10px; }
.free_bbs ul {border-top:solid 1px #dddddd; }
.free_bbs ul li {padding:10px; border-bottom:solid 1px #dddddd; line-height:1.6em; }
.free_bbs ul li dl dt {font-size:15px;  }
.free_bbs ul li dl dt em {color:#808080; font-size:13px;}
.free_bbs ul li dl dd {font-size:13px; color:#808080; }
#detail_text .txc-image {width:100%; max-width:800px;}

/*1:1 질문*/
.qna_list {padding-bottom:70px;}
.qna_list h2 .bt_write {background:#70ad47; padding:5px 10px 7px 10px; }
.qna_write table td {text-align:left; padding-left:10px;}

table.qna11 td dl dt {padding-left:22px; background:url(/images/bt_icon.png) no-repeat -300px -115px; }
table.qna11 td dl dt strong {display:inline-block; border-bottom:dashed 1px #dddddd; padding-bottom:5px; }
table.qna11 td dl dd {padding-left:22px; padding-bottom:10px;}
table.qna11 td div.subject strong {font-size:15px; }
table.qna11 tr td.qna11_ask {border-bottom:solid 1px #ffffff;}

/*리뷰*/
.review_list {margin-top:5px; padding-top:10px; border-top:solid 1px #cccccc;}
.review_list dl {padding-bottom:15px;margin-bottom:15px; border-bottom:solid 1px #dddddd;}
.review_list dl dt {margin-bottom:5px;  }
.review_list dl dt .score {display:inline-block; height:20px; width:100px; background:url(/images/review_star.png) repeat-x 0 0;
	 vertical-align:middle; margin-right:10px; 
}
.review_list dl dt .score span {display:inline-block; height:20px; background:url(/images/review_star.png) repeat-x 0 -20px #ffffff;}
.review_list dl dt .date {color:#666666; margin-right:10px;}
.review_list dl label {margin-left:20px; cursor:pointer; color:#999999; }

.review_list dl dd {padding-left:10px;}
.review_list dl dd .goto_prod {margin-bottom:5px;}
.review_list dl dd .goto_prod a {color:#33a4db;}
.review_list dl dd .goto_prod a:hover {color:#ff6600;}

.review_list dl dt .best {display:inline-block; background:#3494d4; color:#ffffff;margin-right:10px; padding:4px 12px 6px 12px; border-radius:5px; text-align:center; 
	font-size:13px;
}

.review_write {display:none;}
.review_write dl dt {margin-bottom:5px;}
.review_write dl dd {border:solid 1px #aaaaaa; padding:5px; }
.review_write dl textarea {width:100%; height:70px; border:0; }

/*폼 테이블*/
table.border_vert {width:100%;  border-collapse:collapse;}
table.border_vert caption {text-align:left; padding:7px 0;}
table.border_vert th, table.border_vert td {padding:10px 5px;  padding-left:10px; border:solid 1px #dddddd; line-height:1.6em; }
table.border_vert th { background:#f6f6f6;  text-align:left; }
table.border_vert th.sky { background:#f0f0fc; }
table.border_vert th.wheat {background:#f3ece3; }
table.border_vert th.navy {background:#3b6883; color:#ffffff; }
table.border_vert th.tomato  {background:#ed7d31; color:#ffffff; }
table.border_vert th.aCenter, table.border_vert td.aCenter {text-align:center; padding-left:5px;}

/*목록 네비*/
.list_nav {clear:both; text-align:center; margin:20px 0; }
.list_nav a {display:inline-block; border:solid 1px #dddddd; width:30px; height:30px; line-height:30px; 
	font-size:12px; font-family:arial,sans-serif; vertical-align:middle;
}
.list_nav a:hover {background:#f3f3f3; color:#333333;}
.list_nav a.nowPage {background:#1baf73; color:#ffffff; border:solid 1px #1baf73; }
.list_nav a.bt_icon {background:url(/images/bt_icon.png) no-repeat -1200px -1200px; overflow:hidden; 
	text-align:left; text-indent:-2000px;	
}
.list_nav a.firstPage {background-position:-51px -169px;}
.list_nav a.prevPage {background-position:-51px -229px;}
.list_nav a.nextPage {background-position:-51px -289px;}
.list_nav a.lastPage {background-position:-51px -349px;}

/*전체화면 팝업*/
div.my_dialog {display:none; position:fixed; top:0; left:0; z-index:10; background:url(/images/trans_semi_25.png); width:100%; height:100%; }
div.my_dialog dl.content {position:fixed; top:35%; left:50%; margin-left:-200px; margin-top:-160px; background:#ffffff; box-shadow:1px 1px 5px #333333; }
div.my_dialog dl.content dt {text-align:center;  padding:8px 0; background:#42a8d3; color:#ffffff; font-weight:bold; font-size:15px; cursor:move; }
div.my_dialog dl.content dd {padding:20px 20px 10px 20px; }

div.my_dialog dl.view_img dt {font-size:14px; }
div.my_dialog dl.view_img dd {padding:0; }
div.my_dialog dl.view_img dd img.g_cursor{cursor:crosshair; }

/*다이알로그*/
.dialog {display:none; }
.dialog .inner{padding:10px; }
.dialog h2 {margin-bottom:10px;}
.ui-dialog-titlebar {background-color:#4682B4; color:#ffffff; }
.ui-dialog-titlebar .ui-dialog-title {color:#ffffff; }

/*tooltip*/
.ui-tooltip {background:#ffffff; display:inline-block; padding:0; box-shadow:3px 3px 3px #cccccc; }
.ui-tooltip > div {padding:7px 10px; border:solid 1px #ff6633; border-radius:5px; }
.ui-helper-hidden-accessible {display:none; } /*role log*/

