@charset "utf-8";

/* font */
@font-face {
  font-family: PretendardL;
  src: url('../../font/Pretendard-Light.eot');
  src: local('※'), url('../../font/Pretendard-Light.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: PretendardR;
  src: url('../../font/Pretendard-Regular.eot');
  src: local('※'), url('../../font/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: PretendardM;
  src: url('../../font/Pretendard-Medium.eot');
  src: local('※'), url('../../font/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: PretendardSB;
  src: url('../../font/Pretendard-SemiBold.eot');
  src: local('※'), url('../../font/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: PretendardB;
  src: url('../../font/Pretendard-Bold.eot');
  src: local('※'), url('../../font/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: Merriweather;
  src:
    url('../../font/Merriweather-Light.woff2') format('woff2'),
    url('../../font/Merriweather-Light.woff') format('woff');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Merriweather;
  src:
    url('../../font/Merriweather-Regular.woff2') format('woff2'),
    url('../../font/Merriweather-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Merriweather;
  src:
    url('../../font/Merriweather-Medium.woff2') format('woff2'),
    url('../../font/Merriweather-Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Merriweather;
  src:
    url('../../font/Merriweather-SemiBold.woff2') format('woff2'),
    url('../../font/Merriweather-SemiBold.woff') format('woff');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Merriweather;
  src:
    url('../../font/Merriweather-Bold.woff2') format('woff2'),
    url('../../font/Merriweather-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Merriweather;
  src:
    url('../../font/Merriweather-ExtraBold.woff2') format('woff2'),
    url('../../font/Merriweather-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-display: swap;
}

/* base */
body{font-family:Merriweather,sans-serif;font-size:14px;color:#1c1c1c;font-weight:400;word-wrap: break-word;
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust : none;  /* IE */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */}
em,address{font-style:normal;}
dl, dt, dd, ul{list-style:none;margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,pre,input,p{margin:0;padding:0;font-weight: normal;}
img{border:none; vertical-align: middle;}
div, span, ul, li{margin:0;padding:0}
form, fieldset, blockquote{margin:0;padding:0;border:0}
legend, hr{position:absolute;width:1px;height:1px;border:none;text-indent:-9999px;overflow:hidden}
caption{width:0px;height:0px;text-indent:-9999px;overflow:hidden}
textarea{overflow:auto;-webkit-appearance:none;border-radius:0;font-family: inherit;}
input{font-family: inherit;}
input[type="image"]{-webkit-appearance:none;border-radius:0}
input[type="submit"]{-webkit-appearance:none;border-radius:0;cursor:pointer}
input[type="text"]{-webkit-appearance:none;border-radius:0}
input[type="password"]{-webkit-appearance:none;border-radius:0}
input[type="checkbox"]{border-radius:0}
input[type="reset"]{-webkit-appearance:none;border-radius:0}
input[type="button"]{-webkit-appearance:none;border-radius:0}
select{border-radius:0;font-family: inherit;}
button {background: transparent; border: 0; padding: 0; cursor: pointer;}

/* ANCHOR */
a{color:#4c4c4c;}
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}

/* 숨김영역 */
.skip{position:absolute;width:1px;height:1px;text-indent:-9999px;overflow:hidden;border:none}
.hidden {overflow: hidden;position: absolute;clip: rect(0, 0, 0, 0);clip-path: polygon(0 0, 0 0, 0 0);width: 1px;height: 1px;margin: -1px;}

/* 건너뛰기 */
#divAccessibility{position:absolute;left:0;top:0;z-index:9999}
#divAccessibility li{float:left}
#divAccessibility a{position:absolute;width:1px;height:1px;top:-50px;overflow:hidden;text-align:center}
#divAccessibility a:focus, #divAccessibility a:active{position:absolute;top:0;width:200px;height:auto;padding:5px;background-color:#fff;border:solid 1px #0079c6;color:#0079c6;z-index:2}

/* buttons(하단버튼) */
.buttons{margin:40px 0 0;text-align:center}
.buttons input{height: 38px;margin:0 5px;padding:0 19px;border: 2px solid #333;background: none;color: #333;cursor:pointer;vertical-align:top;line-height: 35px;font-weight:500;font-size:16px;overflow:visible;border-radius: 8px;box-sizing: border-box;}
.buttons input.searchBtn{background: #333;border: 1px solid #333;color:#fff;border-radius: 8px;vertical-align: middle;}
.buttons a{height:38px;display:inline-block;margin:0 5px;padding:0 19px;border: 2px solid #333;color: #333;font-size:16px;line-height: 35px;border-radius: 8px;font-weight:500;box-sizing: border-box;vertical-align: middle;}
@media (min-width:0) and (max-width:767px){
	.buttons a,.buttons input{margin:0 2px 5px;padding:0 14px}
	.buttons input.searchBtn{background-position:14px 50%}
}
/* paging */
.paging{clear:both;margin:40px 0 0;text-align:center}
.paging a{padding:0 10px}
.paging > a{display:inline-block;padding:0;border:1px solid #e6e6e6;vertical-align: middle}
.paging > a img{width:28px;height:28px;vertical-align: middle}
.paging > a.firstPage{border-right:none}
.paging > a.lastPage{border-left:none}
.paging > span{margin:0 10px}
.paging > span span{padding:0 10px;color:#000;text-decoration:underline}
.paging > span a{color:#747474}

/* 총 건수, 현재 페이지, 파일다운로드 등 */
.listInfo{position:relative;margin-bottom:10px;line-height:2.3em;}
.listInfo > div.listInfo1{float:left;margin-bottom:10px;color:#666}
.listInfo p{float:left}
.listInfo > div.listInfo1 > div{float:left}
.listInfo > div.listInfo1 .totalCnt{color:#000}
.listInfo > div.listInfo1 .totalCnt span{font-weight:600}
.listInfo > div.listInfo1 .pageNum span{font-weight:600}
.listInfo > div.listInfo2{float:right;margin-bottom:10px}
.listInfo > div.listInfo2 > div{float:left;margin-left:10px;}
.listInfo > div.listInfo2 div.fileSend li {float:left;border:1px solid #e6e6e6;border-left:0 none}
.listInfo > div.listInfo2 div.fileSend li:first-child {border-left:1px solid #e6e6e6}
.listInfo > div.listInfo2 div.fileSend li a {position:relative;display:block;}
.listInfo > div.listInfo2 div.fileSend li img {width:38px;height:33px;vertical-align:top}
/*sns 공유버튼*/
.listInfo > div.listInfo2 div.fileSend li.sns a{background-color:#f2f2f2;}
.listInfo > div.listInfo2 div.fileSend li.sns a img{width:33px;height:33px;}

/* selectBox1 */
.selectBox1{height:35px;border: 1px solid #d1d0cf;background-color:#fff;font-family: inherit;color: #373737;-webkit-appearance: none; /* 크롬 화살표 없애기 */padding: 0 20px 0 10px;background: url(../../../image/vi/solution/common/ico/selectOpt2.png) no-repeat right 5px center;background-size: 8px;box-sizing: border-box;-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance: none;line-height:29px;}

/* 검색 사용 select */
/* searchOpt1 */
.searchOpt1{min-width:90px;height:33px;position:relative;font-size:14px;line-height:13px !important;text-decoration:none;text-align:left;color:#555;vertical-align:middle;background:#fff;display:inline-block;cursor:default;border:1px solid #d1d0cf;padding-right:10px} /* futurenuri */
.searchOpt1:focus .selectBox-arrow {border-color: #d1d0cf;}
.searchOpt1 .selectBox-label {height:33px !important;display:inline-block;white-space:nowrap;overflow:hidden;line-height:2.5em;padding-left:10px;padding-right:10px}
.searchOpt1 .selectBox-arrow {position:absolute;top: 50%;transform: translateY(-50%);right: 10px;width: 7px;height: 4px;background: url(../../../../image/vi/solution/common/ico/selectOpt2.png) no-repeat center/cover;}
.advancedSearch .searchOpt1 {border-radius: 0;}
.selectBox-dropdown-menu {position:absolute;z-index:99999;max-height:150px;border:1px solid #bbb;background: #fff;overflow:auto;}
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {list-style:none;display:block;cursor:default;padding:0;margin:0;font-size:14px;color:#999;}
.selectBox-options li a {line-height:18px;padding:0 .5em;white-space:nowrap;overflow:hidden;}
.selectBox-options li.selectBox-hover a {background-color:#eee;}
.selectBox-options li.selectBox-disabled a {color:#888;background-color:transparent;}
.selectBox-options li.selectBox-selected a {background-color:#c8def4;}
.selectBox-options .selectBox-optgroup {color:#666;background:#eee;font-weight:bold;line-height:18px;padding:0 .5em;white-space:nowrap;}
.selectBox.selectBox-disabled {color: #888 !important;}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {border-color: #666;}
.selectBox-inline.selectBox-disabled {color: #888 !important;}
.selectBox-inline.selectBox-disabled .selectBox-options A {background-color: transparent !important;}

/* searchOpt2 */
.searchOpt2{position:relative;height:33px;font-size:14px;line-height:13px !important;text-decoration:none;text-align:left;color:#555;vertical-align:middle;background:#fff;display:inline-block;cursor:default;border:1px solid #e6e6e6;padding-left:5px}
.searchOpt2:focus .selectBox-arrow {border-color: #d1d0cf;}
.searchOpt2 .selectBox-label {display:inline-block;white-space:nowrap;overflow:hidden;line-height:2.5em;padding-left:5px}
.searchOpt2 .selectBox-arrow {position:absolute;top:0;right:0;width:18px;height:33px;background:url(../../../image/vi/solution/common/ico/selectOpt2.png) no-repeat 0 50%;}

/* searchOpt3 */
.searchOpt3{position:relative;height:33px;font-size:14px;line-height:13px !important;text-decoration:none;text-align:left;color:#555;vertical-align:middle;background:#fff;display:inline-block;cursor:default;border:1px solid #e6e6e6;padding-left:5px}
.searchOpt3:focus .selectBox-arrow {border-color: #d1d0cf;}
.searchOpt3 .selectBox-label {display:inline-block;white-space:nowrap;overflow:hidden;line-height:2.5em;padding-left:5px}
.searchOpt3 .selectBox-arrow {position:absolute;top:0;right:0;width:18px;height:33px;background:url(../../../image/vi/solution/common/ico/selectOpt2.png) no-repeat 0 50%;}

/* contentMessage   --  message로  divContents 안 divTabMenu 아래 위치  */
.contentMsg{margin:20px 0;padding:20px;background-color:#eee;border:1px solid #e6e6e6;color:#333}
@media screen and (min-width:0px) and (max-width:767px){
	.contentMsg{margin:0 0 20px}
}
.contentMsg img{vertical-align:middle}

/* contentHeader  --  divContent 안에 위치 */
.contentHeader{margin:20px 0;padding:20px;background-color:#eee;border:1px solid #e6e6e6;color:#333}
/* contentHeader-모바일 */
@media screen and (min-width:0px) and (max-width:767px){
	.contentHeader{margin:0 0 20px}
}

/* table td 내 리스트 */
table td ul.bulletList li{padding:0 0 0 11px;background:url(../../../image/vi/local/guide/bullet2.gif) no-repeat 0 7px}

/* 제한검색 */
.searchArea{margin:40px 0 30px 0;}
.searchArea input{margin-bottom:10px;color: #373737;border-radius: 8px;}
.searchArea input[type="text"] {color: #373737;}
.searchArea input:placeholder {color: #373737;}
.searchArea .typeSelect{margin:0}
.searchArea .selectBox1{margin-bottom:10px;vertical-align:middle;border-radius: 8px;}
.searchArea .limitSearchBtn{display:none}
.searchArea .limitSearch{height:33px;padding:0 20px 0 45px;border:1px solid #585858;background:url(../../../image/vi/solution/common/ico/limitSearch.gif) no-repeat 15px 50%}

/* contentFooter */
.contentFooter{margin:20px 0;padding:20px;background-color:#eee;border:1px solid #e6e6e6;color:#333}

/* 버튼, input, select, checkBox, 라디오버튼(공통) */
a.btnType1{display:inline-block;padding:0 20px;background-color:#fff;border:1px solid #808080;height:38px;color:#4c4c4c;vertical-align:top;line-height:2.7em;border-radius: 10px;}
a.btnType2{display:inline-block;font-size:12px;padding:0 7px;border:1px solid #808080;color:#4c4c4c;vertical-align:top;line-height:1.7em}
a.btnType3{display:inline-block;padding:0 20px;border:1px solid #670001;background-color:#670001;height: 38px;color:#fff;vertical-align:top;line-height: 2.7em;border-radius: 10px;}
a.btnType4{display:inline-block;height:33px;padding:0 20px;border:1px solid #670001;color:#670001;vertical-align:top;line-height:2.3em}
a.btnType5{display:inline-block;height:33px;border:1px solid #585858;background:url(../../../image/vi/solution/common/ico/limitSearch.gif) no-repeat 15px 50%;line-height:2.3em;color:#4d4d4d;padding:0 20px 0 45px;vertical-align:top;}
a.btnType6{display:inline-block;padding:0 10px;background-color:#fff;border:1px solid #ccc;height:33px;color:#666;vertical-align:top;line-height:2.3em}
a.btnType7{padding:0 10px;height:33px;border:1px solid #ccc;background-color:#fff;color:#666;font-size:13px}
a.btnType8{display:inline-block;padding:0 20px;background-color:#fff;border:1px solid #808080;height:33px;color:#4c4c4c;vertical-align:top;line-height:2.3em}
a.btnType9{padding:0 10px;border:1px solid #670001;background-color:#670001;color:#fff;font-size:13px} /*검색창 작은 버튼*/
a.btnType10{display:inline-block;height:23px;padding:0 15px;border:1px solid #670001;color:#670001;vertical-align:top;line-height:24px;} /*모달전용 희망도서신청, 지정도서 신청버튼에 사용*/

input.btnType1{font-size:14px;height:35px;padding:0 20px;border:1px solid #808080;color:#4c4c4c;vertical-align:top;background-color:#fff;overflow:visible;}
input.btnType2{height:35px;padding:0 20px;vertical-align:top;padding:0 7px;border:1px solid #808080;height:23px;color:#4c4c4c;background-color:#fff;font-size:12px;overflow:visible}
input.btnType3{font-size:14px;height:35px;padding:0 20px;border:1px solid #670001;background-color:#670001;color:#fff;overflow:visible;vertical-align:top}
input.btnType4{font-size:14px;height:35px;padding:0 20px;vertical-align:top;border:1px solid #670001;color: #670001;background-color:#fff;overflow:visible}
input.btnType5{height:35px;vertical-align:top;border:1px solid #585858;background:url(../../../image/vi/solution/common/ico/limitSearch.gif) no-repeat 15px 50%;padding:0 20px 0 45px;color:#4d4d4d;overflow:visible;}
input.btnType6{display:inline-block;padding:0 10px;background-color:#fff;border:1px solid #ccc;height:35px;color:#666;vertical-align:top;line-height:2.3em}
input.btnType7{padding:0 10px;height:35px;border:1px solid #ccc;background-color:#fff;color:#666;font-size:13px}


input.inputBasic{height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}

input.inputTextType1{width:273px;height:35px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;box-sizing: border-box;padding:0 5px}
input.inputTextType1:focus{border:1px solid #670001}

input.datePicker{width:80px;height:35px;border: 1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:middle;color:#4c4c4c;padding:0 5px;box-sizing: border-box;}
span.divide{display:inline-block;padding:10px 0;}

input.inputTextType2{width:125px;height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}
input.inputTextType2:focus{border:1px solid #670001}


p.inputTextType3 input{border:none;width:100%;color:#4c4c4c;height:33px;line-height:2.1em}
input.inputTextType3{width:300px;height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}
input.inputTextType3:focus{border:1px solid #670001}

input.inputTextType4{width:42px;height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}

p.readonly{background-color:#f7f7f7}

input.inputTextType5{width:800px;height:33px;border:1px solid #d1d0cf;padding:0 10px;background-color:#fff;color:#4c4c4c;line-height:2.1em;vertical-align:top}
input.inputTextType6{width:auto;height:33px;border:1px solid #d1d0cf;padding:0 10px;background-color:#fff;color:#4c4c4c;line-height:2.1em;vertical-align:top}

textarea.txtArea{width:100%;height:70px;border:1px solid #d1d0cf;resize:none}

span.bunch{display:inline-block;vertical-align:middle}

input.inputFileType1{height:35px;}
@media screen and (min-width:0) and (max-width:1490px){
	input.inputTextType5{width:80%}
}
@media screen and (min-width:0) and (max-width:767px){
	input.inputTextType1{width: 67%;}
	input.inputFileType1{width:100%}
	a.btnType8{display:none}

    .searchArea span.bunch{display: flex;align-items: center;}
	.searchArea span.bunch>*:not(.skip){width: 100%; margin: 2px;}
	.searchArea span.bunch ~ input[type=text]{width: calc(100% - 4px); margin: 2px; box-sizing: border-box;}
    .searchArea span.bunch + input[type=submit]{width: calc(100% - 4px); margin: 2px 2px 10px}
}

.d-none {display: none;}
/* faqTab */
div.tab {font-size:0;margin-bottom:40px;padding: 20px;background: #f3f3f3;border-radius: 10px;}
div.tab strong {display:none;color:#fff;height:27px;text-align:left;padding:8px 20px 0 20px;cursor:pointer;font-weight:normal;font-size:14px;}
div.tab ul {font-size:14px;display:inline-block;}
div.tab ul li {float:left;}
div.tab ul li a {display:inline-block;height:27px;line-height: 27px;text-align:center;font-size: 15px;padding: 3px 20px 3px 20px;color: #111111;}
div.tab li.selected a {background: #670001;border-radius: 8px;color:#fff;}

@media (min-width:0px) and (max-width:767px){
	div.tab{font-size:0;position:relative;}
	div.tab strong{display:block;background:url(../../../../image/vi/solution/common/ico/faqArrow.png) no-repeat right -108px #658499;}
	div.tab ul{display:none;position:absolute;top:55px;left:20px0;z-index:100;background:#658499;width:calc(100% - 40px);border-top:1px solid #48687e;}
	div.tab ul li{float:none;border-bottom:1px solid #48687e;}
	div.tab ul li a{display:block;height:auto;text-align:left;padding:8px 20px 8px 20px;background:none;color:#fff;}
	div.tab ul.on{display:block;}
	div.tab li.selected{display:none;background:none;color:none;}
	div.tab strong.selected {background:url(../../../../image/vi/solution/common/ico/faqArrow.png) no-repeat right -157px #658499;}
}

.watermark {width: 690px;}