@charset "utf-8";
.board_w { position:relative; width:100%; clear:both; }

/* colgroup width */
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }

/* Board Search **********************************************************************************************************************************************************************************************/
.board_top_w { position:relative; width:100%; margin:20px 0px; clear:both; }
.board_top_w p.text { font-size:16px; line-height:40px; font-weight:400; color:#333; }
.board_top_w p.text span { font-size:16px; font-weight:400; color:#2d2b2b; }
.sb_search { position:absolute; top:0px; right:0px; width:385px; justify-content:flex-end;}
.sb_search select { width:100px; height:35px; line-height:35px; font-size:14px; vertical-align:middle; float:left; margin-right:5px; }
.sb_search .sbs_ip { width:180px; height:33px; line-height:33px; font-size:14px; vertical-align:middle; float:left; margin-right:5px; padding:0 5px; color:#333; border:1px solid #eee; background-color:#fff; }
.sb_search a.sbs_btn,
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { display:block; width:80px; height:35px; line-height:35px; float:left; font-size:14px; font-weight:400; text-align:center; color:#fff; background-color:#2d2b2b; }
.sb_search button.sbs_btn{display:block; width:80px; height:35px; line-height:35px; float:left; font-size:14px; font-weight:400; text-align:center; color:#fff; background-color:#2d2b2b;float: right;}
/* Board **********************************************************************************************************************************************************************************************/
/* List */
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table colgroup {display:none;}
.sb_list .sb_table { position:relative; width:99.5%; clear:both;  border-top:2px solid #2d2b2b; }
.sb_list .sb_table thead {display:none;}
.sb_list .sb_table thead th {  border-top:3px solid #2d2b2b; }
.sb_list .sb_table  th { height:50px; line-height:50px; color:#333; font-size:1.1em; border-bottom:1px solid #ddd; background-color:#fafafa; font-weight:500; text-align:Center;}
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td { height:30px; padding:10px 5px; line-height:18px; font-size:1em; border-bottom:1px solid #ddd; color:#666; border-left:1px solid #ddd;}
.sb_list .sb_table .updlist{ text-align:center;}
.sb_list .sb_table td:nth-child(1){ border-left:none;}
.sb_list .sb_table tr.t_c {text-align:center; }
.sb_list .sb_table td.t_c {text-align:center; }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice,
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover,
.sb_list .sb_table td a.notice:active { color:#333; font-weight:400; }

/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:99.5%; border-top:3px solid #2d2b2b; border-left:1px solid #ddd; }
.sb_view .sv_table th { padding:10px 10px; height:30px; line-height:30px; font-weight:400; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f5f5f5; }
.sb_view .sv_table td { padding:10px 15px; height:30px; line-height:30px; font-weight:normal; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:8px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

.sb_view2 {position:relative; width:100%; border-top: 2px solid #2d2b2b; border-bottom: 1px solid #2d2b2b;}
.sb_view2 .titleBox {padding:30px; border-bottom: 1px solid #ddd;}
.sb_view2 .titleBox .title {color: #333; font-weight: 600; margin-bottom:15px; font-size:30px;}
.sb_view2 .titleBox ul {display: flex;}
.sb_view2 .titleBox ul li { color: #666;}
.sb_view2 .titleBox ul li:not(:last-child):after { content: '|'; margin: 0 20px; color: #ddd;}
.sb_view2 .ctnBox {padding: 50px 30px; text-align: center;}
.sb_view2 .ctnBox .txtBox {margin-bottom: 70px;}
.sb_view2 .ctnBox .txtBox p:not(:last-child) {margin-bottom: 15px;}
.sb_view2 .ctnBox .txtBox img { margin: 50px 0 20px;}
.sb_view2 .ctnBox .fileBox .itemBox {display: flex; align-items: center; padding: 25px 40px ; background: #f5f5f5; color: #666; border-radius: 10px;}
.sb_view2 .ctnBox .fileBox .itemBox .title { display: flex; align-items: center;}
.sb_view2 .ctnBox .fileBox .itemBox .title:after {content: ''; display: inline-block; width: 1px; height: 20px; background: #ddd; margin: 0 40px;}
.sb_view2 .ctnBox .fileBox .itemBox .down { font-weight: 300;}
.sb_view2 .ctnBox .fileBox .itemBox:not(:last-child) {margin-bottom: 10px;}

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:99.5%; border-top:3px solid #2d2b2b; border-left:1px solid #ddd; }
.sb_form .sv_table th { padding:10px 10px; height:30px; line-height:30px; font-weight:400; font-size:14px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa;   font-weight:400;}
.sb_form .sv_table td { padding:10px 15px; height:30px; line-height:30px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sb_form .sv_table td.con { padding:20px 10px; }
.sb_form .sv_table td input { vertical-align:middle; }

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #2d2b2b; }
.sb_list ul.web_zine_w li { position:relative; width:94%; min-height:245px; padding:20px 3%; border-bottom:1px solid #ddd; }
.sb_list ul.web_zine_w li p.wz_img { width:425px; height:240px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:240px; border:1px solid #ddd; }
.sb_list ul.web_zine_w li dl { position:relative; width:calc(100% - 480px); float:none; margin-left:480px;}
.sb_list ul.web_zine_w li dl dt { font-size:18px; color:#333; padding:15px 0px; font-weight:400; }
.sb_list ul.web_zine_w li dl dd.con {color:#666; line-height:1.4em; font-size:0.9em;}

.webzine_list p {position:Relative; margin-left:20px; }
.webzine_list p:before {position:absolute; display:block; content:""; left:-10px; top:10px; width:4px; height:4px; background-color:#c22b31;  }
.webzine_list p strong { font-weight:400; color:#c22b31;}

.product_top .img_area {float:left; width:50%; }
.product_top .img_area img {max-width:100%; }
.product_top .text_area {float:right; width:45%; margin-left:5%; }
.product_top .text_area h3 {padding-bottom:10px; border-bottom:3px solid #222;  margin-bottom:20px; }
.product_top .text_area p {margin-bottom:10px; }

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #2d2b2b; border-bottom:1px solid #000;}
.sb_gall .sp_table { position:relative; width:98%; padding:0 1% 30px 1%; }
.sb_gall .sp_table dl { position:relative; width:23%; padding:30px 1% 20px 1%; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%;  padding:2px; border:1px solid #ddd; }
.sb_gall .sp_table dl dt img { width:100%; }
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:40px; text-align:center; color:#666; font-weight:400; }
.sb_gall .sp_table dl dd span { display:inline-block; background-color: #e42828 !important; color:#fff !important; padding:2px 10px; margin-bottom:5px;}

/* FAQ */
.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
.sb_list ul.faq li p.faq_q a { font-size:15px; padding:15px 15px 15px 60px; line-height:24px; display:block; background:url("/home/images/board/q.gif") no-repeat 20px 10px; }
.sb_list ul.faq li div.faq_a { font-size:15px; padding:15px 15px 15px 60px; line-height:24px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:24px; color:#a3432f; padding-left:40px; background:url("/home/images/board/a.gif") no-repeat left top; }
.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

/* 보도자료 */
.report_list {position:relative; width:100%; margin-top:10px; clear:both; }
.report_list .sb_table colgroup {display:none;}
.report_list .sb_table { position:relative; width:99.5%; clear:both;  border-top:2px solid #2d2b2b; }
.report_list .sb_table thead {display:none;}
.report_list .sb_table thead th {  border-top:3px solid #2d2b2b; }
.report_list .sb_table  th { height:50px; line-height:50px; color:#333; font-size:1.1em; border-bottom:1px solid #ddd; background-color:#fafafa; font-weight:500; text-align:Center;}
.report_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.report_list .sb_table td {position:relative; min-height:30px; padding: 30px; border-bottom:1px solid #ddd; color:#666; border-left:1px solid #ddd; cursor:pointer;}
.report_list .sb_table td a{color: #222; font-size: 24px; font-weight: 500; width:calc(100% - 80px); margin: 0 0 15px; overflow: hidden; -webkit-line-clamp: 1;word-wrap: break-word;  text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;  transition: all 0.5s; position: relative;}
.report_list .sb_table td a:hover{text-decoration:underline;}
.report_list .sb_table td .circleBox {position:absolute; top:50%; right:30px; transform: translate(0%, -50%) ; width: 65px; height: 65px; border-radius: 50%; border: 1px solid #093e7a; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all 0.5s; flex-shrink: 0; font-size:24px; color:#093e7a}
.report_list .sb_table td:hover .circleBox {opacity: 1;}
.report_list .sb_table td span.pl_3{display:none;}
.report_list .sb_table .t_d .news-date{font-size:16px; color: #999; display:inline-block;}
.report_list .sb_table .updlist{ text-align:center;}
.report_list .sb_table td:nth-child(1){ border-left:none;}
.report_list .sb_table tr.t_c {text-align:center; }
.report_list .sb_table td.t_c {text-align:center; }
.report_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.report_list .sb_table td a.notice,
.report_list .sb_table td a.notice:visited,
.report_list .sb_table td a.notice:hover,
.report_list .sb_table td a.notice:active { color:#333; font-weight:400; }


/* Board Button **********************************************************************************************************************************************************************************************/
.sb_btn_w { position:relative; width:100%; height:35px; margin:20px 0px 0px 0px; clear:both; }
.sb_btn_w .sb_btn { float:right; }
.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 4px; min-width: 120px; height: 50px; line-height:50px; float:left; background-color:#2d2b2b; border-radius:50px;}
.sb_btn_w .sb_btn p.b_btn_on a {font-weight:400; color:#fff; padding:0 20px; display:block; text-align:center;}

.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 4px; min-width: 120px; height: 50px; line-height:50px; float:left; background-color:#333; border-radius:50px; }
.sb_btn_w .sb_btn p.b_btn_off a {font-weight:400; color:#fff; padding:0 20px; display:block; text-align:center;}

.sb_btn_w .sb_btn button { margin:7px 1px 0px 1px; overflow:visible; display:inline-block; text-decoration:none !important; text-align:center; white-space:nowrap; cursor:pointer; }
.sb_btn_w .sb_btn button.btn_gray,zz
.sb_btn_w .sb_btn button.btn_gray:visited { margin:0px 0px 0px 4px; min-width: 120px; height: 50px; line-height:50px; float:left; background-color:#333; font-weight:400; color:#fff; display:block; border-radius:50px;}
.sb_btn_w .sb_btn button.btn_gray:hover,
.sb_btn_w .sb_btn button.btn_gray:active { margin:0px 0px 0px 4px; min-width: 120px; height: 50px; line-height:50px; float:left; background-color:#333; font-weight:400; color:#fff; display:block; border-radius:50px;}
.sb_btn_w .sb_btn button.btn_gray:focus { margin:0px 0px 0px 4px;min- width: 120px; height: 50px; line-height:50px;; float:left; background-color:#333; font-weight:400; color:#fff; display:block; border-radius:50px;}


/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { margin:40px 0px 20px 0px; text-align:center; clear:both; }
.sb_page a, .sb_page em, .sb_page img, .sb_page span { display:inline-block; vertical-align:top; padding:0 2px;  width:20px;}
.sb_page span.bnt {  padding:0px;  }
.sb_page ol li { padding:0px; }
/*.sb_page .no_off a { font-weight:400; width:29px; height:34px; font-size:13px; line-height:28px; color:#666; background:url("../images/board/no_bg.gif") no-repeat; }
.sb_page .no_on a { font-weight:400; width:29px; height:34px; font-size:13px; line-height:28px; color:#2d2b2b; text-decoration:underline; background:url("../images/board/no_on_bg.gif") no-repeat; }*/
.m_sb_page { display:none; }

/* Search **********************************************************************************************************************************************************************************************/
.sc_search_w { position:relative; width:100%; clear:both; }
.sc_search_w .sc_st {position:relative; width:45%; height:26px; padding:15px 27%; border:1px solid #e4e4e4; background-color:#fafafa;}
.sc_search_w .sc_st .sbs_ip {width:78%; height:26px; padding:0 5px; font-size:13px; line-height:23px; border:1px solid #e4e4e4; vertical-align:middle; float:left; margin-right:5px;}
.sc_search_w .sc_st a.sbs_btn,
.sc_search_w .sc_st a.sbs_btn:visited,
.sc_search_w .sc_st a.sbs_btn:hover,
.sc_search_w .sc_st a.sbs_btn:active {width:15%; height:28px; display:block; font-size:13px; text-align:center; color:#fff; line-height:28px; float:left; background-color:#2d2b2b; font-weight:400; }

.sc_search_w .search_list_w { position:relative; width:100%; }
.sc_search_w .search_list_w h4 { min-height:40px; line-height:40px; padding-left:36px; font-size:18px; color:#333; font-weight:400; margin:30px 0 10px 0; background:url("../images/sub/icon02.gif") no-repeat left top; }

.sc_search_w .search_list_w .search_list {padding:15px 0 15px 15px; border-top:3px solid #2d2b2b; border-bottom:1px solid #e4e4e4;}
.sc_search_w .search_list_w .search_list li { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#333; font-weight:400; background:url("../images/sub/icon03.gif") no-repeat left 9px;}
.sc_search_w .search_list_w .search_list li a {display:block;}
.sc_search_w .search_list_w .search_list li span { color:#2d2b2b;}

.sc_search_w .search_list_w .search_list02 {padding:15px 0 15px 15px; border-top:3px solid #2d2b2b; border-bottom:1px solid #e4e4e4;}
.sc_search_w .search_list_w .search_list02 dl { padding:10px 0; }
.sc_search_w .search_list_w .search_list02 dl dt { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#333; font-weight:400; background:url("../images/sub/icon03.gif") no-repeat left 9px;}
.sc_search_w .search_list_w .search_list02 dl dt span { color:#2d2b2b;}
.sc_search_w .search_list_w .search_list02 dl dt span.date { color:#666; padding-left:10px;}
.sc_search_w .search_list_w .search_list02 dl dd { font-size:12px; color:#0a0817; padding:10px 0px 5px 15px; line-height:20px;}
.sc_search_w .search_list_w .search_list02 dl dd span { color:#2d2b2b;}



@media all and (min-width:641px) and (max-width:1300px) {
	/* Web Zine */
	.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #2d2b2b; }
	.sb_list ul.web_zine_w li { position:relative; width:94%; min-height:200px; padding:20px 3%; border-bottom:1px solid #ddd; }
	.sb_list ul.web_zine_w li p.wz_img { width:325px; height:200px; margin-right:3%; float:left; }
	.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:200px; border:1px solid #ddd; }
	.sb_list ul.web_zine_w li dl { position:relative; width:calc(100% - 350px); float:none; margin-left:350px;}
	.sb_list ul.web_zine_w li dl dt { font-size:18px; color:#333; padding:15px 0px; font-weight:400; }
	.sb_list ul.web_zine_w li dl dd.con {color:#666; line-height:1.4em; font-size:0.9em;}

}


/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* tablet device *******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
@media all and (min-width:641px) and (max-width:989px) {
	.board_w { position:relative; width:100%; clear:both; padding:0px; }

	/* Board Search **********************************************************************************************************************************************************************************************/
	.board_top_w { position:relative; width:100%; height:60px; margin:20px 0px 40px 0px; clear:both; }
	.board_top_w p.text { font-size:16px; line-height:18px; font-weight:400; color:#333; text-align:right; }
	.board_top_w p.text span { font-size:16px; font-weight:400; color:#2d2b2b; }
	.sb_search { position:absolute; top:35px; right:0px; width:60%; }
	.sb_search select { width:29%; height:35px; line-height:35px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }
	.sb_search .sbs_ip { width:44%; height:33px; line-height:33px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; padding:0 2%; color:#333; border:1px solid #eee; background-color:#fff; }
	.sb_search a.sbs_btn,
	.sb_search a.sbs_btn:visited,
	.sb_search a.sbs_btn:hover,
	.sb_search a.sbs_btn:active { display:block; width:20%; height:35px; line-height:35px; float:left; font-size:14px; font-weight:400; text-align:center; color:#fff; background-color:#2d2b2b; }

	.sb_search button.sbs_btn {width: 20%;height: 35px;line-height: 35px;font-size: 14px;font-weight: 400;text-align: center;color: #fff;background-color: #2d2b2b;}

	/* Board **********************************************************************************************************************************************************************************************/
	/* List */
	.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
	.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
	.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #2d2b2b; border-bottom:1px solid #ddd; background-color:#fafafa; }
	.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
	.sb_list .sb_table td { height:25px; padding:10px 5px; line-height:18px; font-size:14px; border-bottom:1px solid #ddd; color:#666; }
	.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
	.sb_list .sb_table td a.notice,
	.sb_list .sb_table td a.notice:visited,
	.sb_list .sb_table td a.notice:hover,
	.sb_list .sb_table td a.notice:active { color:#333; font-weight:400; }

	/* View */
	.sb_view { position:relative; width:100%; clear:both; }
	.sb_view .sv_table { width:99.5%; border-top:3px solid #2d2b2b; border-left:1px solid #ddd; }
	.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:400; font-size:14px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
	.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
	.sb_view a.file { padding:0; }
	.sb_view .file_icon { padding:2px 5px 0px 0px; }
	.sb_view span.down { color:#999; font-size:11px; }
	.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
	.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
	.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

	.sb_view2 .titleBox .title {font-size:20px;}

	/* Form */
	.sb_form { position:relative; width:100%; clear:both; }
	.sb_form .sv_table { width:99.5%; border-top:3px solid #2d2b2b; border-left:1px solid #ddd; }
	.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:400; font-size:14px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
	.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
	.sb_form .sv_table td.con { padding:20px 10px; }
	.sb_form .sv_table td input { vertical-align:middle; }

	/* Web Zine
    .sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #2d2b2b; }
    .sb_list ul.web_zine_w li { position:relative; width:96%; min-height:170px; height:100%; padding:2% 2%; border-bottom:1px solid #ddd; }
    .sb_list ul.web_zine_w li p.wz_img { width:31%; height:100%; height:150px; overflow:hidden; margin-right:3%; float:left; border:1px solid #ddd;}
    .sb_list ul.web_zine_w li p.wz_img img { width:100%; height:100%; min-height:150px; border:0px solid #ddd; }
    .sb_list ul.web_zine_w li dl { position:relative; width:59%; float:left; }
    .sb_list ul.web_zine_w li dl dt { font-size:16px; color:#333; padding:2% 0px; font-weight:400; }
    .sb_list ul.web_zine_w li dl dd.con { font-size:14px; color:#666; line-height:24px; }*/

	/* Gallery */
	.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #2d2b2b; border-bottom:1px solid #000;}
	.sb_gall .sp_table { position:relative; width:98%; padding:0 1% 30px 1%; }
	.sb_gall .sp_table dl { position:relative; width:31%; padding:30px 1% 10px 1%; float:left; }
	.sb_gall .sp_table dl dt { position:relative; width:100%;  padding:2px; border:1px solid #ddd; }
	.sb_gall .sp_table dl dt img { width:100%; }
	.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:60px; font-size:15px; text-align:center; color:#666; font-weight:400; }

	/* FAQ */
	.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
	.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
	.sb_list ul.faq li p.faq_q a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; display:block; background:url("../images/board/q.gif") no-repeat 20px 10px; }
	.sb_list ul.faq li div.faq_a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
	.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:18px; color:#a3432f; padding-left:40px; background:url("../images/board/a.gif") no-repeat left top; }
	.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

	/* 보도자료 */
	.report_list .sb_table td a{font-size: 18px; width:calc(100% - 50px);}
	.report_list .sb_table td a:hover{text-decoration:underline;}
	.report_list .sb_table td .circleBox {width: 40px; height: 40px;}
	.report_list .sb_table .t_d .news-date{font-size:14px;}

	/* Board Page **********************************************************************************************************************************************************************************************/
	.sb_page { display:none; }
	.m_sb_page { display:block; position:relative; width:99.5%; text-align:center; margin-top:30px; clear:both; border:1px solid #ddd; background-color:#fafafa; clear:both; }
	.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; }
	.m_sb_page ul li strong { color:#2d2b2b; }
	.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #ddd; }
	.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
	.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #ddd; }
	.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px; }

}



/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* mobile device ******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/

@media all and (min-width:220px) and (max-width:840px) {

	.product_top .img_area {float:left; width:100%; }
	.product_top .img_area img {max-width:100%; }
	.product_top .text_area {float:left; width:100%; margin-left:0%; margin-top:50px;}
	.product_top .text_area h3 {padding-bottom:10px; border-bottom:3px solid #222;  margin-bottom:20px; }
	.product_top .text_area p {margin-bottom:10px; }
}

@media all and (min-width:320px) and (max-width:640px) {
	.board_w { position:relative; width:100%; clear:both; padding:0px; }

	/* Board Search **********************************************************************************************************************************************************************************************/
	.board_top_w { position:relative; width:100%; height:60px; margin:15px 0px; clear:both; }
	.board_top_w p.text { font-size:14px; line-height:18px; font-weight:400; color:#333; text-align:right; }
	.board_top_w p.text span { font-size:14px; font-weight:400; color:#2d2b2b; }
	.sb_search { position:absolute; top:30px; right:0px; width:80%; }
	.sb_search select { width:29%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }
	.sb_search .sbs_ip { width:44%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; padding:0 2%; color:#333; border:1px solid #eee; background-color:#fff; }
	.sb_search a.sbs_btn,
	.sb_search a.sbs_btn:visited,
	.sb_search a.sbs_btn:hover,
	.sb_search a.sbs_btn:active { display:block; width:20%; height:30px; line-height:28px; float:left; font-size:14px; font-weight:400; text-align:center; color:#fff; background-color:#2d2b2b; }

	.sb_search2 { position:absolute; top:30px; right:80%; width:20%; }
	.sb_search2 select { width:98%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }

	/* Board ******************************************************************************************************************************************************************************************************/
	/* List */
	.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
	.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
	.sb_list .sb_table th { height:45px; line-height:1.4em; color:#333; font-size:14px; border-bottom:1px solid #ddd; background-color:#fafafa; }
	.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
	.sb_list .sb_table td { height:26px; padding:15px 10px; line-height:14px; font-size:12px; color:#8b8b8b; border-bottom:1px solid #ddd; }
	.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
	.sb_list .sb_table td a.notice,
	.sb_list .sb_table td a.notice:visited,
	.sb_list .sb_table td a.notice:hover,
	.sb_list .sb_table td a.notice:active { color:#8b8b8b; font-weight:400; }
	.sb_list .sb_table td ul { width:60px; margin:0 auto; }
	.sb_list .sb_table td ul.sort li { float:left; margin:2px 0px; }

	/* View */
	.sb_view { position:relative; width:100%; clear:both; }
	.sb_view .sv_table { width:99.5%; border-top:3px solid #2d2b2b; border-left:1px solid #ddd; }
	.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:400; font-size:12px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
	.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
	.sb_view a.file { padding:0; }
	.sb_view .file_icon { padding:2px 5px 0px 0px; }
	.sb_view span.down { color:#999; font-size:11px; }
	.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
	.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
	.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

	.sb_view2 .titleBox .title {font-size:20px;}

	/* Form */
	.sb_form { position:relative; width:100%; clear:both; }
	.sb_form .sv_table { width:99.5%; border-top:3px solid #2d2b2b; border-left:1px solid #ddd; }
	.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:400; font-size:12px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
	.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
	.sb_form .sv_table td.con { padding:20px 10px; }
	.sb_form .sv_table td input { vertical-align:middle; }

	/* Web Zine */
	.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #2d2b2b; }
	.sb_list ul.web_zine_w li { position:relative; width:100%; min-height:95px; height:auto; padding:3% 1%; border-bottom:1px solid #ddd; }
	.sb_list ul.web_zine_w li p.wz_img { width:100%; height:100%; height:auto; margin-right:3%; float:none; }
	.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:100%; min-height:95px; border:1px solid #ddd; }
	.sb_list ul.web_zine_w li dl { position:relative; width:100%; float:none; margin-top:10px; margin-left:0;}
	.sb_list ul.web_zine_w li dl dt { font-size:15px; color:#333; padding:2% 0px; font-weight:400; }
	.sb_list ul.web_zine_w li dl dd.con {  color:#666; line-height:20px; }

	/* Gallery */
	.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #2d2b2b; border-bottom:1px solid #000;}
	.sb_gall .sp_table { position:relative; width:98%; padding:20px 1% 10px 1%; }
	.sb_gall .sp_table dl { position:relative; width:46%; padding:10px 2%; float:left; }
	.sb_gall .sp_table dl dt { position:relative; width:100%;  padding:2px; border:1px solid #ddd; }
	.sb_gall .sp_table dl dt img { width:100%;}
	.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:5px; font-size:14px; text-align:center; color:#666; font-weight:400; height:60px; }

	/* FAQ */
	.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
	.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
	.sb_list ul.faq li p.faq_q a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; display:block; background:url("../images/board/q.gif") no-repeat 20px 10px; }
	.sb_list ul.faq li div.faq_a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
	.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:18px; color:#a3432f; padding-left:40px; background:url("../images/board/a.gif") no-repeat left top; }
	.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

	/* 보도자료 */
	.report_list .sb_table td a{font-size: 18px; width:calc(100% - 50px);}
	.report_list .sb_table td a:hover{text-decoration:underline;}
	.report_list .sb_table td .circleBox {width: 40px; height: 40px;}
	.report_list .sb_table .t_d .news-date{font-size:14px;}

	/* Board Page **********************************************************************************************************************************************************************************************/
	.sb_page { display:none; }
	.m_sb_page { display:block; position:relative; width:99.5%; text-align:center; margin-top:30px; clear:both; border:1px solid #ddd; background-color:#fafafa; clear:both; }
	.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:12px; }
	.m_sb_page ul li strong { color:#2d2b2b; }
	.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #ddd; }
	.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
	.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #ddd; }
	.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px; }

	/* Board Button **********************************************************************************************************************************************************************************************/
	.sb_btn_w { position:relative; width:100%; height:30px; margin:20px 0px 0px 0px; clear:both; }
	.sb_btn_w .sb_btn { float:right; }
	/*
    .sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#2d2b2b; }
    .sb_btn_w .sb_btn p.b_btn_on a { font-size:12px; font-weight:400; color:#fff; padding:0 10px; display:block; }

    .sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#333; }
    .sb_btn_w .sb_btn p.b_btn_off a { font-size:12px; font-weight:400; color:#fff; padding:0 10px; display:block; }

    .sb_btn_w .sb_btn button { margin:7px 1px 0px 1px; overflow:visible; display:inline-block; text-decoration:none !important; text-align:center; white-space:nowrap; cursor:pointer; }
    .sb_btn_w .sb_btn button.btn_gray,
    .sb_btn_w .sb_btn button.btn_gray:visited { margin:0px 0px 0px 4px; height:30px; line-height:30px; float:left; background-color:#444; font-size:12px; font-weight:400; color:#fff; padding:0 15px; display:block; }
    .sb_btn_w .sb_btn button.btn_gray:hover,
    .sb_btn_w .sb_btn button.btn_gray:active { margin:0px 0px 0px 4px; height:30px; line-height:30px; float:left; background-color:#444; font-size:12px; font-weight:400; color:#fff; padding:0 15px; display:block; }
    .sb_btn_w .sb_btn button.btn_gray:focus { margin:0px 0px 0px 4px; height:30px; line-height:30px; float:left; background-color:#444; font-size:12px; font-weight:400; color:#fff; padding:0 15px; display:block; }
    */

	/* Search **********************************************************************************************************************************************************************************************/
	.sc_search_w { position:relative; width:100%; clear:both; }
	.sc_search_w .sc_st {position:relative; width:89%; height:26px; padding:15px 5%; border:1px solid #e4e4e4; background-color:#fafafa; }
	.sc_search_w .sc_st label {width:23%; line-height:26px; font-size:12px; color:#2d2b2b; font-weight:400; display:block; float:left;}
	.sc_search_w .sc_st .sbs_ip {width:50%; height:26px; padding:0 5px; font-size:13px; line-height:23px; border:1px solid #e4e4e4; vertical-align:middle; float:left; margin-right:5px; background-color:#fff; }
	.sc_search_w .sc_st a.sbs_btn,
	.sc_search_w .sc_st a.sbs_btn:visited,
	.sc_search_w .sc_st a.sbs_btn:hover,
	.sc_search_w .sc_st a.sbs_btn:active {width:15%; height:28px; display:block; font-size:13px; text-align:center; color:#fff; line-height:28px; float:left; background-color:#2d2b2b; font-weight:400; }

}

/* 공시정보 테이블 페이징 CSS 추가 */
.disinfo .sb_page .no_off a { color:#666;}
.disinfo .sb_page .no_on a { font-weight:400; color:#2d2b2b; text-decoration:underline; }

.stock {margin: auto; border-top: solid 4px #222; border-bottom: solid 1px #222;}
.stock th {height: 200px;}

.stock2 {margin: auto; border-top: solid 4px #222; padding:60px 30px; margin-top:10px; border-bottom: solid 1px #222; display: flex; align-items: center; justify-content: space-between;}
.stock-num{font-family: 'GmarketSansBold'; font-size:65px;}
.stock-wcp strong{font-family: 'GmarketSansBold'; font-size: 40px; display:block;}
.stock-wcp ul > li{font-size:20px}
.stock-list{display: flex; align-items: center; justify-content: center;}
.stock-list li{font-size:25px; margin-left:10px; text-align:center; border:1px solid #ddd; border-radius:10px; width:25%; flex:1; padding:20px;}
.stock-list li p{font-family: 'GmarketSansBold';}

.arrowUp::before {content: ' \25B2'; color: #d13823; font-size: 15px;}
.arrowDown::before {content: ' \25BC'; color: #2b37df; font-size: 15px;}
.arrowUpMain::before {content: ' \25B2'; color: #d13823; font-size: 60px;}
.arrowDownMain::before {content: ' \25BC'; color: #2b37df; font-size: 60px;}

@media screen and (max-width:1200px){
	.stock2 {display: flex; align-items: flex-start; justify-content: space-between;}
	.stock-num{font-size:50px;}
	.stock-wcp strong{font-size: 25px; display:block;}
	.stock-wcp ul > li{font-size:18px}
	.stock-list li{font-size:18px; margin-left:10px; padding:10px;}
	.arrowUpMain::before {font-size: 45px;}
	.arrowDownMain::before {font-size: 45px;}
}

@media screen and (max-width:1024px){
	.stock2 {justify-content: center; flex-direction: column; padding:30px;}
	.stock-num{font-size:50px; margin-bottom:20px;}
	.stock-wcp{margin-bottom:20px;}
	.stock-wcp strong{font-size: 25px; display:block;}
	.stock-wcp ul > li{font-size:18px}
	.stock-list{width:100%;}
	.stock-list li{font-size:16px; margin-left:5px; padding:10px 5px;}
	.stock-list li:first-child{margin:0;}
}