/*===== [공통] 폰트 설정 =====*/
@font-face{
	font-family:nanumSquareR;
	src:url('/inc/font/NanumSquareR.eot');
	src:local(※), 
		url('/inc/font/NanumSquareR.woff') format('woff');
}
@font-face{
	font-family:nanumSquareB;
	src:url('/inc/font/NanumSquareB.eot');
	src:local(※), 
		url('/inc/font/NanumSquareB.woff') format('woff');
}
@font-face{
	font-family:MontserratBold;
	src:url('/inc/font/Montserrat-Bold.eot');
	src:local(※), 
		url('/inc/font/Montserrat-Bold.woff') format('woff');
}
@font-face{
	font-family:MontserratRegular;
	src:url('/inc/font/Montserrat-Regular.eot');
	src:local(※), 
		url('/inc/font/Montserrat-Regular.woff') format('woff');
}
.nanumSquareR{
	font-family: nanumSquareR;
	font-weight: normal;
}
.nanumSquareB{
	font-family: nanumSquareB;
	font-weight: normal;
}
.MontserratBold{
	font-family: MontserratBold;
	font-weight: normal;
}
.MontserratRegular{
	font-family: MontserratRegular;
	font-weight: normal;
}


@font-face {
    font-family: 'NotoSans-Thin';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/css/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans-Light';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/css/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans-DemiLight';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/css/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans-Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/css/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans-Medium';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/css/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans-Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/css/fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans-Black';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(/css/fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(/css/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(/css/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}


/*========공통페이지=======*/
html, body { padding:0; width:100%;font-family:"NanumSquareR"; font-size:0.9em; margin:0 auto;color:#000000; line-height:20px; text-decoration:none;}

img { border:0; }
li { list-style:none; }

A:link {   color:#000;text-decoration:none; }
A:active { color:#000;text-decoration:none; }
A:visited {  color:#000;text-decoration:none; }
A:hover {  color:#6D6D6D;text-decoration:none; }
a:focus { outline:none; }
button { outline:none; }
input, select { outline:none; }


br {  line-height:25px;  }

.hr {
        border-top: 1px solid #e8e8e8;
		border-left: 0px none #ffffff;
		border-right: 0px none #ffffff;
		border-bottom: 0px none #ffffff;
		width:100%;
		height:1px;
}

.hr2 {
        border-top: 2px solid #e8e8e8;
		border-left: 0px none #ffffff;
		border-right: 0px none #ffffff;
		border-bottom: 0px none #ffffff;
		width:100%;
		height:2px;
}

.hr1 {
        border-top: 3px solid #000000;
		width:100%;
		height:3px;
		padding:0 0 0 0;
}

.hr4 {
        border-top: 1px solid #b9b9b9;
		width:100%;
		height:3px;
		padding:0 0 0 0;
}


.bklayer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:555;}
.bklayer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.bklayer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 100%;  height:auto;  background-color:#f7f7f7; z-index: 10;  }	
.pop-layer .pop-container {padding: 20px 25px 40px; overflow:hidden; }
.pop-layer .btn-r {text-align:right;}
.pop-layer .pop-conts {padding: 20px 25px 40px; overflow:auto; height:330px; }



.div_blank { float:none; width:100%; text-align:center; margin:0 auto;padding:30px 0 30px 0; clear:both; }
.div_Lblank { float:none; width:100%; text-align:center; margin:0 auto;padding:20px 0 20px 0; clear:both; }
.div_Pblank { float:none; width:100%; margin:0 auto;padding:10px; clear:both; }



.mcontents { float:none; width:100%; height:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.mcontents_photo { float:none; text-align:center;  margin:0 auto; padding:30% 0 0 0;  clear:both; }
.mcontents_photo img { width:60%; }



.jdheader { float:none; width:100%; margin:0 auto; padding:0 0 0 0; background-color:#ffffff; clear:both; }
.toplogo_round{ float:none; width:50%; margin:0 auto; padding:13px 10px 13px 10px; text-align:center; clear:both; }
.logo_round{ float:none; width:20%; margin:5px auto; background-color:#ffffff; padding:10px 10px 10px 10px; text-align:center; border-radius:35px 35px 35px 35px; clear:both; }


.search { float:none; width:100%; height:50px; margin:0 auto; padding:0 0 0 0; background-color:#4b515f; clear:both; }
.search_box { float:none;  text-align:right; width:100%; height:40px; margin:0 auto; padding:3px 0 0 0; clear:both; }
.search_boxlia{ float:left; width:80%;  text-align:right; padding:0 0 0 0;  }
.search_boxlib{ float:left; width:20%;  text-align:right; padding:0 0 0 0;  }
.msearch { width:100%; height:40px;  text-align:left; padding:2px 0 0 15px;  font-family:"Gulim, 굴림"; color:#ffffff; font-size:15px;  border-top:none;border-left:none;border-right:none; border-bottom:none; background-color:#4b515f;  }


.jdmv { float:none; width:100%; margin:0 auto; padding:0 0 0 0; background-color:#31ccbb; clear:both; }



.divsearch { float:none; width:100%; height:100px; margin:0 auto; padding:0 0 0 0; background-color:#e9f1f4; clear:both; }



.divbook { float:none; width:100%; margin:0 auto; padding:0 0 0 0; background-color:#f7f7f7; clear:both; }
.zibox_title { float:none; width:100%; text-align:center; margin:0 auto; padding:20px 0 20px 0; font-family:"nanumSquareB";  font-size:1.9em; color:#3b4761; clear:both; }

.zibox { float:none; width:100%; margin:0 0 0 0; padding:0 0 0 0;  clear:both; }
.zibox_a { float:left; width:50%;  margin:0 0 0 0; padding:0 0 0 0; }

.zibox_b { float:none;  text-align:center;  margin:0 auto; padding:0 0 20px 0; clear:both;}




.divfoot { float:none; width:100%; height:150px; margin:0 auto; padding:0 0 0 0;  background-color:#9cddf1; clear:both; }


.jdbtntop { float:none; width:100%; height:70px; margin:0 auto;  text-align:center; padding:0 0 0 0; clear:both; }


.jdinfo { float:none; width:100%; height:400px; margin:0 auto;  text-align:center;  background-color:#373d4a;padding:0 0 0 0; clear:both; }
.jdinfo_menu_box { float:none; width:100%; height:44px; margin:0 auto; background-color:#3d4351; text-align:center; padding:0 0 0 0; clear:both; }
.jdinfo_menu { float:none; width:100%;  margin:0 auto;  text-align:center; padding:10px 0 0 0; clear:both; }
.jdinfo_menu span{ text-align:center; padding-left:10px; padding-ight:10px; color:#ffffff; }
.jdinfo_menu a{ color:#ffffff; text-decoration:none; }

.jdinfo_info_box { float:none; width:100%; height:330px; margin:0 auto; background-color:#373d4a; text-align:center; padding:0 0 0 0; clear:both; }
.jdinfo_info_sns { float:none; width:330px; margin:0 auto;  text-align:center; padding:30px 0 30px 0; clear:both; }
.jdinfo_info { float:none;  width:100%; margin:0 auto;  text-align:center; padding:0 0 0 0; clear:both; }
.jdinfo_info li{ float:none; margin:0 auto;  text-align:center; padding:10px 0 10px 0; color:#ffffff; }
.jdinfo_info a{  color:#ffffff; text-decoration:none; }




.spagetop { float:none; width:100%; margin:0 auto; padding:15px 0 0 0;  clear:both; }

.subphoto { float:none; width:100%;   text-align:center;  margin:0 auto; padding:10px 0 0 0;  clear:both; }
.subyotitle { float:none; width:100%;    text-align:center;  margin:0 auto; padding:10px 0 15px 0;  clear:both; }

.subsns{  float:none; width:100%;  margin:0 auto; padding:10px 0 10px 0;  clear:both; }
.subsns li{  float:none; width:100%;  text-align:center;  padding:0 0 0 0;  }



.spagecenter { float:none; width:100%; height:100%; margin:0 auto; padding:0 0 0 0; background-color:#ffffff; clear:both; }

.vt { float:none; width:96%; margin:0 auto; padding:0 0 0 0; clear:both; }
.vt_atitle{  float:none; width:100%;  text-align:left;  padding:5px 0 0 0;  font-family:"nanumSquareB";  font-size:1.0em; color:#666666; clear:both; }
.vt1{  float:none; width:100%;  text-align:center;  padding:10px 0 0 0;  font-family:"nanumSquareB";  font-size:2.0em; color:#000000; clear:both; }
.vt2{  float:none; width:100%;  text-align:center;  padding:15px 0 0 0; font-family:"nanumSquareB";  font-size:1.0em; color:#000000; clear:both; }
.vt3{  float:none; width:100%;  text-align:center;  padding:10px 0 0 0; font-family:"nanumSquareB";  font-size:1.0em; color:#000000; clear:both; }
.vt4{  float:none; width:100%;  text-align:center;  padding:20px 0 20px 0; font-family:"nanumSquareB";  font-size:1.0em; color:#000000; clear:both; }
.vt5{  float:none; width:100%;  text-align:center;  padding:10px 0 0 0; font-family:"nanumSquareB";  font-size:1.0em; color:#000000; clear:both; }
.vt5 img{ width:80%; }
.vt6{  float:none; width:100%;  text-align:left;  padding:10px 0 0 0; font-family:"nanumSquareB";  font-size:1.0em; color:#000000; clear:both; }
.vt7{  float:none; width:100%;  text-align:left;  padding:10px 0 0 0; font-family:"nanumSquareB";  font-size:1.0em; color:#000000; clear:both; }
.vt8{  float:none; width:100%;  text-align:center;  padding:10px 0 0 0; font-family:"nanumSquareB";  font-size:1.0em; color:#000000; clear:both; }


.wt_title{  float:none; width:96%;  text-align:left; margin:0 auto; padding:15px 0 10px 0;  font-family:"nanumSquareB";  font-size:1.3em; color:#000000; clear:both; }
.wt { float:none; width:96%; height:40px; margin:0 auto; padding:10px; border-bottom:1px solid #e1e1e1; clear:both; }
.wt1{  float:left; width:60%;  text-align:left;  padding:0 0 0 0;  font-family:"NanumSquareR";  font-size:1.1em; color:#000000;  }
.wt2{  float:left; width:10%;  text-align:center;  padding:0 0 0 0; font-family:"NanumSquareR";  font-size:1.0em; color:#000000;  }
.wt3{  float:left; width:10%;  text-align:center;  padding:0 0 0 0; font-family:"NanumSquareR";  font-size:1.2em; color:#000000;  }
.wt4{  float:left; width:30%;  text-align:center;  padding:0 0 0 0; font-family:"NanumSquareR";  font-size:1.0em; color:#666666;  }


.chapt { float:none; width:96%; height:65px; margin:0 auto; padding:10px; border-bottom:1px solid #e1e1e1; clear:both; }
.chapta {  float:left; width:20%;  text-align:left;  padding:5px;  font-family:"NanumSquareR";  font-size:1.1em; color:#000000;  }
.chaptb {  float:left; width:72%;  text-align:left;  padding:5px; font-family:"NanumSquareR";  font-size:1.0em; color:#000000;  }
.chaptc {  float:left; width:8%;  text-align:right;  padding:5px; font-family:"NanumSquareR";  font-size:1.0em; color:#000000;  }



.bbs_numberbox { float:left; width:100%;  margin:0 auto; padding:30px; text-align:center; clear:both; }
.bbs_numberbox li{ display:inline-block;  margin:3px; padding:5px; text-align:center; border:solid 1px #cccccc;  background-color:#f1f1f1;  font-size:11px; color:#000000; }
.bbs_numberbox li a{ font-size:11px; color:#000000;  }



.t1{width:100%;overflow:hidden;}
.t1 table{width:100% !important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #37315d; border-spacing:0;border-collapse:collapse; line-height:18px;}
.t1 thead tr:first-child th{border-top:0;}
.t1 th,
.t1 td{ text-align:left; padding:5px 0;font-weight:400;text-align:center;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.t1 thead tr:first-child th:first-child ,
.t1 td.ty3{ text-align:left;border-left:0;}
.t1 th{background:#f4f4f4;}
.t1 th.ty1{background:#f4efe4;}
.t1 td.ty1{ text-align:left;background:#fcf5e9; padding-left:10px; }
.t1 td.ty2{ text-align:left;background:#ffffff; padding-left:10px;}
.t1 td.cr1{ background:#fcf5e9; }
.t1 td.cr1a{ background:#fcf5e9; border-right:1px solid #e2e2e2;}
.t1 td.cr2{ color:#fa6600;  border-right:1px solid #e2e2e2;}
.t1 td.cr2a{ color:#0076a3; }



.arrow {position:absolute;top:50%;z-index:5;margin-top:-35px;}
.arrow-left {left:20px;}
.arrow-right {right:20px;}
.arrow img {height:40px;width:auto;}

* {box-sizing: border-box;}
.slider {width: 100%; margin: 0 auto;}
.slick-slide {margin: 0px 0px;}
.slick-slide img {width: 72px; height: 72px;}
.slick-prev:before,
.slick-next:before {color: black;font-weight:bold;font-size:100%;}