t@charset "utf-8";
/**
 * @File Name : lib.css
 * @Description : WebStyleGuide wasn't | Contents Styles Library | Form and Button | Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2016.10.19 | 문영신 | 최초 등록. {display:inherit !important;} 를 개별 값으로 수정! table padding 속성 추가
 * (중략)
 * 2016.10.25 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2018.12.28 | 한유화 | greeting5관련 추가.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2015.05.22
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! CSS Library v.20150522 r.20160610.20161019 | by MoonYoungshin[myshin@naver.com] | MIT License
 * Note) UA 기본 개념과 다른 경우 여기에 둔다. 예) body{overflow:hidden;}
 * NamingTip1)) 태그명번호 (.bu11) 대신, 용도1포함요소 (.bu1ic1) 방법으로 충돌을 피한다.
 * ★ selectivizr-min.js (emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8))) http://selectivizr.com/
 */

/** Compatible!
 * [IE7+]
	background-size (jquery.backgroundSize.js)
 * [IE8+]
	:before
	:after
	display:table;
	box-sizing:border-box;
	html:lang(ko)
 * [IE9+]
	:nth-child(1)
	:not([href])
	border-radius
	background-size 
	box-shadow
	opacity
	(iscroll.js)
 * [IE10+]
	background:linear-gradient();
	transition [Android4.4.4+][iOS8.1+]
	animation @keyframes
 * Multiple Backgrounds linear-gradient [Android5.0.2](O) [CR](-) [IE11](X)
 */

/** 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 ◇◆
 | iscroll.js for table, img, ..
 | Flex Wrapper for Responsive embed (.flex1wrap1 iframe, object, embed, video, img)
 | ☆ Responsive utilities
 | Display Show or Hide
 */


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


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

/* base.css )) all.css )) Overwrite 20160325 ◆◆◆ */

/* body 태그의 속성은 그대로 상속 받도록 한다. (메인과 서브의 공통 영역을 동일하게 유지한다.)
 * CSS Library 를 우선순위 높은 #id 요소에 정의하지 않듯이, #body 등 배치용 요소에 font-size 따위를 정의하지 마시길..
 * 아래는 lib.css 정의 시점 기준 속성이니 참조바랍니다.
 */
/* body{
	background:#fff;
	color:#333;
	font-weight:400;
	font-size:1.4em;
	line-height:1.666;
	letter-spacing:-1px;
	overflow:hidden;
} */

/* h1,h2,h3,h4,h5,h6{font-family:
	'Apple SD Gothic Neo','Microsoft JhengHei',
	NanumSquare,
	'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,
	Arial,sans-serif;
} */


/* Contents Styles Library 20161019 ◇◆◇◆◇◆◇◆◇◆ */

/* TYPOGRAPHY */

