@charset "utf-8";

/*
	Ver.1.0.1.
	20170614 CSS통일작업

	Ver.1.0.2.
	20170623 이전글다음글 css수정, 테이블에 b_wrap요소 추가

	Ver.1.0.3.
	20170630 폰트 SIZE,LINE-HEIGHT변경

	Ver.1.0.4.
	20170713 게시판댓글css변경

	Ver.1.0.5.
	20170714 h4_title 색상변경

	Ver.2.0.0.
	20170719 타이틀, 추가
	연한파랑 색상추가

	Ver.2.0.1.
	검색CSS추가

	Ver.2.0.2.
	20170817 list CSS변경

	Ver.2.0.3.
	20171030 italic 추가
	20171031 tablet 추가

	Ver.2.0.4.
	20171110 검색css 변경

	Ver.3.0.0
	20171122 폼뷰CSS삭제위해통합

	Ver.3.0.2
	20171226 게시판뷰 파일첨부 수정

	20180131 게시판스타일 추가
	20180822 init 리셋 추가
*/
.tablet {display:block;}
a.a_link {color:#0a72ca;}
a.a_link:hover {text-decoration:underline; cursor:pointer;}
/* color */
.cm {color:#0a72ca;}/* 메인컬러 */
.cr {color:#e7505a;}/* 빨강 */
.cy {color:#c29d0b;} /* 노랑 */
.cs {color:#27a4b0;} /* 민트 */
.co {color:#ffa800 !important;} /* 오렌지 */
.cc {color:#aebfd3;} /* 연한파랑 */
.bgw {background-color:#fff;} /* 하얀배경 */
.bgcg {background-color:#fafafa;} /* 회색배경 */
.bggr {background-color:#26a6a8;} /* 초록배경 */

.justify {text-align:justify;}

/* font */
.italic {font-style:italic;}
.h2_title {font-weight:400; margin-bottom:30px; padding-bottom:25px; font-size:30px; line-height:32px; color:#0a72ca;}
.h2_title span {display:inline-block; vertical-align:middle; position:relative;}
.h2_title span:before {content:""; position:absolute; left:0; bottom:-20px; width:30px; height:2px; background-color:#0a72ca;}
.h3_title {font-weight:400; margin-bottom:20px; font-size:26px; line-height:30px; color:#222;}
.h4_title {font-weight:400; position:relative; width:auto; margin-bottom:15px; padding-left:10px; font-size:20px; line-height:20px; color:#00569f;}
.h4_title:before {content:""; position:absolute; left:0px; top:50%; width:4px; height:4px; margin-top:-2px; background-color:#00569f;}
.txt_big {font-size:20px; line-height:20px;}
.txt_middle {font-size:15px; line-height:24px;}
.txt_small {font-size:13px; line-height:20px;}

/* paging */
.paging {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; text-align:center;}
.paging a {display:inline-block; vertical-align:middle; width:38px; height:38px; margin-right:5px; border:1px solid #ddd; line-height:38px; color:#666; font-weight:400; transition:0.2s;}
.paging a:hover, .paging a.on {background-color:#414141; color:#fff;}
.paging a.p_prev, .paging a.p_next {position:relative;}
.paging a.p_prev:before {content:''; position:absolute; right:15px; top:16px; width:5px; height:5px; border-bottom:solid 1px currentcolor; border-left:solid 1px currentcolor; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.paging a.p_next:before {content:''; position:absolute; left:15px; top:16px; width:5px; height:5px; border-top:solid 1px currentcolor; border-right:solid 1px currentcolor; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

/* paging */
.paging.type01 {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; text-align:center;}
.paging.type01 .p_area {display:inline-block; vertical-align:middle; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.paging.type01 a {display:inline-block; vertical-align:middle; float:left; width:38px; height:38px; margin:0; border-left:0px; border-top:0px; border-bottom:0px; border-right:1px solid #ddd; line-height:38px; color:#666; font-weight:400; transition:0.2s;}
.paging.type01 a:hover, .paging.type01 a.on {background-color:#414141; color:#fff;}
.paging.type01 a.p_prev, .paging a.p_next {position:relative;}
.paging.type01 a.p_prev:before {content:''; position:absolute; right:15px; top:16px; width:5px; height:5px; border-bottom:solid 1px currentcolor; border-left:solid 1px currentcolor; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.paging.type01 a.p_next:before {content:''; position:absolute; left:15px; top:16px; width:5px; height:5px; border-top:solid 1px currentcolor; border-right:solid 1px currentcolor; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

/* table */
table {width:100%; border-top:2px solid #0a72ca; background-color:#fff;}
table thead th {background-color:#fafafa; color:#414141;}
table thead th, table tbody th {font-weight:400;}
 table thead th, table tbody th, table tbody td{padding:12px 0; border-bottom:1px solid #eee;  line-height:20px;text-align:center;}
 div[name~="content"] table thead th, div[name~="content"] table tbody th, div[name~="content"] table tbody td,
 div[class~="boardContent"] table thead th, div[class~="boardContent"] table tbody th, div[class~="boardContent"] table tbody td{text-align:left !important;}
 table tbody td{padding:12px 5px;}
/*not*/
table.__se_tbl_ext{border:0;text-align:left;}
table.__se_tbl_ext tbody td{padding:0;border:0;line-height:normal;word-break: normal;}
table.__se_tbl_ext table.__se_tbl_ext{background-color:transparent}
table.__se_tbl_ext tbody td[bgcolor=#0B3387]{background-color:#0B3387}


table.type01 {border-left:1px solid #eee;}
table.tal tbody th, table.tal tbody td {text-align:left !important;}
table.type01 tbody th {vertical-align:top;background-color:#f2f2f2;}
table.type01 thead th, table.type01 tbody th, table.type01 tbody td {padding:12px 15px; border-right:1px solid #eee;}
table.type01 thead th.bgcg, table.type01 tbody td.bgcg {background-color:#eaf0ef !important;}

table thead th.align {position:relative; padding:12px 30px 12px 15px; text-align:left;}
table thead th.align button {display:inline-block; position:absolute; right:10px; top:12px; width:20px; height:20px;}
table thead th.align button:before {content:""; position:absolute; left:5px; top:3px; border-bottom: 6px solid #111; border-left: 5px solid transparent; border-right: 5px solid transparent;}
table thead th.align button:hover:before {border-bottom-color:#0a72ca;}
table thead th.align button:after {content:""; position:absolute; left:5px; bottom:3px; border-top: 6px solid #111; border-left: 5px solid transparent; border-right: 5px solid transparent;}
table thead th.align button:hover:after {border-top-color:#0a72ca;}
table thead th.align.ascending button:after {display:none;}
table thead th.align.descending button:before {display:none;}

/* 20170623추가 */
table tbody td.link {max-width:300px; padding:12px 10px; text-align:left !important;}
table tbody td.link a {display:inline-block; float:left; width:auto; max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}/* 20170711수정 */
table tbody td .ba_comment {display:inline-block; float:left; width:20px; margin-left:5px; padding:0 3px; border-radius:30px; background-color:#111; text-align:center; color:#fff; line-height:20px;}/* 20170711수정 */
table tbody td .i_notice {display:inline-block; width:14px; height:19px; background-image:url("../images/i_notice.png"); background-repeat:no-repeat; background-size:14px auto; background-position:center center;}
table tbody td .i_rock {display:inline-block; width:14px; height:19px; background-image:url("../images/i_rock.png"); background-repeat:no-repeat; background-size:14px auto; background-position:center center;}
table tbody td .ba_icon {display:inline-block; vertical-align:middle; position:relative; width:16px; height:16px; margin-right:3px;}
table tbody td .ba_icon:before {position:absolute; left:0; top:0; width:16px; height:16px; border-radius:3px; text-align:center; font-size:12px; line-height:15px; color:#fff;}
table tbody td .ba_icon.i_question:before {content:'Q'; background-color:#5e738b;}
table tbody td .ba_icon.i_answer:before {content:'A'; background-color:#f4940b;}
/* 20170627추가 */
table tbody td .i_reply {display:inline-block; vertical-align:middle; position:relative; width:20px; height:20px;}
table tbody td .i_reply:before {content:""; position:absolute; left:0px; top:0; width:10px; height:10px; border-bottom:1px solid #0a72ca; border-left:1px solid #0a72ca;}
table tbody td .i_reply:after {content:""; position:absolute; left:8px; top:5px; border-top:5px solid transparent; border-left:6px solid #0a72ca; border-bottom:5px solid transparent;}


/* list */
.list {display:inline-block; vertical-align:middle; width:100%;}
.list > li {display:block; vertical-align:middle; position:relative; width:auto; margin-bottom:10px; padding-left:15px; font-size:14px; line-height:20px;}
.list > li:before {content:""; position:absolute; left:0; top:9px; width:4px; height:1px; background-color:currentcolor;}
.list > li:last-child {margin-bottom:0;}
.list.circle > li:before {content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:currentcolor; border-radius:10px;}
.list.square > li:before {content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:currentcolor;}

/* tab */
.tab {display:inline-block; vertical-align:middle; width:100%; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6;}
.tab li {display:inline-block; vertical-align:middle; position:relative; float:left; border-bottom:1px solid #e6e6e6; height:48px; border-right:1px solid #e6e6e6; text-align:center; color:#111; line-height:48px; transition:0.2s; box-sizing:border-box; cursor:pointer;background-color: #fafafa;}
.tab li a {display:block; vertical-align:middle; width:auto; color:#111; line-height:48px; transition:0.2s;}
.tab li:hover a {background-color:#f1f1f1;}
.tab li.on, .tab li.on a {background-color:#0a72ca; color:#fff;}
.tab.type02 li.on:before {content:""; position:absolute; left:50%; bottom:-7px; margin-left:-8px; border-top: 7px solid #0a72ca; border-left: 7px solid transparent; border-right: 7px solid transparent;}
.tab_wrap {display:inline-block; vertical-align:middle;}
.tab_wrap .tab.small li {height:24px;}
.tab_wrap .tab.small li a {height:24px; line-height:24px;}

.li1 > li {width:100%;}
.li2 > li {width:50%;}
.li3 > li {width:33.3%;}
.li4 > li {width:25%;}
.li5 > li {width:20%;}
.li6 > li {width:16.66%;}
.li7 > li {width:14.28%;}
.li8 > li {width:12.5%;}

/* form */
.f_wrap {display:inline-block; position:relative; width:100%; border-top:2px solid #0a72ca;}
.f_wrap:before {content:""; position:absolute; left:0; top:0; bottom:0; width:199px; background-color:#f5f5f5; border-right:1px solid #ddd;}
.f_wrap:after {content:""; position:absolute; left:50%; top:0; bottom:0; z-index:-1; width:199px; background-color:#f5f5f5; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.f_wrap .f_area {display:inline-block; vertical-align:middle; position:relative; width:100%; border-bottom:1px solid #ddd;}
.f_wrap .f_area .f_label {display:inline-block; position:absolute; left:0; top:0; bottom:0; width:200px;}
.f_wrap .f_area .f_label .fl_txt {display:block; padding:0 15px; font-size:14px; font-weight:400; line-height:60px; text-align:right;}
.f_wrap .f_area .f_input {display:block; vertical-align:middle; width:auto; margin-left:210px; margin-right:10px; padding-top:10px; padding-bottom:10px; min-height:50px; background-color:#fff; box-sizing:border-box;}
.f_wrap .f_area .f_input .fi_txt {line-height:40px !important;}

/* f_table */
.f_table {display:inline-block; vertical-align:middle; position:relative; width:100%; border-top:2px solid #0a72ca; border-left:1px solid #ddd; font-size:14px;}
.f_table.bt1 {border-top:1px solid #ddd;}/* 20170608 */
.f_table .ft_area {display:table; width:100%; border-bottom:1px solid #ddd;}
.f_table .ft_area .fta_label {display:table-cell; vertical-align:top; padding:0 10px; background-color:#f5f5f5; border-right:1px solid #ddd; font-weight:400; text-align:right; line-height:40px;}
.f_table .ft_area .fta_input {display:table-cell; vertical-align:top; border-right:1px solid #ddd;}
.f_table .ft_area .fta_input .fta_txt {line-height:20px; padding:10px 0;}
.f_table .ft_area .f_table {border-top:0px; border-left:0px;}
.f_table .ft_area .f_table .ft_area {border-color:#eee;}
.f_table .ft_area .f_table .ft_area:last-child {border-bottom:0px;}
.f_table .ft_area .fta_label > .area, .f_table .ft_area .fta_input > .area {padding:5px; box-sizing:border-box;}
.f_table .ft_area .f_table .ft_area .fta_input:last-child {border-right:0px;}
.f_table .ft_area .fta_title {display:table-cell; vertical-align:middle; padding:20px 0px; background-color:#fafafa; font-weight:400; text-align:center; line-height:20px;}
.f_table .ft_area .fta_txt {display:table-cell; vertical-align:middle; text-align:center;}

input[type=text], input[type=password], input[type=date], input[type=email], input[type=file], input[type=tel] {display:inline-block; vertical-align:middle; height:40px; padding:0px; border:1px solid #ddd; border-radius:0px; color:#414141; line-height:40px; text-indent:10px; box-sizing:border-box; -webkit-appearance: none;}
input.warning {border-color:#c29d0b; color:#c29d0b; outline:0;}
input.error {border-color:#e50011; color:#e50011; outline:0;}
input.success {border-color:#27a4b0; color:#27a4b0; outline:0;}
select {display:inline-block; vertical-align:middle; height:40px; padding:0px; border:1px solid #ddd; color:#414141; text-indent:10px; /* -webkit-appearance: none; */}
textarea {display:inline-block; vertical-align:middle; width:100%; padding:10px; border:1px solid #ddd; border-radius:0px; color:#414141; line-height:18px; box-sizing:border-box; -webkit-appearance: none;}
input:input-placeholder {color:#ddd;}
input:-ms-input-placeholder {color:#ddd;}
input::-webkit-input-placeholder {color:#ddd;}
input::-moz-placeholder {color:#ddd;}
input::-moz-placeholder {color:#ddd;}

/* button */
.btn {display:inline-block; vertical-align:middle; min-width:100px; height:40px; padding:0 20px; line-height:40px; border:1px solid #5e738b; background-color:#5e738b; color:#fff; text-indent:0px; cursor:pointer; transition:0.2s; text-align:center; box-sizing:border-box;}
.btn:hover {background-color:#56697f;}
.btn_area {display:inline-block; vertical-align:middle; width:100%;}
.btn_area.btn1 .btn {float:left; width:100%;}
.btn_area.btn2 .btn {float:left; width:50%;}
.btn_area.btn3 .btn {float:left; width:33.3%;}
.btn_area.btn4 .btn {float:left; width:25%;}
.btn_area.btn5 .btn {float:left; width:20%;}
.btn_area.btn6 .btn {float:left; width:16.66%;}
.btn_area.btn7 .btn {float:left; width:14.28%;}
.btn_area.btn8 .btn {float:left; width:12.5%;}
.btn.bgcm {background-color:#003663; border-color:#003663;} /* 파란색 */
.btn.bgcm:hover {background-color:#2f87c3; border-color:#2f87c3;}
.btn.bggr {background-color:#29b4b6; border-color:#29b4b6;} /* 초록색 */
.btn.bggr:hover {background-color:#26a6a8; border-color:#26a6a8;}
.btn.bggm {background-color:#525e64; border-color:#525e64;} /* 회색 */
.btn.bggm:hover {background-color:#485358; border-color:#485358;}
.btn.bgcr {background-color:#e7505a; border-color:#e7505a;} /* 빨간색 */
.btn.bgcr:hover {background-color:#dc4c55; border-color:#dc4c55;}
.btn.small {min-width:auto; height:24px; padding:0 10px; line-height:24px;}
.btn.small span {display:inline-block; background-color:#2a5693; margin-left:5px; padding:0 6px; border-radius:10px; font-size:12px; line-height:14px;}

.i_btn {display:inline-block; vertical-align:middle; width:40px; height:40px; border:1px solid #ddd; background-repeat:no-repeat; background-position:center center; background-size:40px auto; transition:0.2s;}
.i_calender {background-image:url("https://thepm.co.kr/ksmo2020/www.ksmoconference.org/inc/images/i_calendar.html"); border-left:0px; float:left;}
.i_calender:hover {background-color:#eee;}

/* search */
.search_area {background-color:#ddd; display:inline-block; vertical-align:middle; width:100%; padding:20px; box-sizing:border-box;}
.search_area * {box-sizing:border-box;}
.search_area .btn {min-width:auto;}
.search_area .btn.small {margin-bottom:4px;}

/* box */
.scroll_y {display:inline-block; vertical-align:middle; overflow-x:hidden; overflow-y:scroll;}
.box {display:inline-block; width:100%; padding:20px; border:1px solid #eee; background-color:#fafafa; box-sizing:border-box;}
.box.t1 {border-color:#0a72ca; background-color:#f7fbff;} /* 파란색 */
.box.t2 {border-color:#ffa800; background-color:#fffbf4;} /* 주황색 */

/* board */
.b_wrap {display:inline-block; width:100%; border-top:2px solid #0a72ca;}
.b_wrap .b_title {display:inline-block; vertical-align:middle; width:100%;}
.b_wrap .b_title > span {display:inline-block; vertical-align:middle; float:left; height:50px; background-color:#f5f5f5; border-bottom:1px solid #ddd; line-height:50px; text-align:center; font-weight:400;}
.b_wrap .b_area > span {display:inline-block; vertical-align:middle; float:left; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #ddd;}
.b_wrap .b_area > span.link {text-align:left;}
.b_wrap .b_area > span.link a {display:inline-block; float:left; max-width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.b_wrap .b_area > span.link .ba_comment {display:inline-block; float:left; width:20px; margin-left:5px; margin-top:16px; padding:0 3px; border-radius:30px; background-color:#111; text-align:center; color:#fff; line-height:20px;}
.b_wrap .b_area > span .i_notice {display:inline-block; width:14px; height:50px; background-image:url("../images/i_notice.png"); background-repeat:no-repeat; background-size:14px auto; background-position:center center;}
.b_wrap .b_area > span .ba_icon {display:inline-block; vertical-align:middle; position:relative; width:16px; height:16px; margin-right:3px;}
.b_wrap .b_area > span .ba_icon:before {position:absolute; left:0; top:0; width:16px; height:16px; border-radius:3px; text-align:center; font-size:12px; line-height:15px; color:#fff;}
.b_wrap .b_area > span .ba_icon.i_question:before {content:'Q'; background-color:#5e738b;}
.b_wrap .b_area > span .ba_icon.i_answer:before {content:'A'; background-color:#f4940b;}


/* view */
.v_wrap {display:inline-block; width:100%; border-top:2px solid #0a72ca;}
.v_wrap .v_title {display:block; width:auto; padding:20px; border-bottom:1px solid #ddd;}
.v_wrap .v_title .vt_title {position:relative; margin-bottom:5px; padding-left:10px; font-size:18px; line-height:28px; color:#ffa800;}
.v_wrap .v_title .vt_title:before {content:""; position:absolute; left:0; top:9px; width:2px; height:10px; background-color:#ffa800;}
.v_wrap .v_title ul {display:inline-block; vertical-align:middle; width:100%;}
.v_wrap .v_title ul li {display:inline-block; vertical-align:middle; position:relative; float:left; margin-right:40px; font-size:14px; line-height:20px;}
.v_wrap .v_title ul li:last-child {margin-right:0px;}
.v_wrap .v_title ul li:before {content:""; position:absolute; right:-20px; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#cde3f6;}
.v_wrap .v_title ul li:last-child:before {display:none;}
.v_wrap .v_title ul li p {display:inline-block; margin-right:10px; font-weight:400;}
.v_wrap .v_title ul li span {color:#565656;}
.v_wrap .v_txt {display:block; width:auto; margin-bottom:30px; padding:20px; border-bottom:1px solid #ddd; font-family:Noto Sans KR,NanumGothic,NanumGothicBold,verdana,gulim,dotum; font-size:14px; line-height:22px; word-break:break-all;}
.v_wrap .v_txt b, .v_wrap .v_txt strong {font-weight:600 !important;}
.v_wrap .v_txt u {text-decoration:underline !important;}
.v_wrap .v_txt i {font-style:italic !important;}
.v_wrap .v_txt i.im {font-style:inherit !important;}
.v_wrap .v_txt img {max-width:100%;}
.v_wrap .v_txt p {font-family:Noto Sans KR,NanumGothic,NanumGothicBold,verdana,gulim,dotum;}
.v_wrap .v_txt .vt_download {display:block; vertical-align:middle; position:relative; width:auto; margin-top:10px; padding:10px 25px; border:1px solid #5e738b; opacity:0.5; transition:0.2s;}
.v_wrap .v_txt .vt_download:hover {opacity:1;}
.v_wrap .v_txt .vt_download:before {content:""; position:absolute; left:10px; top:50%; width:12px; height:12px; margin-top:-6px; background-image:url("../images/i_file.png"); background-repeat:no-repeat; background-position:center center; background-size:12px auto;}
.v_wrap .v_txt .vt_download:after {content:""; position:absolute; right:10px; top:50%; width:16px; height:16px; margin-top:-8px; background-image:url("../images/i_download.png"); background-repeat:no-repeat; background-position:center center; background-size:16px auto;}
.v_wrap .v_txt .vt_download p {width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.v_wrap .v_txt .vt_download a {display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0;}
.v_wrap .v_list {display:block; margin-bottom:30px; border-top:1px solid #ddd;}
.v_wrap .v_list .vl_box {display:block; vertical-align:middle; position:relative; width:auto; padding:20px 20px 20px 55px; border-bottom:1px solid #ddd; font-size:16px; line-height:20px; transition:0.2s;}
.v_wrap .v_list .vl_box i {display:inline-block; position:absolute; left:15px; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:30px; background-color:#5e738b;}
.v_wrap .v_list .vl_box.vl_next i:after {content: ''; position: absolute; left:10px; bottom:8px; width: 9px; height: 9px; border-bottom: solid 1px #fff; border-left: solid 1px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.v_wrap .v_list .vl_box.vl_prev i:after {content: ''; position: absolute; left:10px; top:8px; width: 9px; height: 9px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.v_wrap .v_list .vl_box:hover {background-color:#fafafa;}
.v_wrap .v_list .vl_box span {position:absolute; left:56px; top:50%; margin-top:-10px; color:#5e738b;}
.v_wrap .v_list .vl_box a, .v_wrap .v_list .vl_box > p {display:inline-block; padding-left:60px; color:#111;}
.v_wrap .v_list .vl_box a:hover, .v_wrap .v_list .vl_box > p:hover {text-decoration:underline;}
.v_wrap .v_comment {display:block; width:auto; padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa;}
.v_wrap .v_comment .vc_list {display:inline-block; position:relative; width:100%;}
.v_wrap .v_comment .vc_list li {display:block; position:relative; padding:20px 10px; border-top:1px solid #ddd;}
.v_wrap .v_comment .vc_list .vcl_id {font-size:13px; color:#111; line-height:20px;}
.v_wrap .v_comment .vc_list .vcl_date {font-size:12px; color:#bbb; line-height:16px;}
.v_wrap .v_comment .vc_list .vcl_edit {display:inline-block; vertical-align:middle; position:absolute; right:10px; top:25px;}
.v_wrap .v_comment .vc_list .vcl_txt {margin-top:10px; font-size:14px; line-height:22px;}
.v_wrap .v_comment .vc_list .vc_list {margin-top:20px; padding-left:30px; box-sizing:border-box;}
.v_wrap .v_comment .vc_list .vc_list li {position:relative; border-top:0px; border-bottom:1px solid #eee; padding:10px 0;}
.v_wrap .v_comment .vc_list .vc_list li:last-child {border-bottom:0px;}
.v_wrap .v_comment .vc_list .vc_list li:before {content:""; position:absolute; left:-30px; top:9px; width:10px; height:10px; border-bottom:1px solid #999; border-left:1px solid #999;}
.v_wrap .v_comment .vc_list .vc_list li:after {content:""; position:absolute; left:-20px; top:14px; border-top:5px solid transparent; border-left:6px solid #999; border-bottom:5px solid transparent;}
.v_wrap .v_comment .vc_list .vc_list li .vcl_edit {right:0px; top:16px;}
.v_wrap .v_comment .vc_list .vc_list li textarea {margin-top:10px;}
/* 20170713추가 */
.v_wrap .v_comment .vc_list li:first-child {border-top:2px solid #ddd;}
.v_wrap .v_comment .vc_list li.reply {position:relative; border-top:0px; border-bottom:1px solid #eee; padding:10px 0 10px 45px;}
.v_wrap .v_comment .vc_list li.reply:before {content:""; position:absolute; left:10px; top:9px; width:10px; height:10px; border-bottom:1px solid #999; border-left:1px solid #999;}
.v_wrap .v_comment .vc_list li.reply:after {content:""; position:absolute; left:17px; top:14px; border-top:5px solid transparent; border-left:6px solid #999; border-bottom:5px solid transparent;}
.v_wrap .v_comment .vc_list li.reply .vcl_edit {right:0px; top:16px;}
.v_wrap .v_comment .vc_list li.reply textarea {margin-top:10px;}
/* 20171226추가 */
.v_wrap .v_txt .vt_list {display:inline-block; vertical-align:middle; width:100%; margin-top:10px; border-top:1px solid #eee;}
.v_wrap .v_txt .vt_list li {display:block; position:relative; width:100%; padding:10px 0; border-bottom:1px solid #eee;}
.v_wrap .v_txt .vt_list li .vtl_img {display:inline-block; position:absolute; left:10px; top:5px; width:30px;}
.v_wrap .v_txt .vt_list li .vtl_txt {padding:0 50px;}
.v_wrap .v_txt .vt_list li .vtl_txt a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.v_wrap .v_txt .vt_list li .vtl_view {display:inline-block; position:absolute; right:10px; top:10px; line-height:20px;}
/* 20180131추가 */
.v_wrap .v_txt .vt_list li .vtl_txt b {font-weight:500;}
/* 타이틀 */
h3.title {display:inline-block; vertical-align:middle; position:relative; width:100%; padding-bottom:10px; margin-bottom:20px;}
h3.title:before {content:""; position:absolute; left:0; bottom:0; width:50px; height:4px; background-color:#e3e6e8;}
h3.title:after {content:""; position:absolute; left:0; bottom:0; width:10px; height:4px; background-color:#2f59ce;}
.title {display:inline-block; vertical-align:middle; font-weight:400; font-size:20px; line-height:40px; word-wrap:normal; word-break:keep-all;}
.title.light, .title .light {font-weight:300;}
.title.bold, .title .bold {font-weight:500;}
.title.t1 {font-size:25px; line-height:30px;}
.title.t2 {font-size:40px; line-height:50px;}
.title span {display:inline-block; vertical-align:middle; width:100%;}

/* Search */
.search {display:inline-block; width:100%; padding:15px 20px; border:1px solid #2f59ce; background-color:#f4f5f9; box-sizing:border-box;}
.search > div {display:inline-block; vertical-align:middle; float:left; min-height:80px; padding:5px 0;}
.search .s_txt {margin-bottom:10px; font-size:14px; line-height:20px; font-weight:500; color:#222;}
.search .s_contents {display:inline-block; vertical-align:middle; width:100%; height:40px;}
.search .s_contents label {line-height:40px;}
.search .area {min-height:inherit;}


/* 폼뷰통합 */
.step {display:inline-block; vertical-align:middle; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box;}
.step li {display:inline-block; vertical-align:middle; float:left;}
.step li .s_area {display:block; width:auto; height:200px; padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.step li .s_area .s_title {height:36px; margin-bottom:30px; font-size:20px; line-height:20px; color:#0a72ca; font-weight:500;}
.step li .s_area .s_txt {font-size:14px; line-height:20px;}
.step.type03 {border:0;}
.step.type03 li {box-sizing:border-box; padding:2px;}
.step.type03 li .s_area {height:230px; padding:0; border:1px solid #0a72ca;}
.step.type03 li .s_area .s_title {margin-bottom:0; padding:10px 0; background-color:#0a72ca; color:#fff; text-align:center;}
.step.type03 li .s_area .s_txt {box-sizing:border-box; padding:10px;}

.div_table {display:table; width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.div_table .tr {display:table; vertical-align:middle; width:100%;}
.div_table .tr .th {background-color:#eee; vertical-align:top; font-weight:500;}
.div_table .tr .th, .div_table .tr .td {display:table-cell; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; line-height:20px;}
.div_table .div_table {margin-top:10px; border-color:#eee;}
.div_table .div_table .tr .th {background-color:#fafafa;}
.div_table .div_table .tr .th, .div_table .div_table .tr .td {border-color:#eee;}

.steps {display:inline-block; vertical-align:middle; width:100%;}
.steps li {display:inline-block; vertical-align:middle; float:left;}
.steps li > div {width:auto; margin:5px; padding:10px; background-color:#fafafa; border:1px solid #ddd; text-align:center;}
.steps li .txt_big {font-size:40px; line-height:44px; margin-bottom:10px; font-weight:500; color:#2f59ce;}
.steps li .txt_small {color:#2f59ce;}

.formView table {width:100%; border-top:2px solid #0a72ca; background-color:#fff;}
.formView table tbody td.th, .formView table thead th {background-color:#fafafa; color:#414141;}
.formView table tbody td.th, .formView table thead th, .formView table tbody th {font-weight:400;}
.formView table thead th, .formView table tbody th, .formView table tbody td {padding:12px 0; border-bottom:1px solid #ddd; text-align:center; line-height:20px;}
.formView table tbody td {padding:12px 5px;}
.formView table.type01 {border-left:1px solid #ddd;}
.formView table.tal tbody th, .formView table.tal tbody td {text-align:left !important;}
.formView table.type01 tbody td.th, .formView table.type01 tbody th {vertical-align:top;background-color:#f2f2f2;}
.formView table.type01 tbody td.th, .formView table.type01 thead th, .formView table.type01 tbody th, .formView table.type01 tbody td {padding:12px 15px; border-right:1px solid #ddd;}
.formView table.type01 thead th.bgcg, .formView table.type01 tbody td.bgcg {background-color:#eaf0ef !important;}

/* 파일첨부 */
.file_input {display:inline-block; vertical-align:middle; position:relative; width:100%; margin:2px 0;}
.file_input label {position:absolute;right:0; top:0px; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:100px; height:40px; background:#5e738b; color:#fff; text-align:center; line-height:40px;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; border:0;}
.file_input input[type=text] {display:block; width:100%; height:40px; line-height:40px; font-size:12px; padding:0; border:0; border:1px solid #ddd;}

/* boardContent css reset */
.boardContent {display:inline-block; vertical-align:middle; width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #ddd;}
.boardContent table {width:inherit; border-top:inherit; background-color:inherit;}
.boardContent table thead th, .boardContent table tbody th, .boardContent table tbody td {padding:inherit; margin:inherit; border:inherit; line-height:inherit; text-align:inherit !important;}

/* 모바일카드 */
.mobile_card {display:none;}


/* 20180822 추가 */
i.im, h1, h2, h3, h4, h5, h6 {font-style:normal;}
.css_init {}
.css_init b, .css_init strong {font-weight:bold !important;}
.css_init i, .css_init cite, .css_init em, .css_init var, .css_init address, .css_init dfn {font-style:italic  !important;}
.css_init u, .css_init ins {text-decoration:underline  !important;}

.hide{display:none;}