@charset "utf-8";
/**
 * @File Name : lib.css
 * @Description : WebStyleGuide wasn't | Contents Styles Library | Form and Button | Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.08.29 |  | 최초 등록
 * 2018.09.07 |  | 요구반영. 결함개선. 고도화.
 * 2018.09.20 |  | .hb1.h2 ~ .hb1.h6 폰트 및 컬러수정, .bg-info 컬러수정
 * 2018.10.11 |  | 로컬과 리모트 비교해서 병합
 * 2018.10.12 |  | 요구반영. 결함개선. 고도화.
 * 2018.12.07 |  | table 첨부파일 아이콘 수평 중앙정렬
 * 2018.12.14 |  | h태그 블릿 및 ul li 블릿 위치 수정
 * 2018.12.17 |  | deco7 마진 수정, table.t3>*>tr>th, table.t3>*>tr>td 여백수정
 * 2019.01.04 |  |  .infomenu1 마진값 수정

 * ★ selectivizr-min.js (emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8))) http://selectivizr.com/
 * UA 기본 개념과 다른 스타일은 여기에 만든다.
 * class 선택자에 정의한다. 우선순위 높은 id 선택자는 필연적일 때만 사용한다.
 * 네이밍 중복을 피하려면, 용도번호 .bu11 보다는 용도1줄기1 .bu1ic1 방법으로 만든다.
 */

/** Compatible! [IE8+] */

/** Table of contents ))
 | Base Adjust
 | TYPOGRAPHY
 | Paragraph
 | Anchor
 | Other styled text tags.. Emphasis
 | List
 | Table
 | Table Property
 | Box with scroll
 | Panel
 | Line
 | Harmony
 | Helper classes
 | Active classes
 | Sectioning
 | Form
 | Button size, shape, colors, disabled, transition
 | button-group, menu-group
 | BBS(Board) Share
 | Embed (video, audio wrapper)
 | Grid ))) base.css
 | RWD ))) base.css
 */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* ◇◆ Base Adjust ◇◆◇◆◇◆◇◆◇◆ */


/* base.css )) all.css )) Overwrite 20170217. 20170512. ◆◆◆ */

/* body 태그의 속성은 그대로 상속 받도록 한다. (메인과 서브의 공통 영역을 동일 유지)
 */


/* Contents Styles Library 20180423~ ◇◆◇◆◇◆◇◆◇◆ */


/* TYPOGRAPHY */

/* Heading bullet1(background) 20181011 */
.hb1{display:block;position:relative;
	margin:1.5em 0 1em;
	padding:0 0 0 .75em;
	background:url() no-repeat 0 50%;
	background-position:0 .25em;
	color:#555;
	font-weight:600;
	line-height:1.375;
	letter-spacing:-.0625em; /* 1/16 */
}
.hb1.h1{font-size:2.5em; /* =40/16 */
	padding:0 0 .25em;
	background-image:url(../images/sub/h1bg.png);
	background-position:0 100%;
}
.hb1.h2{font-size:1.625em; /* =26/16 */
	padding-left:32px;
	/* padding-bottom:.5em; */
	/* border-bottom:1px solid #444; */
	background-image:url(../images/sub/h2bg_.png);
	background-position:0 .25em;
	color:#21272c;
	font-weight:400;
}
.hb1.h3{font-size:1.375em; /* =22/16 */
	padding-left:22px;
	background-image:url(../images/sub/h3bg.png);
	background-position:0 .45em;
	font-weight:400;
	color:#076dac;
}
.hb1.h4{font-size:1.25em; /* =20/16 */
	padding-left:22px;
	background-image:url(../images/sub/h4bg.png);
	/* color:#590; */
	font-weight:400;
	color:#21272c;
	background-position:0 .3em
}
.hb1.h5{font-size:1.125em; /* =18/16 */
	background-image:url(../images/sub/h5bg.png);
	color:#089;
	font-weight:400;
}
.hb1.h6{font-size:1em; /* =16/16 */
	background-image:url(../images/sub/h6bg.png);
	color:#09c;
	font-weight:400;
}


/* 제목장식 20180209 */
.hb1.info1{padding:0 0 2px 30px;
	background:url(../images/sub/info1bg.png) no-repeat 0 3px;
	color:#06b;
	font-size:1.5em;
}


/* 제목꾸밈제거 20180920 */
.hb0[class]{padding:0;border:0;background:transparent;}


/* 불릿없는제목(font-size변경) 20180920 */
.hb2{display:block;position:relative;
	margin:.75em 0;
	padding:0;
	border:0;
	background:transparent;
	color:#000;
	line-height:1.375;
	letter-spacing:-.0625em; /* 1/16 */
}
/* ( (40 26 22 20 18 16)/16 ) */
.hb2.h1{font-size:2.5em;}
.hb2.h2{font-size:1.625em;}
.hb2.h3{font-size:1.375em;}
.hb2.h4{font-size:1.25em;}
.hb2.h5{font-size:1.125em;}
.hb2.h6{font-size:1em;}


