@charset "utf-8";

#content p.path{margin-bottom:0;}

div.dcong_con_list {position:relative; line-height:14px; }
div.dcong_con_list ul { }
div.dcong_con_list ul:after { }
div.dcong_con_list #pro_list > li {display:block; width:235px; margin:0 10px 35px 10px; box-sizing: border-box}
div.dcong_con_list #pro_list > li > div.img_area {/*border:10px solid #fff;*/ background:url("../../../layout/user/img/bg-png.png") 0 0 repeat; border-radius:5px; overflow:hidden; box-sizing: border-box;}
div.dcong_con_list #pro_list > li > div.img_area a{position: relative; min-height: 100px; display:block; border:1px solid #ececec; border-radius:5px; overflow:hidden;}
div.dcong_con_list #pro_list > li > div.img_area a img{width:100%;}
div.dcong_con_list #pro_list > li > div.img_area a div.hover_box{display:none; position: absolute; top:0; left:0; width: 100%; height:100%; background: rgba(0,0,0,0.7); border-radius:10px;}
div.dcong_con_list #pro_list > li > div.img_area a:hover > div.hover_box{display: block;}
div.dcong_con_list #pro_list > li > div.img_area a div.hover_box > span{display:block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:40px; height:40px; background:#db3333 url("./img/ico_hover_plus.png") center center no-repeat; border-radius: 3px;}
div.dcong_con_list #pro_list > li > div.img_area a div.hover_box > p{position: absolute; padding:0 18px; bottom:16px; left:0; width: 100%; box-sizing: border-box;}
div.dcong_con_list #pro_list > li > div.img_area a div.hover_box > p:after{ display:block; clear:both; content:"";}
div.dcong_con_list #pro_list > li > div.img_area a div.hover_box > p span{color:#fff;}
div.dcong_con_list #pro_list > li > div.img_area a div.hover_box > p span.pro_tit{float:left;}
div.dcong_con_list #pro_list > li > div.img_area a div.hover_box > p span.price{float:right;}
div.dcong_con_list #pro_list > li > div.info {position:relative; display:none; padding:20px;} /* 정보영역 */
div.dcong_con_list #pro_list > li > div.info > span { display:block; width:50px; height:20px; border:1px solid #6e6e6e; font-size:11px; line-height:22px; color:#3c3c3c; text-align:center; }
div.dcong_con_list #pro_list > li > div.info > p { margin-top:10px; line-height:14px; color:#6e6e6e; }
div.dcong_con_list #pro_list > li > div.info > strong { position:absolute; top:50px; right:20px; font-weight:900; font-size:14px; color:#3c3c3c;  }
div.dcong_con_list #pro_list > li > ul.ico_list {display:none; position:absolute; top:0; padding: 10px 0 0 10px;}
div.dcong_con_list #pro_list > li:hover > ul.ico_list{display:block;}
div.dcong_con_list #pro_list > li > ul.ico_list:after { display:block; clear:both; content:''; }
div.dcong_con_list #pro_list > li > ul.ico_list > li { display: inline-block; }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a { display:block; position:relative; width:30px ;height:30px; background:#999 url("/webuser/img/ico_list.png") 0 0 no-repeat; border-radius: 3px;}
div.dcong_con_list #pro_list > li > ul.ico_list > li > a.ico01 { background-position:0 0 }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a.ico02 { background-position:-35px 0 }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a.ico03 { background-position:-67px 0 }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a.ico04 { background-color:#333; background-position:-91px 0 }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a > span { display:none; position:absolute; top:-21px; left:50%; width:50px; height:25px; margin-left:-25px;background:url("/webuser/img/ico_icon_txt.png") 0 0 no-repeat; }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a:hover span, div.dcong_con_list > ul > li > div.ico_list ul > li > a:focus span { display:block }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a.ico01 span { background-position:0 0 }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a.ico02 span { background-position:0 -25px }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a.ico03 span { background-position:0 -50px }
div.dcong_con_list #pro_list > li > ul.ico_list > li > a.ico04 span { width:100px; margin-left:-50px; background:url("/webuser/img/ico_icon_txt2.png") 0 0 no-repeat;  }
/*div.dcong_con_list > ul > li > p.sales { position:absolute; bottom:12px; right:10px; font-size:11px; color:#818181; }*/
div.dcong_con_list #pro_list > li > p.sales {display: none;  position:absolute; bottom:12px; right:10px; font-size:14px; font-weight:900;  color:#3c3c3c; }
div.dcong_con_list div.mb-down{display:none;}
div.dcong_con_list ul.ico_list li:hover > div.mb-down,
div.dcong_con_list #pro_list > li > ul.ico_list > li.mb-open > div.mb-down{position:relative; display:block;}
div.dcong_con_list ul.ico_list li:hover > div.mb-down ul{position: absolute; display:flex; width: 240px; margin-left:-120px; background-color: #fff;border: 1px solid #23232c;background: #fff; border: 1px solid #ccc;}
div.dcong_con_list ul.ico_list li:hover > div.mb-down li:hover {color: #fe7235;}
div.dcong_con_list ul.ico_list li:hover > div.mb-down li a{position:relative; display:block; width: auto; height: 32px;line-height: 32px;padding: 0 10px; text-align:center; border-top: 1px solid #f4f4f4;}
div.dcong_con_list ul.ico_list li:hover > div.mb-down li:nth-child(2) a:after{display: block; position: absolute; top: 11px; left: 0; content: ""; width: 1px; height: 10px; background: #555; }

div.dcong_con_list #pro_list > li.no_data {display:block; position:relative; width:750px; left:50%;  margin:20px 0 20px -375px; padding:150px 0 40px 0;border:0;font-size:16px; font-weight:bold; background:url("/webuser/img/ico_search3.png") 50% 60px no-repeat;text-align:center}
div.dcong_con_list #pro_list > li.no_data > strong {font-weight:900;color:#f2434f}
body.product_list div.dcong_con_list #pro_list > li.no_data > span {display:block; padding-top:15px; font-size:12px;  font-weight:normal;}
div.dcong_con_list #pro_list > li.no_data > span > a > strong {font-weight:900;}
div.dcong_con_list #pro_list > li.no_data > img {display:block; padding-top:50px;}

div.dcong_con_list > a{display:block;position:absolute;right:0;width:60px;height:60px;background:url("../../img/btn/list_control.gif") no-repeat}
div.dcong_con_list > a.btn_list_prev{top:0;background-position:0 0}
div.dcong_con_list > a.btn_list_prev:hover,.product_list .dcong_con_list > a.btn_list_prev:focus{background-position:-60px 0}
div.dcong_con_list > a.btn_list_next{top:70px;background-position:0 -60px}
div.dcong_con_list > a.btn_list_next:hover,.product_list .dcong_con_list > a.btn_list_next:focus{background-position:-60px -60px}

/* 상품 연관콘텐츠 */
#content div.rel_img_wrap{margin:50px 0 30px;  background:#f5f5f5;}
#content div.rel_img {position:relative;margin-bottom:15px; padding:0px 0 40px; font-size:12px;}
#content div.rel_img > div.flex{margin-bottom:30px; }
#content div.rel_img p.txt_alert {background:url("./img/ico_alert02.gif") no-repeat 0 0;color:#6e6e6e}
#content div.rel_img p.txt_alert span {font-weight:900;color:#3c3c3c; font-size: 18px;}

p.list_info span.btn_more a, span.btn_more button {display:inline-block; overflow:hidden; position:relative; padding:0 20px; width: 120px; height:40px; margin-left:10px; border:1px solid #ddd; border-radius:3px; font-size:12px; line-height:38px; background:#f7f7f7 url("./img/ico_btn_plus.gif") 88px 12px no-repeat;color:#666; text-decoration:none !important; cursor:pointer; box-sizing:border-box;}
#content div.rel_img p.list_info span.btn_more a:hover, span.btn_more button:hover,
#content div.rel_img p.list_info span.btn_more a:focus, span.btn_more button:focus,
#content div.rel_img p.list_info span.btn_more a:active, span.btn_more button:active {border:1px solid #333;background-color:#fff;color:#333;}
#content div.rel_img p.list_info span.btn_incart{}
#content div.rel_img p.list_info span.btn_incart a,#content div.rel_img p.list_info span.btn_incart button{background:#333; padding: 6px; color:#fff;}

#content div.rel_img > div.rel_roll {*overflow:hidden;position:relative;width:1280px !important}
#content div.rel_img > div.rel_roll > div.rel_roll_area{width:1280px !important; overflow: hidden;}
#content div.rel_img > div.rel_roll > div.rel_roll_area > ul {}
#content div.rel_img > div.rel_roll > div.rel_roll_area > ul:after {clear:both;display:block;content:""}
#content div.rel_img > div.rel_roll > div.rel_roll_area > ul > li {float:left; margin-right:45px; border:10px solid #fff; border-radius:10px;}


/*
#popup_wrap div.popup_content > div.rel_img > div.rel_roll > div.rel_roll_area > ul > li > a {display:block;width:100px;height:69px;border:1px solid #d2d2d2;text-align:center}
#popup_wrap div.popup_content > div.rel_img > div.rel_roll > div.rel_roll_area > ul > li > a > img { width:100px;height:69px; }
*/
#content div.rel_img div.rel_roll > div.rel_roll_area > ul > li > a.img_area {display:table-cell; float:none; width: 200px; height:200px; margin:0; text-align:center; font-weight:normal; line-height:auto; vertical-align: middle; background:#fff; box-sizing: border-box;}
#content div.rel_img div.rel_roll > div.rel_roll_area > ul > li > a.img_area img {width:100%; max-width: 200px; max-height: 200px; border:0;}
#content div.rel_img > div.rel_roll > div.rel_roll_area > ul > li > p.img_area {display:table-cell; float:none; width: 200px; height:200px; margin:0; text-align:center; font-weight:normal; line-height:auto; vertical-align: middle; border:1px solid #e6e6e6; background:#fff;}
#content div.rel_img > div.rel_roll > div.rel_roll_area > ul > li > p.img_area img {width: 198px; height: 200px; border:0;}

#content div.half-roll-wrap{background:#fff;}
#content div.half-roll-wrap div.rel_img > div.rel_roll{width:100% !important;}
#content div.half-roll-wrap div.rel_img > div.rel_roll > div.rel_roll_area{width:620px !important;}
#content div.half-roll-wrap div.rel_img > div.rel_roll > div.rel_roll_area > ul > li{margin-right:22px; border:3px solid #ccc; border-radius:2px;}
#content div.half-roll-wrap div.rel_img div.rel_roll > div.rel_roll_area > ul > li > a.img_area,
#content div.half-roll-wrap div.rel_img > div.rel_roll > div.rel_roll_area > ul > li > p.img_area{width:100px; height:100px;}
#content div.half-roll-wrap div.rel_img div.rel_roll > div.rel_roll_area > ul > li > a.img_area img,
#content div.half-roll-wrap div.rel_img > div.rel_roll > div.rel_roll_area > ul > li > p.img_area img{width:100%; height:100px;}


#content div.rel_img > div.rel_roll > div.rel_roll_control > button {display:block;position:absolute;top: 50%; transform: translateY(-50%);z-index:10;width:40px;height:40px;background:#fff url("./img/btn_rel.png") no-repeat 0 0; border:1px solid #ddd; border-radius: 3px;}
#content div.rel_img > div.rel_roll > div.rel_roll_control > button.btn_prev {left:-20px;background-position:-5px -5px;}
#content div.rel_img > div.rel_roll > div.rel_roll_control > button.btn_next {right:-10px;background-position:-5px -55px}

#content div.rel_img > div.rel_roll > div.rel_roll_nodate {line-height:71px; text-align:center;}

#content div.product_content_wrap{padding-top: 30px; padding-bottom:120px; border-top:1px solid #ddd; }
#content div.product_content:after{display: block; content: ""; clear: both;}
#content div.product_content{display: flex; justify-content: space-between;}
#content div.product_content > div.img_info{ width:48%; background: #fff; padding: 50px 60px; box-sizing: border-box;}
#content div.product_content > div.img_info > div.img_area {position:relative; width:100%; min-height:400px; border:1px solid #ddd; border-radius:10px; overflow: hidden; text-align:center; box-sizing: border-box;}
#content div.product_content > div.img_info > div.img_area > a { display: block;}
#content div.product_content > div.img_info > div.img_area > a.on { }
#content div.product_content > div.img_info > div.img_area > a > div.view_more  {}
#content div.product_content > div.img_info > div.img_area img {max-width:100%; }
#content div.product_content > div.img_info > div.img_area div.tag_box{position:absolute; bottom:0; width:100%; padding:40px 40px 20px 40px ; background:linear-gradient( to bottom, rgba(0,0,0,0),rgba(10,10,10,0.7), rgba(10,10,10,0.7) ); box-sizing: border-box; font-size:14px; z-index: 1;}
#content div.product_content > div.img_info > div.img_area div.tag_box a{display:inline-block; margin:3px 3px 3px 0; border:1px solid #ccc; border-radius:5px; padding:3px; color:#fff;}
#content div.product_content > div.img_info > div.img_area div.tag_box a:hover{background:rgba(219,51,51,1); border:1px solid rgba(219,51,51,1); text-decoration: none;}
/*#content div.product_content > div.img_info > div.img_area a.btn_open_original:focus, a.btn_open_original:active, a.btn_open_original:hover {display:block; background:#000;}*/
/*#content div.product_content > div.img_info > div.img_area a.btn_open_original:focus img, a.btn_open_original:active img, a.btn_open_original:hover img {*/
/*-ms-filter:alpha(opacity=90); filter: alpha(opacity=90); opacity: 0.9; */
/*}*/

#content div.product_content div.img_info > ul.btn_view_more {position:relative;z-index:20;*zoom:1; margin:50px 0 20px;}
#content div.product_content div.img_info > ul.btn_view_more:after {display:block;clear:both;content:''}
#content div.product_content div.img_info > ul.btn_view_more li {float:left; margin-left:-1px}
#content div.product_content div.img_info > ul.btn_view_more li:first-child {margin-left:0}
#content div.product_content div.img_info > ul.btn_view_more li a{display:block; padding:0 20px; width:190px; height:50px; line-height:50px; border-radius:3px; font-size:12px; background:#434a54 url("./img/ico_btn_detailed_view.png") 150px center no-repeat ; color:#fff; text-decoration:none !important; box-sizing: border-box;}
#content div.product_content div.img_info > ul.btn_view_more li a:focus,
#content div.product_content div.img_info > ul.btn_view_more li a:active,
#content div.product_content div.img_info > ul.btn_view_more li a:hover{background-color:#333;}

ul.btn_go_to_license{display:flex; justify-content:space-between; margin:18px 0;}
ul.btn_go_to_license li{}
ul.btn_go_to_license li a,
ul.btn_go_to_license li a:focus,
ul.btn_go_to_license li a:active,
ul.btn_go_to_license li a:hover,
ul.btn_go_to_license li button,
ul.btn_go_to_license li button:focus,
ul.btn_go_to_license li button:active,
ul.btn_go_to_license li button:hover{display:inline-block; padding:0 30px; height:40px;  box-sizing: border-box; line-height:40px; border-radius:3px; font-size:12px; background:#434a54; color:#fff;text-align:center;text-decoration:none !important;}
ul.btn_go_to_license li button{width:auto; }
ul.btn_go_to_license li a.primary{background:#db3333;}

#content div.product_content > div.view_info { position: relative; z-index:50; width:50%; background: #fff; padding: 50px 60px; box-sizing: border-box;}
#content div.product_content > div.view_info > div.info > p > span {margin-right:10px; display:inline-block; padding:0 16px;height:38px; border:1px solid #ddd; font-size:12px;line-height:38px;color:#666; background:#f7f7f7; border-radius: 3px; vertical-align: top;}
#content div.product_content > div.view_info > div.info > p.txt {margin-bottom:35px; height:40px; font-weight:bold; font-size:30px;line-height:40px; color:#333;}

#content div.product_content > div.view_info > div.read-box{margin:40px 0; padding:20px 20px; background:#f5f5f5; border:1px solid #eee;}
#content div.product_content > div.view_info > div.read-box h4{padding-bottom:10px; font-size:14px; font-weight:600; color:#333;}
#content div.product_content > div.view_info > div.read-box p.line{position:relative; padding:2px 0; padding-left:8px;}
#content div.product_content > div.view_info > div.read-box p.line:after{display:block;position:absolute; top:3px; left:1px; content: "-";}
#content div.product_content > div.view_info > div.read-box p a{padding:1px 5px; background:#333; color:#fff;}

#content div.product_content > div.view_info > div.lic {padding-top:20px; margin-bottom:20px;}
#content div.product_content > div.view_info > div.lic div.tit-box .flex{display:flex; justify-content: space-between; padding-bottom:10px;}
#content div.product_content > div.view_info > div.lic div.tit-box h4{font-size:18px; font-weight:600; color:#333;}
#content div.product_content > div.view_info > div.lic table{border-top:2px solid #000}
#content div.product_content > div.view_info > div.lic table tr .choice{border-right:1px solid #ddd; text-align: center;}
#content div.product_content > div.view_info > div.lic table tr .price{border-left:1px solid #ddd;}
#content div.product_content > div.view_info > div.lic table tr th{height:48px; background: #f7f7f7; vertical-align: middle; font-size:11px; border-bottom:1px solid #ddd;}
#content div.product_content > div.view_info > div.lic table tr td{padding:15px 15px; vertical-align: middle;  border-bottom:1px solid #ddd;}
#content div.product_content > div.view_info > div.lic table tr td:nth-child(2){padding:15px 20px;}
#content div.product_content > div.view_info > div.lic table tr td label,
#content div.product_content > div.view_info > div.lic table tr td p span{display:block; margin-bottom:5px; font-weight: bold; color:#333;}
#content div.product_content > div.view_info > div.lic table tr td p span{font-size: 12px;}
#content div.product_content > div.view_info > div.lic table tr td p{font-size: 11px; word-break:keep-all;}
#content div.product_content > div.view_info > div.lic table tr td.price {font-size:14px; font-weight:bold; ;color:#db3333; text-align:center;}

#content div.product_content > div.view_info > div.btn_area {margin-bottom: 35px;}
#content div.product_content > div.view_info > div.btn_area span.btn_layer{display: block; margin-right: 5px;}
#content div.product_content > div.view_info > div.btn_area span.btn_layer button{margin-bottom: 0; display: block; width:50px; height:50px; line-height:48px; border:1px solid #ccc; border-radius: 3px; box-sizing:border-box; background: #f7f7f7; color: #666;}
#content div.product_content > div.view_info > div.btn_area span.btn_layer button i{font-size: 20px;}
#content div.product_content > div.view_info > div.btn_area span.btn_layer button:hover{background: #666; border:1px solid #666; color:#fff;}
#content div.product_content > div.view_info > div.btn_area span.btn_layer button.primary{width:184px; background: #db3333; border:1px solid #db3333; color:#fff;}
#content div.product_content > div.view_info > div.btn_area span.btn_layer button.primary:hover{background: #333; border:1px solid #333;}
#content div.product_content > div.view_info > div.btn_area span.btn_layer button.primary.black{background:#333; border:1px solid #333;}

#content div.product_content > div.view_info > div.btn_info{border:1px solid #ccc; border-radius: 5px; box-sizing:border-box;}
#content div.product_content > div.view_info > div.btn_info a img{width:100%; height:100%;}
#content div.product_content > div.view_info > div.btn_info dl{font-size:14px;}
#content div.product_content > div.view_info > div.btn_info dl dt{min-width:120px; font-size:16px; color:#333;}
#content div.product_content > div.view_info > div.btn_info dl dd .primary{color:#db3333;}
#content div.product_content > div.view_info > div.btn_info dl dd div{ padding-top:5px; }
#content div.product_content > div.view_info > div.btn_info dl dd div a{position:relative; padding:3px 3px 3px 0; font-weight:bold; color:#333;}
#content div.product_content > div.view_info > div.btn_info dl dd div a:after{display:block; position:absolute; width:100%; height:1px; bottom:-1px; left:-2px; background:#333; content: "";}
#content div.product_content > div.view_info > div.btn_info dl dd div a:hover{text-decoration:none; color:#db3333; }
#content div.product_content > div.view_info > div.btn_info dl dd div a:hover:after{background:#db3333;}

#content div.product_content > div.view_info > div.info02{margin-bottom: 30px;}
#content div.product_content > div.view_info > div.info02 ul{}
#content div.product_content > div.view_info > div.info02 ul:after{display:block;clear:both;content:''}
#content div.product_content > div.view_info > div.info02 ul li{float:left; padding:0 15px; width:100px; box-sizing: border-box; background:url("./img/bg_line.gif") right top no-repeat;}
#content div.product_content > div.view_info > div.info02 ul li:first-child{padding-left:0; width:88px;}
#content div.product_content > div.view_info > div.info02 ul li:last-child{padding-right: 0;  background:none; width:88px;}
#content div.product_content > div.view_info > div.info02 ul li span.ico,
#content div.product_content > div.view_info > div.info02 ul li i{margin-bottom:18px; display:inline-block; width:24px; height:24px; background:url("./img/ico_product_viewinfo.png")}
#content div.product_content > div.view_info > div.info02 ul li i{background:none; font-size: 24px;}
#content div.product_content > div.view_info > div.info02 ul li:first-child span.ico{background-position:0 0;}
#content div.product_content > div.view_info > div.info02 ul li:nth-child(2) span.ico{background-position:-35px 0;}
#content div.product_content > div.view_info > div.info02 ul li:nth-child(3) span.ico{background-position:-74px 0;}
#content div.product_content > div.view_info > div.info02 ul li:nth-child(4) span.ico{background-position:-109px 0;}
#content div.product_content > div.view_info > div.info02 ul li:nth-child(5) span.ico{background-position:-146px 0;}
#content div.product_content > div.view_info > div.info02 ul li:last-child span.ico{background-position:-180px 0;}
#content div.product_content > div.view_info > div.info02 ul li dl dt{margin-bottom:8px; font-weight:600; color: #333;}

#content div.product_content > div.view_info > div.info02 ul li dl dd.more{cursor: pointer; position: relative;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > span{color: red}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box{display: none; padding: 20px; position: absolute; top: 15px; right: 0; background: #f5f5f5;  width: 500px;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box > div.box{background: #fff; padding: 15px;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box div p.tit{margin-bottom: 15px; font-size: 18px;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box div div.flex{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; justify-content: space-between}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box div div.flex > div:first-child{width: 20%; border-right: 1px solid #ddd;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box div div.flex > div:last-of-type{width: 80%; box-sizing: border-box; padding: 0 20px; border: 0;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box div div.flex ul{border: 0;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box div div.flex ul li{float: unset; border: 0; width: 100%; padding: 5px 0; background: none;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more > div.more-box div div p{text-align: left; padding-top: 10px; font-size: 12px; padding-left: 0; color: red}

#content div.product_content > div.view_info > div.info02 ul li dl dd.more:hover > div.more-box{display: block; z-index: 100;}

#content div.product_content > div.view_info > div.info02 ul li dl dd.more.font-area{}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more.font-area > span{color: #222;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more.font-area > div.more-box{right: unset; left: 0; width: 100%; padding: 10px;}
#content div.product_content > div.view_info > div.info02 ul li dl dd.more.font-area > div.more-box > div.box{ padding: 10px;}}


#content div.product_content > div.view_info div.tag_box{padding:20px 0 22px; border-bottom:1px solid #ddd;}
#content div.product_content > div.view_info div.tag_box ul{flex-wrap: wrap;}
#content div.product_content > div.view_info div.tag_box a{display: block; margin-bottom:8px; color:#666; background: #f5f5f5; font-weight: bold; margin-right: 10px; padding: 5px 15px; border-radius: 40px; border: 0.1rem solid #ddd;}

/* 키워드 */

/* 제품 리스트 */
#wrap {min-width:1280px}
#aside {}
#container {}
#container div.containerWrap{width:auto;}
#container div.containerWrap #content{width:100%;min-height:850px;margin-left:0; background: #f5f5f5;}
#aside{width: 100%;}

/* 제품 리스트-aside */
#aside div.box {position:relative;width:155px;border:1px solid #a0a0a0;border-radius:3px;background:#fff;box-shadow:4px 4px 1px rgba(160,160,160,0.3);}
#aside div.box > div.search {padding:18px 7px;background:#f0f0f0}
#aside div.box > div.search > p {margin-bottom:20px;padding-left:20px;font-weight:900;line-height:12px;background:url("./img/ico_search2.gif") 0 50% no-repeat;color:#3c3c3c;}
#aside div.box > div.search input.searchbox {position:relative;width:140px;height:35px;border:1px solid #d2d2d2;border-radius:3px;line-height:33px;background:#fff;text-indent:10px}
#aside div.box > div.search input.searchbox_submit {position:absolute;top:60px;right:17px;}

div.dcong_con_list{/*padding-top:30px; border-top:1px solid #ddd;*/}
div.dcong_con_list div.btn_pro_list{position:relative}
div.dcong_con_list div.btn_pro_list div.box{margin-bottom: 45px;}
div.dcong_con_list div.btn_pro_list div.btn_top{top:0; right:200px; padding: 7px 10px; height:40px; border:1px solid #ddd; border-radius:3px; box-sizing: border-box;}
div.dcong_con_list div.btn_pro_list span.btn_list > .prev,
div.dcong_con_list div.btn_pro_list span.btn_list > .next{padding:0; width:25px; height:25px; border-radius:0; text-indent: -9999px; border: 1px solid #999;}
div.dcong_con_list div.btn_pro_list span.btn_list > .prev{background:#999 url("./img/btn_top_prev_on.png") 8px 5px no-repeat; }
div.dcong_con_list div.btn_pro_list span.btn_list > .next{background:#999 url("./img/btn_top_next_on.png") 8px 5px no-repeat; }

#move_page_box div.page_number_box{display:inline-block; position: relative; }
#move_page_box div.page_number_box input{padding:0 4px;width:30px; height:25px; box-sizing: border-box;}
#move_page_box div.page_number_box button.btn_page_number{display:inline-block; width:25px; height:25px; box-sizing: border-box; background: #666; color:#fff; border-radius:3px;}

/*div.array {position: absolute; top: -40px;}*/
div.array > p {margin-bottom:20px;padding-left:20px;font-weight:900;line-height:12px;background:url("./img/ico_list2.gif") 0 50% no-repeat;color:#3c3c3c;}
div.array > div.btn_select {display: inline-block; position: absolute; top: 0; right:0;}
div.array span.btn_list.small > .select{width:170px; height:40px; line-height: 38px; background: url("./img/ico_arrow.png") 145px 14px no-repeat; border:none; border-bottom:2px solid #333; border-radius:0;}
div.array > div.btn_select > ul {display:none}
div.array > div.btn_select.open > ul {display:block;position:absolute;top:42px;z-index:30}
div.array > div.btn_select > ul > li {width:170px;height:29px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;line-height:29px;background:#fff;box-sizing:border-box;}
div.array > div.btn_select > ul > li:first-child {border-top:1px solid #d2d2d2;}
div.array > div.btn_select > ul > li > button {display:block; width:100%; height:28px; line-height:28px; padding-left:8px; color:#6e6e6e; box-sizing:border-box; text-align:left; }
div.array > div.btn_select > ul > li > button:hover {color:#3c3c3c;background:#f5f5f5}
div.array > div.btn_select > ul > li:first-child  > button {height:27px; line-height:27px;}
div.array span.btn_list.small button.array{margin-bottom:0; padding:0 20px;width:auto; height:48px; line-height: 46px;}

#content div.section div.inner{margin:0 auto; width: 92%; min-width: 1200px;}
#content div.section.pro_list_wrap{padding:0px 0 95px; /*background: url("./img/bg_pro_list_wrap.jpg");*/}
/*#content div.section.snb_wrap{background: url("./img/bg_snb_wrap.png") center 34px no-repeat ;}*/

/*#aside div.tag {position:relative;width:157px;margin-top:20px;padding:18px 8px;border:1px solid #a0a0a0;border-radius:3px;background:#fff;box-shadow:4px 4px 1px rgba(160,160,160,0.3);box-sizing:border-box;}
#aside div.tag > p {margin-bottom:20px;padding-left:20px;font-weight:900;line-height:12px;background:url("./img/ico_tag.gif") 0 50% no-repeat;color:#3c3c3c;}
#aside div.tag > p.hash_tag {margin:0;padding:0;font-weight:300;font-size:11px;line-height:20px;background:none}
#aside div.tag > p.hash_tag > a { display:inline-block;color:#6e6e6e}
#aside div.tag > p.hash_tag > a:focus, #aside div.tag > p.hash_tag > a:hover {color:#3c3c3c}*/

div.snb {padding:23px 20px 24px; margin:0 0 25px; border-top:none; border-radius:10px; color:#3c3c3c; box-sizing:border-box; background:#434a54 url("./img/bg_pro_snb.jpg");}

div.snb > div.nav1 { border:none; background:none; }
div.snb > div.nav1 > ul:after{display:block;clear:both;content:''}
div.snb > div.nav1 > ul > li {float:left; }
div.snb > div.nav1 > ul > li > a {display:block; height:24px; padding:0 15px; line-height:24px; border-left:none; color:#aab2bd;}
div.snb > div.nav1 > ul > li > a strong {font-size:11px;  color:#aab2bd; }
div.snb > div.nav1 > ul > li.on > a {font-weight:900; color:#fff !important}
div.snb > div.nav1 > ul > li.on > a strong {font-weight:300; color:#fff;}

div.snb > div.nav2 { padding:10px 0 0; border:none; background:none;}
div.snb > div:first-child {border-top:0; }
div.snb > div.nav2 > ul:after{display:block;clear:both;content:''}
div.snb > div.nav2 > ul > li {position:relative; float:left; }
div.snb > div.nav2 > ul > li > a {display:block;  padding:0 12px; color:#aab2bd;}

div.snb > div.nav2 > ul > li > a strong {font-size:11px; color:#aab2bd;}
div.snb > div.nav2 > ul > li:first-child > a {background:none;}
div.snb > div.nav2 > ul > li.on > a ,
div.snb > div.nav2 > ul > li.on > a stong{ color:#fff; }

div.snb > div.nav1 > ul > li > a:hover,
div.snb > div.nav2 > ul > li > a:hover{color:#fff;}
div.snb > div.nav2 > ul > li > ul{display:none; position:absolute; top:20px; left:16px; padding:20px 15px; width:105px; background: #f7f7f7; border:1px solid #ccc; border-radius: 3px; box-sizing: border-box;}
div.snb > div.nav2 > ul > li:hover ul{display:block;}
div.snb > div.nav2 > ul > li ul li a:hover{font-weight: bold;}

div.snb > div.nav3 { background:none;padding:10px 0 0; }
div.snb > div.nav3 > ul:after{display:block;clear:both;content:''}
div.snb > div.nav3 > ul > li {float:left;}
div.snb > div.nav3 > ul > li > a {display:block;  padding:0 15px; font-size:12px; color:#aab2bd;}
div.snb > div.nav3 > ul > li.on > a {color:#fff; }

.one-to-one {margin-bottom: 20px; }
.one-to-one dl{padding-left: 65px; background:url("./img/ico_onetoone.gif") 5px top no-repeat;}
.one-to-one dl dt{margin-bottom: 10px; font-weight:bold; color: #333;}
.one-to-one dl dd{font-size: 12px; word-break:keep-all;}
.one-to-one a {display:inline-block; padding:0 20px; height: 40px; margin-top:25px; text-align: center; line-height: 40px; font-size: 12px; font-weight: bold; background: #666; color: #fff; text-decoration: none; border-radius: 3px;}
.one-to-one a:hover{background: #db3333;}
.custom-order-box{ background:url("./img/bg-customorder.png") center center #f5f5f5; background-size:cover; padding:50px 0; text-align:center; }
.custom-order-box dl dt{padding-bottom:20px;font-size:24px; font-weight: bold; color:#222;}
.custom-order-box dl dd{font-size:16px;}
.custom-order-box dl dd p:nth-child(3){padding-top:20px;}
.custom-order-box a {display:inline-block; padding:0 20px; height: 40px; margin-top:25px; text-align: center; line-height: 40px; font-size: 14px; font-weight: bold; background: #db3333; color: #fff; text-decoration: none; border-radius: 3px;}
.custom-order-box a:hover{background: #333;}

ul.guide_info{margin-bottom: 40px; margin-top:40px;}
ul.guide_info:after{display: block; content: ""; clear: both;}
ul.guide_info li{float:left; width:50%;}
ul.guide_info li:after{display: block; content: ""; clear: both;}
ul.guide_info li > div{float:left; box-sizing: border-box;}
ul.guide_info li div.ico{position:relative; width:45px; height:40px; background:url("./img/ico_guide_info.png")}
ul.guide_info li:first-child div.ico{background-position:0 0;}
ul.guide_info li:nth-child(2) div.ico{background-position:-57px 0;}
ul.guide_info li div.cont{padding:0 35px 0 20px; width:595px; box-sizing:border-box;}
ul.guide_info li div.cont p.tit{margin-bottom:10px; font-weight:600; color:#333;}
ul.guide_info li:nth-child(2) div.cont{padding:0 28px 0 20px;}

/* 현재 위치와 맞지 않아 수정함 230622 jepark */
/*#product_list_btn{position: fixed; top:50%; left: 50%; transform:translate(-50%, -50%); margin-left: 745px;}*/
#product_list_btn{position: fixed; top:50%; right: 20px;}
#product_list_btn li{width:70px; height:70px; margin:4px 0;}
#product_list_btn li a{display: block; height:70px; border: 1px solid #ccc; background:#fff url("./img/ico_product_list_btn.png") no-repeat; box-sizing:border-box; }
#product_list_btn li.prev a{background-position: 0 0;}
#product_list_btn li.next a{background-position: -63px 0;}
#product_list_btn li.top a{background-position: -123px 0;}

@media screen and (max-width: 1080px) {
    #wrap{min-width:360px;}
    #container{min-width:360px;}
    #content div.section div.inner{width:100%; padding:4%; box-sizing: border-box;}
    #content div.product_content > div.view_info > div.info02 ul li{width:33.3%; padding-bottom:20px;}
    #content div.product_content > div.view_info > div.info02 ul li:first-child{width:33.3%; padding-left:15px;}

    #content div.product_content > div.img_info {width: 100%; margin-bottom:80px; }
    #content div.product_content > div.view_info{width:100%;}
    #content div.product_content > div.view_info > div.btn_area span.btn_layer{margin-bottom:10px;}
    #content div.product_content > div.view_info > div.btn_area span.btn_layer button.primary.black{width:100%;}
}