@charset "utf-8";

/* *******************************************************
 * filename : extra_product.css
 * description : 제품소개 CSS
 * date : 2020-05
******************************************************** */
/*공통*/
#content {
  font-size:17px;
  font-weight:400;
  color:#000;
  letter-spacing:-0.05em;
  line-height:30px;
  word-break:keep-all;
  word-wrap:break-word;
  min-height:400px;
}
#content #cont {
    color:#000;
    font-family:'Noto Sans KR', sans-serif;
    font-weight:400;
    letter-spacing:-0.5px;
    line-height:normal;
    word-break:keep-all;
    word-wrap:break-word;
    min-height:400px
}

#content .contents_view_wrap .inner{
    max-width: 1400px;
	margin: auto;
	position: relative;
}



#content .contents_view_wrap .inner.prod_content .right ul li {position:relative;padding-left: 12px;margin: 5px 0;text-align:left;line-height:25px;}
#content .contents_view_wrap .inner.prod_content .right ul li:after {content:"";position:absolute;left:0;top: 10px;width: 3px;height: 3px;background: #017ece;}

#content .bg_type1{
  background:#f7f7f7;
}
.contents_view_wrap{
  position: relative;
  width: 100%;
}



.normal-txt {font-size: 17px;line-height: 26px;word-break:keep-all;}
.space { padding-top:80px;}
.bd-t { border-top:1px solid #dcdcdc;}
.hide { position:absolute; left:-9999%; font-size:0; line-height:0; text-indent:-9999%;}

/* ----- list setting ----- */
.list-st01 li {position:relative;padding-left: 12px;margin: 5px 0;text-align:left;}
.list-st01 li:after {content:"";position:absolute;left:0;top: 10px;width: 3px;height: 3px;background: #017ece;}
/* ----- half layout setting ----- */
.halfbox { display:flex;}
.halfbox .left {width: 35%;padding-right:10%;}
.halfbox .left .tit { font-size:35px; color:#333333; letter-spacing:-0.8px; font-weight:700; line-height:1.588em;}
.halfbox .left .tit span { display:block; font-size:33px; color:#333333; font-weight:500; line-height:1.4em; letter-spacing:-0.010em;}
.halfbox .left .txt { margin-top:0.722em; font-size:25px; color:#666666; letter-spacing:-0.014em; font-weight:300; line-height:1.667em;}
.halfbox .right {width: 65%;}
.halfbox .right .tbstyle02 { margin-top:1em;}
.halfbox .btnwrap { margin-top:5em;}

/*product-table*/
.tbstyle01 strong { font-size:2rem;}
.tbstyle01 table {border-top: 2px solid #0088bd; width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle01 table th { padding: 5px 0; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;  color:#333; font-weight:500; background: #f8f8f8;}
.tbstyle01 table td { padding: 12px 20px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;  color:#333;   vertical-align:top;}
.tbstyle01 table thead th:first-child { border-left:none !important;}
.tbstyle01 table tbody th:first-child,
.tbstyle01 table tbody td:first-child { border-left:none !important;}

/*product-tab*/
/*  TAB STYLE04  */

.tab--style04{width: 1440px;margin: 75px auto 30px;}

.tab--style04 p {
  border: 2px solid #cacaca;
  line-height: 65px;
  height: 65px;
  padding-left: 12px;
  font-size: 24px;
  color: #777;
  background-image: url(/site/ext/images/sub/tab_arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-color: #fff;
  cursor: pointer;
  display: none;
}

.tab--style04 p.active {
  background-image: url(/site/ext/images/sub/tab_arrow_on.png);
}

.tab--style04 nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*------------------tab_type1-----------------
.tab--style04 nav .tab__btn {
  width: 192px;
  margin: 0 6px;
  line-height: 57px;
  height: 60px;
  display: block;
  font-size: 18px;
  color: #666;
  text-align: center;
  border: 2px solid #ddd;
  cursor: pointer;
  background-color: #fff;
  font-weight: 500;
}

.tab--style04 nav .tab__btn.active {
  border-color: #0154a6;
  color: #0154a6;
}
------------------//tab_type1-----------------*/

/*------------------tab_type2-----------------*/

.tab--style04 nav .tab__btn {
   width: 20%;
  line-height: 58px;
  height: 60px;
  display: block;
  font-size: 18px;
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #f3f3f3;
  margin-left: -1px;
  position: relative;
  transition:.3s;
}

.tab--style04 nav .tab__btn.active {
  color: #fff;
  background-color: #115599;
  z-index:1; 
}
.tab--style04 nav .tab__btn.active:hover {
  color: #fff;
}

.tab--style04 nav .tab__btn:hover{
	color:#115599;
	font-weight: 500;
}
.tab--style04 .tab__btn::before {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #ccc;
  position: absolute;
  right: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.tab--style04 .tab__btn:last-child::before {
  display: none;
}

.tab--style04 .tab__btn.active::before {
  display: none;
}

/*------------------//tab_type2-----------------*/


/*  TAB STYLE06  */



.tab--style06 {max-width: 1440px;margin: 0 auto;}


.tab--style06 nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.tab--style06 .tab__btn {
	font-size: 17px;
	color: #666;
	text-align: center;
	cursor: pointer; 
    position: relative;  
    width: 16.15%;
    height: 50px;
    background: #fff;
    line-height: 50px;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    margin: 5px 6px;
    transition:.3s; 
 }

.tab--style06 .tab__btn.active { 
	color: #0e72d5;
	border-color: #0e72d5;
}


.tab--style06 .tab__btn:hover {
  border-color:#0e72d5;
}

.tab--style06 p {
  border-bottom: 1px solid #0e72d5;
  line-height: 65px;
  height: 65px;
  padding-left: 12px;
  font-size: 24px;
  color: #0e72d5;
  background-image: url(/site/ext/images/sub/tab_arrow2.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-color: #fff;
  cursor: pointer;
  display: none;
}

.tab--style06 p.active {
  background-image: url(/site/ext/images/sub/tab_arrow_on2.png);
}

/* ----- tab - responsive ----- */
@media all and ( max-width: 1440px ){	
    .tab--style04 {width:95% !important;}
}

@media all and ( max-width: 768px ){	
    .tab--style04{position: relative; z-index: 2;margin:30px auto;}
    .tab--style04 p{display: block; text-align: center;}
    .tab--style04 nav{flex-direction: column; border: 1px solid #cacaca; position: absolute; left: 0; width: 100%; top: 64px; display: none; padding: 20px 0; background-color: #fff;}
    .tab--style04 nav .tab__btn{width: 100%; margin: 0; border: none; font-size: 22px;background-color:#fff;}
    .tab--style04 nav .tab__btn.active {background-color:#fff;color:#115599;}
	.space { padding-top:40px;}
     
	.tab--style06 {margin-top:14px;}
	.tab--style06{width: 95%;margin: 0 auto;position: relative; z-index: 1;}
    .tab--style06 p{display: block; text-align: center;}
    .tab--style06 nav{flex-direction: column; border: 1px solid #cacaca; position: absolute; left: 0; width: 100%; top: 64px; display: none; padding: 20px 0; background-color: #f4f4f4;}
    .tab--style06 nav .tab__btn{width: 100%; margin: 0; border: none; font-size: 22px;background-color:#f4f4f4;}
	.tab--style06 .tab__btn:before {display: none;}	
	.sub-page {padding-top:5px;padding-bottom:40px;}
}

@media all and ( max-width: 640px ){
    .tab--style04 p{line-height: 50px; height: 50px; font-size: 18px; background-size: 18px; background-position: calc(100% - 10px) center;}
    .tab--style04 nav{top: 49px; padding: 10px 0;}
    .tab--style04 nav .tab__btn{font-size: 16px; font-weight:400; line-height: 35px; height: 35px;}

	.tab--style06 p{line-height: 50px; height: 50px; font-size: 18px; background-size: 10px; background-position: calc(100% - 15px) center;}
    .tab--style06 nav{top: 49px; padding: 15px 0;}
    .tab--style06 nav .tab__btn{font-size: 16px; line-height: 38px; height: 38px;}
 }   

/* ******************  사업분야 ********************** */
/* -------- 제품소개 -------- */

/*prod*/
.contents_view_wrap .prod_top {position:relative; margin-top:90px; padding-bottom:100px;}
.contents_view_wrap .prod_top {position:relative;margin-top: 0px;padding-bottom: 60px;padding-top: 55px;min-height: 624px;}
.contents_view_wrap .prod_img {float:left; overflow:hidden;}
.contents_view_wrap .prod_img .img_list {float:left;}
.contents_view_wrap .prod_img .img_list ul li {position:relative; width:140px; height:140px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.contents_view_wrap .prod_img .img_list ul li:hover {cursor: pointer;border: 1px solid #424242;}
.contents_view_wrap .prod_img .img_list ul li.on:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border: 1px solid #303030;}
.contents_view_wrap .prod_img .img_list ul li + li {margin-top:10px;}
.contents_view_wrap .prod_img .img_list ul li img {width:100%;}
.contents_view_wrap .prod_img .img_big {position:relative; float:left; width:500px; height:500px; margin-left:10px; border:1px solid #F3F3F3; background:#FFF;}

/*.prod_img .img_big img {width:100%;}*/
.contents_view_wrap .prod_img .img_big .img_box {width:100%;}
.contents_view_wrap .prod_img .img_big .img_box .img {width:100%; height:0; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.contents_view_wrap .prod_img .img_big .img_box .img img {width:100%;}

.contents_view_wrap .prod_info {margin-left:675px; padding-top: 25px;}
.contents_view_wrap .prod_info .prod_name {padding:0 20px;}
.contents_view_wrap .prod_info .prod_name .txt_prod {font-size: 21px; line-height: 25px;font-weight: 500;color: #1b8abf;}
.contents_view_wrap .prod_info .prod_name .tit_prod {margin-top: 20px; font-size: 40px; line-height:50px; font-weight:700;}
.contents_view_wrap .prod_info .prod_name .stit_prod {font-size: 20px;margin-top: 13px;color: #7a7a7a;}
.contents_view_wrap .prod_info .prod_Def {margin-top:20px; padding:30px 24px 0; border-top:1px solid #000;}
.contents_view_wrap .prod_info .prod_Def .item_text {line-height: 27px;}
.contents_view_wrap .prod_info .prod_Def .item_text strong {color:#0033a5;font-weight:500;}

.contents_view_wrap .prod_info .prod_option {margin-top:25px; padding:36px 24px 0; border-top:1px solid #000;}
.contents_view_wrap .prod_info .prod_option li {overflow:hidden;}
.contents_view_wrap .prod_info .prod_option li + li {margin-top:36px;}
.contents_view_wrap .prod_info .prod_option li .tit {display:inline-block; vertical-align:middle; width:140px; font-size:18px; line-height:18px; font-weight:700;}
.contents_view_wrap .prod_info .prod_option li .txt {display:inline-block; vertical-align:middle; font-size:18px; line-height:18px; font-weight:400;}
.contents_view_wrap .prod_info .prod_other {padding:0 24px; margin-top:30px;/*position: absolute;right: 0;bottom: 80px;*/}
.contents_view_wrap .prod_info .btn_cateLog {display:inline-block; width:200px; height:50px; margin-top:30px; border:2px solid #000; line-height:46px; text-align:center; transition:.3s .1s;}
.contents_view_wrap .prod_info .btn_cateLog .btn_txt {display:inline-block; vertical-align:middle; color:#333; font-size:18px; line-height:18px; font-weight:700;}
.contents_view_wrap .prod_info .btn_cateLog .btn_icon {display:inline-block; vertical-align:middle; width:18px; height:19px; margin-left:10px; background:url('../img/icon_share.png') no-repeat 0 0/100%;}

.contents_view_wrap .prod_other .down_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
justify-content: end;}

.contents_view_wrap .prod_other .down_box .btn--style01 {
  width: 190px;
  min-width: auto;
  height: 50px;  
  line-height: 50px;
  text-align: center;
  border-color:#4e4e4e;
  border-radius: 30px;
}

.contents_view_wrap .prod_other .down_box .btn--style01 span {
  padding-right: 23px;
  background: url(/site/ext/images/sub/download_icon_b.png) no-repeat 100% center;
  position: relative;
  display: inline-block;
  color:#4e4e4e;
  font-weight:500;
  z-index:3;
}
.contents_view_wrap .prod_other .down_box .btn--style01::before{
	background-color:#4e4e4e;
	top:auto;
	bottom: 100%;
}
.contents_view_wrap .prod_other .down_box .btn--style01:hover span {
  color: #fff;
  font-weight:500;
  background: url(/site/ext/images/sub/download_icon_color02.png) no-repeat 100% center;
}
.contents_view_wrap .prod_other .down_box .btn--style01:hover::before {
  bottom: 0;
}

#content .contents_view_wrap .inner.prod_content .right div.productOptionsTitle {font-size:20px;margin-bottom:10px;color: #0154a6;}
#content .contents_view_wrap .inner.prod_content .right div:nth-child(3) {margin-top:50px;}

.listBtnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 80px 0 20px;
}
.listBtnWrap a.listBtn {
    display: inline-block;
    min-width: 240px;
    margin: 0 0 5px 0;
    border: 1px solid #212e4e;
    padding: 0;
    text-align: center;
    line-height: 54px;
    font-weight: 500;
    border-radius: 2px;
    transition: 0.2s;
}
.listBtnWrap a.listBtn:hover {
	background-color:#212e4e;
	color:#fff;
	}



/* -------- 제품소개 list -------- */
#content.product__list .product_list {width:1400px; margin:0 auto;}
.contents_list_wrap{position: relative; background: #f7f7f7; margin-bottom:30px;padding: 28px;display: flex;flex-direction: column; -webkit-transition: all ease .3s;transition: all ease .3s;}

.contents_list_wrap .prod_img {float:left; overflow:hidden;}
.contents_list_wrap .prod_img .img_list {float:left;}
.contents_list_wrap .prod_img .img_list ul li {position:relative; width:93px;	height:93px;overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.contents_list_wrap .prod_img .img_list ul li:hover {cursor: pointer;border: 1px solid #424242;}
.contents_list_wrap .prod_img .img_list ul li.on:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border: 1px solid #303030;}
.contents_list_wrap .prod_img .img_list ul li + li {margin-top:10px;}
.contents_list_wrap .prod_img .img_list ul li img {width:100%;}
.contents_list_wrap .prod_img .img_big {position:relative; float:left; width:310px; height:310px; margin-left:10px; border:1px solid #F3F3F3; background:#FFF;}
.contents_list_wrap .prod_img .img_big .img_box {width:100%;}
.contents_list_wrap .prod_img .img_big .img_box .img {width:100%; height:0; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.contents_list_wrap .prod_img .img_big .img_box .img img {width:100%;}

.contents_list_wrap .prod_info {margin-left: 443px;	padding-top: 0;}
.contents_list_wrap .prod_info .prod_name {	padding:10px 20px 0;}
.contents_list_wrap .prod_info .prod_name .txt_prod {font-size:16px; line-height: 25px;font-weight: 500;color: #1b8abf;}
.contents_list_wrap .prod_info .prod_name .tit_prod {margin-top: 5px; font-size: 33px; line-height:40px; font-weight:700;}
.contents_list_wrap .prod_info .prod_name .stit_prod {font-size: 18px;margin-top: 5px;color: #7a7a7a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.contents_list_wrap .prod_info .prod_Def {margin-top:10px; padding:15px 15px 0; border-top:1px solid #000;}
.contents_list_wrap .prod_info .prod_Def .item_text {line-height: 27px;font-size:16px;}
.contents_list_wrap .prod_info .prod_Def .item_text strong {color:#0033a5;font-weight:500;}


.contents_list_wrap .prod_other .down_box .btn--style01 {display:none;}
.contents_list_wrap .prod_other .down_box {	position:absolute;top: 60px;right: 34px;}
.contents_list_wrap .prod_other .down_box .tab__btn {
	overflow:hidden;
	display:block; 
	width:160px;
	max-width: 180px; 
	border:1px solid #111; 
	color:#111;
	height: 50px;
	line-height: 50px; 
	padding:0 20px; 
	font-size:16px;
	transition:	all ease .3s;
	position:relative;
	border-radius: 44px;
	text-align: center;
}
.contents_list_wrap .prod_other .down_box .tab__btn:hover span {color:#fff;}
.contents_list_wrap .prod_other .down_box .tab__btn:hover {border-color:#2e90e5;}
.contents_list_wrap .prod_other .down_box .tab__btn span{position:relative;z-index:2;transition:all ease .3s;}
.contents_list_wrap .prod_other .down_box .tab__btn:after{content:''; width:0; height:100%; background:#2e90e5;; position:absolute; right:0; top:0; transition:all ease .3s; }
.contents_list_wrap .prod_other .down_box .tab__btn:hover:after{content:''; width:100%; left:0; right:auto }


/* -------- 제품소개 - 관련제품 -------- */
.relatedProduct .img{
			   width:100px;
			   height:100px;
			   display:flex;
			}
			
			.relatedProduct div.box{
			   display:flex;
			   padding: 20px;
			   background-color: #f7f7f7;
			   margin-bottom: 13px;
			   position:relative; 
			   border:4px solid transparent;
			}
			.relatedProduct div.box:hover {
				border:4px solid #3e87dd; 
				transition:.3s .1s; 
			}
			.relatedProduct div.box:hover::before {
				border-width:5px; 
				opacity:1;
			}

			.relatedProduct div.box div.info{
				display:flex;
				flex-direction:column;
				padding:20px 0px 0px 35px;
				line-height:30px;
			}
			.relatedProduct div.box div.info span:first-child {
				font-size:19px;
			}
			



/* ****************** 공통 - responsive********************** */

@media all and (max-width:999px){
	body #content{font-size:17px !important;}
}
@media all and (max-width:768px){
	#content .contents_view_wrap .inner {margin:0 20px !important;}
	body #content{font-size:16px !important;}
	#content .contents_view_wrap .inner.top_mt {margin-top:50px; }
}
@media all and (max-width:599px){
	body #content {font-size:15px !important;}
	#content .contents_view_wrap .inner {margin:0 15px !important;}
}

@media all and (max-width:1420px){
	#doc-wrap {min-width:320px}
	#content .contents_view_wrap .inner {margin:0 30px;max-width:none;}
}
@media all and ( max-width: 1080px ){
	.halfbox { flex-wrap:wrap; }
    .halfbox .left {padding:0 !important;margin-bottom: 27px;width:100% !important;}
    .halfbox .right { width:100% !important;}
    .halfbox .left .tit {font-size: 30px;}
    .halfbox .left .tit span { font-size:25px;}
}

@media all and ( max-width: 768px ){
	.space { padding-top:40px;}
	.halfbox .left {margin-bottom:10px;}
	.halfbox .left .tit {font-size: 25px;}
	
}



	

/* ******************  사업분야 - responsive********************** */
/* -------- 제품소개 -------- */

@media all and ( max-width: 1440px ){
	.contents_view_wrap .prod_img .img_list ul li {width:100px; height:100px;}
    .contents_view_wrap .prod_img .img_big {width:450px; height:430px;}
    .contents_view_wrap .prod_info {margin-left: 580px; padding-top: 20px;}
	.contents_view_wrap .prod_info .prod_name .txt_prod {font-size:20px; line-height:20px;}
    .contents_view_wrap .prod_info .prod_name .tit_prod {margin-top:15px; font-size:35px; line-height:35px;}
	.contents_view_wrap .prod_info .prod_name .stit_prod {font-size:18px;}
    .contents_view_wrap .prod_info .prod_option {margin-top:20px; padding:24px 24px 0;}
    .contents_view_wrap .prod_info .prod_option li + li {margin-top:24px;}
    .contents_view_wrap .prod_info .prod_option li .tit {font-size:14px; line-height:14px;}
    .contents_view_wrap .prod_info .prod_Def {padding: 23px 15px 0;}
	.contents_view_wrap .prod_info .prod_Def .item_text {font-size:16px;line-height: 26px;}
	.contents_view_wrap .prod_top {min-height:auto;}
}

@media all and ( max-width: 1024px ){
	.tab--style04 nav .tab__btn {font-size:15px;letter-spacing:-1px;}
	.contents_view_wrap .prod_img {width:100%; margin-bottom:20px;}
    .contents_view_wrap .prod_img .img_list {width:18%;}
    .contents_view_wrap .prod_img .img_list ul li {width:100%; height:0; padding-bottom:100%;}
    .contents_view_wrap .prod_img .img_list ul li.on:after {border-width:1px;}
    .contents_view_wrap .prod_img .img_list ul li + li {margin-top:5px;}
    .contents_view_wrap .prod_img .img_big {width:calc(80% - 10px); height:auto;}
    
    .contents_view_wrap .prod_info {width:100%; margin-left:0; padding-top:0;}
    .contents_view_wrap .prod_info .prod_name {padding:0;}
    .contents_view_wrap .prod_info .prod_name .txt_prod {font-size:12px; line-height:12px;}
    .contents_view_wrap .prod_info .prod_name .tit_prod {margin-top:15px; font-size:25px; line-height:25px;}
	.contents_view_wrap .prod_info .prod_name .stit_prod {font-size:15px;margin-top: 8px;}
    .contents_view_wrap .prod_info .prod_option {margin-top:10px; padding:10px 0;}
    .contents_view_wrap .prod_info .prod_option ul li + li {margin-top:15px;}
    .contents_view_wrap .prod_info .prod_option li .tit {font-size:12px; line-height:12px;}
	.contents_view_wrap .prod_info .prod_Def .item_text {font-size:15px;}	
	.contents_view_wrap .prod_other .down_box .btn--style01 {width: 120px;height: 35px;	line-height: 35px;}
	.contents_view_wrap .prod_other .down_box .btn--style01 span {font-size:16px;}
	.btn--style01 p {font-size:14px;}
	.listBtnWrap a.listBtn {min-width: 150px;line-height:43px;}
}

@media all and ( max-width: 768px ){
	.contents_view_wrap .prod_top {padding-bottom: 30px;padding-top:30px;margin-top: 0px;}
	.contents_view_wrap .prod_info .prod_Def {padding: 15px 0px 0;}
	.contents_view_wrap .prod_info .prod_Def .item_text {line-height:23px;}
	.relatedProduct div.box {padding:10px;}
	.relatedProduct div.box div.info {padding:10px 0px 0px 10px !important;}
	.relatedProduct div.box div.info span:first-child {font-size:15px; line-height:20px;}
	.listBtnWrap {margin-top:50px;}
	.listBtnWrap a.listBtn {min-width: 120px;line-height:38px;}
	.contents_view_wrap .prod_other .down_box .btn--style01 span {font-size:14px;}
	
}
@media all and ( max-width: 680px ){
	/*product-table*/
    .tbstyle01 table {font-size:14px;}
    .tbstyle01 table th { padding: 3px 0; }
    .tbstyle01 table td { padding: 10px 10px; }
    	
}

/* -------- 제품리스트 : 전체보기 -------- */

#content.product__list .product_list.flexBoxWrap .full_view_wrap {width:100%;display: inline-block;margin: -34px 0 0 -34px;overflow: hidden;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap {width: calc(25% - 34px);float: left;margin: 34px 0 0 34px;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_img {width:100%; margin-bottom:20px;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_img .img_big {width:100%; height:auto;margin-left: 0;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_info {width:100%; margin-left:0; padding-top:0;display: flex;flex-direction: column;align-items: center;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_info .prod_name {padding:0;text-align: center;width: 100%;display: block;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_info .prod_name .txt_prod {display: none;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_info .prod_name .tit_prod {margin-top: 0px;font-size: 23px; line-height:25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_info .prod_name .stit_prod {font-size:15px;margin-top: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_other .down_box .btn--style01 {width: 110px;	height: 30px;line-height: 30px;	}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_other .down_box {position: static; margin-top:10px;}
#content.product__list .product_list.flexBoxWrap .contents_list_wrap .prod_other .down_box .tab__btn {width:150px; height:40px; line-height:38px;}
@media all and ( max-width: 1024px ){
	#content.product__list .product_list.flexBoxWrap .full_view_wrap {margin:-25px 0 0 -15px;}
	#content.product__list .product_list.flexBoxWrap .contents_list_wrap {width:calc(33.33% - 15px);margin:25px 0 0 15px;}
}
@media all and ( max-width: 768px ){	
	#content.product__list .product_list.flexBoxWrap .full_view_wrap {margin:-25px 0 0 -10px;}
	#content.product__list .product_list.flexBoxWrap .contents_list_wrap {width:calc(50% - 10px); margin:25px 0 0 10px;}
}


/* -------- 제품리스트 : 제품별 리스트-------- */
@media all and ( max-width: 1440px ){
	#content.product__list .product_list {margin:0 2.6%;width: auto;}
	.contents_list_wrap .prod_img .img_list ul li {width:100px; height:100px;}
    .contents_list_wrap .prod_img .img_big {width:280px; height:280px;}
    .contents_list_wrap .prod_info {margin-left: 308px; padding-top: 0px;}
    .contents_list_wrap .prod_info .prod_name {padding:0;width: 100%;display: block;}
	.contents_list_wrap .prod_info .prod_name .txt_prod {font-size:20px; line-height:20px;}
    .contents_list_wrap .prod_info .prod_name .tit_prod {margin-top:15px; font-size:35px; line-height:35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
	.contents_list_wrap .prod_info .prod_name .stit_prod {font-size:18px;}
    .contents_list_wrap .prod_info .prod_option {margin-top:20px; padding:24px 24px 0;}
    .contents_list_wrap .prod_info .prod_option li + li {margin-top:24px;}
    .contents_list_wrap .prod_info .prod_option li .tit {font-size:14px; line-height:14px;}
    .contents_list_wrap .prod_info .prod_Def {padding: 23px 15px 0;}
	.contents_list_wrap .prod_info .prod_Def .item_text {font-size:16px;line-height: 26px;}
	.contents_list_wrap .prod_top {min-height:auto;}
	.contents_list_wrap .prod_img .img_list {display:none;}
}

@media all and ( max-width: 1024px ){	
	#content.product__list .product_list .full_view_wrap {width:100%;margin:-25px 0 0 -15px;display: inline-block;overflow: hidden;}
	#content.product__list .product_list .contents_list_wrap {width:calc(33.33% - 15px);margin:25px 0 0 15px;float:left;}
	#content.product__list .product_list .contents_list_wrap .prod_info .prod_Def {display:none;}
	#content.product__list .product_list .contents_list_wrap .inner {margin:0;}	
	.contents_list_wrap .prod_img {width:100%; margin-bottom:20px;}
    .contents_list_wrap .prod_img .img_list {width:18%;}
    .contents_list_wrap .prod_img .img_list ul li {width:100%; height:0; padding-bottom:100%;}
    .contents_list_wrap .prod_img .img_list ul li + li {margin-top:5px;}
    .contents_list_wrap .prod_img .img_big {width:100%; height:auto;margin-left: 0;}
    
    .contents_list_wrap .prod_info {width:100%; margin-left:0; padding-top:0;display: flex;flex-direction: column;align-items: center;}
    .contents_list_wrap .prod_info .prod_name {padding:0;text-align: center;}
    .contents_list_wrap .prod_info .prod_name .txt_prod {display:none;}
    .contents_list_wrap .prod_info .prod_name .tit_prod {margin-top: 11px;font-size: 24px; line-height:25px;}
	.contents_list_wrap .prod_info .prod_name .stit_prod {font-size:15px;margin-top: 8px;}
    .contents_list_wrap .prod_info .prod_option {margin-top:10px; padding:10px 0;}
    .contents_list_wrap .prod_info .prod_option ul li + li {margin-top:15px;}
    .contents_list_wrap .prod_info .prod_option li .tit {font-size:12px; line-height:12px;}
	.contents_list_wrap .prod_info .prod_Def .item_text {font-size:15px;}	
	.contents_list_wrap .prod_other .down_box .btn--style01 {width: 110px;	height: 30px;line-height: 30px;	}
	.contents_list_wrap .prod_other .down_box {position: static; margin-top:10px;}	
	.contents_list_wrap .prod_other .down_box .tab__btn {width:150px;height:40px; line-height:40px;}
}
@media all and ( max-width: 768px ){	
	#content.product__list .product_list .full_view_wrap {margin:-25px 0 0 -10px;}
	#content.product__list .product_list .contents_list_wrap {width:calc(50% - 10px); margin:25px 0 0 10px;}
}



@media all and ( max-width: 680px ){	
	.contents_list_wrap {padding:20px;margin-bottom: 20px;}
	.contents_list_wrap .prod_img {margin-bottom:10px;}
	.contents_list_wrap .prod_info .prod_name .txt_prod {display:none;}
	.contents_list_wrap .prod_info .prod_name .tit_prod {font-size:17px !important;margin-top:0px !important;}
	.contents_list_wrap .prod_other .down_box .tab__btn {width: 98px;height: 30px;line-height: 28px;}
	.contents_list_wrap .prod_other .down_box .tab__btn span {font-size:14px;}
	
}

@media all and ( max-width: 480px ){	
	.contents_list_wrap .prod_info .prod_name .stit_prod {font-size:15px !important;margin-top: 0px!important;}
	
}