/* Anchor */
:link,
:visited{color:#039;} /* ☆ */


/* Other styled text tags.. Emphasis (≥ Contrast 3:1) 배경#eee 20181011 */
em,
.em{color:#e53;} /* 20181011 강조색 기본 #d00 */
.em1{color:#e00;} /* 빨 red */
.em1-2{color:#e55;} /* 다홍 red */
.em2{color:#e50;} /* 주 orange (dung) */
.em3{color:#b70;} /* 노 yellow (gold) */
.em3-4{color:#690;} /* 연두 light green */
.em4{color:#080;} /* 초 green */
.em4-5{color:#078;} /* 청록 cyan (green blue) */
.em5{color:#06c;} /* 파 blue */
.em5-6{color:#24c;} /* 암청 cobalt blue */
.em6{color:#009;} /* 남 navy */
.em7{color:#85e;} /* 보 violet */
.em8{color:#c2c;} /* 심홍 magenta (blue red) */
.em9{color:#d06;} /* 분홍 pink */
.em0{color:#000;} /* 흑 black */


/* Paragraph 20150909 */
p.bu{position:relative;padding:0 0 0 1.2em;background:url(../images/sub/li1bg.png) no-repeat 0 .22em;}


/* List 20181012 */

ul.b0,
ol.b0,
dl.b0{list-style:none;margin-left:0;padding-left:0;text-align:left;}
ul.b0>li,
ol.b0>li,
dl.b0>dt,
dl.b0>dd{margin:.375em 0;padding:0;}

/* 20181012 */
.ttmg0[class]>li,
.ttmg0[class]>dt,
.ttmg0[class]>dd{margin:0;}


/* 정의(ex)용어.. 위 우선순위 12점 보다 큰 선택자 사용 */
.dfn[class]>li{
	margin:1em 0;
}
.dfn[class]>dt{margin-top:1em;}
.dfn[class]>dd{margin-bottom:1em;}


/* 일반목록 */
ul.bu{list-style:none;margin-left:0;padding:0;text-align:left;}
ul.bu ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu li{
	margin:.375em 0;
	padding:0 0 0 1.25em;
}
ul.bu li,
ul.bu.bu1 li{background:url(../images/sub/li1bg.png) no-repeat .125em .22em;}
ul.bu li ul>li,
ul.bu.bu2 li{background:url(../images/sub/li2bg.png) no-repeat .125em .22em;}
ul.bu li li ul>li,
ul.bu.bu3 li{background:url(../images/sub/li3bg.png) no-repeat .125em .22em;}
ul.bu li li li ul>li,
ul.bu.bu4 li{background:url(../images/sub/li4bg.png) no-repeat .125em .22em;}


/* 순번목록 */
ol[class*='bo']{
	list-style:decimal-leading-zero;
	margin:0;
	padding:0 0 0 1.8em;
	text-align:left;
}
ol[class*='bo']>li{
	margin:.375em 0;
	padding:0;
	background:transparent;
}
ol.bo0{
	/* padding:0; */
}
/* [IE9+] )) ★☆호환 */
html.gteIE9orSUA ol.bo1{list-style:none;
	padding-left:2.1em; /* ☆~99 보장 */
}
html.gteIE9orSUA ol.bo1>li:before{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:1.429em; /* =20/14 */
	height:1.429em;
	min-width:20px;
	min-height:20px;
	margin:-.15em .721em 0 -2.4em; /* ((2.1/.875)-1.429-.25) (2.1/.875) */
	padding:3px 0; /* ((20-14)/2) */
	border-radius:9999px;
	background:#08b;
	color:#fff;
	font-weight:400;
	font-size:.875em; /* =14/16 */
	line-height:14px; /* 폰트14px이하 최적 */
	text-align:center;
	vertical-align:middle;
}
html.gteIE9orSUA ol.bo1 ol.bo1>li:before{
	width:1.286em; /* =18/14 */
	height:1.286em;
	min-width:18px;
	min-height:18px;
	padding:2px 0; /* ((18-14)/2) */
	background:#789;
}
html.gteIE9orSUA ol.bo1>li:nth-child(1):before{content:'1'}
html.gteIE9orSUA ol.bo1>li:nth-child(2):before{content:'2'}
html.gteIE9orSUA ol.bo1>li:nth-child(3):before{content:'3'}
html.gteIE9orSUA ol.bo1>li:nth-child(4):before{content:'4'}
html.gteIE9orSUA ol.bo1>li:nth-child(5):before{content:'5'}
html.gteIE9orSUA ol.bo1>li:nth-child(6):before{content:'6'}
html.gteIE9orSUA ol.bo1>li:nth-child(7):before{content:'7'}
html.gteIE9orSUA ol.bo1>li:nth-child(8):before{content:'8'}
html.gteIE9orSUA ol.bo1>li:nth-child(9):before{content:'9'}
html.gteIE9orSUA ol.bo1>li:nth-child(10):before{content:'10'}
html.gteIE9orSUA ol.bo1>li:nth-child(11):before{content:'11'}
html.gteIE9orSUA ol.bo1>li:nth-child(12):before{content:'12'}
html.gteIE9orSUA ol.bo1>li:nth-child(13):before{content:'13'}
html.gteIE9orSUA ol.bo1>li:nth-child(14):before{content:'14'}
html.gteIE9orSUA ol.bo1>li:nth-child(15):before{content:'15'}
html.gteIE9orSUA ol.bo1>li:nth-child(16):before{content:'16'}
html.gteIE9orSUA ol.bo1>li:nth-child(17):before{content:'17'}
html.gteIE9orSUA ol.bo1>li:nth-child(18):before{content:'18'}
html.gteIE9orSUA ol.bo1>li:nth-child(19):before{content:'19'}
html.gteIE9orSUA ol.bo1>li:nth-child(20):before{content:'20'}
html.gteIE9orSUA ol.bo1>li:nth-child(21):before{content:'21'}
html.gteIE9orSUA ol.bo1>li:nth-child(22):before{content:'22'}
html.gteIE9orSUA ol.bo1>li:nth-child(23):before{content:'23'}
html.gteIE9orSUA ol.bo1>li:nth-child(24):before{content:'24'}
html.gteIE9orSUA ol.bo1>li:nth-child(25):before{content:'25'}
html.gteIE9orSUA ol.bo1>li:nth-child(26):before{content:'26'}
html.gteIE9orSUA ol.bo1>li:nth-child(27):before{content:'27'}
html.gteIE9orSUA ol.bo1>li:nth-child(28):before{content:'28'}
html.gteIE9orSUA ol.bo1>li:nth-child(29):before{content:'29'}
html.gteIE9orSUA ol.bo1>li:nth-child(30):before{content:'30'}
html.gteIE9orSUA ol.bo1>li:nth-child(31):before{content:'31'}
html.gteIE9orSUA ol.bo1>li:nth-child(32):before{content:'32'}
html.gteIE9orSUA ol.bo1>li:nth-child(33):before{content:'33'}
html.gteIE9orSUA ol.bo1>li:nth-child(34):before{content:'34'}
html.gteIE9orSUA ol.bo1>li:nth-child(35):before{content:'35'}
html.gteIE9orSUA ol.bo1>li:nth-child(36):before{content:'36'}
html.gteIE9orSUA ol.bo1>li:nth-child(37):before{content:'37'}
html.gteIE9orSUA ol.bo1>li:nth-child(38):before{content:'38'}
html.gteIE9orSUA ol.bo1>li:nth-child(39):before{content:'39'}
html.gteIE9orSUA ol.bo1>li:nth-child(40):before{content:'40'}


/* 정의목록 */
dl.bu{list-style:none;padding:0;text-align:left;}
dl.bu dl{list-style:none;padding:0;}
dl.bu dt{margin:0;padding:0 0 0 1.25em;
	font-weight:600;
	background:url(../images/sub/li1bg.png) no-repeat .125em .375em;
}
dl.bu dd{margin:.375em 0;padding:0 0 0 1.25em;}
dl.bu dl dt{background:url(../images/sub/li2bg.png) no-repeat .125em .375em;}
dl.bu dl dl dt{background:url(../images/sub/li3bg.png) no-repeat .125em .375em;}
dl.bu dl dl dl dt{background:url(../images/sub/li4bg.png) no-repeat .125em .375em;}


/* 정의목록.불릿.인라인 */
dl[class*='fixed']{position:relative;margin-bottom:0;}
	dl[class*='fixed']:before,
	dl[class*='fixed']:after{content:'';display:table;clear:both;}
dl.fixed1auto1{list-style:none;
	padding:1.125em 0 .75em 7em;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:left;
}
dl.fixed1auto1 dt{clear:both;float:left;
	width:6em;
	min-height:1.75em; /* ☆ line-height */
	margin:0 0 .375em -7.25em;
	padding:0 0 0 1.25em;
}
dl.fixed1auto1 dd{
	min-height:1.75em; /* ☆ line-height */
	margin:0 0 .375em;
	padding:0;
}


/* List line 20180212. 아이콘 필요하면 스타일 추가 */
ul.bu.lst1ic1line1{list-style:none;
	padding:0;
	border-top:1px solid #eee;
	text-align:left;
}
ul.bu.lst1ic1line1>li{padding-bottom:.375em;border-bottom:1px solid #eee;}
ul.bu.lst1ic1line1>li .sep{margin:0 .25em;}


/* Table (>자식선택자) 20180927 */
/* 배치용 */
table.layout{margin:0;padding:0;border:0;border-collapse:collapse;}
table.layout td{padding:0;border:0;vertical-align:top;} /* ☆ [CR] table.layout>tr>td 하면 스타일 적용안됨. 내부적으로 tbody 생성하기 때문. */
/* common type */
caption{margin:0;font-weight:600;line-height:1.375;text-align:left;}
caption .h1{display:inline-block;padding:0 0 .5em;}
caption .summary1{display:inline-block;padding-bottom:.5em;}
caption.table-h1{position:relative;
	margin-bottom:-1px;
	padding:.75em .75em .25em;
	border-radius:3px 3px 0 0;
	border:1px solid #c4c8cc;
	background:#f2f4f6;
}
tbody th,
tbody td{text-align:left;vertical-align:top;} /* ☆ */
/* Table Type */
/* border none */
table.t0{width:100%;margin:.75em 0;border:0;border-collapse:collapse;}
table.t0>*>tr>th,
table.t0>*>tr>td{padding:.25em .75em;border:0;}
table.t0>*>tr>th{font-weight:normal;}
table.t0>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */
/* border 상하 */
table.t1{width:100%;margin:.75em 0;border:0;border-collapse:collapse;
	border-top:2px solid #444;
	border-bottom:1px solid #dadde0;
}
table.t1>*>tr>th,
table.t1>*>tr>td{padding:.5em .75em;border:0;border-bottom:1px solid #dadde0;}
table.t1>*>tr>th{background:#f0f0f0;color:#222;font-weight:normal;}
table.t1>tbody>tr>th{background:#f7f7f7;}
table.t1>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */
/* border 상하좌우 */
table.t2{width:100%;margin:.75em 0;border:0;border-collapse:collapse;border-top:1px solid #b0b5ba;border-right:1px solid #dadde0;}
table.t2>*>tr>th,
table.t2>*>tr>td{padding:.5em .75em;border:1px solid #dadde0;border-width:0 0 1px 1px;}
table.t2>*>tr>th{background:#f6f7f8;font-weight:normal;}
table.t2>tbody>tr>th{background:#fafbfc;}
table.t2>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */
/* border 상하 안쪽만 */
table.t01{width:100%;margin:0;border:0;border-collapse:collapse;}
table.t01>*>tr>th,
table.t01>*>tr>td{padding:.5em .75em;border:0;border-top:1px solid #ddd;}
table.t01>*>tr:first-child>*{border-top:0;}
table.t01>thead~tbody>tr:first-child>*{border-top:1px solid #ddd;}
table.t01>*>tr>th{font-weight:normal;}
table.t1>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */
/* border 상하좌우 안쪽만 */
table.t02{width:100%;margin:0;border:0;border-collapse:collapse;}
table.t02>*>tr>th,
table.t02>*>tr>td{padding:.5em .75em;border:0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
table.t02>*>tr:first-child>*{border-top:0;}
table.t02>thead~tbody>tr:first-child>*{border-top:1px solid #ddd;}
table.t02>*>tr>*:first-child{border-left:0;}
table.t02>*>tr>th{font-weight:normal;}
table.t02>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */

/* border 상하(좌우) border-top 강조 | [IE11.에뮬8] border-right 벌레박멸OK */
table.t3{width:100%;margin:.75em 0;border:0;border-collapse:collapse;
	border-top:3px solid #444;
	border-bottom:1px solid #ddd;
	background:#fff;
}
table.t3>*>tr{border-right:1px hidden transparent;}
table.t3>*>tr>th,
table.t3>*>tr>td{
	padding:.5em .5em;
	border:1px solid #ddd;
	border-width:1px 1px 0 0;
}
table.t3>*>tr>th{
	background:#f3f9ff;
	font-weight:normal;
}
table.t3>thead>tr>th{
	padding:.6875em .75em; /* (.5+(.375)/2) (그대로) */
	border-width:0 1px 1px 0;
	border-color:#c4cfd9;
	background:#e6f3ff;
	/* background-image:url(../images/sub/b1c3slash1.png); */
	color:#000;
	line-height:1.375;
}
table.t3>tfoot>tr>th{border-width:1px 1px 0 0;border-color:#ddd;background:#f3f6f9;color:#333;}
table.t3>tfoot>tr:first-child>*{border-top-color:#79b;}
table.t3>tbody>tr:first-child>th,
table.t3>tbody>tr:first-child>td{border-top-width:0;} /* thead>th{border-bottom} 또는 table{border-top} 보이도록 한다. */
table.t3>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */
/* border 테두리만 */
table.t4{width:100%;margin:.75em 0;border:0;border-collapse:collapse;border-radius:0 0 6px 6px;border:1px solid #dadde0;}
table.t4>*>tr>th,
table.t4>*>tr>td{padding:.5em .75em;border:0;border-top:1px solid #eee;}
table.t4>*>tr:first-child>th,
table.t4>*>tr:first-child>td{border:0;}
table.t4>*>tr>th{background:#f6f7f8;}
table.t4>tbody>tr>th{background:#fcfdfe;}
table.t4>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */
/* border 테두리만 + border-spacing */
table.t5{width:100%;margin:.75em 0;border:1px solid #dadde0;border-collapse:separate;border-spacing:6px;}
table.t5>*>tr>th,
table.t5>*>tr>td{padding:.5em .75em;border:0;}
table.t5>*>tr>th{background:#f6f7f8;font-weight:normal;}
table.t5>tbody>tr>th{background:#fafbfc;}
table.t5>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */
/* border-spacing 20180424 */
table.t6{width:100%;margin:.75em 0;border:0;border-collapse:separate;border-spacing:1px;}
table.t6>*>tr>th,
table.t6>*>tr>td{padding:.5em .75em;border:0;}
table.t6>*>tr>th{background:#0e1c2d;font-weight:normal;}
table.t6>thead{color:#fff;}
table.t6>tbody>tr>th,
table.t6>tbody>tr>td{background:#f6f7f8;}
table.t6>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */


/* Table Property 20180927.
 * [~IE8]bug) nth-child() 인해 스크립트 성능 결함 )) :first-child+* 로 수정
 * !important 사용말자.
 * padding border background 를 !important 없이 재정의 하려면 선택자는 우선순위14 ( table.t3>thead>tr>th ) 보다 높아야 한다.
 */
table.auto{width:auto;height:auto;}
.ttmg0[class]>tr *,
.ttmg0[class]>*>tr *{margin:0;}
.ttpd0[class]>tr>*,
.ttpd0[class]>*>tr>*{padding:0;}
.ttpd025em[class]>tr>*,
.ttpd025em[class]>*>tr>*{padding:.25em;}
.ttpd0375em[class]>tr>*,
.ttpd0375em[class]>*>tr>*{padding:.375em;}
.ttpd05em[class]>tr>*,
.ttpd05em[class]>*>tr>*{padding:.5em;}
.ttpd075em[class]>tr>*,
.ttpd075em[class]>*>tr>*{padding:.75em;}
.ttpdtb1em[class]>tr>*,
.ttpdtb1em[class]>*>tr>*{padding-top:1em;padding-bottom:1em;}
.tt1pdlr0 tr>:first-child,
.tt2pdlr0 tr>:first-child+*,
.tt3pdlr0 tr>:first-child+*+*,
.tt4pdlr0 tr>:first-child+*+*+*,
.tt5pdlr0 tr>:first-child+*+*+*+*,
.tt6pdlr0 tr>:first-child+*+*+*+*+*,
.tt7pdlr0 tr>:first-child+*+*+*+*+*+*,
.tt8pdlr0 tr>:first-child+*+*+*+*+*+*+*,
.tt9pdlr0 tr>:first-child+*+*+*+*+*+*+*+*,
.tt10pdlr0 tr>:first-child+*+*+*+*+*+*+*+*+*{padding-left:0;padding-right:0;}
.tt1fwn th, .tt1fwn td{font-weight:400;}
.tt1fwb th, .tt1fwb td{font-weight:600;}
.tt1fwb tr>:first-child,
.tt2fwb tr>:first-child+*,
.tt3fwb tr>:first-child+*+*,
.tt4fwb tr>:first-child+*+*+*,
.tt5fwb tr>:first-child+*+*+*+*,
.tt6fwb tr>:first-child+*+*+*+*+*,
.tt7fwb tr>:first-child+*+*+*+*+*+*,
.tt8fwb tr>:first-child+*+*+*+*+*+*+*,
.tt9fwb tr>:first-child+*+*+*+*+*+*+*+*,
.tt10fwb tr>:first-child+*+*+*+*+*+*+*+*+*{font-weight:600;}
.tttal th, .tttal td{text-align:left;}
.tttac th, .tttac td{text-align:center;}
.tttar th, .tttar td{text-align:right;}
.tdtal td{text-align:left;}
.tdtac td{text-align:center;}
.tdtar td{text-align:right;}
.thtal th{text-align:left;}
.thtac th{text-align:center;}
.thtar th{text-align:right;}
.tt1tal tr>:first-child,
.tt2tal tr>:first-child+*,
.tt3tal tr>:first-child+*+*,
.tt4tal tr>:first-child+*+*+*,
.tt5tal tr>:first-child+*+*+*+*,
.tt6tal tr>:first-child+*+*+*+*+*,
.tt7tal tr>:first-child+*+*+*+*+*+*,
.tt8tal tr>:first-child+*+*+*+*+*+*+*,
.tt9tal tr>:first-child+*+*+*+*+*+*+*+*,
.tt10tal tr>:first-child+*+*+*+*+*+*+*+*+*{text-align:left;}
.tt1tac tr>:first-child,
.tt2tac tr>:first-child+*,
.tt3tac tr>:first-child+*+*,
.tt4tac tr>:first-child+*+*+*,
.tt5tac tr>:first-child+*+*+*+*,
.tt6tac tr>:first-child+*+*+*+*+*,
.tt7tac tr>:first-child+*+*+*+*+*+*,
.tt8tac tr>:first-child+*+*+*+*+*+*+*,
.tt9tac tr>:first-child+*+*+*+*+*+*+*+*,
.tt10tac tr>:first-child+*+*+*+*+*+*+*+*+*{text-align:center;}
.tt1tar tr>:first-child,
.tt2tar tr>:first-child+*,
.tt3tar tr>:first-child+*+*,
.tt4tar tr>:first-child+*+*+*,
.tt5tar tr>:first-child+*+*+*+*,
.tt6tar tr>:first-child+*+*+*+*+*,
.tt7tar tr>:first-child+*+*+*+*+*+*,
.tt8tar tr>:first-child+*+*+*+*+*+*+*,
.tt9tar tr>:first-child+*+*+*+*+*+*+*+*,
.tt10tar tr>:first-child+*+*+*+*+*+*+*+*+*{text-align:right;}
.tt1nowrap tr>:first-child,
.tt2nowrap tr>:first-child+*,
.tt3nowrap tr>:first-child+*+*,
.tt4nowrap tr>:first-child+*+*+*,
.tt5nowrap tr>:first-child+*+*+*+*,
.tt6nowrap tr>:first-child+*+*+*+*+*,
.tt7nowrap tr>:first-child+*+*+*+*+*+*,
.tt8nowrap tr>:first-child+*+*+*+*+*+*+*,
.tt9nowrap tr>:first-child+*+*+*+*+*+*+*+*,
.tt10nowrap tr>:first-child+*+*+*+*+*+*+*+*+*{white-space:nowrap;}
/* Unnecessary ))
.trtal tr{text-align:left;}
.trtac tr{text-align:center;}
.trtar tr{text-align:right;}
*/
.ttvat th, .ttvat td{vertical-align:top;}
.ttvab th, .ttvab td{vertical-align:bottom;}
.ttvam th, .ttvam td{vertical-align:middle;}
.ttbgcf[class] th, .ttbgcf[class] td{background-color:#fff;}
.ttbgcf7[class] th, .ttbgcf7[class] td{background-color:#f7f7f7;}
.stripe1 tr:nth-child(even){background:#f8fafc;}
.tdnowrap td{white-space:nowrap;}
table.bdsd>*>tr>th,
table.bdsd>*>tr>td{border-style:dotted;}


/* Box (Poor Box) 20180223 */
.box0{padding:0;border:1px solid #ddd;border-radius:2px;}
.box1{padding:.75em 1em;border:1px solid #ddd;background:#fff;border-radius:2px;}
.box2{padding:.75em 1em;border:2px solid #e7e7e7;background:#fff;border-radius:2px;}
.box3{padding:.75em 1em;border:3px solid #eee;background:#fff;border-radius:2px;}
.box4{padding:.75em 1em;border:4px solid #f7f7f7;background:#fff;border-radius:2px;}
.box5{padding:.75em 1em;border:5px solid #f7f7f7;background:#fff;border-radius:2px;}
.box6{padding:.75em 1em;border:6px solid #f7f7f7;background:#fff;border-radius:2px;}
.box7{padding:.75em 1em;border:7px solid #f7f7f7;background:#fff;border-radius:2px;}
.box8{padding:.75em 1em;border:8px solid #f7f7f7;background:#fff;border-radius:2px;}


/* 동영상 대본 원고 20150710 */
.caption1{position:relative;
	height:20em;
	margin:0 auto 1.25em;
	padding:1.25em;
	border:1px solid #eaecee;
	background:#fcfcfc;
	overflow:auto;overflow-x:hidden;}


/* Panel (Rich Box) 20180822 */
[class*='panel']{display:table; /* ☆ [class*='deco1']+.body1{display:table-cell;} 높이가 유연하게 대응 */
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	margin:1.25em 0;
	padding:1em 1.25em;
	border-radius:2px;
	border:1px solid #d4d8dd;
	background:#fcfdfe;
}
[class*='panel']>.h1{display:block;
	margin:1.25em -1em .75em;
	padding:.75em 1em;
	background:#f3f5f7;
	line-height:1.375;
}
[class*='panel']>.h1:first-child{margin-top:-.75em;}
[class*='panel']>.h1:last-child{margin-bottom:-.75em;}
[class*='panel']>.h1>:first-child{margin:0;}
[class*='panel'].callout{background:#ecfaff;}
[class*='panel'].callout>.h1{background:#d4f2f7;}
[class*='panel'].inset{box-shadow:inset 0 0 3px 3px rgba(0, 0, 0, .03125);}
[class*='panel'].inset>.h1{box-shadow:inset 0 0 2px 2px rgba(0, 0, 0, .03125);}
[class*='panel']>.h1.gradient{background:linear-gradient(to bottom, #fcfdfe 0, #e9ebee 100%);}
[class].panel0{border-width:0;}
[class].panel1{border-width:1px;}
[class].panel2{border-width:2px;}
[class].panel3{border-width:3px;}
[class].panel4{border-width:4px;}
[class].panel5{border-width:5px;}
.panel00{padding:.75em 0;border-width:0;background:#fff;}
.panel10{padding:.75em 0;border-width:1px 0;background:#fff;}
.panel201{padding:.75em 0;border-width:2px 0 1px;background:#fff;}
.panel50{padding:3% 0;border-width:5px 0;background:#fff;}
/* 좌우맞춤 */
[class*='panel']>.fit{margin:0 -1em;overflow:hidden;}
[class*='panel']>.fit:first-child{margin-top:-.75em;}
[class*='panel']>.fit:last-child{margin-bottom:-.75em;}
[class*='panel']>.h1+.fit{margin-top:-.75em;}
[class*='panel']>.fit>table{margin:0 0 -1px 0;}
/* 장식 */
[class*='panel'].shadow{box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);}
[class*='panel'].shadow3inset{box-shadow:inset 0 0 0 3px rgba(243, 245, 247, 1);}
[class*='panel'].border1inset{position:relative;
	background:
		linear-gradient(180deg, #fff 0, #fff 1px, #eee 2px, rgba(0,0,0,0) 3px),
		linear-gradient(0deg, #fff 0, #fff 1px, #eee 2px, rgba(0,0,0,0) 3px),
		linear-gradient(90deg, #fff 0, #fff 1px, #eee 2px, rgba(0,0,0,0) 3px),
		linear-gradient(-90deg, #fff 0, #fff 1px, #eee 2px, rgba(0,0,0,0) 3px);
}
/* 투톤 */
[class*='panel'][class*='hue2']{
	display:block; /*  table 로 하면 [~IE11] margin -값이 표준과 다름 */
}
[class*='panel'].hue2{padding:20px;border-color:#467ed4;}
[class*='panel'].hue2:before{content:'';display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:150px;
	margin:-1px 0 -1px -1px;
	border:1px solid #1fbcbe;
	border-width:1px 0 1px 1px;
}
.panel3.hue2:before{margin:-3px 0 -3px -3px;border-width:3px 0 3px 3px;}
.panel3.hue2>*{position:relative;} /* ☆ 콘텐츠 쌓임을 .hue2:before 보다 높여준다. */
/* 투톤a1 */
[class*='panel'].hue2a1{padding:20px;border-color:#ddd;background:#fff;}
[class*='panel'].hue2a1:before{content:'';display:block;
	position:absolute;left:0;top:0;
	width:50px;height:50px;
	margin:-1px 0 0 -1px;
	border-top:2px solid #034ea1;
	border-left:2px solid #034ea1;
}
/* 투톤a2 */
[class*='panel'].hue2a2{padding:20px;border-color:#666;background:#fff;}
[class*='panel'].hue2a2:before{content:'';display:block;
	position:absolute;left:0;top:0;
	width:50px;height:50px;
	margin:-1px 0 0 -1px;
	border-top:2px solid #ea3b8d;
	border-left:2px solid #ea3b8d;
}
/* 투톤a3 */
[class*='panel'].hue2a3{
	padding:20px;
	border-top-color:#2b4380;
	border-bottom-color:#ccc;
	border-bottom-style:dashed;
}
[class*='panel'].hue2a3:before{content:'';display:block;
	position:absolute;left:0;top:0;
	width:150px;height:30px;
	border-top:4px solid #2b4380;
	border-left:5px solid #2b4380;
}
[class*='panel'].hue2a3>[class*='deco1']+.body1{
	padding:6px 0 4px;
}
/* 특색a1 */
[class*='panel'].hue1a1{padding:26px;border-color:#666;background:#fbf6ec;}

/* slash */
[class*='panel'].slash50{padding:4%;border:0;}
[class*='panel'].slash50:before{content:'';display:block;clear:both;
	position:absolute;left:0;right:0;top:0;
	height:5px;
	margin:0 0 3%;
	background:url(../images/sub/b.000000.opacity.20.pattern4slash1.png) center center;
}
[class*='panel'].slash50:after{content:'';display:block;clear:both;
	position:absolute;left:0;right:0;bottom:0;
	height:5px;
	margin:3% 0 0;
	background:url(../images/sub/b.000000.opacity.20.pattern4slash1.png) center center;
}


/* deco1+body1 20180212. 고도화 * (미디어쿼리포함. 추가 데코도 여기에 모아둔다!) */
/* 장식 */
[class*='panel']>[class*='deco1']{float:left;
	width:80px;
	height:80px;
	margin:0 30px;
	background:url(../images/sub/ic160deco1bulb1.png) no-repeat center center;
	background-size:contain;
}
[class*='panel'][class*='pd20px']>[class*='deco1']{margin-left:10px;}
[class*='panel'][class*='pd30px']>[class*='deco1']{margin-left:0;}
/* 본문 */
[class*='panel']>[class*='deco1']+.body1{display:table-cell;
	width:9999px;
	/* height:80px; */ /* [class*='deco1'] 높이 */
	vertical-align:middle;
	overflow:hidden;
	line-height:1.5em
}

[class*='panel']>[class*='deco1']+.body1 p {margin-top:.7em;margin-bottom:.5em}
[class*='panel']>[class*='deco7']+.body1 h3 {margin-top:0;margin-bottom:.4em}
[class*='panel']>[class*='deco7']+.body1 ul {margin-top:0;margin-bottom:0}
[class*='panel']>[class*='deco7']+.body1 p {margin:0;}
[class*='panel']>[class*='deco7']+.body1 p.fsxd{
	margin:.375em 0;
}

/* 장식 size image */
[class*='panel']>.deco1bulb1{background-image:url(../images/sub/ic160deco1bulb1.png);}
[class*='panel']>.deco1quotation1{background-image:url(../images/sub/ic160deco1quotation1.png);}
[class*='panel']>.deco1menu1{background-image:url(../images/sub/ic160deco1menu1.png);}
[class*='panel']>.deco1facility1{background-image:url(../images/sub/ic160deco1facility1.png);}
[class*='panel']>.deco1.deco2{background-image:url(../../img/lib1cp1/ic160deco2doc1.png);}
[class*='panel']>.deco1.deco2tablet1check1{background-image:url(../../img/lib1cp1/ic160deco2tablet1check1.png);}
[class*='panel']>.deco1.doco3schedule1{background-image:url(../../img/lib1cp1/ic160deco3schedule1.png);}
[class*='panel']>.deco1.doco4formsearch1{background-image:url(../../img/lib1tour2/ic160deco4formsearch1.png);}
[class*='panel']>[class*='deco5']{width:110px;height:110px;}
[class*='panel']>[class*='deco5']+.body1{height:110px;}
[class*='panel']>.deco5circle1{background-image:url(../../img/lib1cp1/ic220deco5circle1.png);}
/* ◇◆ */
@media all and (max-width:767px){
	[class*='panel']>[class*='deco1']{display:none;}
}


/* Panel .dl1 20180212. */
[class*='panel'] .dl1{display:table;float:none;width:100%;margin:1.25em 0;}
[class*='panel'] .dl1>dt{display:table-cell;float:none;width:22%;padding:0 1%;
	color:#37c;
	font-weight:600;
	font-size:20px;
	text-align:center;
	vertical-align:middle;
}
[class*='panel'] .dl1>dd{display:table-cell;float:none;margin:0;padding:0 3%;border-left:1px dotted #ccc;
	vertical-align:middle;
}
[class*='panel'] .dl1>dt .ic1{display:inline-block;width:70%;max-width:70px;margin:0 .25em;
	vertical-align:middle;
}
[class*='panel'] .dl1>dt .ic1 img{width:100%;max-width:70px;height:auto;}
[class*='panel'] .dl1>dt .t1{display:inline-block;width:4em;margin:0 .25em;
	vertical-align:middle;
}


/* Panel table.t1 20160511 */
[class*='panel'] table.t1{border:0;}
[class*='panel'] table.t1>*>tr>*{border:0;border-top:1px solid #eee;background:transparent;}
[class*='panel'] table.t1>*>tr:first-child>*{border:0;}


/* Line 20180214 */
.line0{border:0;}
.line1t{border-top:1px solid #dadde0;}
.line1b{border-bottom:1px solid #dadde0;}
.line1l{border-left:1px solid #dadde0;}
.line1r{border-right:1px solid #dadde0;}
.dott{border-top:1px dotted #ccc;}
.dotb{border-bottom:1px dotted #ccc;}
.dotl{border-left:1px dotted #ccc;}
.dotr{border-right:1px dotted #ccc;}
div.line0nearest{position:relative;border-bottom:1px solid #fff;margin:-1px 0 !important;}


/* Harmony 20180212 */
.left{float:left;padding:.375em 0;}
.right{float:right;padding:.375em 0;}
.center{margin:0 auto;padding:.375em 0;text-align:center;}
img.center{display:block;margin:0 auto;} /* 동일한 여백을 가진 .left .right 동기로 한정 사용한다 // .block-center 와는 다름 */
img.vam{margin:0 0 2px 0;vertical-align:middle;}
img.flm{float:left;margin:0 1.75em 1.75em 0;}
img.frm{clear:right;float:right;margin:0 0 1.75em 1.75em;}
.fix1{display:block;overflow:hidden;}


/* Helper Classes 201801011 */
/* Contextual backgrounds (@m) 전경색#888 : 배경색 명도대비 3:1 이상 권장 */
.bg-default{background-color:#fff;}
.bg-muted{background-color:#eee;}
.bg-primary{background-color:#37b;color:#fff;}
.bg-secondary{background-color:#d7f4f4;}
.bg-success{background-color:#ddf4d7;}
.bg-info{background-color:#edf6fe;} /* #ddeeff */
.bg-alert{background-color:#ececff;}
.bg-warning{background-color:#fceecc;}
.bg-danger{background-color:#f7e7e4;}
/* Contextual colors ( 4.5:1 )) 3:1 )
 * .button.hollow 와 함께 사용위해 우선순위 높임.
 */
[class][class].text-base{color:#006d96;}
[class][class].text-default{color:#333;}
[class][class].text-muted{color:#959595;}
[class][class].text-primary{color:#36c;}
[class][class].text-secondary{color:#678;}
[class][class].text-success{color:#385;}
[class][class].text-info{color:#09c;}
[class][class].text-alert{color:#96c;}
[class][class].text-alert1{color:#a61;}
[class][class].text-warning{color:#c61;}
[class][class].text-danger{color:#e30;}


/* 라벨장식 (폼요소아님) 20180328 */
.label1{display:inline-block;
	padding:.5em;
	border-radius:.25em;
	background:#777;
	color:#fff;
	font-weight:400;
	font-size:.875em;
	line-height:1;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
}


/* 배지 20180226 */
.badge1{display:inline-block;
	min-width:1.15em;
	height:1.15em;
	margin:0 .25em 0 0;
	padding:.25em;
	border-radius:9999px;
	background:#777;
	color:#fff;
	font-weight:normal;
	font-size:1em;
	line-height:1.15; /* (( normalize.min.css */
	text-align:center;
	vertical-align:middle;
}


/* Form 20180212. ◇◆◇◆◇◆◇◆◇◆ */


/* base.css )) Overwrite. 20180212. ◆◆◆ */

a[class*='button'],
button,
button[class*='button'], button[type='submit'], button[type='reset'],
html input[type='button'], /* ☆ Avoid [Android4.2.2]bug) audio and video controls */
input[type='submit'], input[type='reset'],
input[type='text'], input[type='password'], input[type='file'],
input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='url'],
/* input[type='radio'],input[type='checkbox'], */
textarea,
[action] textarea,
select,
[action] select{
	border-radius:0; /* ☆ */
}


/* ◇◆ Adv ◇◆ */

/* [IE9+] */
/* :root select{
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+');
	background-position:100% center;
	background-repeat:no-repeat;
	background-size:20px 12%;
	line-height:normal;
} */
/* [IE10+] */
/* select::-ms-expand{display:none;} */


/* ◇◆ UI ◇◆ */


/* 달력날짜선택기 jquery-ui  buttonImage. 20181012.
 * [IE] input[type='text'] 에서 ×(값지우기) 유의! 포개지말자!
 * input[type='text'] 디자인 고려한다.
 */
img.ui-datepicker-trigger{
	width:20px;height:20px;
	margin:.375em 0;
	padding:.5em 4px;
	border:1px solid transparent;
	background:#eee;
}


/* ◇◆ Button 20181001. ◇◆ */
a[class*='button'],
html input[class*='button'], /* ☆ Avoid bug [Android4.2.2] audio and video controls */
button[class*='button'],
.button{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* [IE8+] */
	max-width:100%;
	/* height:2.5em; ((bace.css */
	/* padding:.5em .75em; ((bace.css */
	border-radius:2px;
	border:1px solid transparent;
	/* border-color:rgba(0,0,0, .2); // #525f6d | transparent */
	background-color:#363940; /* #678 */
	color:#fff; /* ☆ */
	font-size:1em;
	/* line-height:normal; ((bace.css */
	text-decoration:none;
	text-align:center; /* ☆ */
	/* cursor:pointer; (( a:not([href]) 도 링크처럼 보여 주석처리 */
	/* box-shadow:0 1px 1px 0 rgba(0, 0, 0, .1); */
	transition:.2s ease-out;
	-webkit-appearance:none;
	-moz-appearance:none;
}
/*읽기페이지 리스트버튼 스타일 2020.04.10*/
.list_btn { border-color: #999 !important; background-color: #fff !important; color: #333 !important; }/* Button size and shape */
.list_btn:hover { border-color: #124c84 !important; }

.button.xlarge{height:auto;padding:1em 2.25em 1em;font-size:1.25em;}
.button.large{height:auto;padding:.75em 2em;font-size:1.125em;}
.button.medium{height:auto;padding:.5em 1.75em;font-size:1em;}
.button.small{height:auto;padding:.25em .5em;font-size:.875em;}
.button.tiny{height:auto;padding:.125em .25em .25em;font-size:.75em;}
.button.block{display:block;width:100%;} /* 1line */
.button.expand{display:block;width:100%;height:auto;padding:1em 1.25em;white-space:normal;} /* 2~lines */
.button.wide{padding-left:2.5em;padding-right:2.5em;}
/* styling */
.button.radius{border-radius:6px;}
.button.round{border-radius:9999px;}
/* colors */
.button.base{border-color:#006d96;background-color:#08b;color:#fff;} /* ■(속찬) button with icon */
.button.default{border-color:#999;background-color:#fff;color:#333;} /* □(속빈) button with icon */
.button.muted{border-color:#ddd;background-color:#eee;color:#333;} /* ☆ */
.button.submit{border-color:#124c84;background-color:#175fa5;color:#fff;} /* ☆ */
.button.submit:hover {background:#2874b7; border:1px solid #2874b7; }
.button.search{border-color:rgba(0,0,0, .2);background-color:#08b;color:#fff;} /* ☆ */
.button.primary{border-color:#05a;background-color:#05a;color:#fff;} /* ☆ */
.button.secondary{border-color:#678;background-color:#678;color:#fff;}
.button.success{border-color:#368852;background-color:#3da25f;color:#fff;}
.button.info{border-color:#3696b1;background-color:#3A9FBC;color:#fff;}
.button.alert{border-color:#7A52A3;background-color:#96c;color:#fff;}
.button.alert1{border-color:#a36d0e;background-color:#c81;color:#fff;} /* 20180201 */
.button.warning{border-color:#cc4d00;background-color:#ff6000;color:#fff;}
.button.danger{border-color:#be2929;background-color:#e33;color:#fff;}
.button.info1{border-color:#88b1be;background-color:#ade;color:#235;} /* 폰트color ≠ #fff */
/* gray */
.button.white{border-color:#000;background-color:#fff;color:#000;}
.button.black{border-color:#000;background-color:#000;color:#fff;}
.button.gray3{border-color:#222;background-color:#333;color:#fff;}
.button.gray4{border-color:#333;background-color:#444;color:#fff;}
.button.gray5{border-color:#444;background-color:#555;color:#fff;}
.button.gray6{border-color:#555;background-color:#666;color:#fff;}
.button.gray,
.button.gray7{border-color:#666;background-color:#767676;color:#fff;}
.button.gray9{border-color:#888;background-color:#959595;color:#fff;}
.button.graya{border-color:#999;background-color:#aaa;color:#000;}
.button.grayb{border-color:#aaa;background-color:#bbb;color:#000;}
.button.grayc{border-color:#bbb;background-color:#ccc;color:#000;}
.button.grayd{border-color:#ccc;background-color:#ddd;color:#000;}
.button.graye{border-color:#ccc;background-color:#eee;color:#000;}
.button.grayf7{border-color:#ccc;background-color:#f7f7f7;color:#000;}
.button.grayfc{border-color:#ccc;background-color:#fcfcfc;color:#000;}
/* slategray */
.button.slategray123{border-color:#012;background-color:#123;color:#fff;}
.button.slategray234{border-color:#123;background-color:#234;color:#fff;}
.button.slategray345{border-color:#234;background-color:#345;color:#fff;}
.button.slategray456{border-color:#345;background-color:#456;color:#fff;}
.button.slategray567{border-color:#456;background-color:#567;color:#fff;}
.button.slategray,
.button.slategray579{border-color:#468;background-color:#579;color:#fff;}
.button.slategray678{border-color:#567;background-color:#678;color:#fff;}
.button.slategray789{border-color:#678;background-color:#789;color:#fff;}
.button.slategray89a{border-color:#789;background-color:#89a;color:#012;}
.button.slategray9ab{border-color:#89a;background-color:#9ab;color:#123;}
.button.slategrayabc{border-color:#9ab;background-color:#abc;color:#234;}
.button.slategraybcd{border-color:#abc;background-color:#bcd;color:#345;}
.button.slategraycde{border-color:#bcd;background-color:#cde;color:#456;}
.button.slategraydef{border-color:#cde;background-color:#def;color:#567;}
.button.slategraye{border-color:#e1e4e8;background-color:#e8eaef;color:#678;}
.button.slategrayf{border-color:#e5e8ee;background-color:#f4f5f7;color:#789;}
/* disabled */
.button.disabled,
.button[disabled]{opacity:.5;box-shadow:none;cursor:not-allowed;}
/* hollow □(속빈) */
.button.hollow{background-color:#fff;color:#333;}
/* ☆ border-color = background-color
	.button[class]{border-color:transparent;}
	.button.hollow{border-color:#999;}
*/
/* emboss */
.button.emboss{border-radius:2px;}
.button.emboss:before{content:'';display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:linear-gradient(to bottom, rgba(0,0,0, 0) 0, rgba(0,0,0, 1) 100%);
	opacity:.4;
}
.button.emboss .t1{position:relative;}
/* transition */
.button:hover,
.button:focus{border-color:#000;background-color:#333;color:#fff;}
.button.default:hover,
.button.default:focus,
.button.hollow:hover,
.button.hollow:focus{background-color:#fff;color:#000;}
.button.disabled:hover,
.button[disabled]:focus{opacity:.67;} /* ☆ 대비고려 */


/* Sample Code for Hover
.button>.ic1{font-family:'FontAwesome','나눔고딕';}
.button.change>.ic1:before{content:attr(data-before);}
.button.change>.ic1:after{content:attr(data-after) ' Click me!';}
*/


/* ◇◆ Menu 20180212. ◇◆ .menu-grid 삭제 )) .even-grid 활용바람 */


/* menu-group1 */
.menu-group1{margin:0;padding:0;}
.menu-group1:before,
.menu-group1:after{content:'';display:table;clear:both;}
.menu-group1 .m{float:left;
	height:1.375em;
	margin:0 0 .5em -1px;
	padding:.375em 1em;
	border:1px solid #ccc;
	background:#fff;
	color:#666;
	font-size:.875em;
	line-height:1.375;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}
.menu-group1 .m.on{position:relative;background:#666;border-color:#666;color:#fff;}
.menu-group1 .m:first-child{border-radius:2px 0 0 2px;}
.menu-group1 .m:last-child{border-radius:0 2px 2px 0;}


/* BBS(Board) Share ◇◆◇◆◇◆◇◆◇◆ */


/* Misc 20180928 */
.sep{ /* : */
	margin:0 .25em;
	color:#959595;
	font-weight:400;
}
.sep1{ /* | */
	display:inline-block;
	margin:.25em;
	font-weight:400;
	font-size:.75em;
	vertical-align:middle;
	opacity:.5;
}
.sep1dot2{ /* dot */
	display:inline-block;
	width:1px;
	height:14px;
	background:url(../images/sub/b1c1dot2.png);
	margin:.25em;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
	opacity:.33;
}

/* pagination 20180212 */
.pagination{clear:both;width:100%;margin:4px auto 8px;text-align:center;}
.pagination .m{display:inline;}
.pagination .m a{display:inline-block;
	width:24px;height:24px;
	margin:0 1px 6px 1px;
	border:1px solid #d7d7d7;
	background:#fff;
	color:#777;
	vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none;
	box-sizing:border-box;
}
.pagination .pages .m a { width:24px; min-width:16px; padding:0 12px; font-size:13px; line-height:24px; box-sizing:border-box; }
.pagination .pages .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; }
.pagination .pages .on a{ border-color:transparent; background:#013983; color:#fff; }

.pagination .control .m a .ic{display:block;
	font-weight:100;
	font-family: Arial, sans-serif; /* ☆ */
	font-size:20px;
	line-height:20px;
}
.pagination a:not([href]){cursor:default;}
.pagination .control a:not([href]){opacity:.4;}

/*@media all and (min-width:360px){
	.pagination .m:nth-child(4), .pagination .m:nth-child(5), .pagination .m:nth-child(6), .pagination .m:nth-child(7), .pagination .m:nth-child(8), .pagination .m:nth-child(9).pagination .m:nth-child(10) { display:none; }
}*/
/*2020.03.19실패*/

@media all and (max-width:360px){
	.pagination {margin-top:12px;margin-bottom:0;}
	.pagination .m a {width:34px;height:34px;}
	.pagination .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; }
	.pagination .pages .m a {width:auto;font-size:16px;line-height:34px;}
	.pagination .control .m a .ic {line-height:30px;font-size:30px;}
	.pagination:nth-of-child(9) { background:red; color:red; }
}

@media all and (min-width:360px){
	.pagination {margin-top:12px;margin-bottom:0;}
	.pagination .m a {width:34px;height:34px;}
	.pagination .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; }
	.pagination .pages .m a {width:auto;font-size:16px;line-height:34px;}
	.pagination .control .m a .ic {line-height:30px;font-size:30px;}
	.pagination:nth-of-child(9) { background:red; color:red; }
}

/*
@media all and (min-width:640px){
 .pagination .m:nth-child(6), .pagination .m:nth-child(7), .pagination .m:nth-child(8), .pagination .m:nth-child(9).pagination .m:nth-child(10) { display:inline-block; }
}*/
/*2020.03.19실패*/

/* 정보메뉴 20180212 */
/*.infomenu1{z-index:10;clear:both;position:relative;margin:1.5em 0;}*/
.infomenu1{z-index:10;clear:both;position:relative;margin:24px 0 0;}
.infomenu1:before,
.infomenu1:after{content:'';display:table;clear:both;}
.infomenu1 .info1{color:#767676;}
.infomenu1 .left{float:left;text-align:left;}
.infomenu1 .right{float:right;text-align:right;}
.infomenu1 .center{margin:0 auto;text-align:center;}
.infomenu1 .center .button{margin-left:4px;margin-right:4px;}

.infomenu1 a.sale_registration_btn {display:block; color: white; float:right;  background:rgb(1, 57, 131); padding:10px 20px; margin-bottom:10px;  }
.infomenu1 a.sale_registration_btn:hover { background:#2874b7; text-decoration:none; }
.infomenu1 a i { margin-right:5px; font-size:22px; }

.MarTop10 { margin-top:10px; }
.MarTop0 { margin-top:0px; }

@media all and (min-width:340px) {
	.infomenu1 a.sale_registration_btn { padding: 10px 0px; width: 100%; text-align:center; margin-top:10px; }

}

@media all and (min-width:540px) {
	.infomenu1 a.sale_registration_btn { padding: 10px 20px; width: unset; text-align:left;  }
}
@media all and (min-width:1240px) {
	.infomenu1 a.sale_registration_btn { margin-top:0px; }
}

/* 조회 20151022 */
[class*='search'] form,
[class*='search'] fieldset{margin:0;}
/* select0~4 input[type='text'] .button.submit.search */
div.search1 .column [class*='select']{width:98%;}
div.search1 .column input[type='text']{}
div.search1 .button.submit.search>.ic1{background-image:url(../images/sub/ic40search.png);}


/* Embed 20180212 */
.video1wrap1,
.audio1wrap1{display:block;
	max-width:800px; /* [CR] 제어바 최대폭에 맞춤 */
	margin:0 auto;
}


/* Grid ))) base.css 20160125 */
/* RWD ))) base.css 20170111 */


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */


/* YYYYMMDD.Writer. ◇◆ */

/*쓰기 페이지 타입1 스타일 시작 2020.04.08*/
.write_box_type_01 { width:100%; } /*background:#f9f9f9;*/
.write_box_type_01 > ul { padding:0; }
.write_box_type_01 > ul li { display:block; width:100%; overflow:hidden; margin-bottom:10px; }
.write_box_type_01 span.title { display:inline-block;height:40px; line-height:40px; font-weight: 600; } /*background:rgba(0,0,0,0.1);*//*float:left;  width:130px; */
.write_box_type_01 span.title em { color:#e53; }
.write_box_type_01 .input_box { float:left; display:inline-block;  } /*width:calc(100% - 130px); */
.write_box_type_01 .input_box .comment { color: #777; }
.write_box_type_01 .compulsory { color:#03a9f4; }
.write_box_type_01 input { margin:0;  }
.write_box_type_01 input::placeholder { color:#777; font-size:15px; }
.write_box_type_01 input.input_type1 { padding: 5px; }
.write_box_type_01 input.input_type2 { width:100%; padding: 5px; }
.write_box_type_01 textarea { margin:0; padding:5px; height:100px;  }
.write_box_type_01 textarea::placeholder { color:#777; font-size:15px; }
.write_box_type_01 input[type="file"] { margin:0; padding-left:7px; height:40px; line-height:0px; } /*border-color: #124c84; background-color: #175fa5; color:#fff;*/
.write_box_type_01 input[type="file"].btn1 {  }
.write_box_type_01 .btn_back {  } /*background:#eee;*/
.write_box_type_01 .image_upload {background:url(../images/sub/image_upload_2.png)no-repeat right center; }
.write_box_type_01 a.addition { display:block; float:right; border:1px solid #ccc; background:#eee url(../images/sub/mc-2-more.svg) no-repeat 50%; background-size:50%; width:30px; height:30px;  }
.write_box_type_01 a.addition:hover {border-color: #124c84; background-color: #175fa5; }
.write_box_type_01 a img { width: 17px; height: 17px; vertical-align: middle; transition: all 0.3s; }
.write_box_type_01 a:hover img { transform: rotate(90deg); }

@media screen and (max-width:360px){
	.write_box_type_01 span.title { float:none; width:100%;  }
	.write_box_type_01 .input_box { width: 100%; }
	.write_box_type_01 input.input_type1 {width: 100%;}
	.write_box_type_01 .input_box .comment { margin-left:0; font-size:14px; }
	.write_box_type_01 input[type="file"].btn1 { width: calc(100% - 32px); }
	.write_box_type_01 a.addition { margin-top: 4px; }
	.write_box_type_01 .video_upload { height:381px;  background:url(../images/sub/image_upload_2_m360_movie.png)no-repeat center; }

}
@media screen and (min-width:360px){
	.write_box_type_01 span.title { float:none; width:100%;  }
	.write_box_type_01 .input_box { width: 100%; }
	.write_box_type_01 input.input_type1 {width: 100%;}
	.write_box_type_01 .input_box .comment { margin-left:0; font-size:14px; }
	.write_box_type_01 a.addition { margin-top: 4px; }
	.write_box_type_01 .image_upload { height:365px;  background:url(../images/sub/image_upload_2_m360.png)no-repeat center; }
	.write_box_type_01 .video_upload { height:381px;  background:url(../images/sub/image_upload_2_m360_movie.png)no-repeat center; }
}
@media screen and (min-width:640px){
	.write_box_type_01 span.title { float:left; width:130px;  }
	.write_box_type_01 .input_box { width: calc(100% - 130px); }
	.write_box_type_01 .input_box .comment { margin-left:10px;  font-size:16px;}
	.write_box_type_01 input.input_type1 { width:172px; }
	.write_box_type_01 input.width52p { width: 52%; }
	.write_box_type_01 input.width42p { width: 42%; }

	.write_box_type_01 .radio_btn { margin-top:7px;  } /*라디오버튼 추가 2020.04.17*/
	.write_box_type_01 .input_box input[type=radio]:last-child { margin-left:5px; } /*라디오버튼 추가 2020.04.17*/
}
@media screen and (min-width:980px){
	.write_box_type_01 .image_upload { height:320px;  background:url(../images/sub/image_upload_2.png)no-repeat right; }
	.write_box_type_01 .video_upload { height:500px;  background:url(../images/sub/image_upload_2_movie.png)no-repeat right; }
}
/*쓰기 페이지 타입1 스타일 종료*/

/* 입력박스 2개씩 있는 입력페이지 (마이페이지-개인정보수정페이지) 스타일 시작 2020.04.20*/
.write_box_type_02 { width: 100%; box-sizing: border-box; } /*background:rgba(0,0,0,0.1);*/
.write_box_type_02 ul { padding:0; overflow:hidden; margin:0; }
.write_box_type_02 .solo { float:left; width:100%;  } /*background:rgba(0,0,0,0.01);*/
.write_box_type_02 span.title { float: left; width: 130px; display: inline-block; height: 52px; line-height: 52px; font-weight: 600; }
.write_box_type_02 .input_type1 { width: calc(100% - 130px); padding: 5px; }
.write_box_type_02 .only_txt { float:left; width: 100%;height:52px; line-height:52px; } /*background:pink;*/
.write_box_type_02 .only_txt .title { } /*background:skyblue; */
.write_box_type_02 .left_input_box { }
.write_box_type_02 .right_input_box {  }
.write_box_type_02 .left_txt_box { float:left; width:calc(50% - 20px); background:green; height:52px; line-height:52px; }
.write_box_type_02 .right_txt_box { width:100%; margin-left: 0px; height:52px; line-height:52px; }
.write_box_type_02 .selectbox_n_input { float:left; width: 100%;height:52px; line-height:52px; } /*background:pink;*/
.write_box_type_02 .selectbox_n_input .title { } /*background:skyblue;*/
.write_box_type_02 .textarea_type1 { padding:5px; }
.write_box_type_02 .photo_n_fileup .photo { float:left; width:120px; height:150px; background: url(../images/sub/photo_no_upload.jpg)no-repeat center; background-size: cover; }
.write_box_type_02 .photo_n_fileup .file_upload { float:left; margin-left:10px; } /*background:blue;*/
.write_box_type_02 .photo_n_fileup .file_upload p { font-size:16px; margin:0;}
.write_box_type_02 .photo_n_fileup .photo_wrap { overflow:inherit; float: left; } /*background:red;*/
.write_box_type_02 h3 .symbol_01 { width: 23px; height: 23px; margin-right: 3px; margin-top: 4px;  }
.write_box_type_02 h3 { font-weight: 700; padding-bottom: 6px; margin-bottom: 0; color: #0c4a94; border-bottom: 2px solid #0c4a94; }

.write_box_type_02 .input_type6 { float:left;  width:150px; text-align:center; }

/*
.write_box_type_02 .input_type7 { float:left;  width: calc(100% - 322px); margin-left: 5px;  }
.write_box_type_02 .input_type8 { float:left; }
*/

.write_box_type_02 input[type="text"] { padding:5px; text-align:left; }
.write_box_type_02 input[type="file"] { padding-bottom: 8px; padding-left: 8px; }
.write_box_type_02 .last_box_border { height:50px; border-bottom:2px solid #0c4a94; }

.write_box_type_02 .button_type2 { margin-left:6px; margin-top: 0px; }

.write_box_type_02 .only_fileup .file_wrap { overflow: inherit; float: left; }
.write_box_type_02 .only_fileup .file_upload { float: left; margin-left: 10px; }
.write_box_type_02 .only_fileup .file_upload p { font-size: 16px; margin: 0; }


.noMarTop {  }
/*.marL6 { margin-left:6px; }*/

@media screen and (max-width: 360px) {
	.write_box_type_02 .normal_tit { display:block; width:100%; float:none; }
	.write_box_type_02 .another_tit { width:100px !important;  }
	.write_box_type_02 .input_box { display:block; width:100%; float:none;}
	.write_box_type_02 span.title { width:100%; height:40px; line-height:40px; }
	.write_box_type_02 .solo { width:100%; }
	.write_box_type_02 .left_input_box { width:100%; }
	.write_box_type_02 .right_input_box { width:100%; margin-left: 0px; }
	.write_box_type_02 .only_txt  { width: 100%; height:unset; line-height: 52px; }
	.write_box_type_02 li { border-bottom: 1px dotted #e0e0e0; }
	.write_box_type_02 li.photo_n_fileup { overflow: hidden; border-bottom: 1px dotted #e0e0e0; }
	.write_box_type_02 li .txt { height: 40px; line-height: 40px; display: inline-block; width: calc(60% - 30px);  }
	.write_box_type_02 .input_type1 { width:100%; margin-top: 0px; }
	.write_box_type_02 .only_txt .title { width:100%;  }
	.write_box_type_02 .selectbox_n_input  { width: 100%; height:unset; line-height: 52px; }
	.write_box_type_02 .selectbox_n_input .title { width:100%;  }
	.write_box_type_02 li .select_wrap { padding-left:0; padding-bottom: 5px; }
	.write_box_type_02 .selectbox_n_input { height:unset; line-height:unset; }
	.write_box_type_02 .selectbox_n_input .input_type2 {  margin:0px; width: 100%; }
	.write_box_type_02 .selectbox_n_input .job_gubun { margin:5px 0px; width:100%; }
	.write_box_type_02 .input_type3 { width:47px; text-align:center; }
	.write_box_type_02 .input_type3:first-child { width:80px; }
	.write_box_type_02 .input_wrap span { margin-right:5px; }
	.write_box_type_02 .input_type4 { width:100%; }
	.write_box_type_02 .input_type5 { width:100%;  }
	.write_box_type_02 .input_type6 { width:100%;  }
	.write_box_type_02 .textarea_type1 { width:100%; margin-right:0px; }
	.write_box_type_02 .photo_n_fileup .file_upload { margin-left:0; margin-top:10px; width: 100%; }
	.write_box_type_02 .photo_n_fileup .file_upload p { font-size:14px; }
	.write_box_type_02 .photo_n_fileup .file_upload p span { display:inline-block; text-indent: -9px; margin-left: 10px; margin-bottom:6px;}
	.write_box_type_02 .photo_n_fileup .file_upload p span:last-child {  } /*margin-bottom:0;*/
	.write_box_type_02 .photo_n_fileup .photo { float:none; margin: 0 auto; }
	.write_box_type_02 input[type="file"] { width:100%; }
	.write_box_type_02 button { margin-left :0; margin-top:0; }
	.member_info [class*='panel'] { padding: 0; border: 0px; }
	.member_info [class*='panel'] { font-size:14px; }
	.member_info [class*='panel'].shadow {box-shadow: none; }
	.write_box_type_02 h3 { font-size: 18px; }
	.write_box_type_02 h3 .symbol_01 { margin-top: 0px; }
	.member_info .panel2 { background:rgba(0,0,0,0.03); padding:10px; }
	.write_box_type_02 .button_type2 { width:100%; margin-left:0; }
	.write_box_type_02 .zipcode { margin-left:0px; margin-top: 0px; width:100%; }
	.write_box_type_02 .input_type7 { float:unset; width: 100%; margin-left: 0px; margin-top:0px; }
	.write_box_type_02 .input_type8 { float:unset; width:100%; }
	.write_box_type_02 .input_type9 { width: calc(100% - 38px); margin-top:0; overflow:hidden; }
	.input_wrap a.close_btn { display:inline-block; width:33px; height:33px; border: 1px solid #bbb; background: #f8f8f8; text-align:center; line-height:35px;  }
	.input_wrap a.close_btn:hover { background: #0c4a94;border: 1px solid #0c4a94;color: #fff; }
	.write_box_type_02 li.only_fileup { overflow: hidden; border-bottom: 1px dotted #e0e0e0; }
	.write_box_type_02 .only_fileup .file_upload { margin-left: 0; margin-top: 10px; width: 100%; }
	.write_box_type_02 .only_fileup .file_upload p { font-size: 14px; }
	.write_box_type_02 .only_fileup .file_upload p span { display: inline-block; text-indent: -9px; margin-left: 10px; margin-bottom: 6px; }
}
@media screen and (min-width: 360px) {
	.write_box_type_02 .normal_tit { display:block; width:100%; float:none; }
	.write_box_type_02 .another_tit { width:100px !important;  }
	.write_box_type_02 .input_box { display:block; width:100%; float:none;}
	.write_box_type_02 span.title { width:100%; height:40px; line-height:40px; }
	.write_box_type_02 .solo { width:100%; }
	.write_box_type_02 .left_input_box { width:100%; }
	.write_box_type_02 .right_input_box { width:100%; margin-left: 0px; }
	.write_box_type_02 .only_txt  { width: 100%; height:unset; line-height: 52px; }
	.write_box_type_02 li { border-bottom: 1px dotted #e0e0e0; }
	.write_box_type_02 li.photo_n_fileup { overflow: hidden; border-bottom: 1px dotted #e0e0e0; }
	.write_box_type_02 li .txt { height: 40px; line-height: 40px; display: inline-block; width: calc(60% - 30px);  }
	.write_box_type_02 .input_type1 { width:100%; margin-top: 0px; }
	.write_box_type_02 .only_txt .title { width:100%;  }
	.write_box_type_02 .selectbox_n_input  { width: 100%; height:unset; line-height: 52px; }
	.write_box_type_02 .selectbox_n_input .title { width:100%;  }
	.write_box_type_02 li .select_wrap { padding-left:0; padding-bottom: 5px; }
	.write_box_type_02 .selectbox_n_input { height:unset; line-height:unset; }
	.write_box_type_02 .selectbox_n_input .input_type2 {  margin:0px; width: 100%; }
	.write_box_type_02 .selectbox_n_input .job_gubun { margin:5px 0px; width:100%; }
	.write_box_type_02 .input_type3 { width:47px; text-align:center; }
	.write_box_type_02 .input_type3:first-child { width:80px; }
	.write_box_type_02 .input_wrap span { margin-right:5px; }
	.write_box_type_02 .input_type4 { width:100%; }
	.write_box_type_02 .input_type5 { width:100%;  }
	.write_box_type_02 .input_type6 { width:100%;  }
	.write_box_type_02 .input_type9 { width: calc(100% - 38px); margin-top:0; overflow:hidden; }
	.input_wrap a.close_btn { display:inline-block; width:33px; height:33px; border: 1px solid #bbb; background: #f8f8f8; text-align:center; line-height:35px;  }
	.input_wrap a.close_btn:hover { background: #0c4a94;border: 1px solid #0c4a94;color: #fff; }
	.write_box_type_02 .textarea_type1 { width:100%; margin-right:0px; }
	.write_box_type_02 .photo_n_fileup .file_upload { margin-left:0; margin-top:10px; width: 100%; }
	.write_box_type_02 .photo_n_fileup .file_upload p { font-size:14px; }
	.write_box_type_02 .photo_n_fileup .file_upload p span { display:inline-block; text-indent: -9px; margin-left: 10px; margin-bottom:6px;}
	.write_box_type_02 .photo_n_fileup .file_upload p span:last-child {  } /*margin-bottom:0;*/
	.write_box_type_02 .photo_n_fileup .photo { float:none; margin: 0 auto; }
	.write_box_type_02 input[type="file"] { width:100%; }
	.member_info [class*='panel'] { padding: 0; border: 0px; }
	.member_info [class*='panel'] { font-size:14px; }
	.member_info [class*='panel'].shadow {box-shadow: none; }
	.write_box_type_02 h3 { font-size: 18px; }
	.write_box_type_02 h3 .symbol_01 { margin-top: 0px; }
	.member_info .panel2 { background:rgba(0,0,0,0.03); padding:10px; }
	.write_box_type_02 .button_type2 { width:100%; margin-left:0; }
	.write_box_type_02 .zipcode { margin-left:0px; margin-top: 0px; width:100%; }
	.write_box_type_02 .input_type7 { float:unset; width: 100%; margin-left: 0px; margin-top:0px; }
	.write_box_type_02 .input_type8 { float:unset; width:100%; }
	.write_box_type_02 li.only_fileup { overflow: hidden; border-bottom: 1px dotted #e0e0e0; }
	.write_box_type_02 .only_fileup .file_upload { margin-left: 0; margin-top: 10px; width: 100%; }
	.write_box_type_02 .only_fileup .file_upload p { font-size: 14px; }
	.write_box_type_02 .only_fileup .file_upload p span { display: inline-block; text-indent: -9px; margin-left: 10px; margin-bottom: 6px; }
}
@media screen and (min-width: 560px) {
	.write_box_type_02 .input_type5 { width:137px; }
	.write_box_type_02 .input_type6 { width:277px; }
	.write_box_type_02 .input_type3 { width:61px; text-align:center; }
	.write_box_type_02 .input_type3:first-child { width:100px; }
	.write_box_type_02 .button_type2 { width: auto; margin-left:5px; margin-top: 5px; }
	.write_box_type_02 .zipcode { margin-left:5px; margin-top:6px; width:138px; }
}
@media screen and (min-width: 740px) {
	.write_box_type_02 .left_input_box { float:left; width:calc(50% - 20px); }
	.write_box_type_02 .another_tit { width:130px !important;  }
	.write_box_type_02 span.title { float: left; width: 130px; display: inline-block; height: 52px; line-height: 52px; font-weight: 600;  clear: both; }
	.write_box_type_02 span.txt { float: left; width: calc(100% - 130px); border-bottom: 1px solid #ccc; }
	.write_box_type_02 .solo .input_type6 { width: calc(100% - 130px); text-align:left; }
	.write_box_type_02 .input_type1 { width: calc(100% - 130px); padding: 5px; margin-top:0px; }
	.write_box_type_02 .left_input_box { float:left; width:calc(50% - 20px); line-height: 52px; } /*background:green; */
	.write_box_type_02 .right_input_box { float:left; width:50%; margin-left:20px; line-height: 52px; } /*background:purple;*/
	.write_box_type_02 .only_txt .title { width:130px; }
	.write_box_type_02 .selectbox_n_input .title { width:130px;  }
	.write_box_type_02 .selectbox_n_input .input_type2 {  margin:6px 0px 6px 3px; width: 131px; }
	.write_box_type_02 .selectbox_n_input .job_gubun {  width:140px; margin:0px 0px; }
	.write_box_type_02 .input_type4 { width:277px; padding: 5px; }
	.write_box_type_02 .textarea_type1 { width:calc(100% - 130px); margin-right:0px; }
	.write_box_type_02 .tall_tit { height:100%; margin-top:40px; }
	.write_box_type_02 .tall_tit2 { height: 130px !important; } /*ine-height: 150px !important;*/
	.write_box_type_02 .tall_tit3 { height:190px !important; } /*line-height:190px !important;*/
	/*.write_box_type_02 .tall_tit4 { line-height:244px !important; }*/
	.write_box_type_02 li .txt { height:52px; line-height:52px; }
	.write_box_type_02 h3 { font-size: 22px;  }
	.write_box_type_02 h3 .symbol_01 { margin-top: 4px; }
	.member_info [class*='panel'] { padding: 1em 1.25em; border: 1px solid #d4d8dd; }
	.member_info [class*='panel'].shadow { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
	.write_box_type_02 li .select_wrap { padding-bottom: 0px; }
	.write_box_type_02 .photo_n_fileup .photo { float:left; }
	.write_box_type_02 .photo_n_fileup .photo_wrap { overflow:hidden; }
	.member_info [class*='panel'] { font-size:16px; }
	.member_info [class*='panel'] { padding: 1em 2em; border: 1px solid #d4d8dd; }
	.member_info .panel2 { background:#fcfdfe }
	.write_box_type_02 .button_type2 { margin-top:6px; }
	.write_box_type_02 .input_type7 { width: calc(100% - 331px); margin-left: 5px; margin-top:0px; } /*float:left; */ /*margin-top:6px;*/
	.write_box_type_02 .input_type8 { width:192px; margin-top: 0px;} /*float:left;*/
	.write_box_type_02 .input_type9 { width: calc(100% - 175px); margin-top:0; overflow:hidden; }
	.input_wrap a.close_btn { display:inline-block; width:38px; height:38px; border: 1px solid #bbb; background: #f8f8f8; text-align:center; line-height:39px;  }
	.input_wrap a.close_btn:hover { background:#0c4a94; border: 1px solid #0c4a94;  color:#fff; }
	.input_wrap a.plus_btn { display:inline-block; width:38px; height:38px; border: 1px solid #bbb; background: #f8f8f8; text-align:center; line-height:39px; }
	.input_wrap a.plus_btn:hover { background:#0c4a94; border: 1px solid #0c4a94;  color:#fff; }

	.write_box_type_02 .only_fileup input[type="file"] { margin-top:0; }
	.write_box_type_02 .marTop5 { margin-top:5px !important; }
	.write_box_type_02 .marBtm5 { margin-bottom:5px !important; }

	.write_box_type_02 .only_fileup .file_wrap { overflow: hidden; width: calc(100% - 130px); }
}
@media screen and (min-width: 790px) {
	.write_box_type_02 .photo_n_fileup .file_upload { float:left;  margin-top:10px; } /*background:blue;*/
}
@media screen and (min-width: 800px) {
	.write_box_type_02 .photo_n_fileup .file_upload { margin-left:10px; margin-top:0px; width: calc(100% - 130px); } /*width: calc(100% - 260)*/
	.write_box_type_02 .only_fileup .file_upload { margin-top: 0px; }
}

/* 입력박스 2개씩 있는 입력페이지 (마이페이지-개인정보수정페이지) 스타일 종료*/





/*----- sub.css -----*/
/* faq 추가 2020.04.20 */
.subbody { opacity: 0; } /*부드러운 등장*/

.sc-board-header { clear: both; width: 100%; overflow: hidden; }
.sc-board-header .board-info {float: left;font-size: 15px;color: #777;line-height: 65px;font-weight: 300;letter-spacing: 0;}

p.wiki-notice {width:100%;  font-size:18px;  color:#333;  line-height:30px;  margin-bottom:25px;}
form.wiki-form {width:100%;  overflow:hidden;}
form.wiki-form fieldset {width:100%;  overflow:hidden;}
ul.wiki-list {width:100%;  margin-bottom:65px;  border-top:2px solid #175fa5;  overflow:hidden;  background:#fafafa; padding:0; }
ul.wiki-list li {width:100%;  border-bottom:1px solid #d4d4d4;  overflow:hidden;}
ul.wiki-list li h3.wiki-title {display:table;  width:100%;  padding:20px 0;  font-size:0;  overflow:hidden;  position:relative;  cursor:pointer;  transition:all 0.3s;  background:white;}
ul.wiki-list li h3.wiki-title span {display:table-cell;  font-size:18px;  color:#373738;  line-height:30px;  font-weight:400;  vertical-align:middle;}
ul.wiki-list li h3.wiki-title:before {display:table-cell;  content:'';  width:80px;  height:100%;  background:url(../images/sub/wiki-q.png) no-repeat center center;}
ul.wiki-list li h3.wiki-title:after {content:'';  display:block;  width:22px;  height:22px;  position:absolute;  top:50%;  right:30px;  margin-top:-11px;  background:url(../images/sub/mc-7-plus.svg) no-repeat center top;  transition:all 0.3s;}
ul.wiki-list li:not(.active) h3.wiki-title:hover:after {transform:rotate(90deg);}
ul.wiki-list li.active h3.wiki-title:after {background-image:url(../images/sub/mc-7-minus.svg);}

@media only screen and (max-width:767px) {
/*.wrap { padding: 0 20px;}*/
  ul.wiki-list li h3.wiki-title:before {width:60px;}
  ul.wiki-list li h3.wiki-title span {font-size:16px;}
  ul.wiki-list li h3.wiki-title:after {right:15px;}
}

ul.wiki-list li .wiki-cont {width:100%;  height:0;  overflow:hidden;}
ul.wiki-list li .wiki-cont .wiki-cont-inner {display:table;  border-top:1px solid #d1d1d1;}
ul.wiki-list li .wiki-cont .wiki-cont-inner:before {content:'';  display:table-cell;  width:80px;  height:100%;  background:url(../images/sub/wiki-a.png) no-repeat center 35px;}
ul.wiki-list li .wiki-cont .cont-text {display:table-cell;  padding:30px 35px 45px 0;  vertical-align:top;}
ul.wiki-list li .wiki-cont .cont-text p {width:100%;  margin-bottom:25px;  font-size:16px;  color:#333;  line-height:28px;  font-weight:300;}
ul.wiki-list li .wiki-cont .cont-text .imgbox {width:100%;  font-size:0;}
ul.wiki-list li .wiki-cont .cont-text .imgbox img {width:100%;  max-width:500px}

@media only screen and (max-width:767px) {
  ul.wiki-list li .wiki-cont .wiki-cont-inner:before {float:left;  display:block;  width:60px;  height:60px;  background-position:center 20px;}
  ul.wiki-list li .wiki-cont .cont-text {float:left;  display:block;  width:calc(100% - 60px);  padding-top:20px;  padding-right:15px;}
  ul.wiki-list li .wiki-cont .cont-text p {font-size:12px;  line-height:20px;  word-break:keep-all;  letter-spacing:0;}
}

.sc-board-pager.wiki-pager a:not(.deactivated).active,
.sc-board-pager.wiki-pager a:not(.deactivated):hover {background-color:#3ac30f;  border-color:#3ac30f;}