@charset "utf-8";
@import url(/ko/common/css/font.css);

* {
	margin:0; 
	padding:0; 
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
			box-sizing: border-box;
}

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-family:noto_d;font-size:100%;font-weight:normal;vertical-align:baseline;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}

img {border:0px;display:inline;}
html, body {width:100%;min-width:320px;height:100%;}
table {table-layout:fixed;}
ul,ol {margin:0 auto;padding:0;list-style:none}
input,textarea,select {font-family:noto_d;font-size:13px;color:#666;border:0;outline-style:none;-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:0;border-radius:0}
.invisible, caption, legend {position:absolute;left:-9999px;font-size:0;line-height:0%;visibility:hidden}
label.hidden {position:absolute;left:-9999px;font-size:0;line-height:0%;visibility:hidden}
button {font-family:noto_d;background:none;border:0;cursor:pointer;outline-style:none;}
button>span {position:relative;}
em {font-style:normal;}

body {font-family:noto_d;font-weight:normal;font-size:13px;color:#666;background-color:transparent;-webkit-text-size-adjust:none;padding-top:60px;}
body.popup {padding-top:0px;}
body.rohs {padding-top:0px;}

@media screen and (max-width: 1024px) {
	body {padding-top: 52px;}
}


/* common */
.fl {float:left}
.fr {float:right}
.hidden {overflow:hidden;}
.txt_hidden {display:block;width:0;height:0;font-size:0;position:absolute;left:-9999px;}
.clear:after {content:".";clear:both;display:block;height:0;visibility:hidden}
.relative {position:relative}
.elps {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wb {word-break:break-all;}
.border {border:1px solid red}
.inline {display:inline;}
.inblock {display:inline-block;}
.block {display:block !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.vam {vertical-align:middle !important;}
.cursor {cursor:pointer;}

.pc_none {display:none !important;}
.mo_only {display:none !important;}

@media screen and (max-width:1024px) {

.pc_none {display:inline-block !important;}
.tablet_none {display:none !important;}

}

@media screen and (max-width:640px) {

.mo_none {display:none !important;}
.mo_only {display:inline-block !important;}

}


/* padding */
.pl5 {padding-left:5px;}
.pr10 {padding-right:10px !important;}
.pt5 {padding-top:5px;}
.pb5 {padding-bottom:5px;}

/* margin */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.mr15 {margin-right:15px;}


/* height */
.h100 {height:100px;}

/* font */
.fc_black {color:#000 !important;}
.fc_blue {color:#043b80 !important;}
.fc_blue2 {color:#296dba !important;}
.fc_red {color:#ed174b !important;}
.fc_navy {color:#003876 !important;}
.fc_gray {color:#333 !important;}
.fc_gray2 {color:#727272 !important;}
.fc_sky {color:#398eee !important;}


/* 링크효과 */
a {color:#666;text-decoration:none;cursor:pointer;}
a:hover {color:#666;text-decoration:none;}

a.link1 {color:#727272;text-decoration:none;}
a.link1:hover {color:#296dba;text-decoration:none;}

a.link2 {color:#727272;text-decoration:none;}
a.link2:hover {color:#296dba;text-decoration:underline;}


/** common **/
.v_stnd {width:0.1%;height:100%; display:inline-block; vertical-align:middle;}
.v_center {width:98%; text-align:center; display:inline-block; vertical-align:middle;}

.tag1  {display:inline-block;font-family:noto_l;font-size:13px;line-height:13px;color:#fff;padding:3px 6px;background:#6a7379;border-radius:2px;}
.tag2  {display:inline-block;font-family:noto_d;font-size:11px;color:#fff;line-height:14px;padding:2px 5px 1px 5px;background:#6a7379;border-radius:2px;}
.tag_status1{display:inline-block;width:59px;height:19px;font-size:13px;color:#fff;text-align:center;line-height:18px;background:#6a7379;text-decoration:none;vertical-align:middle;border-radius:2px;}
.tag_status2{display:inline-block;width:59px;height:19px;font-size:13px;color:#fff;text-align:center;line-height:18px;background:#296dba;text-decoration:none;vertical-align:middle;border-radius:2px;}
.tag3 {display:inline-block;width:72px;height:30px;font-family:noto_d;font-size:13px;color:#888;text-align:center;line-height:27px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:2px solid #888;border-radius:15px;}
.tag4  {display:inline-block;font-family:noto_r;font-size:10px;color:#fff;padding:1px 5px 1px 5px;background:#babec1;border-radius:2px;}
.tag5  {display:inline-block;font-family:noto_r;font-size:10px;color:#fff;padding:1px 5px 1px 5px;background:#80a9d6;border-radius:2px;}

@media screen and (max-width:640px) {
.tag1 {display:inline-block;font-family:noto_l;font-size:13px;line-height:13px;color:#fff;padding:2px 4px;background:#6a7379;border-radius:2px;}
}


/*************** guide comment ***************/
.guide_comment1 {display:inline-block;font-size:14px;color:#296dba;padding-left:23px; background:url('/ko/common/img/ko/icon/icon_guide1.png') no-repeat;}
.guide_comment2 {display:block;font-size:14px;line-height:18px; padding-left:15px;background:url('/ko/common/img/ko/icon/bu_emp1.png') no-repeat left 4px;}
.guide_comment3 {display:inline-block;font-family:noto_m;font-size:20px;color:#296dba;padding-left:34px;background:url('/ko/common/img/ko/icon/icon_guide3.png') no-repeat left 3px;}
.guide_comment4 {display:inline-block;font-size:14px;color:#ab2727;line-height:18px; padding-left:15px;background:url('/ko/common/img/ko/icon/bu_emp2.png') no-repeat left 4px;}
.guide_comment5 {display:inline-block;font-size:14px;color:#727272;padding-left:23px; background:url('/ko/common/img/ko/icon/icon_guide1.png') no-repeat;}


@media screen and (max-width: 1024px) {

.guide_comment1 {display:inline-block;font-size:13px;color:#296dba;padding-left:20px; background:url('/ko/common/img/ko/icon/icon_guide1.png') no-repeat;background-size:14px;}
.guide_comment5 {display:inline-block;font-size:13px;color:#727272;padding-left:20px; background:url('/ko/common/img/ko/icon/icon_guide1.png') no-repeat;background-size:14px;}

}


/********** page navigation **********/
.pageWpap {text-align:center;position:relative;}
.page_nav1 {display:inline-block;}
.page_nav1 a,.page_nav1 span {display:block;float:left;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #ddd;border-right:0;}
.page_nav1 .page_arr {text-indent:-9999px;}
.page_nav1 .first {background:url('/ko/common/img/ko/icon/pageNav_first.png') no-repeat center;}
.page_nav1 .first:hover {background:#ececec url('/ko/common/img/ko/icon/pageNav_first.png') no-repeat center;}
.page_nav1 .prev {background:url('/ko/common/img/ko/icon/pageNav_prev.png') no-repeat center;}
.page_nav1 .prev:hover {background:#ececec url('/ko/common/img/ko/icon/pageNav_prev.png') no-repeat center;}
.page_nav1 .next {background:url('/ko/common/img/ko/icon/pageNav_next.png') no-repeat center;}
.page_nav1 .next:hover {background:#ececec url('/ko/common/img/ko/icon/pageNav_next.png') no-repeat center;}
.page_nav1 .last {background:url('/ko/common/img/ko/icon/pageNav_last.png') no-repeat center;border-right:1px solid #ddd;}
.page_nav1 .last:hover {background:#ececec url('/ko/common/img/ko/icon/pageNav_last.png') no-repeat center;}
.page_nav1 a.cnt {font-family:noto_r;font-size:14px;color:#444;}
.page_nav1 a.cnt:hover {background:#ececec;}       
.page_nav1 .on {font-family:noto_r;font-size:14px;color:#fff;background:#444;}
.pageWpap .posR {position:absolute;right:0;top:0;}

@media screen and (max-width: 640px) {

.pageWpap .posR {display:block;position:relative;right:inherit;top:inherit;margin-top:20px;}

}


/********** box type **********/
.box_type1 {width:100%;height:auto;border-top:5px solid #f1f1f1;}
.box_type1 .wrap {width:100%;height:auto;padding:20px;background:#fff;border:1px solid #d1d1d1;}

.box_type2 {width:100%;height:auto;border:1px solid #dbdbdb;background:#fdfdfd;padding:30px;}
.box_type3 {width:100%;height:auto;border:1px solid #dbdbdb;background:#fff;padding:30px;}
.box_type4 {width:100%;height:auto;border:1px solid #dbdbdb;background:#fff;padding:40px;}


@media screen and (max-width: 640px) {

.box_type2 {width:100%;height:auto;border:1px solid #dbdbdb;background:#fdfdfd;padding:15px;}
.box_type3 {width:100%;height:auto;border:1px solid #dbdbdb;background:#fff;padding:15px;}
.box_type4 {width:100%;height:auto;border:1px solid #dbdbdb;background:#fff;padding:20px;}

}




/********** table type **********/

.tableWrap1 {width:100%;height:auto;border-top:2px solid #80a9d6;}
.tableWrap2 {width:100%;height:auto;border-top:2px solid #ed174b;}
.tableWrap3 {width:100%;height:auto;border-bottom:2px solid #dbdbdb}

.tbl_type1 {width:100%; border-collapse:collapse;}
.tbl_type1 colgroup col:nth-child(1) {width:180px;}
.tbl_type1 thead th {min-height:48px;font-family:noto_d;font-size:14px;color:#000;font-weight:normal;text-align:center;vertical-align:middle;padding:10px 0 10px 0;border:1px solid #dbdbdb;border-top:0;background:#f8f8f8;}
.tbl_type1 tbody th {min-height:48px;font-family:noto_d;font-size:14px;color:#000;font-weight:normal;text-align:left;vertical-align:middle;padding:10px 0 10px 13px;border:1px solid #dbdbdb;border-top:0;background:#f8f8f8;}
.tbl_type1 th label, .tbl_type1 th span {display:inline-block;padding-left:16px;}
.tbl_type1 th .nec {background:url('/ko/common/img/ko/icon/icon_check1.png') no-repeat 0 4px;}
.tbl_type1 td {min-height:48px;font-family:noto_d;font-size:14px;color:#727272;vertical-align:middle;padding:10px 19px;border:1px solid #dbdbdb;border-top:0;word-break:break-all;}
.tbl_type1 tr.dot td {border-bottom:1px dotted #dbdbdb;}
/* th 가운데정렬 */
.tbl_type1.thc tbody th {text-align:center;padding:10px 0 10px 0;}
.tbl_type1.thc th label, .tbl_type1.thc th span {padding-left:0;}


.tbl_type2 {width:100%; border-collapse:collapse;}
.tbl_type2 colgroup col:nth-child(1) {width:9.5%}
.tbl_type2 colgroup col:nth-child(2) {width:57%;}
.tbl_type2 colgroup col:nth-child(3) {width:11%;}
.tbl_type2 colgroup col:nth-child(4) {width:11.5%;}
.tbl_type2 colgroup col:nth-child(5) {width:11%;}
.tbl_type2 thead th {min-height:50px;font-family:noto_d;font-size:14px;color:#333;font-weight:normal;text-align:center;vertical-align:middle;padding:15px 0;border:0;background:#f8f8f8 url('/ko/common/img/ko/common/bar8.png') no-repeat left center;}
.tbl_type2 thead th:first-child {background:#f8f8f8 url('');}
.tbl_type2 td {min-height:50px;font-family:noto_d;font-size:14px;color:#727272;vertical-align:middle;text-align:center;padding:15px 0;border-top:1px solid #dbdbdb;word-break:break-all;}
.tbl_type2 tr td.taLeft {text-align:left;padding-right:20px;}
.tbl_type2 tr td.taLeft.on a {color:#333;font-family:noto_m;}
.tbl_type2 tr td.taLeft a:hover {color:#296dba;}
.tbl_type2 tr td.taLeft a.elps {display:block;}
.tbl_type2 tr td.taLeft .date_mo {display:none;}
.tbl_type2 tr td.comp {color:#296dba;font-family:noto_m;}
.tbl_type2 tbody tr:first-child td {border-top:none;}
.tbl_type2 tr.bg_dashed td {border-top:none;padding:20px 0;background:#fafafa url('/ko/common/img/ko/common/dashed1.png') repeat-x top;}
/*.tbl_type2 tr.bg_dashed td.all_down a:hover {color:#296dba;}
.tbl_type2 tr.bg_dashed td.each_down {text-align:left;}
.tbl_type2 tr.bg_dashed td.each_down li a:hover {color:#296dba;border-bottom:1px solid #296dba;}
.tbl_type2 tr.bg_dashed td.each_down li .icon {display:inline-block;width:14px;height:13px; background:url('/ko/common/img/ko/icon/icon_download1.png') no-repeat center;margin-left:8px;vertical-align:middle;}*/
.tbl_type2 tr.bg_dashed td.mark {text-align:center;font-family:noto_r;font-size:40px;color:#888;}
.tbl_type2 tr.bg_dashed td.answer {text-align:left;padding:0;}

/* 16.11.15 추가 */
.tbl_type2 tr.bg_dashed td.q_con {text-align:left;padding-left:10px;}
.tbl_type2 tr.bg_dashed td.q_con p {white-space:pre-line;}
.tbl_type2 tr.bg_dashed td .file_down {padding-top:20px;}
.tbl_type2 tr.bg_dashed td .file_down a:hover {color:#296dba;}
.tbl_type2 tr.bg_dashed td .each_down {padding-top:10px;}
.tbl_type2 tr.bg_dashed td .each_down li a:hover {border-bottom:1px solid #296dba;}
.tbl_type2 tr.bg_dashed td .each_down li .icon {display:inline-block;width:14px;height:13px; background:url('/ko/common/img/ko/icon/icon_download1.png') no-repeat center;margin-left:8px;vertical-align:middle;}
.tbl_type2 tr.bg_dashed td.answer .a_con {border-right:1px solid #dbdbdb;margin:20px 0;padding-right:10px;}
.tbl_type2 tr.bg_dashed td.answer .a_con p {white-space:pre-line;margin-bottom:10px;}
.tbl_type2 tr.bg_dashed td.answer p img {max-width:100%;}
.tbl_type2 tr.comment_view td {text-align:left;background:#fafafa;padding-left:10px;padding-right:25px;}
.tbl_type2 tr.comment_view td li {margin-left:-20px;padding-left:20px;background:url('/ko/common/img/ko/icon/bu_cmt1.png') no-repeat left 5px;margin-bottom:3px;}
.tbl_type2 tr.comment_view td li .info {display:inline-block;color:#b7b7b7;margin-left:20px;}
.tbl_type2 tr.comment_view td .comment_write {position:relative;padding-right:75px;margin-top:20px;}
.tbl_type2 tr.comment_view td .comment_write .textarea_type1 {height:68px;}
.tbl_type2 tr.comment_view td .comment_write .btn_b_type2 {position:absolute;top:0;right:0;}


/* faq 에디터 테이블 상속제거 */
.tbl_type2 td.answer table {background-color:#fff;border:1px solid #333;border-collapse:collapse;}
.tbl_type2 td.answer table td {font-size:13px;color:#333;padding:3px;background-color:inherit;background-image:none;border:1px solid #333;white-space:normal;}



/******** As-is 영문 제품 테이블 css *********/
.tbltype3-wrap{width:100%}
.tbltype3{width:100%;border-spacing:0px;border:0;border-collapse:collapse}
.tbltype3 caption{text-indent:-9999px;font-size:0;line-height:0%}
.tbltype3 thead th{background-color:#dae5f7;border-right:1px solid #d9d9db;border-bottom:1px solid #d9d9db;font-size:12px;color:#000000;padding:11px 0 10px 0;text-align:center;vertical-align:middle;word-wrap:break-word;word-break:break-all}
.tbltype3 tbody th{background-color:#f7f8fc;border-bottom:1px solid #d9d9db;font-size:12px;color:#000000;font-weight:normal;padding:8px 0 10px 0;text-align:center;vertical-align:middle;word-spacing:-1px;word-wrap:break-word;word-break:break-all}
.tbltype3 tbody td{background-color:#ffffff;border-bottom:1px solid #d9d9db;border-right:1px solid #d9d9db;font-size:12px;color:#727272;font-weight:normal;padding:9px 3px 9px 3px;text-align:center;word-wrap:break-word;word-break:break-all}
.tbltype3 tbody th.first-child, .tbltype3 tbody td.first-child{border-top:1px solid #2c2c31;}
/******/


@media screen and (max-width:1024px){
			
.tbl_tit {font-family:noto_m;font-size:16px;color:#333;margin-bottom:7px;position:relative;}
.tbl_tit .desc {display:block;font-size:14px;color:#888;margin-left:0;}

.tbl_type2 colgroup col:nth-child(1) {width:11%}
.tbl_type2 colgroup col:nth-child(2) {width:55%;}      
.tbl_type2 colgroup col:nth-child(3) {width:11%;}
.tbl_type2 colgroup col:nth-child(4) {width:13%;}
.tbl_type2 colgroup col:nth-child(5) {width:10%;}

}

@media screen and (max-width:640px){
			
.tbl_tit {font-family:noto_m;font-size:15px;color:#333;margin-bottom:7px;position:relative;}
.tbl_tit .desc {display:block;font-size:13px;color:#888;margin-left:0;}

.tbl_type1 colgroup col:nth-child(1) {width:90px;}
.tbl_type1 thead th {min-height:40px;font-family:noto_d;font-size:13px;color:#333;font-weight:normal;text-align:center;vertical-align:middle;padding:8px 0 8px 0;border:1px solid #dbdbdb;border-top:0;background:#f8f8f8;}
.tbl_type1 tbody th {min-height:40px;font-family:noto_d;font-size:13px;color:#555;font-weight:normal;text-align:left;vertical-align:middle;padding:8px 3px 8px 5px;border:1px solid #dbdbdb;border-top:0;background:#f8f8f8;}
.tbl_type1 th label, .tbl_type1 th span {display:inline-block;padding-left:12px;}
.tbl_type1 th .nec {background:url('/ko/common/img/ko/icon/icon_check1.png') no-repeat 0 4px;background-size:8px auto;}
.tbl_type1 td {min-height:40px;font-family:noto_d;font-size:13px;color:#727272;vertical-align:middle;padding:8px 8px;border:1px solid #dbdbdb;border-top:0;word-break:break-all;}

.tbl_type2 thead th.mo_none,
.tbl_type2 tbody td.mo_none {display:none;}
.tbl_type2 colgroup col:nth-child(1) {width:20%}
.tbl_type2 colgroup col:nth-child(2) {width:60%;}
.tbl_type2 colgroup col:nth-child(3) {width:20%;}

.tbl_type2 thead th {font-size:13px;padding:8px 0;}
.tbl_type2 tr td {min-height:40px;font-size:13px;padding:8px 0;}
.tbl_type2 tr td.taLeft .date_mo {display:block;font-size:13px;color:#b1b1b1;}
.tbl_type2 tr td.taLeft.on .date_mo {display:none;}
.tbl_type2 tr.bg_dashed td {border-top:none;padding:8px 0;background:#fafafa url('/ko/common/img/ko/common/dashed1.png') repeat-x top;}
.tbl_type2 tr.bg_dashed td.answer p {margin:10px 0;padding-right:10px;}
/*.tbl_type2 tr.bg_dashed td.all_down a {font-size:13px;}*/
/* 16.11.15 추가 */
.tbl_type2 tr.bg_dashed td.q_con {padding-left:5px;}
}

/********** popup style **********/
.popContainer {width:100%;max-width:1000px;position:relative;}
.popContainer .popTit {width:100%;height:56px;font-family:noto_m;font-size:20px;color:#fff;background:#296dba;padding:13px 0 0 20px;}
.popContainer .popCon {width:100%;height:auto;text-align:center;padding:25px 20px 30px 20px;}
.popContainer .popCon .wrap {padding:20px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.pop_sh_pr {width:100%;height:48px;background:#f8f8f8;padding-right:30px;}
.pop_sh_pr .icon li {float:right;width:36px;}
.pop_sh_pr .icon li a {display:block;height:48px;text-align:center;line-height:52px;}
.pop_sh_pr .icon li.print a {background:url('/ko/common/img/ko/icon/btn_print.png') no-repeat center;}

.popContainer .popBtn {text-align:center;padding-bottom:30px;}
.popContainer .popBtn a {margin:0 3px;}
.close_bt {position:absolute;top:18px;right:20px;display:inline-block;width:18px;height:18px;overflow:hidden;text-indent:-99999%;background:url('/ko/common/img/ko/common/btn_close.png') no-repeat center;}


@media screen and (max-width:640px){

.popContainer {}
.popContainer .popTit {width:100%;height:40px;font-family:noto_m;font-size:18px;color:#fff;line-height:40px;background:#296dba;padding:0 0 0 10px;}
.popContainer .popCon {width:100%;height:auto;text-align:center;padding:20px 15px 25px 15px;}
.pop_sh_pr {width:100%;height:34px;background:#f8f8f8;padding-right:15px;}
.pop_sh_pr .icon li {float:right;width:27px;}
.pop_sh_pr .icon li a {height:34px;line-height:40px;}
.pop_sh_pr .icon li.print {display:none;}

.popContainer .popBtn {text-align:center;padding-bottom:20px;}
.popContainer .popBtn a {width:90px;margin:0 3px;}
.close_bt {position:absolute;top:12px;right:12px;display:inline-block;width:18px;height:18px;overflow:hidden;text-indent:-99999%;background:url('/ko/common/img/ko/common/tablet/btn_close.png') no-repeat center;background-size:18px;}

}


/********** Button **********/

/* 일반버튼 */
.btn_type1{display:inline-block;width:135px;height:40px;font-family:noto_d;font-size:13px;color:#fff;text-align:center;line-height:40px;background:#333 url('/ko/common/img/ko/icon/bu_arr8.png') no-repeat 106px center;text-decoration:none;vertical-align:middle;padding:0 28px 0 0;}
.btn_type1:hover{color:#fff;background:#4f4f4f url('/ko/common/img/ko/icon/bu_arr8.png') no-repeat 106px center;text-decoration:none;}

.btn_type2{display:inline-block;width:135px;height:40px;font-family:noto_d;font-size:13px;color:#fff;text-align:center;line-height:40px;background:#333;text-decoration:none;vertical-align:middle;padding:0;}
.btn_type2:hover{color:#fff;background:#4f4f4f;text-decoration:none;}

.btn_type3{display:inline-block;width:135px;height:40px;font-family:noto_d;font-size:13px;color:#333;text-align:center;line-height:36px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:2px solid #333;}
.btn_type3:hover{color:#ed174b;text-decoration:none;}

.btn_type4{display:inline-block;width:160px;height:40px;font-family:noto_d;font-size:15px;color:#727272;text-align:center;line-height:38px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:1px solid #d1d1d1;}
.btn_type4:hover{color:#727272;text-decoration:none;}

/* 중버튼 */
.btn_m_type1{display:inline-block;width:125px;height:30px;font-family:noto_d;font-size:13px;color:#fff;text-align:center;line-height:30px;background:#333;text-decoration:none;vertical-align:middle;padding:0;}
.btn_m_type1:hover{color:#fff;background:#4f4f4f;text-decoration:none;}

.btn_m_type2{display:inline-block;width:125px;height:30px;font-family:noto_d;font-size:13px;color:#333;text-align:center;line-height:28px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:1px solid #333;}
.btn_m_type2:hover{color:#fff;background:#4f4f4f;text-decoration:none;border:1px solid #4f4f4f;}

.btn_m_type3{display:inline-block;width:90px;height:30px;font-family:noto_d;font-size:13px;color:#727272;text-align:center;line-height:28px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:1px solid #d1d1d1;}
.btn_m_type3:hover{color:#fff;background:#4f4f4f;text-decoration:none;border:1px solid #4f4f4f;}

.btn_m_type4{display:inline-block;width:110px;height:30px;font-family:noto_d;font-size:13px;color:#727272;text-align:center;line-height:28px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:1px solid #d1d1d1;}
.btn_m_type4:hover{color:#fff;background:#4f4f4f;text-decoration:none;border:1px solid #4f4f4f;}

.btn_m_type5{display:inline-block;width:100px;height:30px;font-family:noto_d;font-size:13px;color:#fff;text-align:center;line-height:30px;background:#484347 url('/ko/common/img/ko/icon/bu_arr9.png') no-repeat 82px center;text-decoration:none;vertical-align:middle;padding:0 19px 0 0;}
.btn_m_type5:hover{color:#fff;background:#676767 url('/ko/common/img/ko/icon/bu_arr9.png') no-repeat 82px center;text-decoration:none;}

.btn_m_type6{display:inline-block;width:90px;height:30px;font-family:noto_d;font-size:13px;color:#727272;text-align:center;line-height:30px;background:#e5e5e5;text-decoration:none;vertical-align:middle;padding:0;}
.btn_m_type6:hover{color:#fff;background:#7a7777;text-decoration:none;}

.btn_m_type7{display:inline-block;width:74px;height:35px;font-family:noto_d;font-size:15px;color:#fff;text-align:center;line-height:35px;background:#003876;text-decoration:none;vertical-align:middle;padding:0;}
.btn_m_type7:hover{color:#fff;background:#002144;text-decoration:none;}

.btn_m_type8{display:inline-block;width:100px;height:28px;font-family:noto_d;font-size:13px;color:#727272;line-height:27px;text-align:center;padding-right:15px;border:1px solid #dbdbdb;background:#fff url('/ko/common/img/ko/icon/btn_more2_off.png') no-repeat 80px center;}
.btn_m_type8:hover{color:#fff;border:1px solid #4f4f4f;background:#4f4f4f url('/ko/common/img/ko/icon/btn_more2_on.png') no-repeat 80px center;}


/* 대버튼 */
.btn_b_type1{display:inline-block;width:135px;height:45px;font-family:noto_m;font-size:22px;color:#fff;text-align:center;line-height:45px;background:#ed174b;text-decoration:none;vertical-align:middle;padding:0;}
.btn_b_type1:hover{color:#fff;background:#ed174b;text-decoration:none;}

.btn_b_type2{display:inline-block;width:68px;height:68px;font-family:noto_d;font-size:18px;color:#fff;text-align:center;line-height:68px;background:#333;text-decoration:none;vertical-align:middle;padding:0;}
.btn_b_type2:hover{color:#fff;background:#333;text-decoration:none;}

.btn_b_type3{display:inline-block;width:135px;height:45px;font-family:noto_m;font-size:22px;color:#fff;text-align:center;line-height:45px;background:#333;text-decoration:none;vertical-align:middle;padding:0;}
.btn_b_type3:hover{color:#fff;background:#333;text-decoration:none;}

.btn_b_type4{display:inline-block;width:205px;height:50px;font-family:noto_d;font-size:15px;color:#fff;text-align:center;line-height:50px;background:#003876;text-decoration:none;vertical-align:middle;padding:0;}
.btn_b_type4:hover{color:#fff;background:#002144;text-decoration:none;}

.btn_b_type5{display:inline-block;width:205px;height:50px;font-family:noto_d;font-size:15px;color:#003876;text-align:center;line-height:50px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:2px solid #003876;}
.btn_b_type5:hover{color:#ed174b;text-decoration:none;}

.btn_round1{display:inline-block;width:72px;height:30px;font-family:noto_d;font-size:13px;color:#388dee;text-align:center;line-height:26px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:2px solid #388dee;border-radius:15px;}
.btn_round1:hover{color:#388dee;text-decoration:none;}

/* 더보기 버튼 */
.btn_more_common {display:block;width:100%;height:50px;font-size:14px;color:#727272;text-align:center;line-height:48px;border:1px solid #d1d1d1;background:#fff url('/ko/common/img/ko/icon/bu_arr31.png') no-repeat 97% center;}
.btn_more_common:hover {background:#f8f8f8 url('/ko/common/img/ko/icon/bu_arr31.png') no-repeat 97% center;}

@media screen and (max-width:640px){
.btn_more_common {height:40px;font-size:13px;line-height:38px;border:1px solid #d1d1d1;background:#fff url('/ko/common/img/ko/icon/bu_arr31.png') no-repeat 95% center;background-size:15px auto;}
.btn_more_common:hover {background:#fff url('/ko/common/img/ko/icon/bu_arr31.png') no-repeat 95% center;background-size:15px auto;}
}


/* 다운로드 버튼 */
.btn_down_type1 {display:inline-block;width:auto;height:28px;font-family:noto_r;font-size:14px;color:#296dba;text-align:center;line-height:26px;background:#fff;text-decoration:none;vertical-align:middle;padding:0 15px;border:1px solid #296dba;border-radius:14px;}
.btn_down_type1:after {content:"";display:inline-block;width:14px;height:11px;background:url('/ko/common/img/ko/icon/icon_download7.png') no-repeat 0 0;margin-left:10px;}
.btn_down_type1:hover {color:#296dba;text-decoration:none;}

.btn_down_type2 {display:inline-block;width:auto;height:24px;font-family:noto_r;font-size:12px;color:#296dba;text-align:center;line-height:23px;background:#fff;text-decoration:none;vertical-align:middle;padding:0 13px;border:1px solid #296dba;border-radius:12px;}
.btn_down_type2:after {content:"";display:inline-block;width:14px;height:11px;background:url('/ko/common/img/ko/icon/icon_download7.png') no-repeat 0 0;margin-left:8px;}
.btn_down_type2:hover {color:#296dba;text-decoration:none;}

.btn_down_type3 {display:inline-block;width:250px;height:50px;font-size:18px;color:#296dba;text-align:center;line-height:46px;border:2px solid #388dee;border-radius:50px;}
.btn_down_type3 span {display:inline-block;padding-right:25px;background:url('/ko/common/img/ko/icon/icon_download3.png') no-repeat right 14px;}
.btn_down_type3:hover {color:#fff;border:2px solid #388dee;background:#388dee;}
.btn_down_type3:hover span {background:url('/ko/common/img/ko/icon/icon_download5.png') no-repeat right 14px;}

@media screen and (max-width:640px){

.btn_down_type1 {display:inline-block;width:auto;height:26px;font-family:noto_r;font-size:12px;color:#296dba;text-align:center;line-height:24px;background:#fff;text-decoration:none;vertical-align:middle;padding:0 15px;border:1px solid #296dba;border-radius:13px;}

.btn_down_type3 {display:inline-block;width:150px;height:30px;font-size:14px;color:#296dba;text-align:center;line-height:27px;border:2px solid #388dee;border-radius:40px;}
.btn_down_type3 span {display:inline-block;padding-right:20px;background:url('/ko/common/img/ko/icon/icon_download3.png') no-repeat right 7px;background-size:13px;}
.btn_down_type3:hover {color:#fff;border:2px solid #388dee;background:#388dee;}
.btn_down_type3:hover span {background:url('/ko/common/img/ko/icon/icon_download5.png') no-repeat right 7px;background-size:13px;}

}


/* 정렬버튼 */
.sort_type1 {text-align:right;margin-bottom:10px;}
.sort_type1 a {display:inline-block;width:125px;height:30px;font-family:noto_d;font-size:13px;color:#727272;text-align:center;line-height:28px;background:#fff;text-decoration:none;vertical-align:middle;padding:0;border:1px solid #d1d1d1;}
.sort_type1 a.on {color:#fff;background:#4f4f4f;border:1px solid #4f4f4f;}
.sort_type1 a.list {margin-right:15px;}
.sort_type1 a.list .icon {display:inline-block;width:11px;height:10px;background:url('/ko/common/img/ko/icon/icon_sort1.png') no-repeat;margin-right:5px;}
.sort_type1 a.thumb .icon {display:inline-block;width:10px;height:10px;background:url('/ko/common/img/ko/icon/icon_sort2.png') no-repeat;margin-right:5px;}
.sort_type1 a.list.on .icon {background:url('/ko/common/img/ko/icon/icon_sort1_on.png') no-repeat;}
.sort_type1 a.thumb.on .icon {background:url('/ko/common/img/ko/icon/icon_sort2_on.png') no-repeat;}

@media screen and (max-width:640px){
.sort_type1 a {width:30px;height:28px;padding:0;}
.sort_type1 a .txt {display:none;}
.sort_type1 a .icon {margin:0 !important;}
.sort_type1 a.list {margin-right:5px;}
}


/********** 탭버튼 **********/
/* gnb utility menu */
.btn_tab {display:inline-block;width:auto;height:30px;background:#fff;}
.btn_tab:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.btn_tab a {display:inline-block;float:left;width:auto;min-width:90px;height:28px;font-family:noto_d;font-size:13px;color:#727272;text-align:center;line-height:28px;background:#fff;border:1px solid #d1d1d1;margin-left:-1px;}
.btn_tab a:hover {color:#fff;background:#4f4f4f;border:1px solid #4f4f4f;text-decoration:none;}
.btn_tab a:first-child {border-radius:5px 0 0 5px;}
.btn_tab a:last-child {border-radius:0 5px 5px 0;}

/* tab type */
.tab_type1 {display:inline-block;width:100%;height:50px;vertical-align:top;box-sizing:border-box;border-bottom:1px solid #003876;}
.tab_type1:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.tab_type1 li {float:left;width:auto;height:50px;border-bottom:1px solid #003876;}
.tab_type1 li a {display:block;width:100%;height:100%;font-family:'noto_r';font-size:16px;color:#888;text-align:center;padding-top:14px;background:#f8f8f8;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}
.tab_type1 li:last-child a {border-right:1px solid #dbdbdb;}
.tab_type1 li a:hover {background:#ebebeb;text-decoration:none;}
.tab_type1 li.on {border-bottom:0;}
.tab_type1 li.on a {color:#003876;background:#fff;border:1px solid #003876;border-bottom:0;}
.tab_type1 li.on a:hover {text-decoration:none;}

.tab_type2 {display:block;width:100%;height:48px;}
.tab_type2:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.tab_type2 li {float:left;display:block;width:auto;height:48px;}
.tab_type2 li a {display:block;width:100%;height:100%;font-size:20px;color:#555;line-height:48px;text-align:center;border:1px solid #ececec;border-right:0;}
.tab_type2 li:last-child a {border-right:1px solid #ececec;}
.tab_type2 li a.on {color:#fff;background:url('/ko/common/img/ko/common/tab_bg.jpg') no-repeat center;background-size:cover;}

.tab_type3 {display:block;width:100%;height:auto;}
.tab_type3:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.tab_type3 li {float:left;display:block;width:auto;height:50px;}
.tab_type3 li a {display:block;width:100%;height:100%;font-family:noto_r;font-size:14px;color:#727272;line-height:48px;text-align:center;border:1px solid #dbdbdb;border-left:0;}
.tab_type3 li:first-child a {border-right:1px solid #dbdbdb;}
.tab_type3 li a:hover {color:#fff;background:#296dba;}
.tab_type3 li a.on {color:#fff;background:#296dba;}
.tab_type3.font2 li a {font-size:16px;}

@media screen and (max-width:1024px){

.tab_type2 {display:block;width:100%;height:40px;}
.tab_type2 li {float:left;display:block;width:auto;height:40px;}
.tab_type2 li a {display:block;width:100%;height:100%;font-size:18px;color:#555;line-height:42px;text-align:center;}

}

@media screen and (max-width:640px){

.tab_type1 {display:inline-block;width:100%;height:40px;vertical-align:top;box-sizing:border-box;border-bottom:1px solid #003876;}
.tab_type1 li {float:left;width:auto;height:40px;border-bottom:1px solid #003876;}
.tab_type1 li a {display:block;width:100%;height:100%;font-family:'noto_r';font-size:13px;color:#888;text-align:center;padding-top:11px;background:#f8f8f8;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}

.tab_type2 {display:block;width:100%;height:35px;}
.tab_type2 li {float:left;display:block;width:auto;height:35px;}
.tab_type2 li a {display:block;width:100%;height:100%;font-size:15px;color:#555;line-height:37px;text-align:center;}

.tab_type3 {display:block;width:100%;height:auto;}
.tab_type3 li {float:left;display:block;width:auto;height:40px;}
.tab_type3 li a {display:block;width:100%;height:100%;font-family:noto_r;font-size:13px;color:#727272;line-height:40px;text-align:center;border:1px solid #dbdbdb;border-left:0;}
.tab_type3.font2 li a {font-size:14px;}

}



/********** Form Type **********/
.input_type1 {width:100%;height:30px;font-family:noto_d;font-size:14px;color:#727272;background:#fff;padding:0 10px;border:1px solid #d1d1d1;vertical-align:middle;}
.input_type2 {width:100%;height:35px;font-family:noto_d;font-size:14px;color:#727272;background:#fff;padding:0 12px;border:1px solid #d1d1d1;vertical-align:middle;}
.input_type3 {width:100%;height:40px;font-family:noto_d;font-size:18px;color:#727272;background:#fff;padding:0 15px;border:1px solid #d1d1d1;vertical-align:middle;}

input.width1, select.width1 {width:220px;}
input.width2, select.width2 {width:110px;}
input.width3, select.width3 {width:80px;}
input.width4, select.width4 {width:250px;}
input.width5, select.width5 {width:430px;}
input.width6, select.width6 {width:470px;}
input.margin1, select.margin1 {margin:10px 0;}


input[type="file"].fileInputHidden{height:30px;position:absolute;left:0px;top:0px;opacity:0;cursor:pointer;padding:0 !important;font-size:14px;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
.fileInputHidden:hover + .btn_m_type4 {color:#fff;background:#4f4f4f;text-decoration:none;border:1px solid #4f4f4f;}

.textarea_type1 {width:100%;height:auto;font-family:noto_d;font-size:14px;color:#666;text-align:left;line-height:22px;background:#fff;padding:10px;border:1px solid #d1d1d1;overflow:auto;resize:none;}

@media screen and (max-width:640px) {

.textarea_type1 {width:100%;height:auto;font-family:noto_d;font-size:13px;color:#666;text-align:left;line-height:22px;background:#fff;padding:5px;border:1px solid #d1d1d1;overflow:auto;resize:none;}

}



/********** jquery calendar **********/
#ui-datepicker-div {display:none; width:250px !important;}
.ui-corner-all {border-radius:0;}

.ui-widget-content {background:#fff;border:1px solid #999;padding:20px 20px 15px 20px;width:210px !important;}
.ui-widget-content .ui-icon {background:url();}
.ui-widget-header {font-family:noto_d;width:210px !important;font-size:13px;color:#333;font-weight:600;text-align:center;padding:0 !important;border:1px solid #fff;background:#fff url('');margin-bottom:13px;}
.ui-widget-header .ui-icon {background:url();}

.ui-icon {display:none;}
.ui-state-hover .ui-icon {display:none;}

.ui-datepicker-prev {position:absolute;left:18px;top:20px;width:27px !important;height:25px !important;background:#fff url('/ko/common/img/ko/icon/btn_prev3.png') no-repeat center;border:0;cursor:pointer;}
.ui-datepicker-prev:hover {position:absolute;left:18px;top:20px;width:27px;height:25px;background:#fff url('/ko/common/img/ko/icon/btn_prev3.png') no-repeat center;border:0;}
.ui-datepicker-prev span, .ui-datepicker-prev:hover span {display:none;}

.ui-datepicker-next {position:absolute;right:18px;top:20px;width:27px !important;height:25px !important;background:#fff url('/ko/common/img/ko/icon/btn_next3.png') no-repeat center;border:0;cursor:pointer;}
.ui-datepicker-next:hover {position:absolute;right:18px;top:20px;width:27px;height:25px;background:#fff url('/ko/common/img/ko/icon/btn_next3.png') no-repeat center;border:0;}
.ui-datepicker-next span, .ui-datepicker-next:hover span {display:none;}

.ui-datepicker-title {display:inline-block;width:100px;padding:0 !important;}
.ui-datepicker-title select {width:65px !important;height:25px;font-size:13px;color:#333;padding-left:10px; border:1px solid #e4e4e4;margin:0 !important;}
.ui-datepicker-month {display:inline-block;float:right;padding-top:3px;}

.ui-datepicker-calendar {font-family:noto_d;width:210px !important;}
.ui-datepicker-calendar th {font-size:10px;color:#666 !important;border-top:1px solid #9ea0a3;border-bottom:1px solid #e1e4e8;}
.ui-datepicker-calendar th:first-child {color:#c5513e !important;}
.ui-datepicker-calendar td {width:30px;}

.ui-state-default {display:block;width:30px !important;height:25px !important;font-size:11px !important;font-weight:600 !important;color:#555 !important;line-height:23px;padding:0 !important;background:#f8f8f8 url('') !important;border:1px solid #f8f8f8 !important;text-align:center !important;}
.ui-state-default.ui-state-highlight {display:block;width:30px !important;height:25px !important;color:#c5513e !important;background:#fff url('') !important;border:1px solid #388dee !important;}
.ui-state-default:hover {display:block;width:30px !important;height:25px !important;color:#fff !important;background:#388dee url('') !important;border:1px solid #388dee !important;}



/********** check box **********/
.checkbox_ui {display:inline-block;}
.checkbox_ui label.css_label {display:inline-block;background:url('/ko/common/img/ko/icon/checkbox_bg1.png') no-repeat;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.checkbox_ui input[type=checkbox].css_checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label {width:auto;height:auto;min-height:16px;padding:0 0 0 25px;background-position:0px 0px;font-size:14px;color:#727272;line-height:16px;cursor:pointer;}
.checkbox_ui input[type=checkbox].css_checkbox:focus + label.css_label {outline-style:inherit !important;}
.checkbox_ui input[type=checkbox].css_checkbox:checked + label.css_label {background-position:0 -60px;}
.checkbox_ui input[type=checkbox].css_checkbox:disabled + label.css_label {background-position:0 -120px;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label.red {color:#ed174b;}

.checkbox_ui.default input[type=checkbox].css_checkbox + label.css_label {width:15px;height:auto;min-height:15px;text-indent:-9999px;margin:0;padding:0;}


/********** radio button **********/
.radio_ui {display:inline-block;}
.radio_ui label.css_label {display:inline-block;background:url('/ko/common/img/ko/icon/radio_bg1.png') no-repeat;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.radio_ui input[type=radio].css_radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0}
.radio_ui input[type=radio].css_radio + label.css_label {width:auto;height:auto;min-height:15px;font-size:14px;color:#727272;line-height:15px;padding:0px 0 0 25px;cursor:pointer;background-position:0 0px;}
.radio_ui input[type=radio].css_radio:checked + label.css_label {background-position:0 -56px;}

.radio_ui.default input[type=radio].css_radio + label.css_label {width:15px;height:auto;min-height:15px;text-indent:-9999px;margin:0;padding:0;}



/********** select box **********/
select::-ms-expand {display: none;-webkit-display: none;-moz-display: none;-o-display: none;-ms-display: none;border:0;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none;}

.sel_type1 {width:auto;height:30px;font-family:noto_d;font-size:12px;color:#727272;padding:0 40px 0 10px;border:1px solid #d1d1d1;vertical-align:middle;
			background:#fff url('/ko/common/img/ko/icon/sel_bg1.png') no-repeat right center;}

.sel_type2 {width:auto;height:35px;font-family:noto_d;font-size:12px;color:#727272;padding:0 40px 0 10px;border:1px solid #d1d1d1;vertical-align:middle;
			background:#fff url('/ko/common/img/ko/icon/sel_bg1.png') no-repeat right center;}



/********* sns share **********/
.shareWrap {display:inline-block;}
.shareWrap .share {display:inline-block;height:18px;font-family:noto_d;font-size:13px;color:#acacac;line-height:16px;padding:0 8px;border:1px solid #acacac;border-radius:2px;}
.shareWrap a {display:inline-block;width:18px;height:18px;vertical-align:top;}
.shareWrap a.cacaotalk {background:url('/ko/common/img/ko/common/share_cacaotalk.png') no-repeat center;}
.shareWrap a.cacaostory {background:url('/ko/common/img/ko/common/share_cacaostory.png') no-repeat center;}
.shareWrap a.naver {background:url('/ko/common/img/ko/common/share_naver.png') no-repeat center;}
.shareWrap a.facebook {background:url('/ko/common/img/ko/common/share_facebook.png') no-repeat center;}
.shareWrap a.tweeter {background:url('/ko/common/img/ko/common/share_tweeter.png') no-repeat center;}


/********* 검색박스 **********/
.commonSearchBox {width:100%;padding:20px 30px;border:1px solid #d1d1d1;margin-bottom:40px;position:relative;}
.commonSearchBox .date_choice {float:left;display:inline-block;}
.commonSearchBox .date_choice .dash {float:left;display:block;width:30px;line-height:35px;text-align:center;}
.commonSearchBox .date_choice .btn_pos {float:left;display:block;width:160px;position:relative;padding-right:40px;}
.commonSearchBox .date_choice .btn_pos .calendar {display:inline-block;width:30px;height:31px;position:absolute;top:1px;right:0;background:url('/ko/common/img/ko/icon/icon_calendar.png') no-repeat 0 0;}
.commonSearchBox .cat {float:left;display:inline-block;width:150px;margin-left:40px;}
.commonSearchBox .cat select {width:100%;}
.commonSearchBox .keyword {position:absolute;right:40px;top:20px;}
.commonSearchBox .keyword .sep {display:block;width:370px;margin-right:10px;position:relative;padding-right:80px;}
.commonSearchBox .keyword .sep input {width:100%;}
.commonSearchBox .keyword .sep .btn_search {position:absolute;right:0;top:0;}
.commonSearchBox.no_period {text-align:center;}
.commonSearchBox.no_period .cat {float:none;display:inline-block;width:150px;margin-left:0px;}
.commonSearchBox.no_period .keyword {position:relative;right:inherit;top:inherit;display:inline-block;}

@media screen and (max-width:1024px){

.commonSearchBox .date_choice {float:none;display:block;margin-bottom:10px;}
.commonSearchBox .cat {float:left;display:inline-block;width:30%;margin-left:0px;}
.commonSearchBox .cat select {width:100%;}
.commonSearchBox .keyword {float:left;position:relative;right:inherit;top:inherit;width:70%;}
.commonSearchBox .keyword .sep {display:block;width:100%;margin-right:10px;position:relative;padding-right:80px;padding-left:10px;}
.commonSearchBox.no_period {text-align:left;}
.commonSearchBox.no_period .cat {float:left;display:inline-block;width:30%;margin-left:0px;}
.commonSearchBox.no_period .keyword {float:left;position:relative;right:inherit;top:inherit;width:70%;}

}

@media screen and (max-width:640px){

.commonSearchBox {width:100%;padding:15px 15px;border:1px solid #d1d1d1;margin-bottom:40px;position:relative;}
.commonSearchBox .date_choice {float:none;display:block;width:100%;margin-bottom:10px;}
.commonSearchBox .date_choice .dash {float:left;display:block;width:10%;line-height:35px;text-align:center;}
.commonSearchBox .date_choice .btn_pos {float:left;display:block;width:45%;position:relative;padding-right:0px;}
.commonSearchBox .cat {float:none;display:block;width:100%;margin-left:0px;margin-bottom:10px;}
.commonSearchBox .cat select {width:100%;}
.commonSearchBox .keyword {float:none;position:relative;right:inherit;top:inherit;width:100%;}
.commonSearchBox .keyword .sep {display:block;width:100%;margin-right:10px;position:relative;padding-right:80px;padding-left:0px;}
.commonSearchBox.no_period {text-align:left;}
.commonSearchBox.no_period .cat {float:none;display:block;width:100%;margin-left:0px;margin-bottom:10px;}
.commonSearchBox.no_period .keyword {float:none;display:block;position:relative;right:inherit;top:inherit;width:100%;}

}


/********* board type **********/
.boardWrap1 {width:100%;height:auto;border-top:2px solid #d1d1d1;border-bottom:2px solid #d1d1d1;padding-top:20px;margin-bottom:40px;overflow:hidden;}
.boardList li {height:165px;padding:20px 20px 0 0;border-bottom:1px solid #dbdbdb;}
.boardList li:last-child {border-bottom:0;}
.boardList li:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.boardList li a {display:block;height:125px;position:relative;}
.boardList li .thumb {position:absolute;left:0;top:0;width:167px;height:125px;border:1px solid #dbdbdb;}
.boardList li .content {width:100%;padding:10px 0 0 190px;}
.boardList li .content .title {display:block;margin-bottom:5px;}
.boardList li .content .title .txt {display:inline-block;width:80%;font-family:noto_r;font-size:16px;color:#333;}
.boardList li .content .title .hot {margin-right:5px;vertical-align:middle;}
.boardList li .content .summary {width:100%;height:47px;font-size:14px;line-height:22px;overflow:hidden;}
.boardList li .content .date {font-size:13px;color:#acacac;position:absolute;right:0px;bottom:5px;}
.boardList li a:hover .content .title .txt {color:#296dba;text-decoration:none;}
.boardList li a:hover .content .summary {color:#296dba;text-decoration:none;}
.boardList li.no_content {height:165px;font-size:14px;text-align:center;padding:70px 0 0 0;border-bottom:1px solid #dbdbdb;}

.boardList_thumb {display:none;width:1020px;}
.boardList_thumb:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.boardList_thumb li {float:left;width:235px;height:auto;padding:20px 0 30px 0;margin-right:20px;}
.boardList_thumb li a {display:block;}
.boardList_thumb li .thumb {width:100%;height:175px;border:1px solid #dbdbdb;}
.boardList_thumb li .content {width:100%;height:80px;padding:10px 5px;position:relative;}
.boardList_thumb li .content .title .txt {display:inline-block;width:100%;height:39px;font-family:noto_r;font-size:14px;color:#333;overflow:hidden;}
.boardList_thumb li .content .title .hot {vertical-align:middle;margin-right:5px;}
.boardList_thumb li .content .date {font-size:13px;color:#acacac;position:absolute;right:5px;bottom:0px;}
.boardList_thumb li a:hover .content .title {color:#296dba;text-decoration:none;}
.boardList_thumb li.no_content {float:none;width:100%;height:165px;font-size:14px;text-align:center;padding:60px 0 0 0;margin-right:0px;}

@media screen and (max-width:1024px){

.boardList_thumb {display:none;width:105%;}
.boardList_thumb li {float:left;width:30%;height:auto;padding:20px 0 30px 0;margin-right:2.5%;}

}

@media screen and (max-width:640px){

.boardWrap1 {width:100%;height:auto;border-top:2px solid #d1d1d1;border-bottom:2px solid #d1d1d1;padding-top:0px;padding-bottom:0px;margin-bottom:40px;overflow:hidden;}
.boardList li {height:130px;padding:20px 20px 0 0;border-bottom:1px solid #dbdbdb;}
.boardList li a {display:block;height:90px;position:relative;}
.boardList li .thumb {position:absolute;left:0;top:0;width:90px;height:90px;border:1px solid #dbdbdb;}
.boardList li .content {width:100%;padding:5px 0 0 100px;}
.boardList li .content .title .txt {display:inline-block;width:100%;font-family:noto_r;font-size:14px;color:#333;}
.boardList li .content .title .hot {width:26px;margin-right:5px;vertical-align:middle;}
.boardList li .content .summary {width:100%;height:37px;font-size:13px;line-height:18px;overflow:hidden;}
.boardList li .content .date {font-size:13px;color:#acacac;position:absolute;right:0px;bottom:0px;}

.boardList_thumb {display:none;width:100%;}
.boardList_thumb li {width:48%;height:auto;padding:20px 0 10px 0;margin-right:0;}
.boardList_thumb li:nth-child(odd) {float:left;}
.boardList_thumb li:nth-child(even) {float:right;}
.boardList_thumb li .thumb {width:100%;height:130px;border:1px solid #dbdbdb;}
.boardList_thumb li .content {width:100%;height:70px;padding:10px 5px;position:relative;}
.boardList_thumb li .content .title .txt {display:inline-block;width:100%;height:35px;font-family:noto_r;font-size:13px;color:#333;overflow:hidden;}
.boardList_thumb li .content .title .hot {width:26px;vertical-align:middle;margin-right:5px;}

}


.boardView {border:1px solid #dbdbdb;border-top:2px solid #80a9d6;font-family:noto_d;font-size:14px;color:#727272;}
.boardView .tit_area {background:#f8f8f8;border-bottom:1px solid #dbdbdb;padding:15px 20px;}
.boardView .tit_area .subject {float:left;color:#333;}
.boardView .tit_area .info {float:right;}
.boardView .tit_area .info .hit {display:inline-block;margin-left:15px;}
.boardView .file {padding:15px 20px;text-align:right;border-bottom:1px solid #dbdbdb;}
.boardView .file .attach_all {display:inline-block;margin-bottom:5px;}
.boardView .file ul {display:inline-block;}
.boardView .file ul li {margin:5px 0;}
.boardView .file ul li a:hover {color:#296dba;text-decoration:none;}
.boardView .file ul li span {display:inline-block;width:17px;height:19px;background:url('/ko/common/img/ko/icon/icon_download2.png') no-repeat;vertical-align:middle;margin-right:5px;}
.boardView .viewContent {padding:15px 20px;color:initial;}
.boardView .viewContent b, .boardView .viewContent b p, .boardView .viewContent b span {font-family:noto_b;font-weight:bold;}
.boardView .viewContent strong, .boardView .viewContent strong p, .boardView .viewContent strong span {font-family:noto_b;font-weight:bold;}
.boardView .viewContent p,
.boardView .viewContent span {line-height:22px;}
.boardView .viewContent img {display:inline;max-width:700px;}
.boardView .viewContent td {vertical-align:middle;}
.boardView .viewContent .go_article {display: block;width: 148px;height: 30px;background: url('/ko/common/img/ko/page/pr/btn_go_article.png') no-repeat;text-indent: -9999px; margin: 30px auto;}
.boardView .viewContent .go_article:hover {background-image: url('/ko/common/img/ko/page/pr/btn_go_article_over.png');}
.boardView .view_list li {border-top:1px solid #dbdbdb;padding:15px 20px;}
.boardView .view_list li .pre {display:inline-block;}
.boardView .view_list li .next {display:inline-block;}
.boardView .view_list li .pre span {display:inline-block;width:14px;height:18px;background:url('/ko/common/img/ko/icon/btn_prev4.png') no-repeat;vertical-align:middle;margin-left:5px;}
.boardView .view_list li .next span {display:inline-block;width:14px;height:18px;background:url('/ko/common/img/ko/icon/btn_next4.png') no-repeat;vertical-align:middle;margin-left:5px;}
.boardView .view_list li .txt {display:inline-block;margin-left:50px;}
.boardView .view_list li .txt:hover {color:#296dba;text-decoration:none;}

@media screen and (max-width:1024px){

.boardView .viewContent img {max-width:100%;}
.boardView .viewContent .webletter img {display:inline;width:100%;}

}

@media screen and (max-width:640px){

.boardView .tit_area {background:#f8f8f8;border-bottom:1px solid #dbdbdb;padding:10px;}
.boardView .tit_area .subject {float:none;color:#333;margin-bottom:10px;}
.boardView .tit_area .info {float:none;display:block;}
.boardView .file {padding:15px 10px 10px 10px;text-align:left;border-bottom:1px solid #dbdbdb;}
.boardView .viewContent {padding:20px 10px;}
.boardView .viewContent img {max-width:100%;}
.boardView .viewContent .webletter img {display:inline;width:100%;}
.boardView .view_list li {border-top:1px solid #dbdbdb;padding:15px 10px 15px 30px;position:relative;}
.boardView .view_list li .pre {display:inline-block;position:absolute;left:10px;top:16px;}
.boardView .view_list li .next {display:inline-block;position:absolute;left:10px;top:16px;}

}