/* Heading bullet1(background) 20160531. 20161019 */
/* [IE7+] */
.hb1{display:block;position:relative;min-height:0;margin:1em 0 .666em;padding:.333em 0 0 .666em;font-weight:600;line-height:1.333;
	/* letter-spacing:-1px; */ /* 20160930 */
}
.hb1.h1{font-size:2.286em; /* =32/14 */
	background:url(/_res/portal/img/lib/h1bg.png) no-repeat 0 .25em;
}
.hb1.h2{font-size:1.714em; /* =24/14 */
	padding-left:0;color:#222;font-weight:500;
	/*background:url(/_res/portal/img/lib/h2bg.png) no-repeat;*/
}
.hb1.h3{font-size:1.286em; /* =18/14 */ font-weight:500;
	padding-left:1.1em; background:url(/_res/portal/img/lib/s_h3bg.png) no-repeat 0 .3em;
	color:#026fb4;
}
body.site_portal .hb1.h3{background-image:url(/_res/portal/img/lib/h3bg.png);color:#2d8511;}
html.Mobile .hb1.h3{background:url(/_res/portal/img/lib/h3bg.png) no-repeat 0 .4em;}
.hb1.h4{font-size:1.143em; /* =16/14 */
	padding-left:1.43em;background:url(/_res/portal/img/lib/h4bg.png) no-repeat 0 .5em;
	color:#000;
}
html.Mobile .hb1.h4{background:url(/_res/portal/img/lib/h4bg.png) no-repeat 0 .355em;}

.hb1.h5{font-size:1.143em; /* =18/14 */
	background:url(/_res/portal/img/lib/h5bg.png) no-repeat 0 .666em;
	color:#089;
}
.hb1.h6{font-size:1.143em; /* =16/14 */
	background:url(/_res/portal/img/lib/h6bg.png) no-repeat 0 .666em;
}
.hb1.hb0{background:transparent !important;border:0;padding-left:0;} /* added 20160511 */
/* [IE8+] */
/* .hb1:before,
.hb1:after{display:none;}
.hb1:before{content:'';display:block;float:left;position:absolute;left:0;top:.25em;width:.3em;height:.75em;border-radius:1em;background:#579;vertical-align:middle;} */

/* 불릿없는제목 20161019 */
.hb2{display:block;position:relative;min-height:0;margin:.666em 0;padding:0;font-weight:bold;line-height:1.333;
	/* letter-spacing:-1px; */ /* 20160930 */
}
.hb2.h1{font-size:2.286em;} /* =32/14 */
.hb2.h2{font-size:2.0em;} /* =28/14 */
.hb2.h3{font-size:1.714em;} /* =24/14 */
.hb2.h4{font-size:1.429em;} /* =20/14 */
.hb2.h5{font-size:1.286em;} /* =18/14 */
.hb2.h6{font-size:1.143em;} /* =16/14 */

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

/* Other styled text tags.. Emphasis (≥ Contrast 4.5:1) 20160608 (≥ Contrast 3:1) 20160727 */
em,
.em{color:#d00;} /* 강조색 기본 */
.em1{color:#e00;} /* 빨 red */
.em1-2{color:#e54;} /* 다홍 red (Contrast 3.49:1) */
.em2{color:/* #a60 */#c60;} /* 주 orange (dung) */
.em3{color:/* #770 */#c82;} /* 노 yellow (gold) */
.em4{color:#080;} /* 초 green */
.em4-5{color:#078;} /* 청록 cyan (green blue) */
.em5{color:#37c;} /* 파 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(/_res/portal/img/lib/li1bg.png) no-repeat 0 .416em;}

/* List 20160324. 20160922 */

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:.333em 0;padding:0 0 0 1.2em;}
ul.bu li,
ul.bu.bu1 li{background:url(/_res/portal/img/lib/li1bg.png) no-repeat 0 .333em;} /* 416em */
html.Mobile ul.bu li,
html.Mobile ul.bu.bu1 li{background:url(/_res/portal/img/lib/li1bg.png) no-repeat 0 .1em;} /* 416em */
ul.bu li ul>li,
ul.bu.bu2 li{background:url(/_res/portal/img/lib/li2bg.png) no-repeat 0 .333em;}
ul.bu li li ul>li,
ul.bu.bu3 li{background:url(/_res/portal/img/lib/li3bg.png) no-repeat 0 .333em;}
ul.bu li li li ul>li,
ul.bu.bu4 li{background:url(/_res/portal/img/lib/li4bg.png) no-repeat 0 .333em;}
/* html.Mobile ul.bu li{padding:0 0 0 .8em;background-size:7px auto;} */ /* ☆ */



table ul.bu li{margin:0;}

dl.b0,
dl.b0>dt,
dl.b0>dd{margin-left:0;padding-left:0;text-align:left;}

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.2em;font-weight:bold;background:url(/_res/portal/img/lib/li1bg.png) no-repeat 0 .416em;}
dl.bu dd{margin:.5em 0;padding:0 0 0 1.2em;}
dl.bu dl dt{background:url(/_res/portal/img/lib/li2bg.png) no-repeat 0 .416em;}
dl.bu dl dl dt{background:url(/_res/portal/img/lib/li3bg.png) no-repeat 0 .416em;}
dl.bu dl dl dl dt{background:url(/_res/portal/img/lib/li4bg.png) no-repeat 0 .416em;}

/* 정의목록.불릿.인라인 20160511 */
dl[class*='fixed']{position:relative;min-height:0;margin-bottom:0;}
	dl[class*='fixed']:before,
	dl[class*='fixed']:after{content:'';display:table;clear:both;}
dl.fixed1auto1{list-style:none;padding:.666em 0 .666em 7em;border-top:1px solid #dadde0;
	text-align:left;
}
dl.fixed1auto1 dt{clear:both;
	float:left;width:6em;
	min-height:1.666em; /* ☆ line-height */
	margin:0 0 .333em -7em;padding:0 0 0 1em;
}
dl.fixed1auto1 dd{/* float:left;width:100%; 하면 [IE7]bug) */
	min-height:1.666em; /* ☆ line-height */
	margin:0 0 .333em;padding:0;
}

/* 순번목록 20160922 */
ol[class*='dfn'] li{margin:1em 0;}
ol[class*='bo']{ /* .bo0, .bo1, .. 스타일 통일 20160729 */
	list-style:decimal-leading-zero;
	margin-left:0;
	padding:0 0 0 2.2em; /* ☆~99 보장 */
	text-align:left;
}
/* [IE9+] )) ★☆호환 */
html.gteIE9orSUA ol.bo1{list-style:none;margin-left:0;padding:0 0 0 2.1em;text-align:left;}
html.gteIE9orSUA ol.bo1 li{margin:.333em 0;}
html.gteIE9orSUA ol.bo1>li:before{display:inline-block;
	width:1.333em;height:1.333em;
	margin:0 .5em 0 -2.1em;padding:1px;
	border-radius:100%;
	background:#0068b7;color:#fff;
	font-size:1em;font-family:Helvetica,Arial,sans-serif;line-height:1.333;letter-spacing:-1px;
	text-align:center;
	vertical-align:middle;
}
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'}


html.gteIE9orSUA ol.bo1.random1>li.m1:before{content:'1'}
html.gteIE9orSUA ol.bo1.random1>li.m2:before{content:'2'}
html.gteIE9orSUA ol.bo1.random1>li.m3:before{content:'3'}
html.gteIE9orSUA ol.bo1.random1>li.m4:before{content:'4'}
html.gteIE9orSUA ol.bo1.random1>li.m5:before{content:'5'}
html.gteIE9orSUA ol.bo1.random1>li.m6:before{content:'6'}



/* List with icon, line 20150826 [IE8+]
[IE7] :before 안되므로 아래 코드 추가하여
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
확인하니.. 폰트 아이콘이 대신 'f05a' 라고 표시되었다.
배경 이미지 추가 이외 해결책은 없는가?
 */
ul.ul1ic1{list-style:none;margin:.666em 0;padding:0;text-align:left;}
ul.ul1ic1.info li{margin:0 0 .333em 0;padding:0 0 0 1.286em;}
ul.ul1ic1.info li:before{content:'\f05a';float:left;margin:0 .286em 0 -1.286em;color:#579;font-size:inherit;font-family:FontAwesome;}
*+html ul.ul1ic1.info li{background:url(/_res/portal/img/lib/fa20-info-circle.png) no-repeat 0 .2em;}

/* Table >자식선택자 20161014 */
/* 배치용 */
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;padding:0 0 .666em 0;font-weight:bold;line-height:1.333;text-align:left;}
caption.table-h1{margin-bottom:-1px;padding:.666em .75em;border-radius:3px 3px 0 0;border:1px solid #dadde0;border-bottom:1px solid #e0e2e4;background:#f2f4f6;}
tbody th,
tbody td{text-align:left;vertical-align:top;} /* ☆ */
/* Table Type1,2,3 … -align 은 별도 class 정의! */
/* border none */
table.t0{width:100%;margin:.666em 0;border:0;border-collapse:collapse;}
table.t0>*>tr>th,
table.t0>*>tr>td{padding:.2em .75em;border:0;}
table.t0>*>tr>th{background:transparent;font-weight:normal;}
/* border 상하 */
table.t1{width:100%;margin:0;border:0;border-collapse:collapse;border-top:1px solid #dadde0;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:#f7f8f9;}
table.t1>tbody>tr>th{background:#fcfdfe;}
/* border 상하좌우 */
table.t2{width:100%;margin:.666em 0;border:0;border-collapse:collapse;border-top:1px solid #b0b5ba;border-right:1px solid #dadde0;background:#fff;}
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:#f7f8f9;font-weight:normal;}
table.t2>tbody>tr>th{background:#fafbfc;}
/* border 상하(좌우) border-top 강조 | [IE11.에뮬8] border-right 벌레박멸OK */
table.t3{width:100%;margin:.666em 0;border:0;border-collapse:collapse;
	border-top:2px solid #a2b0b9;border-bottom:1px solid #b0b5ba;
	background:#fff;
}
*+html table.t3{border-right:1px solid #fff;}
table.t3>*>tr,
table.t3>thead+tbody>tr:first-child/* 아래보다 높은 순위 */{border-right:2px solid #fff;}
table.t3>*>tr:first-child{border-right:1px hidden #fff;}
table.t3>*>tr>th,
table.t3>*>tr>td{padding:.5em .75em;border:1px solid #dadde0;border-width:1px 1px 0 0;}
table.t3>*>tr>th{background:#fcfdfe;font-weight:normal;}
table.t3>thead>tr>th{border-width:0 1px 1px 0;border-color:#dadde0;background:#f7f8f9;color:#333;}
table.t3>tfoot>tr>th{border-width:1px 1px 0 0;border-color:#dadde0;background:#f7f8f9;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;}/* ☆20150331. thead>th{border-bottom} 또는 table{border-top} 보이도록 한다. */
/* border 테두리만 */
table.t4{width:100%;margin:.666em 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:#f7f8f9;}
table.t4>tbody>tr>th{background:#fcfdfe;}
/* border 테두리만 + border-spacing */
table.t5{width:100%;margin:.666em 0;/* border-radius:6px; */border:1px solid #dadde0;border-collapse:separate;border-spacing:6px;}
table.t5>*>tr>th,
table.t5>*>tr>td{padding:.5em .75em;/* border-radius:6px; */border:0;}
table.t5>*>tr>th{background:#f7f8f9;font-weight:normal;}
table.t5>tbody>tr>th{background:#fafbfc;}

/* Table Property 20151210.20161014. */
table.auto{width:auto;height:auto;}
*.ttpd05em th, *.ttpd05em td{padding:.5em;}
*.tt1pd0 tr>:nth-child(1){padding-left:0;padding-right:0;} *.tt2pd0 tr>:nth-child(2){padding-left:0;padding-right:0;} *.tt3pd0 tr>:nth-child(3){padding-left:0;padding-right:0;} *.tt4pd0 tr>:nth-child(4){padding-left:0;padding-right:0;} *.tt5pd0 tr>:nth-child(5){padding-left:0;padding-right:0;} *.tt6pd0 tr>:nth-child(6){padding-left:0;padding-right:0;} *.tt7pd0 tr>:nth-child(7){padding-left:0;padding-right:0;} *.tt8pd0 tr>:nth-child(8){padding-left:0;padding-right:0;} *.tt9pd0 tr>:nth-child(9){padding-left:0;padding-right:0;} *.tt10pd0 tr>:nth-child(10){padding-left:0;padding-right:0;}
*.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>:nth-child(1){text-align:left;} *.tt2tal tr>:nth-child(2){text-align:left;} *.tt3tal tr>:nth-child(3){text-align:left;} *.tt4tal tr>:nth-child(4){text-align:left;} *.tt5tal tr>:nth-child(5){text-align:left;} *.tt6tal tr>:nth-child(6){text-align:left;} *.tt7tal tr>:nth-child(7){text-align:left;} *.tt8tal tr>:nth-child(8){text-align:left;} *.tt9tal tr>:nth-child(9){text-align:left;} *.tt10tal tr>:nth-child(10){text-align:left;}
*.tt1tac tr>:nth-child(1){text-align:center;} *.tt2tac tr>:nth-child(2){text-align:center;} *.tt3tac tr>:nth-child(3){text-align:center;} *.tt4tac tr>:nth-child(4){text-align:center;} *.tt5tac tr>:nth-child(5){text-align:center;} *.tt6tac tr>:nth-child(6){text-align:center;} *.tt7tac tr>:nth-child(7){text-align:center;} *.tt8tac tr>:nth-child(8){text-align:center;} *.tt9tac tr>:nth-child(9){text-align:center;} *.tt10tac tr>:nth-child(10){text-align:center;}
*.tt1tar tr>:nth-child(1){text-align:right;} *.tt2tar tr>:nth-child(2){text-align:right;} *.tt3tar tr>:nth-child(3){text-align:right;} *.tt4tar tr>:nth-child(4){text-align:right;} *.tt5tar tr>:nth-child(5){text-align:right;} *.tt6tar tr>:nth-child(6){text-align:right;} *.tt7tar tr>:nth-child(7){text-align:right;} *.tt8tar tr>:nth-child(8){text-align:right;} *.tt9tar tr>:nth-child(9){text-align:right;} *.tt10tar tr>:nth-child(10){text-align:right;}
/* Unnecessary ))
*.trtal tr{text-align:left;}
*.trtac tr{text-align:center;}
*.trtar tr{text-align:right;}
*/
*.ttvat th, *.ttvat td{vertical-align:top !important;}
*.ttvab th, *.ttvab td{vertical-align:bottom !important;}
*.ttvam th, *.ttvam td{vertical-align:middle !important;}
*.tdnowrap td{white-space:nowrap;}
*.ttbgcf th, *.ttbgcf td{background-color:#fff !important;}
tr.bg1 th, tr.bg1 td{background:#f7f7f7 !important;}
table.fsS1{font-size:.929em !important}
table.fmM1{font-size:1.071em !important}


/* Box 20150826 20160922  */
.box0{margin:.5em 0;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;}
/* ★☆ToEdit) 양식정렬결함발생하여 주석처리. 이거 적용된 곳 수정하면 완전히 제거바람.
[class*='box']>:first-child{margin-top:0;}
[class*='box']>:last-child{margin-bottom:0;}
 */
/* Box with scroll 20150826 )) ex) 예약폼, 약관, 정의목록, .. */
.box1scroll1{padding:.75em 1em;border:1px solid #d8dde0;border-top:1px solid #678;background:#fff;overflow:hidden;overflow-y:auto;}
.box1scroll1>:first-child{margin-top:0;border-top:0;}
.box1scroll1>:last-child{border-bottom:0;}

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

/* Panel 20150817 ~ 20160922 */
.panel1{position:relative;min-height:0;margin:1em 0;padding:.666em 1em;border-radius:2px;border:1px solid #d4d8dd;background:#fcfdfe;}
.panel1>:first-child{margin-top:.333em;margin-bottom:.333em;}
.panel1>:last-child{margin-bottom:.333em;}
.panel1>.h1{display:block;margin:1em -1em .666em;padding:.666em 1em;background:#f3f5f7;line-height:1.333;}
.panel1>.h1:first-child{margin-top:-.666em;}
.panel1>.h1:last-child{margin-bottom:-.666em;}
.panel1>.h1>:first-child{margin:0;}
.panel1.callout{background:#ecfaff;}
.panel1.callout>.h1{background:#d4f2f7;}
.panel1.inset{box-shadow:inset 0 0 3px 3px rgba(0, 0, 0, .03125);}
.panel1.inset>.h1{box-shadow:inset 0 0 2px 2px rgba(0, 0, 0, .03125);}
.panel1>.h1.gradient{background:linear-gradient(to bottom, #fcfdfe 0, #e9ebee 100%);}
.panel0{border-width:0;}
.panel1{border-width:1px;}
.panel2{border-width:2px;}
.panel3{border-width:3px;}
.panel4{border-width:4px;}
.panel5{border-width:5px;}
.panel10{padding:.666em 0;border-width:1px 0;background:#fff;}
.panel1>.fit{margin:0 -1em;overflow:hidden;}
.panel1>.fit:first-child{margin-top:-.666em;}
.panel1>.fit:last-child{margin-bottom:-.666em;}
.panel1>.h1+.fit{margin-top:-.666em;}
.panel1>.fit>table{margin:0 0 -1px 0;}
/* 장식 */
.panel1.shadow{box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);}
.panel1.shadow3inset{box-shadow:inset 0 0 0 3px rgba(243, 245, 247, 1);}
.panel1.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);
}
.panel1.hue2{padding:20px;border-color:#467ed4;}
.panel1.hue2:before{content:'';display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:150px;
	margin:-1px 0 -1px -1px;
	border:1px solid #1fbcbe;
}
.panel3.hue2:before{margin:-3px 0 -3px -3px;border-width:3px 0 3px 3px;}
.panel3.hue2>*{position:relative;} /* ☆ 콘텐츠 쌓임을 .hue2:before 보다 높여준다. */

/* deco1+body1 20160616 (미디어쿼리포함. 추가 데코도 여기에 모아둔다!) */
.panel1>[class*='deco1']{float:left;
	width:9.524%; /* =80/840 */
	height:auto;
	margin:5px -13.095% 5px 1.190%; /* = (110/840) (10/840) */
	padding:0 0 9.524%;
	/* background:url(/_res/portal/img/lib/ic160deco1quotation1.png) no-repeat center center; */
	background:url(/_res/portal/img/lib/ic160deco1bulb1.png) no-repeat center center;
	background-size:contain;
}
.panel1>[class*='deco1']+.body1{display:block;
	padding:0 0 0 13.095%; /* =110/840 */
	overflow:hidden;
}
.panel0>[class*='deco1']{
	width:12.666%; /* =114/900 */
	margin:0 -14.444% 10px 0; /* =130/900 */
	padding:0 0 12.666%;
}
.panel0>[class*='deco1']+.body1{
	padding:0 0 0 14.444%; /* =130/900 */
}
/* ☆ 추가. 동아리.. 20160614. 20160907  */
.panel1>[class*='deco5']{
	width:12.333%; /* =111/900 */
	margin:11px -14.444% 11px 2.174%; /* = (130/900) (20/920) */
	padding:0 0 12.333%;
}
.panel1>[class*='deco5']+.body1{
	padding:0 0 0 16.666%; /* =150/900 */
}
.panel1>[class*='deco1']+.body1 p{margin:.666em 0;}
.panel1>.deco1quotation1{background-image:url(/_res/portal/img/lib/ic160deco1quotation1.png);}
.panel1>.deco1menu1{background-image:url(/_res/portal/img/lib/ic160deco1menu1.png);}
.panel1>.deco1facility1{background-image:url(/_res/portal/img/lib/ic160deco1facility1.png);}
.panel1>.deco1.deco2{background-image:url(/_res/portal/img/lib1cp1/ic160deco2doc1.png);}
.panel1>.deco1.deco2tablet1check1{background-image:url(/_res/portal/img/lib1cp1/ic160deco2tablet1check1.png);}
.panel1>.deco1.doco3schedule1{background-image:url(/_res/portal/img/lib1cp1/ic160deco3schedule1.png);}
.panel1>.deco1.doco4formsearch1{background-image:url(/_res/portal/img/lib1tour2/ic160deco4formsearch1.png);}
.panel1>.deco1.deco5circle1{background-image:url(/_res/portal/img/lib1cp1/ic222circle1.png);}
@media all and (max-width:767px){/* ◇◆ */
	/* [~IE8]bug )) [IE9+표준] 브라우저만 적용! */
	html.gteIE9orSUA .panel1>[class*='deco1']{z-index:-1;position:absolute;visibility:hidden;}
	html.gteIE9orSUA .panel1>[class*='deco1']+.body1{padding:0;}
}

/* Panel .dl1 (픽1글1글3) 20160323 */
.panel1 .dl1{display:table;float:none;width:100%;margin:1.5em 0;}
.panel1 .dl1>dt{display:table-cell;float:none;width:22%;padding:0 3%;color:#397cba;font-weight:bold;font-size:20px;
	text-align:center;vertical-align:middle;
}
.panel1 .dl1>dd{display:table-cell;float:none;margin:0;padding:0 3%;border-left:1px dotted #ccc;
	vertical-align:middle;
}
*+html .panel1 .dl1>dt{float:left;}
*+html .panel1 .dl1>dd{float:left;min-height:70px;}
.panel1 .dl1>dt .ic1 img{width:70%;max-width:70px;height:auto;margin:0 .4em;vertical-align:middle;}
.panel1 .dl1>dt .t1{width:4em;margin:0 .4em;white-space:nowrap;vertical-align:middle;}

/* Panel table.t1 (픽1글1글3) 20160511 */
.panel1 table.t1{border:0;}
.panel1 table.t1>*>tr>*{border:0;border-top:1px solid #eee;background:transparent;}
.panel1 table.t1>*>tr:first-child>*{border:0;}


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

/* inline-block Text 20150511 */
.ibt1{display:inline-block;
	width:1.333em;height:1.333em;
	margin:0 .25em 0 0;padding:0;
	border-radius:9999px;padding:.083em;
	background:#41454e;color:#fff;
	font-weight:normal;font-size:1em;font-family:Helvetica,Arial,sans-serif;line-height:1.333;letter-spacing:-1px;
	text-align:center;
	vertical-align:middle;
}

/* Harmony 20150701 */
.left{float:left;padding:.333em 0;}
.right{float:right;padding:.333em 0;}
.center{margin:0 auto;padding:.333em 0;text-align:center;}
img.flm{float:left;margin:0 1.666em 1.666em 0;}
img.frm{clear:right;float:right;margin:0 0 1.666em 1.666em;}
img.center{display:block;margin:0 auto;text-align:center;}
img.vam{margin:0 0 2px 0;vertical-align:middle;}
.fix1{display:block !important;display:inline-block;overflow:hidden;}

/* Label 20151021 */
.label1{border-radius:3px;padding:.2em .4em;background:#ddeef7;color:#369;font-size:.929em;line-height:1;text-align:center;}

/* Helper classes 20150818~20160610 */
/* Contextual backgrounds */
.bg-default{background-color:#fff;} /* ☆ */
.bg-muted{background-color:#eee;}
.bg-primary{background-color:#37b;color:#fff;}
.bg-secondary{background-color:#f5f7f9;} /* ☆ */
.bg-success{background-color:#ddf4d7;}
.bg-info{background-color:#d7eef7;}
.bg-alert{background-color:#e7e7f7;} /* ☆ */
.bg-warning{background-color:#fcf4dd;}
.bg-danger{background-color:#f7e7e7;}
/* Contextual colors */
.text-default{color:#333;} /* ☆ */
.text-muted{color:#767676;}
.text-primary{color:#37b;}
.text-secondary{color:#579;} /* ☆ */
.text-success{color:#3c763d;}
.text-info{color:#31708f;}
.text-alert{color:#66d;} /* ☆ */
.text-warning{color:#8a6d3b;}
.text-danger{color:#a94442;}

/* Active classes 20150402 */
.activemenu .on,
.activemenu .on a{color:#d06;font-weight:bold;}

/* Sectioning )) Task 2015~  */
.section{}
.article{}
.nav{}
.aside{}
.section1{margin-left:1.333em;}


/* Form 20150922 ◇◆◇◆◇◆◇◆◇◆ */

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

/* [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;} */

[type=radio]+label,
[type=checkbox]+label{
	padding-left:2px;
}

/* ◇◆ Button 20150817. 20160922 ◇◆ */
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;
	/* height:2.571em; ((☆bace.css */
	/* padding:.548em .786em; ((☆bace.css */
	border-radius:2px;
	box-sizing:border-box; /* ☆ */
	border:1px solid transparent;
	border-color:#bbb; /* ☆ */
	background-color:#fff; /* ☆ */
	/*border-color:#099;
	background-color:#00A5A6;*/
	color:#222; /* ☆ */
	font-size:1em;
	/* line-height:1.333; ((☆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;
}
/* Button size and shape */
.button.xlarge{height:auto;padding:1.125em 2.25em 1.1875em;font-size:1.286em;line-height:normal;}
.button.large{height:auto;padding:.8em 2em .8625em;font-size:1.143em;line-height:normal;}
.button.medium{height:auto;padding:.51em 1.75em .5625em;font-size:1em;line-height:normal;}
.button.small{height:auto;padding:.3em .333em .333em;font-size:0.929em;line-height:normal;}
.button.tiny{height:auto;padding:.166em .25em .25em;font-size:0.857em;line-height:normal;}
.button.wide{padding-left:1.9em;padding-right:1.9em;} /* 20150623 */
.button.block{display:block;width:100%;} /* 1line */
.button.expand{display:block;width:100%;height:auto;padding:1em 1.25em 1.0625em;line-height:normal;white-space:normal;} /* 2~lines */
*+html a.button.block,
*+html a.button.expand{width:93.333%;padding-left:3%;padding-right:3%;}
/* styling */
.button.radius{border-radius:6px;}
.button.round{border-radius:9999px;}
/* ☆ 20160920 */
/*.button.submit{border-color:#d42;background-color:#e53;color:#fff;}*/
/*.button.submit{border-color:#234;background-color:#234;color:#fff;}*/
.button.submit{border-color:#006500;background-color:#008b00;color:#fff;}
/* colors */
.button.default{border-color:#999;background-color:#fff;color:#333;} /* ☆NoEdit */
.button.default{border-color:#666;background-color:#fff;color:#333;} /* 20160922 */
.button.muted{border-color:#ddd;background-color:#eee;color:#333;} /* ☆ */
.button.primary{border-color:#26a;background-color:#37b;color:#fff;} /* ☆ #36c */
.button.primary{border-color:#2a6eb6;background-color:#2a6eb6;color:#fff;} /* 20160920 */
.button.secondary{border-color:#678;background-color:#678;color:#fff;}
.button.success{border-color:#385;background-color:#4a6;color:#fff;}
.button.info{border-color:#29b;background-color:#4bd;color:#fff;}
.button.alert{border-color:#76d;background-color:#87d;color:#fff;}
.button.warning{border-color:#c61;background-color:#e82;color:#fff;}
.button.danger{border-color:#c31;background-color:#e42;color:#fff;}
.button.info1{border-color:#8bc;background-color:#ade;color:#235;}
/* 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.slategrayf{border-color:#e5e8ee;background-color:#f4f5f7;color:#345;}
.button.slategraye{border-color:#e1e4e8;background-color:#e8eaef;color:#234;}
.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;}
/* disabled */
.button.disabled,
.button[disabled]{cursor:default;opacity:.5;box-shadow:none;}
/* transition */
.button:hover,
.button:focus{border-color:#000 !important;background-color:#333 !important;color:#fff !important;}
.button.default:hover, /* 20160922 */
.button.default:focus{background-color:#eee !important;color:#000 !important;}
.button.disabled:hover,
.button[disabled]:focus{opacity:.67;} /* ☆ */

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

/* .button-group 20150724 ◇◆ */
.button-group{list-style:none;min-height:0;margin:0;padding:0;}
.button-group:before,
.button-group:after{content:'';display:table;clear:both;}
.button-group>li{float:left;margin:0 -1px 0 0;}
.button-group:not([class*='stack'])>li:first-child~li>.button{border-left:1px solid rgba(255, 255, 255, 0.5);}
.button-group:not([class*='stack'])>li:first-child~li>.button.default{border-left-color:#ddd;} /* ☆ */
.button-group:not([class*='stack'])>li:first-child~li>.button.secondary{border-left-color:#ccc;} /* ☆ */
.button-group>li>.button{padding-left:.786em;padding-right:.786em;border-radius:0;}
.button-group>li:first-child>.button{border-radius:2px 0 0 2px;}
.button-group>li:last-child>.button{border-radius:0 2px 2px 0;}
.button-group.radius>li>.button{padding-left:1.071em;padding-right:1.071em;}
.button-group.radius>li:first-child>.button{border-radius:6px 0 0 6px;}
.button-group.radius>li:last-child>.button{border-radius:0 6px 6px 0;}
.button-group.round>li>.button{padding-left:1.286em;padding-right:1.286em;}
.button-group.round>li:first-child>.button{border-radius:9999px 0 0 9999px;}
.button-group.round>li:last-child>.button{border-radius:0 9999px 9999px 0;}
.button-group>li.on>.button{opacity:.666;} /* ☆ */
/* even */
.button-group[class*='even-']>li{float:left;margin:0 -1px 0 0;}
.button-group[class*='even-']>li>.button{display:block;}
.button-group.even-2>li{width:50%;}
.button-group.even-3>li{width:33.333%;}
.button-group.even-4>li{width:25%;}
.button-group.even-5>li{width:20%;}
.button-group.even-6>li{width:16.666%;}
.button-group.even-7>li{width:14.285%;}
.button-group.even-8>li{width:12.5%;}
/* stack */
.button-group.stack>li{display:block;float:none;margin:0;}
.button-group.stack>li>.button{display:block;margin:0 0 1px 0;border-radius:2px;}
.button-group.stack.radius>li:first-child>.button{border-radius:6px 6px 0 0;}
.button-group.stack.radius>li:last-child>.button{border-radius:0 0 6px 6px;}
.button-group.stack.round>li:first-child>.button{border-radius:1em 1em 0 0;}
.button-group.stack.round>li:last-child>.button{border-radius:0 0 1em 1em;}
.button-group.stack>li>.button.default,
.button-group.stack>li>.button.secondary{margin:0 0 -1px 0;}
/* stack-for-small */
@media all and (max-width:639px){
	.button-group.stack-for-small>li{display:block;float:none;width:auto;margin:0;}
	.button-group.stack-for-small>li>.button{display:block;margin:0 0 1px 0;border-radius:2px;}
	.button-group.stack-for-small.radius>li:first-child>.button{border-radius:6px 6px 0 0;}
	.button-group.stack-for-small.radius>li:last-child>.button{border-radius:0 0 6px 6px;}
	.button-group.stack-for-small.round>li:first-child>.button{border-radius:1em 1em 0 0;}
	.button-group.stack-for-small.round>li:last-child>.button{border-radius:0 0 1em 1em;}
	.button-group.stack-for-small>li>.button.default,
	.button-group.stack-for-small>li>.button.secondary{margin:0 0 -1px 0;}
	.button-group.stack-for-small>li:first-child~li>.button.default{border-top-color:#ddd;} /* ☆ */
	.button-group.stack-for-small>li:first-child~li>.button.secondary{border-top-color:#fff;} /* ☆ */
}
@media all and (min-width:640px){
	.button-group.stack-for-small>li:first-child~li>.button.default{border-left-color:#ddd;} /* ☆ */
	.button-group.stack-for-small>li:first-child~li>.button.secondary{border-left-color:#ccc;} /* ☆ */
}
/* button-bar */
.button-bar{min-height:0;}
.button-bar:before,
.button-bar:after{content:'';display:table;clear:both;}
.button-bar .button-group{float:left;margin-right:1%;}

/* ◇◆ Menu 20150803. 20160923. ◇◆ */

/* menu-group1 */
.menu-group1{min-height:0;margin:0;padding:0 1px 0 0;}
.menu-group1:before,
.menu-group1:after{content:'';display:table;clear:both;}
.menu-group1 .m{float:left;height:1.75em;margin:0 -1px .5em 0;padding:.2em .5em;border:1px solid #ccc;background:#fff;color:#666;font-size:.857em;line-height:1.75;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;}

/* menu-group2 */
.menu-group2{list-style:none;min-height:0;margin:0 -.3% .3%;padding:0;}
.menu-group2:before,
.menu-group2:after{content:'';display:table;clear:both;}
.menu-group2>li{display:inline-block /* ☆[IE7]fix */;float:left;width:24.4%;margin:.3%;text-align:center;}
*+html .menu-group2>li{display:inline;float:none;margin-right:.09%;vertical-align:top;}
.menu-group2>li>a{display:block;padding:.4em .786em;border-radius:3px;border:1px solid #ccc;background:#fafafa;color:#000;
	text-decoration:none !important;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	transition: 200ms ease-out;}
.menu-group2>li>a:hover,
.menu-group2>li>a:focus{border-color:#059;background:#059;color:#fff;}
.menu-group2>li.on>a{border-color:#059;background:#059;color:#fff;}
/* ☆(-0.6+(100/(column1~12)))% */
.menu-group2.even-1>li{width:99.4%;text-align:left;}
.menu-group2.even-2>li{width:49.4%;text-align:left;}
.menu-group2.even-3>li{width:32.73333%;}
.menu-group2.even-4>li{width:24.4%;}
.menu-group2.even-5>li{width:19.4%;}
.menu-group2.even-6>li{width:16.06667%;}
.menu-group2.even-7>li{width:13.68571%;}
.menu-group2.even-8>li{width:11.9%;}
.menu-group2.even-9>li{width:10.51111%;}
.menu-group2.even-10>li{width:9.4%;}
.menu-group2.even-11>li{width:8.49091%;}
.menu-group2.even-12>li{width:7.73333%;}





/* menu-grid */
.menu-grid{list-style:none;min-height:0;margin:0 -3px 0 0;padding:0;}
.menu-grid:before,
.menu-grid:after{content:'';display:table;clear:both;}
.menu-grid>li{float:left;width:25%;text-align:center;}
*+html .menu-grid>li{margin-right:-1px;vertical-align:top;}
.menu-grid>li>a{display:block;margin:0 3px 3px 0;padding:.4em .786em;border-radius:3px;border:1px solid #ccc;background:#fafafa;color:#000;
	text-decoration:none !important;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	transition: 200ms ease-out;}
.menu-grid>li>a:hover,
.menu-grid>li>a:focus{border-color:#059;background:#059;color:#fff;}
.menu-grid>li.on>a{border-color:#059;background:#059;color:#fff;}
/* (100/(column1~12))% */
.menu-grid.even-1>li{width:100%;text-align:left;}
.menu-grid.even-2>li{width:50%;text-align:left;}
.menu-grid.even-3>li{width:33.333%;}
.menu-grid.even-4>li{width:25%;}
.menu-grid.even-5>li{width:20%;}
.menu-grid.even-6>li{width:16.666%;}
.menu-grid.even-7>li{width:14.285%;}
.menu-grid.even-8>li{width:12.5%;}
.menu-grid.even-9>li{width:11.111%;}
.menu-grid.even-10>li{width:10%;}
.menu-grid.even-11>li{width:9.090%;}
.menu-grid.even-12>li{width:8.333%;}
/* (100/(column1~12))% */
.menu-grid>li.span-1{width:8.333%;}
.menu-grid>li.span-1>a{padding-left:3px;padding-right:3px;}
.menu-grid>li.span-2{width:16.666%;}
.menu-grid>li.span-3{width:25%;}
.menu-grid>li.span-4{width:33.333%;}
.menu-grid>li.span-5{width:41.666%;}
.menu-grid>li.span-6{width:50%;}
.menu-grid>li.span-7{width:58.333%;}
.menu-grid>li.span-8{width:66.666%;}
.menu-grid>li.span-9{width:75%;}
.menu-grid>li.span-10{width:83.333%;}
.menu-grid>li.span-11{width:91.666%;}
.menu-grid>li.span-12{width:100%;}
/* menu-grid */
.menu-grid[class*='evenmix-1']>li{width:100%;text-align:left;}
.menu-grid[class*='evenmix-2']>li{width:50%;text-align:center;}
@media all and (min-width:640px){
	.menu-grid[class*='evenmix-12']>li{width:50%;}
	.menu-grid[class*='evenmix-23']>li{width:33.333%;}
	.menu-grid[class*='evenmix-24']>li{width:25%;}
}
@media all and (min-width:1000px){
	.menu-grid[class*='evenmix-123']>li{width:33.333%;}
	.menu-grid[class*='evenmix-234']>li{width:25%;}
	.menu-grid[class*='evenmix-246']>li{width:16.666%;}
}
@media all and (min-width:1200px){
	.menu-grid[class*='evenmix-1234']>li{width:25%;}
	.menu-grid[class*='evenmix-2345']>li{width:20%;}
	.menu-grid[class*='evenmix-2468']>li{width:12.5%;}
}

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

/* Misc 20151020 */
.sep{color:#969696;font-weight:normal;}
.sep1{display:inline-block;font-weight:normal;font-size:.6em;margin:0 0 .4em 0;vertical-align:middle;opacity:.5;}

/* pagination 20160922 */
.pagination{clear:both;width:100%;margin:.666em auto 0;line-height:normal;text-align:center;}
.pagination .m a{display:inline-block;width:25px;height:25px;
	margin:-.125em 0 .5em .125em;
	border:1px solid #ccc;
	background:#fff;color:#333;
	vertical-align:middle;white-space:nowrap;overflow:hidden;text-decoration:none !important;
}
.pagination .pages .m a{width:auto;min-width:1em;padding:0 6px;font-size:.923em;line-height:25px;}
.pagination .pages .on a{border-color:#333333;background:#707070;color:#fff;}
.pagination .control .m a .ic{display:block;
	font-family: Arial, sans-serif; /* ☆ */
	font-size:23px;line-height:23px;}
.pagination a:not([href]){cursor:default;}
.pagination .control a:not([href]){opacity:.4;}

/* 정보메뉴 */
.infomenu1{z-index:21;clear:both;position:relative;width:100%;min-height:0;
	/* margin:1.333em 0; */ /* =(1+(1.666-1)/2) = base.css 의 블록마진 1em 보다 크며 line-height 고려함! */
	margin:1.357em 0; /* [Android4.1.2]fix) 자손 .button 의 border-top 간헐적 안보이는 결함 해결 */
	overflow:hidden;
}
.infomenu1:before,
.infomenu1:after{content:'';display:table;clear:both;}
.infomenu1 .info1{color:#767676;} /* 글 수.. */
.infomenu1 .left{float:left;overflow:hidden}
.infomenu1 .right{float:right;text-align:right;overflow:hidden}
.infomenu1 .center{margin:0 auto;text-align:center;}
.infomenu1 .center .button{margin-left:3px;margin-right:3px;}
 
.infomenu1 .left .button.prev:before{content:'◀ ';float:left;font-size:10px;margin:3px 3px 0 0;}
.infomenu1 .left .button.next:before{content:' ▶';float:right;font-size:10px;margin:3px 0 0 3px;}


/* .input-group 20151022 */
.input-group{position:relative;min-height:0;padding:0 35px 0 0;}
.input-group:before,
.input-group:after{content:'';display:table;clear:both;}
.input-group input[type='text']{float:left;width:100%;border-radius:2px 0 0 2px;}
.input-group .button{float:right;width:36px;margin-left:-1px;margin-right:-35px;padding:0;
	border-radius:0 2px 2px 0;
	border:1px solid #bbb !important;
	border-left:0 !important;
	 background:#fcfcfc !important; 
	/*background:linear-gradient(to bottom, #fff 0, #fff 3%, #eee 3%, #fff 100%) !important; 
	overflow:hidden;text-indent:-9999px;
	box-shadow:none;*/
}
.input-group .button .ic1{float:left;width:20px;height:20px;margin:7px;background:url() no-repeat center center;background-size:contain;}

/* 조회 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(/_res/portal/img/lib/ic40search.png);}

/* 라이트박스 확인박스 20150803 */
.lightbox1{display:none;z-index:1000;position:fixed;left:0;right:0;top:0;bottom:0;overflow:auto;}
.lightbox1>.bg{position:fixed;left:0;right:0;top:0;bottom:0;background:url(/_res/portal/img/lib/b.000000.opacity.50.png) 50% 50%;}
.confirm1{position:absolute;left:50%;bottom:50%;width:280px;margin:0 0 -4em -160px;padding:1.5em 20px;border-radius:3px;background:#fff;}

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


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


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


/* YYYYMMDD.Writer. ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

/* ☆스크롤. iscroll.js for table, img, .. 20141104~20150817 */

/* [JS] jQscrollTouch('.scroll1wrap', {setDesktop: false}); */
html.Mobile .scroll1wrap{position:relative;margin:4px 0;
	overflow:hidden; /* 20150817 */
}
html.Mobile .scroll1wrap.myscroll{margin-bottom:20px;padding:0 0 10px 0;}
html.Mobile .scroll1cont{} /* [JS] width: 내부 최대크기; */
html.Mobile .scroll1wrap>table tr>*,
html.Mobile .scroll1wrap>.scroll1cont>table tr>*{white-space:nowrap;}
/* [JS] jQscrollTouch('.scroll1wrap1all1', {setDesktop: true}); */
html .scroll1wrap1all1{position:relative;margin:4px 0;overflow:auto;overflow-y:hidden;} /* [~IE8] iscroll.js 불가하니 auto */
*+html .scroll1wrap1all1{padding:0 0 16px 0;}
html .scroll1wrap1all1.myscroll{margin-bottom:20px;padding:0 0 10px 0;overflow:hidden;} /* [IE9+표준] iscroll.js 가능하니 hidden */
html .scroll1cont{min-width:99.7%;} /* ☆ 부모보다 너비 작으면 스크롤 생기지 않는 최대크기. [AD5.0.2]확인OK */
html .scroll1wrap1all1>table tr>*, /* 내부 테이블 적용여부고려하자 */
html .scroll1wrap1all1>.scroll1cont>table tr>*{white-space:nowrap;} /* .scroll1cont 있을 수 있다. */
/* [JS] created */
.iScrollHorizontalScrollbar{left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;height:7px !important;border-radius:3px !important;background:#eaecee;}
.iScrollIndicator{border:0 solid #579 !important;border-radius:3px !important;background:#abc !important;opacity:1;}
.iScrollIndicator:hover,
.iScrollIndicator:focus{opacity:1;}


/* Flex Wrapper for Responsive embed 20150713. 20160602. */
/* 테스트 필요!
	height:0; [IE7]결함유발염려.
	overflow:hidden; [IE11]WMP 아래 라인 잘리기도함
*/
.flex1wrap1{display:block;position:relative;max-width:100%;margin:0 auto;
	padding:0 0 56.25% 0; /* ☆ */
	background:#000; /* ☆ */
	overflow:hidden;
}
.flex1wrap1.wmv1pdt{padding-top:64px;} /* ☆ Windows7[IE11]WMP12 컨트롤바+상태바 높이 */
.flex1wrap1.ratio2by1{padding-bottom:50%;}
.flex1wrap1.ratio16by9{padding-bottom:56.25%;}
.flex1wrap1.ratio16by10{padding-bottom:62.5%;}
.flex1wrap1.ratio3by2{padding-bottom:66.666%;}
.flex1wrap1.ratio4by3{padding-bottom:75%;}
.flex1wrap1.ratio1by1{padding-bottom:100%;}
/* ((( Foundation. You may delete after test. */
.flex1wrap1.youtube{padding-top:25px;padding-bottom:67.5%;}
.flex1wrap1.vimeo{padding-top:0;}
.flex1wrap1.widescreen{padding-bottom:56.34%;}
.flex1wrap1 .flex1cont1, /* div */
.flex1wrap1 iframe,
.flex1wrap1 object,
.flex1wrap1 embed,
.flex1wrap1 video,
.flex1wrap1 img{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100% !important; /* 우선순위 높여준다! (( lib1cp1.css 에서 .bbs1view1 .substance 자손은 {max-width:100%;height:auto;} 값을 가지므로.. */
	border:0;vertical-align:top;
}
  /* [IE7] 결함 해법 .flex1wrap1fix1
		)) object 높이 결함 해설) [IE7]만 .flex1wrap1fix1 필요하고, 나머지는 있든 없든 상관없다. 조건주석문 안쪽에 사용하면 좋겠다.
		)) img 중앙정렬 결함 해설) 이미지 (contain (image full)) 사이즈 위해 .flex1wrap1fix1 필요하다.
			[IE7]만 img{position:absolute;} 일 때 중앙정렬 결함있어, 모든 [UA]에 .flex1wrap1fix1 추가하고 img{position:relative;} 로 호환 맞추었다.
	*/
.flex1wrap1>.flex1wrap1fix1{z-index:10;display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.flex1wrap1>.flex1wrap1fix1 ~ .alternativeContent{position:absolute;margin:0;} /* ☆ 대체콘텐츠 높이 영향 무력화 */
/* Flex Image 20150713 */
/* Thumbnail (contain (image full)) 왜곡(폭큰이미지). 여백(키큰이미지左右) = 이미지 안보이는 부분 없다. */
.flex1wrap1>.flex1wrap1fix1>img,
img.flex.contain{ /* (ex) ul.grid>li.column>a.flex1wrap>.f1.flex1wrap1fix1>img */
	display:block;position:relative; /* (중앙정렬) [IE7]fix */
	width:auto;height:auto;min-width:0;max-width:100%;min-height:100%;max-height:100%;
	margin:0 auto;
}
/* Thumbnail (cover (frame full)) 왜곡(폭큰이미지). 잘림(키큰이미지下) = 프레임 빈공간 없다. */
img.flex.cover{display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:auto;min-height:100%;max-height:none;vertical-align:top;}
/* Flex Image Detail  ☆ 왜곡(안함). 제한(키큰이미지) = 이미지에 따른 프레임 너비 불변, 높이 가변 */
img.flex.detail{display:block;width:auto;height:auto;min-width:0;max-width:100%;min-height:0;/* max-height:100%; */max-height:415px;margin:0 auto;}


/* ☆ Responsive Utilities 20150817 20160610 */


@media all and (max-width:639px){

	/* Width 20150817 */
	.w100-for-small{width:100%;}

	/* Table RWD 20160610
	 * Note) colspan, rowspan 없는 단순 표만 사용.
	 * ToDo) 중첩 표
	 */
	html.Mobile table.small-is-block,
	html.Mobile table.small-is-block caption,
	html.Mobile table.small-is-block thead,
	html.Mobile table.small-is-block tbody,
	html.Mobile table.small-is-block tfoot,
	html.Mobile table.small-is-block tr,
	html.Mobile table.small-is-block th,
	html.Mobile table.small-is-block td{display:block;box-sizing:border-box;overflow:hidden;}
	html.Mobile table.small-is-block caption{margin:0 0 -1px;padding:0;}
	html.Mobile table.small-is-block caption .h1{position:relative;display:block;padding:.666em;border-bottom:1px solid #d7d7d7;background:#f5f7f9;}
	html.Mobile table.small-is-block th{clear:both;display:block;float:left;
		width:40%;
		margin:0 -1px 0 0;
		border:0 !important;border-top:1px solid #ddd !important;border-right:1px solid #ddd !important;
	}
	html.Mobile table.small-is-block td{display:block;float:left;
		width:60%;
		border:0 !important;border-top:1px solid #ddd !important;border-left:1px solid #ddd !important;
	}

} /* /(max-width:639px) */


/* Display Show or Hide + 20161013 */
.hide-all,
.hide-small{display:none !important;}
.show-all,
.show-small,
.show-small-block{display:block !important;}
.show-all-inline,
.show-small-inline{display:inline !important;}
.show-all-inline-block,
.show-small-inline-block{display:inline-block !important;}
.show-all-table-cell,
.show-small-table-cell{display:table-cell !important;}
@media all and (min-width:640px){
	.hide-medium{display:none !important;}
	.show-medium,
	.show-medium-block{display:block !important;}
	.show-medium-inline{display:inline !important;}
	.show-medium-inline-block{display:inline-block !important;}
	.show-medium-table-cell{display:table-cell !important;}
}
@media all and (min-width:1000px){
	.hide-large{display:none !important;}
	.show-large,
	.show-large-block{display:block !important;}
	.show-large-inline{display:inline !important;}
	.show-large-inline-block{display:inline-block !important;}
	.show-large-table-cell{display:table-cell !important;}
}
@media all and (min-width:1200px){
	.hide-xlarge{display:none !important;}
	.show-xlarge{display:block !important;}
	.show-xlarge-inline{display:inline !important;}
	.show-xlarge-inline-block{display:inline-block !important;}
	.show-xlarge-table-cell{display:table-cell !important;}
}


/* 협업/제휴 추가 Song + 20170222 */

.greeting01>.column.m3{width:32%;padding-right:6%;text-align:right}
.greeting01>.column.m4{width:57%;font-size:1.077em }

.greeting01>.column.m30{width:40%;padding-right:6%;text-align:right}
.greeting01>.column.m40{width:49%;font-size:1.077em }



.port_link{margin:1.666em 0 0;overflow:hidden;}
.port_link .wrap1{overflow:hidden;}
.port_link .wrap1 .col{display:block;}
.port_link .wrap1 .figs{margin:0 0 .333em;}
.port_link .wrap1 .texts{margin:1em 0 0;}
.port_link .wrap1 .f1{display:block;width:100%;height:auto;margin:0 auto;text-align:center;}
.port_link .wrap1 .f1 img{margin:0 auto;border:1px solid #dfdfdf;}
.port_link .wrap1 .texts .t1{display:block;margin:0 0 0;overflow:hidden;font-size:1.333em;font-weight:600;color:#000;}
.port_link .wrap1 .texts .b1{margin:.666em 0 0;overflow:hidden;}
.port_link .wrap1 .texts .b1>.button{padding-right:1em;padding-left:1em;}
.port_link .wrap1 .texts .b1>.button img{margin-right:.333em;}

@media all and (min-width:768px){
	.port_link .wrap1 .col{float:left;}
	.port_link .wrap1 .figs{width:25%;margin:0 3% 0 0;}
	.port_link .wrap1 .texts{width:72%;margin:0;}
}



.greeting2 {position:relative;background:#005da0;overflow:hidden;}
.greeting2 .t1{float:left;display:block;position:absolute;left:0;top:0;margin-top:0;padding-right:5%;}
.greeting2 .warp1texts{display:block;padding:0 1.5em;color:#fff;line-height:1.5;overflow:hidden;}
.greeting2 .t2{margin:1em 0 0 0; display:none; text-align:center;}
.greeting2 .t3{margin:.75em 0;font-size:1.429em;font-weight:400; line-height:1.333;}
body.site_portal .greeting2{background:#007900;} 

@media all and (min-width:768px){
	.greeting2 .warp1texts{float:left;position:absolute;top:120px;margin:0 auto;padding:0 2% 0 20%;color:#000; }
	.greeting2 .t2{margin:0; display:block;}
	.greeting2 .t3{font-size:2.143em;text-align:center;}
}
@media all and (min-width:1000px){
	.greeting2 .warp1texts{padding-right:5%;top:150px;}
	.greeting2 .t2{display:block;width:100%;}
}


.greeting4 {background: #007900;margin-bottom: 50px; position: relative;}
.greeting4 .warp1texts{display:block;padding:0 1.5em;color:#fff;line-height:1.5;overflow:hidden;}
.greeting4 .warp1texts ul {list-style:none;}
.greeting4 .warp1texts ul li {color: #fff; font-size: 16px; position: relative;}
.greeting4 .warp1texts ul li:before {content: ""; display: block; background: url(/_res/portal/img/content/portal_00061_img02.png) 0 0 no-repeat; width: 23px; height: 20px; position: absolute; top: 0; left: -30px;}
/*.greeting4 .warp1texts ul li:after {content: "";  display: block; background: url(/_res/portal/img/content/portal_00061_img03.png) 0 0 no-repeat; width: 23px; height: 20px; position: absolute; bottom: 0; right: 60px;}*/
 
@media all and (min-width:768px) {
	.greeting4 .warp1texts{color: #ffffff; position: absolute; top: 50px; right: 20px; max-width: 550px; text-align: left;}
	.greeting4 .warp1texts ul li {font-size: 24px;}
	/*.greeting4 .warp1texts ul li:after {right: 0px;}*/
 } 
 


.greeting5 {position:relative;background:#005da0;overflow:hidden;}
.greeting5 .t1{float:left;display:block;position:absolute;left:0;top:0;margin-top:0;padding-right:5%;}
.greeting5 .warp1texts{float:left;position:absolute;top:120px;margin:0 auto;padding:0 5% 0 5%;color:#000;}
/*.greeting5 .warp1texts{display:block;padding:0 1.5em;color:#fff;line-height:1.5;overflow:hidden;}*/
.greeting5 .t2{margin:1em 0 0 0; display:none; text-align:center;}
.greeting5 .t3{margin:.75em 0;font-size:1.429em;font-weight:400; line-height:1.333;}
.greeting5 .t4{margin:.75em 0;font-size:1.0em;font-weight:400; line-height:1.35;}
.greeting5 .t5{margin:.75em 0;font-size:1.5em;font-weight:400; line-height:1.3;}
body.site_portal .greeting5{background-image:url(/_res/portal/img/content/portal_img01.jpg)}

@media all and (min-width:768px){
	.greeting5 .warp1texts{float:left;position:absolute;top:120px;margin:0 auto;padding:0 5% 0 5%;color:#000; }
	.greeting5 .t2{margin:0; display:block;}
	.greeting5 .t3{font-size:2.143em;text-align:center;}
	.greeting5 .t4{font-size:1.25em; line-height:1.6;}
	.greeting5 .t5{font-size:1.85em; line-height:1.7;}
}
@media all and (min-width:1000px){
	.greeting5 .warp1texts{padding-right:5%;top:150px;}
	.greeting5 .t2{display:block;width:100%;}

}


html.gteIE9orSUA ol.bo4{list-style:none;margin:0 0 1em 0;padding:2em; }
html.gteIE9orSUA ol.bo4>li:before{display:block;float:left;
	width:28px;height:28px;	margin:0 .5em 0 0;padding:0;
	border-radius:100%;background:#00a0e9;
	color:#fff;font-size:17px;line-height:26px;text-align:center;vertical-align:middle;
}
html.gteIE9orSUA ol.bo4>li:nth-child(1):before{content:'가'}
html.gteIE9orSUA ol.bo4>li:nth-child(2):before{content:'나'}
html.gteIE9orSUA ol.bo4>li:nth-child(3):before{content:'다'}
html.gteIE9orSUA ol.bo4>li:nth-child(4):before{content:'라'}
html.gteIE9orSUA ol.bo4>li:nth-child(5):before{content:'마'}
html.gteIE9orSUA ol.bo4>li:nth-child(6):before{content:'바'}
html.gteIE9orSUA ol.bo4>li:nth-child(7):before{content:'사'}
html.gteIE9orSUA ol.bo4>li:nth-child(8):before{content:'아'}
html.gteIE9orSUA ol.bo4>li:nth-child(9):before{content:'자'}
html.gteIE9orSUA ol.bo4>li:nth-child(10):before{content:'차'}
html.gteIE9orSUA ol.bo4>li:nth-child(11):before{content:'카'}
html.gteIE9orSUA ol.bo4>li:nth-child(12):before{content:'타'}
html.gteIE9orSUA body.site_portal ol.bo4>li:before{background:#0b9406;}
ol.bo4>li{padding:12px 0; border-bottom:1px dotted #ccc;}
ol.bo4>li:last-child{border-bottom:0;}
 
 
.step_info { margin-top:20px; padding:0; border:1px solid #ddd; background:#fbfbfb;font-size:1em;color:#333;}
.step_info span { display:block; float:left; width:100%; color:#1a6fac; font-size:16px; font-weight:600;}
.step_info .con { float:left; width:100%; }
.step_info>ul{padding:2em;margin:0; }
.step_info>ul>li{list-style-type:none; padding:20px 0;overflow:hidden;border-bottom:1px dotted #cccccc;}
.step_info>ul>li:last-child{border-bottom:0;}
body.site_portal .step_info span{color:#0b9406;}

@media all and (min-width:768px){
	.step_info {padding:0 1em; font-size:1.077em;}
	.step_info span { width:15%;}
	.step_info .con { width:85%;}
}


.adbanner22{clear:both;width:100%;margin:0 0 10px;}
.adbanner22 ol{list-style:none;padding:0;margin:0 -1px 0 0;}
.adbanner22 ol li{float:left;width:100%;}
.adbanner22 .wrap1{position:relative;padding:5px 0 10px;margin:0 0 0 -1px;border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;text-align:center;}
.adbanner22 .wrap2{border:1px solid #dddddd;} 
.adbanner22 .ic1{display:block;margin:10px auto 5px;width:31px;height:32px;background:url() no-repeat;background-size:contain;}
.adbanner22 .wrap1:after{content:'';display:block;position:absolute;left:10px;top:10px;background:#df4a32;border-radius:100%;width:25px;height:25px;color:#fff;text-align:center;line-height:25px;font-size:12px;font-family:verdana;}
.adbanner22 .m1 .ic1{background-image:url(/_res/portal/img/lib1cp2/adbanner1img01.png)}
.adbanner22 .m2 .ic1{background-image:url(/_res/portal/img/lib1cp2/adbanner1img05.png)}
.adbanner22 .m3 .ic1{background-image:url(/_res/portal/img/lib1cp2/adbanner1img06.png)}
.adbanner22 .m4 .ic1{background-image:url(/_res/portal/img/lib1cp2/adbanner1img04.png)}
.adbanner22 .m1 .wrap1:after{content:'1';}
.adbanner22 .m2 .wrap1:after{content:'2';}
.adbanner22 .m3 .wrap1:after{content:'3';}
.adbanner22 .m4 .wrap1:after{content:'4';}
.adbanner22.bid1 .wrap1{min-height:95px;}

.facility1 ol li{float:left;width:50%;}
.facility1 .wrap1{border:1px solid #ddd;}

.facility1 .m1 .ic1{background-image:url(/_res/portal/img/lib1cp2/adbanner1img07.png)}
.facility1 .m2 .ic1{background-image:url(/_res/portal/img/lib1cp2/adbanner1img01.png)}
.facility1 .m3 .ic1{background-image:url(/_res/portal/img/lib1cp2/adbanner1img05.png)}
.facility1 .m4 .ic1{background-image:url(/_res/portal/img/lib1cp2/adbanner1img08.png)}

@media all and (min-width:768px){
	.adbanner22 ol li{float:left;width:25%;}
	.adbanner22 .wrap1{border:1px solid #ddd;}

}

@media all and (min-width:1000px){
	.adbanner22 .wrap1{padding:40px 0;margin:0;width:200px;height:120px;border-radius:100%;border:1px solid #dddddd;}
	.adbanner22 .t1{font-size:15px;}
	.adbanner22 .ic1{width:62px;height:62px;}
	.adbanner22 .wrap1:after{left:210px;top:50%;margin:-11px 0 0;width:29px;height:23px;background:transparent url(/_res/portal/img/lib1cp2/adbanner1arrow.png) no-repeat;}
	.adbanner22 ol li{width:26.5%;}
	.adbanner22 .m4{width:20.5%}
	.adbanner22 .m1 .wrap1:after,
	.adbanner22 .m2 .wrap1:after,
	.adbanner22 .m3 .wrap1:after,
	.adbanner22 .m4 .wrap1:after{content:'';}
	.adbanner22 .m4 .wrap1:after{display:none;}
}

.form1icon1 .ic.icon5{background:url(/_res/portal/img/lib1cp2/form1icon1ic5.png)}
.form1icon1 .ic.icon6{background:url(/_res/portal/img/lib1cp2/form1icon1ic6.png)}
.form1icon1 .ic.icon7{background:url(/_res/portal/img/lib1cp2/form1icon1ic7.png)}
.form1icon1 .ic.icon8{background:url(/_res/portal/img/lib1cp2/form1icon1ic8.png)}
.form1icon1 .ic.icon9{background:url(/_res/portal/img/lib1cp2/form1icon1ic9.png)}
.form1icon1 .ic.icon10{background:url(/_res/portal/img/lib1cp2/form1icon1ic10.png)}
.form1icon1 .ic.icon11{background:url(/_res/portal/img/lib1cp2/form1icon1ic11.png)}
.form1icon1 .ic.icon12{background:url(/_res/portal/img/lib1cp2/form1icon1ic12.png)}
.form1icon1 .ic.icon21{background:url(/_res/portal/img/lib1cp2/form1icon1ic21.png)}
.form1icon1 .ic.icon22{background:url(/_res/portal/img/lib1cp2/form1icon1ic22.png)}
.form1icon1 .ic.icon23{background:url(/_res/portal/img/lib1cp2/form1icon1ic23.png)}
.form1icon1 .ic.icon24{background:url(/_res/portal/img/lib1cp2/form1icon1ic24.png)}
.form1icon1 .ic.icon25{background:url(/_res/portal/img/lib1cp2/form1icon1ic25.png)}
.form1icon1 .ic.icon26{background:url(/_res/portal/img/lib1cp2/form1icon1ic26.png)}
.form1icon1 .ic.icon27{background:url(/_res/portal/img/lib1cp2/form1icon1ic27.png)}
.boxwidth70{width:100%;}

@media all and (min-width:768px){
	.boxwidth70{width:70%;}
	.boxheight300{min-height:300px;}
}


.cts_info {position:relative; padding-left:25px;}
.cts_info ul li {list-style:none;float:left;}
.cts_info ul li strong {display:block; margin-bottom:5px; padding-top:16px; background:url('/_res/portal/img/content/cts_info_bu.gif') no-repeat left top; color:#212121; font-size:16px; line-height:17px;}
.cts_info ul li p {color:#7d7d7d; font-size:14px; word-break:break-all;}
 


@media all and (min-width:768px) {
	.cts_info {padding-left:45px;}
	.cts_info ul li p {font-size:15px;}
	.cts_info ul li.m1{width:18% !important}
	.cts_info ul li.m2{width:18% !important}
	.cts_info ul li.m3{width:auto !important}
}




.hor-3 div p {padding: 0 20px;}
.hor-3 .margin {display: block; width: 1px; margin: 26px auto 28px; border-left: 1px solid #a8aaae; height: 36px;}
.hor-3 .num {text-align:center;display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px;  background: #000; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}


.flowchart2_p{clear:both;position:relative;overflow:hidden;margin: 0; padding:3em 0 0 0; border:1px solid #dddddd}
.flowchart2_p ol{width:100%;margin:0;padding:0; list-style: none;}
.flowchart2_p li{float:left;position:relative;width:100%;height:17em /* =(1.5*4)+(0.5*2) */ /*height:7em =(1.5*4)+(0.5*2) */;margin: 24px 0 0 0;min-height:180px;}
.flowchart2_p li .arrow1{display:block;width:23px;height:70px;background:url(/_res/portal/img/content/iarrow1.png) no-repeat 50% 100%;position: absolute;top: 180px; left:45%;}
.flowchart2_p li:first-child .arrow1.a1,
.flowchart2_p li a{color:#333;}
.flowchart2_p li:last-child .arrow1.a1,
.flowchart2_p li .arrow1.a2{display:none;}
.flowchart2_p  .box1pic2p{width:100%;line-height:1.5;text-align:center;margin:0;padding:0;}
.flowchart2_p  .box1pic2p img{width:150px;height:150px;margin:0;padding:0;}
.flowchart2_p  .box1pic2p .t1{z-index:10;display:block;overflow:hidden;top:13px; left:45%;font-size: 1em; text-align:center; margin:10px; padding:0 10px; background:#fff;}


@media all and (min-width:768px){
.flowchart2_p{margin:0 0 5% 0;}
.flowchart2_p ol{width:100%;margin:0;padding:0;}
.flowchart2_p li{float:left;position:relative;width:25%; margin:0;}
.flowchart2_p li.last .arrow1{background:none;}
.flowchart2_p li.cont_h{height:12em !important;}
.flowchart2_p li .arrow1{display:block;width:70px;height:23px;background:url(/_res/portal/img/content/iarrow2.png) no-repeat 100% 50%;position: absolute;top:30%;left: -16%;}
/* nth-child(1), nth-child(10), nth-child(11) */
.flowchart2_p li:first-child .arrow1.a1,
.flowchart2_p li:first-child+li+li+li+li+li+li+li+li+li .arrow1.a1,
.flowchart2_p li:first-child+li+li+li+li+li+li+li+li+li+li .arrow1.a1{background:transparent;}
/* nth-child(4), nth-child(5), nth-child(6) */
.flowchart2_p li:first-child+li+li+li+li,
.flowchart2_p li:first-child+li+li+li+li+li,
.flowchart2_p li:first-child+li+li+li+li+li+li,
.flowchart2_p li:first-child+li+li+li+li+li+li+li,
.flowchart2_p li:first-child+li+li+li+li+li+li+li+li{float:right; }
.flowchart2_p li:first-child+li+li+li+li .arrow1.a1,
.flowchart2_p li:first-child+li+li+li+li+li .arrow1.a1,
.flowchart2_p li:first-child+li+li+li+li+li+li .arrow1.a1,
.flowchart2_p li:first-child+li+li+li+li+li+li+li .arrow1.a1{background:url(/_res/portal/img/content/iarrow4.png) no-repeat 0% 50%;}
/* nth-child(6), nth-child(11) */
.flowchart2_p li:first-child+li+li+li .arrow1.a2,
.flowchart2_p li:first-child+li+li+li+li+li+li+li+li+li+li .arrow1.a2{display:block;width:23px;height:70px;background:url(/_res/portal/img/content/iarrow1.png) no-repeat 50% 100%;position: absolute;top: 170px; left:45%;}
.flowchart2_p li:last-child .arrow1.a2{display: block; }
}


html.gteIE9orSUA ol.bo6{list-style:none;margin:0; }
html.gteIE9orSUA ol.bo6>li:before{display:block;position: absolute; float:left;width:36px;height:36px;margin:0 .5em 0 2em;padding:0;border-radius:50%;background:#1a6fac;color:#fff;font-size:1.231em;line-height:36px;text-align:center;vertical-align:middle;}
html.gteIE9orSUA ol.bo6>li:nth-child(1):before{content:'01'}
html.gteIE9orSUA ol.bo6>li:nth-child(2):before{content:'02'}
html.gteIE9orSUA ol.bo6>li:nth-child(3):before{content:'03'}
html.gteIE9orSUA ol.bo6>li:nth-child(4):before{content:'04'}
html.gteIE9orSUA ol.bo6>li:nth-child(5):before{content:'05'}
html.gteIE9orSUA ol.bo6>li:nth-child(6):before{content:'06'}
html.gteIE9orSUA ol.bo6>li:nth-child(7):before{content:'07'}


@media all and (min-width:768px){
	.push001>.column.m1{width:70%}
	.push001>.column.m2{width:25%;padding-top:50px;}
}


/*연혁 */
.history02{position:relative;margin:40px 0;padding:10px 0 30px;}
.history02:before{content:"";display:block;position:absolute;top:0;left:29px;width:9px;height:100%;background:url(/_res/portal/img/content/history_pa.gif) repeat;border-radius:4px;}
.history02>p{position:absolute;left:0;margin:0;width:76px;height:76px; border-radius:100%;color:#fff;background:url(/_res/portal/img/content/history_his.png) repeat;line-height:76px;text-align:center;font-weight:500;font-size:20px;}
.history02 .present{top:-86px;}
.history02 .before{bottom:-80px;}
.history02 .item{position:relative;margin-top:40px;}
.history02 .item:first-child{margin-top:-10px;}
.history02 .item:after{content:"";display:block;clear:both;visibility:hidden;}
.history02 .item .grap{position:relative;padding:0 25px 0 55px;}
.history02 .item .grap:before{content:"";display:block;position:absolute;top:-5px;left:25px;width:17px;height:33px;background:url(/_res/seoul/img/content/history_bul.png) no-repeat;}
.history02 .item .grap .con_history{}
.history02 .item .grap .con_history h3{margin:0;color:#007bcb;font-size:18px;font-weight:bold;line-height:38px;word-wrap:break-word;word-break:keep-all;font-weight:600;}
.history02 .item .grap .con_history .lst_history {padding:10px 0 0 0;margin:0;}
.history02 .item .grap .con_history .lst_history li{position:relative;list-style:none;margin-top:10px;line-height:20px;word-wrap:break-word;word-break:keep-all;color:#666}
.history02 .item .grap .con_history .lst_history li:first-child{margin-top:0;}
.history02 .item .grap .con_history .lst_history li b{display:block;color:#333333;}

@media all and (min-width:640px) {
	.history02>p{left:5%;margin-left:-38px;}
	.history02:before{left:5%;margin-left:-4px;}
	.history02 .item .grap{padding:0;}
	.history02 .item .grap:before{top:-6px;left:5%;margin-left:-8px;}
	.history02 .item .grap:after{content:"";display:block;clear:both;visibility:hidden;}
	.history02 .item .grap .con_history{padding-top:2px;}
	.history02 .item .grap .tit,
	.history02 .item .grap .con_history{float:left;padding-left:110px;width:80%;text-align:left;}
	.history02 .item .grap .con_history .lst_history li{padding-left:110px;}
	.history02 .item .grap .con_history .lst_history li b{position:absolute;top:0;left:16px;}
 	.history02 .item .grap .con_history h3{font-size:20px; padding: 0 0 10px 0;margin:-10px 0 0 0; }
} 


.mspoint02{position:relative;padding:50px 0 0px 0;margin:0; }
.mspoint02 .ctit {position:relative;font-size:16px;color:#6a6a6a;margin-bottom:0; text-align:center;padding:20px 0 0 0;margin:0; }
.mspoint02 .ctit:after {content:'';position:absolute;left:15%;top:-15px;margin-left:-8px;width:70%;height:25px;background:url(/_res/portal/img/content/por_design_img01.png) no-repeat 50% 100%;  }
.mspoint02 .ctit .t1{color:#1c53b0;font-size:1.846em;padding-bottom:0px;}

body.site_portal .mspoint02 .ctit .t1{color:#008800;}
body.site_portal .history02 .item .grap .con_history h3{color:#008a00;}
body.site_portal .history02 .item .grap:before{background:url(/_res/portal/img/content/history_bul3.png) no-repeat;}

/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */