.product { width:100%; max-width:1210px; margin:0 auto;  overflow:hidden;}
.product:after { content:""; display:block; clear:both; }

.product h2 {font-size:18pt; margin-top:70px; font-weight:700;}
.product h2:first-child {margin-top:0px;}
.product h3 {font-size:14pt; font-weight:700;}

.product ul { padding:0; margin:0; }
.product ul li { float:left; width:31.333333%; margin-left:1%; margin-right:1%; }
.product ul li img { display:block; width:100%;}
.product ul li strong { display:block; margin-top:10px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center; }
.product ul li > span { display:block; margin-top:30px; font-size:1em; text-align:center; letter-spacing:-0.04em; }
.product ul li .tbl {margin-top:20px;}

.product ul li .tbl01{width:100%; border-top:2px solid #918881; border-collapse:collapse;}
.product ul li .tbl01 th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #b2b2b2; padding:5px 0; font-size:0.9em; font-weight:700;  color:#918881; text-align:center;}
.product ul li .tbl01 td{width:70%; border-bottom:1px solid #b2b2b2; padding:5px 0; text-indent:10px; font-size:0.9em;}

.product ul li .tbl02{width:100%; border-top:2px solid #6e5a6a; border-collapse:collapse;}
.product ul li .tbl02 th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #b2b2b2; padding:5px 0; font-size:0.9em; font-weight:700;  color:#6e5a6a; text-align:center;}
.product ul li .tbl02 td{width:70%; border-bottom:1px solid #b2b2b2; padding:5px 0; text-indent:10px; font-size:0.9em;}

.product ul li .tbl03{width:100%; border-top:2px solid #3e7a7b; border-collapse:collapse;}
.product ul li .tbl03 th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #b2b2b2; padding:5px 0; font-size:0.9em; font-weight:700;  color:#3e7a7b; text-align:center;}
.product ul li .tbl03 td{width:70%; border-bottom:1px solid #b2b2b2; padding:5px 0; text-indent:10px; font-size:0.9em;}

.btn_go {display:inline-block; background:#222; color:#fff; text-align:center;  font-size:1em; margin:20px 0px; padding:10px 30px; border:1px solid #000;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#000; background-color:#fff; }

.product .product_info .con_box>h2 {font-size:1.5em; margin-bottom:10px;}
.product .product_info table {width:100%; border-top:2px solid #57a59f; }
.product .product_info table thead th {height:50px; font-weight:500; background:#eee;}
.product .product_info table thead th:last-child {height:50px; font-weight:500; background:#57a59f; color:#fff;}
.product .product_info table th {padding:0; margin:0; width:20%; text-align:center; font-size:1em; color:#000; vertical-align:middle; font-weight:normal; border-bottom:1px solid #b2b2b2;}
.product .product_info table td {text-align:left; font-size:1em; color:#333; vertical-align:top;  padding:10px 0 10px 0px; border-bottom:1px solid #b2b2b2; background:#fff;}
.product .product_info table td > a {color:#666;}
.product .product_info table td > a:hover {color:#000;}

.product h3.hansalimIcon {
	background:url('./image/hansalim-icon.png') left no-repeat;
	background-size:20px;
	padding-left:25px;
	margin-top:15px;
	margin-bottom:10px;
}

.imageP {
	margin-bottom:50px;
}

.imageP ul li { float:left; width:50% !important; max-width:592px; margin:0px !important;}
.imageP ul li:last-child { float:right; width:50% !important; max-width:592px; margin:0px !important;}
.imageP img {width:100%;}

.product ul.prdInfoList li { width:100%; margin:0px 0px 5px 35px; padding-left:0px; list-style:disc;}

#p04_01_conbox {
	padding:40px;
	background:#f2f2f2;
	margin-bottom:100px;
}
#p04_01_conbox p {
	line-height:2em;
	font-size:1.1em;
}


#p04_02_conbox {
	padding:40px;
	background:#f2f2f2;
	margin-bottom:100px;
	margin-top:100px;
	line-height:200%;
}

#p04_02_conbox p {
	line-height:2em;
	font-size:1.1em;
}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.product ul li { width:100%; margin-left:0px; margin-bottom:50px;}


}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}


.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
.business_type2:after{content:""; display:block; clear:both;}
.itemDetail { width:100%; background:#fff; margin-bottom:30px; }
.itemDetail:after{content:""; display:block; clear:both;}
.itemDetail ul{ padding:0; margin:0;}
.itemDetail ul li{ padding:0; margin:0;}
.itemDetail ul li.left_box { float:left; width:100%; overflow:hidden; }
.itemDetail ul li.left_box img{ width:100%; height:100%; }
.itemDetail ul li.right_box{position:relative; float:right; width:50%; height:300px;}
.itemDetail ul li.right_box .txt03 { position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:0.9em; color:#555; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;}
.itemDetail ul li.right_box .txt03 span {display:block; padding:20px 25px; height:200px; }
.itemDetail ul li.right_box .txt03 table th {font-size:1.1em;}
.itemDetail ul li.right_box .txt03 table td {font-size:1.1em;}

.txt_area { width:100%; padding-top:10px; border-top:2px solid #000; }
.txt_area:after{content:""; display:block; clear:both;}
.txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
.txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
.txt_area .txt01 span.tit { display:block; font-size:2.2em; color:#000; font-weight:700; line-height:1.2em;  }
.txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.4em; }
.txt_area .txt02 { float:left; width:100%; margin-top:20px;}
.txt_area .txt02 ul {margin:0; padding:0; }
.txt_area .txt02 ul li { position:relative; color:#555; font-weight:400; line-height:1.5em; list-style:none; padding-left:3%; margin-bottom:5px;}
.txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px; vertical-align:middle;}

#itemListContainer {width:100%;}
#itemListContainer:after{ content:""; display:block; clear:both; }
#itemListContainer .swiper-wrapper2{position:relative; width:100%; height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
#itemListContainer .itemList{width:100%; max-width:1200px; height:auto; overflow:hidden; margin-bottom:10px; }
#itemListContainer .itemList .itemDiv {
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    box-sizing: content-box;
}
#itemListContainer .itemList .itemData{float:left; width:25%; padding:10px 15px 10px 15px; margin:0; overflow:hidden; box-sizing:border-box;}
#itemListContainer .itemList .itemData a{width:100%; display:block;}
#itemListContainer .itemList .itemData img{width:100% !important; border:1px solid #ddd;}
#itemListContainer .itemList .itemData .txtBox{width:100%; background:#fff; }
#itemListContainer .itemList .itemData .txtBox .tit{ display:block; width:100%; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden; font-size:1.2em; color:#000; line-height:20px; margin-top:5px;}
#itemListContainer .itemList .itemData .txtBox .txt{ display:block; max-height:35px; min-height:35px; overflow:hidden; font-size:0.85em; color:#555;  line-height:1.5em;  margin-top:5px;}
#itemListContainer .itemList .itemData .txtBox .date{ position:absolute; bottom:0px; left:0px; display:block; font-size:0.85em; color:#777; }


#itemListContainer2 {width:100%;}
#itemListContainer2:after{ content:""; display:block; clear:both; }
#itemListContainer2 .swiper-wrapper2{position:relative; width:100%; height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
#itemListContainer2 .itemList{width:100%; max-width:1200px; height:auto; overflow:hidden; margin-bottom:10px; }
#itemListContainer2 .itemList .itemDiv {
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    box-sizing: content-box;
	text-align:center;
}
#itemListContainer2 .itemList .itemData{float:left; width:14%; padding:10px 15px 10px 15px; margin:0; overflow:hidden; box-sizing:border-box;}
#itemListContainer2 .itemList .itemData a{width:100%; display:block;}
#itemListContainer2 .itemList .itemData img{width:100% !important; border:1px solid #ddd;}
#itemListContainer2 .itemList .itemData .txtBox{width:100%; background:#fff; }
#itemListContainer2 .itemList .itemData .txtBox .tit{ display:block; width:100%; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden; font-size:1.2em; color:#000; line-height:20px; margin-top:5px;}
#itemListContainer2 .itemList .itemData .txtBox .txt{ display:block; max-height:35px; min-height:35px; overflow:hidden; font-size:0.85em; color:#555;  line-height:1.5em;  margin-top:5px;}
#itemListContainer2 .itemList .itemData .txtBox .date{ position:absolute; bottom:0px; left:0px; display:block; font-size:0.85em; color:#777; }



#rolling_box {
    position: relative;
    margin-top: 0px;
}

.swiper-container {
    width: 90%;
    height: 100%;
	margin: 0px auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
}

.swiper-container .swiper-wrapper {
    width: 100%;
    height: 230px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
	width:100%;
	height:100%;
}

.swiper-button-prev.tbl01 {
	color:#6e5a6a;
	padding-bottom:20px;
}
.swiper-button-next.tbl01 {
	color:#6e5a6a;
	padding-bottom:20px;
}

.swiper-button-prev.tbl02 {
	color:#918881;
	padding-bottom:20px;
}
.swiper-button-next.tbl02 {
	color:#918881;
	padding-bottom:20px;
}

.swiper-button-prev.tbl03 {
	color:#3e7a7b;
	padding-bottom:20px;
}
.swiper-button-next.tbl03 {
	color:#3e7a7b;
	padding-bottom:20px;
}

.con_arrow{ width:100%; max-width:1200px;  padding-bottom:20px;  margin:0 auto;}
.con_arrow p{position:relative; font-size:2em; color:#000; padding-left:30px; }
.con_arrow span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
.con_arrow > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

.con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.con_box:after{content:""; display:block; clear:both;}
.con_box ul { padding:0; margin:0; }
.con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; }
.con_box ul li p{display:table; width:100%; }
.con_box ul li p > em, .con_box p > span{display:table-cell; vertical-align:top; }
.con_box ul li p > em{ width:30px; }
.con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:#000; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
.con_box ul li p > span{font-size:1em; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 15px;}

.sub_location2{ width:100%; max-width:1200px; height:40px; font-size: 0; background:#fff; margin:0 auto; margin-top:10px; margin-bottom:20px;}
.sub_location2 .subMenu{width:70%;float:left;}
.sub_location2 .subMenu ul{width:100%; max-width:1200px; padding:0; margin:0; text-align:left;  }
.sub_location2 .subMenu ul li{display:inline-block; width:20%; height:40px; line-height:40px; text-align:center; border: 1px solid #ddd; box-sizing:border-box; }
.sub_location2 .subMenu ul li a{font-size:1.1em; width:100%; height:40px; line-height:40px; display: block; color: #000; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
.sub_location2 .subMenu ul li a:hover{color: #fff; background:#7fb226;box-sizing:border-box;}
.sub_location2 .subMenu ul li a.on{color: #fff; background:#7fb226;}

.sub_location2 .searchBar{width:30%;float:right; text-align:right;}
.sub_location2 .searchBar .searchTxt{width:200px; height:38px; border:2px solid #7fb226; padding-left:10px;}
.sub_location2 .searchBar a.btn2{color: #fff; background:#7fc31c;box-sizing:border-box; padding:9px 10px 8px 10px; border-radius:3px;}
.sub_location2 .searchBar a.btn2:hover{color: #fff; background:#7fb226;}


.itemViewWrap{ width:100%; max-width:1200px; margin:0 auto;}
.itemViewWrap:after{content:""; display:block; clear:both;}
.itemView { width:100%; background:#fff; margin-bottom:30px; }
.itemView:after{content:""; display:block; clear:both;}
.itemView ul{ padding:0; margin:0;}
.itemView ul li{ padding:0; margin:0;}
.itemView ul li.left_box { float:left; width:200px; overflow:hidden; }
.itemView ul li.left_box img{ width:100%; height:100%; }
.itemView ul li.center_box { float:left; width:600px; height:620px; overflow:hidden; padding:30px 0px 30px 30px; border-top:1px solid #e2e1df; border-bottom:1px solid #e2e1df;}
.itemView ul li.center_box img { width:100%; height:100%; max-width:560px;}
.itemView ul li.right_box { width:400px; float:right; overflow:hidden; padding-left:10px; padding-bottom:30px; border-right:1px solid #e2e1df; border-top:1px solid #e2e1df; border-bottom:1px solid #e2e1df;}
.itemView ul li.right_box .itemDetail { width:382px; height: 306px; padding-top:30px;}
.itemView ul li.right_box .itemDetail .tbl01 {width:192px; border-top:3px solid #918881; border-bottom:3px solid #918881; border-spacing: unset; }
.itemView ul li.right_box .itemDetail .tbl01 th {font-size:1.1em; color: #918881; border-bottom:1px solid #918881; padding:10px; text-align:justify;}
.itemView ul li.right_box .itemDetail .tbl01 th:last-child {border-bottom:0px;}
.itemView ul li.right_box .itemDetail .tbl01 td {font-size:1.1em; padding:10px; border-bottom:1px solid #918881;}
.itemView ul li.right_box .itemDetail .tbl02 {width:192px; border-top:3px solid #6c5a6a; border-bottom:3px solid #6c5a6a; border-spacing: unset;}
.itemView ul li.right_box .itemDetail .tbl02 th {font-size:1.1em; color: #6c5a6a; border-bottom:1px solid #6c5a6a; padding:10px;}
.itemView ul li.right_box .itemDetail .tbl02 th:last-child {border-bottom:0px;}
.itemView ul li.right_box .itemDetail .tbl02 td {font-size:1.1em; padding:10px; border-bottom:1px solid #6c5a6a;}
.itemView ul li.right_box .itemDetail .tbl03 {width:192px; border-top:3px solid #377777; border-bottom:3px solid #377777; border-spacing: unset;}
.itemView ul li.right_box .itemDetail .tbl03 th {font-size:1.1em; color: #377777; border-bottom:1px solid #377777; padding:10px;}
.itemView ul li.right_box .itemDetail .tbl03 th:last-child {border-bottom:0px;}
.itemView ul li.right_box .itemDetail .tbl03 td {font-size:1.1em; padding:10px; border-bottom:1px solid #377777;}
.itemView ul li.right_box .sampleBook { width:362px; height: 252px;}
.itemView ul li.right_box .sampleBook img {width:100%; height:100%; cursor:pointer;}

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.9);
	/* Black w/ opacity */
}

/* Modal Content (image) */

.modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 940px;
}

/* Caption of Modal Image */
.caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 940px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

#imageModal .modalTop {
	margin: auto;
	display: block;
	width:80%;
	max-width: 940px;
	text-align: right;
}
#imageModal .modalTop .close {
	cursor:pointer;
	color:#fff;
	font-size:2.3em;
}

@media screen and (max-width:992px){
	
	.content_wrap{width:100%;}
	.page_title{margin-bottom:50px;}	
	.page_title h1{font-size:2em;}
	.page_title h2{font-size:1em;}
	.s_tit{font-size:1.2em;}
	
	.itemDetail{margin-bottom:0px;}
	.itemDetail ul li.left_box { width:100%; height:300px;  }
	.itemDetail ul li.right_box{ width:100%; }
	.itemDetail ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
	.itemDetail ul li.right_box .txt03 span {height:auto;}
	.txt_area { width:90%; margin:0 auto; border-top:0;}
	.txt_area .txt01 span.tit {font-size:1.85em;}
	.con_arrow{width:95%; margin:0 auto;}
	.con_box{width:95%; margin:0 auto;}

}

@media screen and (max-width:480px){


	.con_arrow p{ font-size:1.5em; margin-top:30px;}
	.con_box ul li { width:100%; }

	.visual_area { background:url('../image/sub_visual_msub01.jpg') no-repeat top center !important; background-size:cover !important;}
	#sub_tit {display:none;}

	#itemListContainer .itemList { margin-top:10px; }
	#itemListContainer .itemList .itemData{float:left; width:25%; padding:5px; margin:0; overflow:hidden; box-sizing:border-box;}
	#itemListContainer .itemList .itemData .txtBox .tit {font-size:1em;}

	.sub_location2{ width:100%; max-width:1200px; height:40px; font-size: 0; background:#fff; margin:0 auto; margin-top:10px; margin-bottom:20px;}
	.sub_location2 .subMenu{width:100%; margin:0 auto;}
	.sub_location2 .subMenu ul{width:100%; max-width:1200px; padding:0; margin:0; text-align:center;  }
	.sub_location2 .subMenu ul li{display:inline-block; width:30%; height:40px; line-height:40px; text-align:center; border: 1px solid #ddd; box-sizing:border-box; }
	.sub_location2 .subMenu ul li a{font-size:1.1em; width:100%; height:40px; line-height:40px; display: block; color: #000; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
	.sub_location2 .subMenu ul li a:hover{color: #fff; background:#7fb226;box-sizing:border-box;}
	.sub_location2 .subMenu ul li a.on{color: #fff; background:#7fb226;}
	
	.itemView { margin-bottom:0px; }
	.itemViewWrap .itemView .left_box {display:none;}
	.itemView ul li.center_box { float:left; width:50%; height:200px; overflow:hidden; padding:10px; border:none;}
	.itemView ul li.center_box img { width:100%; height:100%; max-width:560px;}
	.itemView ul li.right_box { width:50%; float:right; overflow:hidden; padding-left:10px; padding-top:10px; padding-bottom:0px; border:none;}
	.itemView ul li.right_box .itemDetail { width:100%; height: 200px; padding-top:0px; padding-bottom:0px;}
	.itemView ul li.right_box .itemDetail .tbl01 {width:192px; border-top:3px solid #918881; border-bottom:3px solid #918881; border-spacing: unset; }
	.itemView ul li.right_box .itemDetail .tbl01 th {font-size:1.1em; color: #918881; border-bottom:1px solid #918881; padding:10px; text-align:justify;}
	.itemView ul li.right_box .itemDetail .tbl01 th:last-child {border-bottom:0px;}
	.itemView ul li.right_box .itemDetail .tbl01 td {font-size:1.1em; padding:10px;}
	.itemView ul li.right_box .itemDetail .tbl02 {width:192px; border-top:3px solid #6c5a6a; border-bottom:3px solid #6c5a6a; border-spacing: unset;}
	.itemView ul li.right_box .itemDetail .tbl02 th {font-size:1.1em; color: #6c5a6a; border-bottom:1px solid #6c5a6a; padding:10px;}
	.itemView ul li.right_box .itemDetail .tbl02 th:last-child {border-bottom:0px;}
	.itemView ul li.right_box .itemDetail .tbl02 td {font-size:1.1em; padding:10px; border-bottom:1px solid #6c5a6a;}
	.itemView ul li.right_box .itemDetail .tbl03 {width:192px; border-top:3px solid #377777; border-bottom:3px solid #377777; border-spacing: unset;}
	.itemView ul li.right_box .itemDetail .tbl03 th {font-size:1.1em; color: #377777; border-bottom:1px solid #377777; padding:10px;}
	.itemView ul li.right_box .itemDetail .tbl03 th:last-child {border-bottom:0px;}
	.itemView ul li.right_box .itemDetail .tbl03 td {font-size:1.1em; padding:10px; border-bottom:1px solid #377777;}
	.itemView ul li.right_box .sampleBook { display:none; width:100%; }
	.itemView ul li.right_box .sampleBook img {width:100%; height:100%; cursor:pointer;}

	.listTabImage img {width:100%;}
	.swiper-container .swiper-wrapper {
		width: 100%;
		height: 150px;
	}

	.swiper-container .swiper-wrapper .swiper-slide { margin-right:10px !important; }

}