@charset "euc-kr";
/* ############################# TYPOGRAPHY 글 디자인 ########################### */
/* 폰트 : 글제목 / 대분류 / 중분류 / 대표글 / 강조글에는 태그를 사용하시고 일반 글자 크기 조정시에만 사용합니다. *권장 */
/* 1. 강조는 .lead 사용 2. 일반글자 14px
태그 3. */
.s6 { font-size: 12px; }
.s5 { font-size: 14px; }
.s4 { font-size: 16px; }
.s3 { font-size: 18px; }
.s2 { font-size: 20px; }
.s1 { font-size: 22px; }
/* 칼라 */
.text-white { color: #FFFFFF; }
.text-black { color: #3A3A3A; }
.text-muted2 { color: #696969; }
.text-primary2 { color: #2C6BA1; }
.text-info2 { color: #295F7A; }
.text-success2 { color: #346735; }
.text_danger2 { color: #943B39; }
.text-warning2 { color: #765D32; }
/* 단라테두리 강조 */
.callout {
border-color: rgba(231,231,231,1.00);
border-width: 1px 1px 1px 5px;
border-style: solid;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 3px;
}
.callout-red { border-left-color: rgba(222,69,85,1.00); }
.callout-orage { border-left-color: rgba(231,89,76,1.00); }
.callout-green { border-left-color: rgba(222,69,85,1.00); }
.callout-blue { border-left-color: rgba(33,86,165,1.00); }
.callout-purple { border-left-color: rgba(162,67,211,1.00); }
/*아이콘 타입*/
/* ############################# 페이지 디자인 ########################### */
/* ------------------------------------ 비순차 리스트 타입 01
--------------------------------------- */
.annotation-list {
counter-reset: annotation-list;
}
.annotation-list li {
position: relative;
margin: 0px 0px 7px;
padding-left: 25px;
}
.annotation-list li:before {
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #4F4F4F;
content: counter(annotation-list);
counter-increment: annotation-list;
color: #fff;
text-align: center;
text-shadow: 0px -1px 0px #EFEFEF;
/* [disabled]font-weight: 600; */
font-size: 12px;
font-family: "나눔고딕", "Nanum Gothic", sans-serif;
top: 2px;
left: -5px;
}
.annotation-list strong {
font-size: 15px;
font-weight: 600;
}
/* ------------------------------------ // 비순차 리스트 타입 01 --------------------------------------- */
.d_title_01 {
color: #707070;
font: 600 22px/35px "나눔고딕", "Nanum Gothic", sans-serif;
padding: 15px;
letter-spacing: -1px;
}
.lead {
font-weight: 600 !important;
letter-spacing: -1px;
}
.short_01 {
padding: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.short_02 {
padding: 15px;
margin-top: 15px;
margin-bottom: 15px;
border-color: rgba(244,244,244,1.00);
border-width: 1px;
border-style: solid;
}
.short_03 {
padding: 15px;
margin-top: 15px;
margin-bottom: 15px;
background-color: rgba(249,249,249,1.00);
}
.table_line {
border-bottom-color: #DDDDDD;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.img_ul_50 li {
width: 50%;
float: left;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.img_ul_30 li {
width: 33.33%;
float: left;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.img_magin15 { margin: 15px; }
.text_img_left {
float: left;
margin-right: 25px;
margin-bottom: 25px;
margin-top: 25px;
clear: both;
width: 33.33%;
}
.text_img_right {
float: right;
margin-right: 25px;
margin-top: 25px;
margin-bottom: 25px;
clear: both;
}
hr.hr_blur { opacity: 0.10; }
/* ############################# 페이지 디자인 위젯 media ########################### */
@media (max-width:768px) {
.img_50 li {
width: 100%;
float: left;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.img_30 li {
width: 100%;
float: left;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.text_img_left {
margin-right: 15px;
margin-bottom: 15px;
display: block;
width: 100%;
margin-top: 15px;
}
.text_img_right {
margin-left: 15px;
margin-bottom: 15px;
display: block;
width: 100%;
margin-top: 15px;
}
}
/* ############################# // 페이지 디자인 위젯 ########################### */