@CHARSET "UTF-8";

body { margin: 0px; padding: 0px; font-family: 'Pretendard','Poppins', sans-serif !important; }

#wrap { overflow-x:hidden; overflow-y:hidden; position:relative; width:100%; min-width:1100px; }
/*#IvyFooter { width:100%; margin:0 auto; overflow:hidden; clear:both; padding:20px 0px; background:#000;}-----type1*/
#IvyFooter { width:100%; margin:0 auto; overflow:hidden; clear:both; background:#222; }

/*mypage*/
#IvyMain #contWrap #IvyLeftMenu { float:left; width:200px; margin-top:30px; }
#IvyMain #contWrap #IvyRightContent { float:right; width:870px; margin-top:30px; }

/*top*/
#IvyTop {/*background: linear-gradient(332deg, rgb(255 227 239) 0%, rgb(208 229 255) 100%);*/}
#IvyTop div.header {position:relative; top:0; left:0; z-index:20; width:100%; height:160px; background:url("/Ivyimages/site/printbe/main/header_bg.gif");}
#IvyTop div.topBox{ width:1100px; margin:0 auto; padding-top:2px; height:72px; position:relative;  }
#IvyTop div.util { float:right; height: 30px; }
#IvyTop div.util ul { padding:0 10px 10px 0; margin:0; list-style-type:none; float:right;  }
#IvyTop div.util ul li { float:left; padding:0px 6px 0 10px; margin-top:6px; }
#IvyTop div.util ul li.first { border-left:0px solid #707070; }
#IvyTop div.util ul li a {color:#010101; font-size:13px; text-decoration:none;}
#IvyTop div.util ul li. a:first-child {background: none;}
#IvyTop div.util img{vertical-align:middle;padding:0; width:15px; height:15px;}
#IvyTop div.util ul li.t_menu01 { background:url("/Ivyimages/site/printbe/main/btn_my.png")no-repeat left center; background-size:15px 15px; padding-left:18px; margin-left:10px;}
#IvyTop div.util ul li.t_menu02 { background:url("/Ivyimages/site/printbe/main/btn_cart.png")no-repeat left center; background-size:15px 15px; padding-left:18px; margin-left:10px;}
#IvyTop h1 { position:absolute; left:35%; /*margin-left: -100px;*/ top:100%; }
#IvyTop div.top_banner_slide { position: absolute; top: 82px; left: 10px; width: 255px; height: 30px;}
#IvyTop div.top_banner_slide div {display:inline-block; padding-right:3px;}


/*search*/
#IvyTop div.search {position:absolute; right:0; top:85px; width:270px; height:35px; overflow:hidden;}
#IvyTop div.search input.search_box  {border-radius:20px;background-color:#f4f4f4; box-shadow:none; position:absolute; top:0; left:0; width:230px; height:35px; line-height:35px;border:none; padding:0 10px 0 15px; font-size:12px; color:#666; box-sizing:content-box;}
#IvyTop div.search input.search_box:focus-visible { outline:none; }
#IvyTop div.search input.searchbtn { position:absolute; top:8px; right:33px; width:17px; height:17px; border:none;}
#IvyTop div.gnbBox {width:100%; margin:0 auto; height:49px; display:block; border-bottom:1px solid #dddddd; /*background-color:#323a45;*/ background-color:#fff;  box-sizing:content-box; padding-bottom:5px; }
#IvyTop div.gnb {width:1100px; margin:0 auto;}


/*new_퀵메뉴_*/
.new_qmenu_wrap{position: fixed; top: 30%; right: 15px;}
.new_qmenu_wrap ul.new_qmenu{list-style: none; width: 77px; background-color: #000; opacity:0.6; text-align: center; border-radius: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }

.new_qmenu_wrap li{position: relative; margin-bottom: 10px;}
.new_qmenu_wrap li p.ptype_20 {color: #fff; font-size: 11px;}

/* content */
#IvyMain { width:100%; }
#IvyMain #contWrap { width:1100px; margin:0px auto; }
#IvyMain #contWrap div.contTop { border-bottom:1px solid #333; height:80px; }
#IvyMain #contWrap div.sub_Tit h2 { float:left; font-size:26px; font-weight:500; padding:0px; margin:35px 0px 0px 5px; }
#IvyMain #contWrap div.sub_Position { float:right; background:url("/Ivyimages/common/mall/ico_home.jpg") no-repeat 0px 2px; padding:0px 0px 5px 35px; margin:50px 10px 0px 0px; }
#IvyMain #contWrap div.sub_Position span.home { position:absolute; display:block; width:100%; top:-1000px; left:0px; z-index:999; }

/*main - footer_type1*/
#IvyFooter div.footerBox {width:1100px; margin:0 auto; position:relative; /*font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic";*/ }
#IvyFooter div.footerLink {display:block; padding:10px 0px;}
#IvyFooter div.footerLink ul {margin:10px 0 20px 0;}
#IvyFooter div.footerLink ul li {float:left; list-style-type:none; font-size:13px; line-height:13px; margin-right:20px; padding-right:20px; background: url("/Ivyimages/site/printbe/main/copy_dot.png") no-repeat right 9px; }
#IvyFooter div.footerLink ul li:last-child {background:none;}
#IvyFooter div.footerLink ul li a {display:block; padding:2px 0px; color:#eaeaea; text-decoration:none; }
#IvyFooter div.footer {clear:both;margin-top:20px;}
#IvyFooter div.footer p span {display:inline-block; padding-right:10px;font-size:13px; color:#eaeaea;}
#IvyFooter div.footer p span a {color:#eaeaea;}
#IvyFooter div.footer p.copyr {font-size:12px; color:#e5e5e5;}

/*main - footer_type2*/
#IvyFooter div.footer_type2 {position:relative;width:100%;margin:0 auto;padding:50px 0px;overflow:hidden; color:#7f7f7f;}
#IvyFooter div.footer_type2 a {color:#cbcbcb;}
#IvyFooter div.footer_type2 a:hover {color:#fff; text-decoration:none;}
#IvyFooter div.footer_type2 p {margin-bottom:0px;}
#IvyFooter div.footer_type2 ul li:nth-child(3) p:nth-child(4) {margin-top:20px;}
#IvyFooter div.footer_type2 ul li:nth-child(3) p:nth-child(2) {font-weight:bold; font-size:18px; line-height:25px;}
#IvyFooter div.footer_type2 ul li:nth-child(3) p:nth-child(n+4):nth-child(n+5) {font-weight: 500;}
#IvyFooter div.footer_type2 ul {margin:0; padding:0;}
#IvyFooter div.footer_type2 ul li {position:relative;float:left;font-size:13px; list-style:none;}
#IvyFooter div.footer_type2 ul li.about {width:14%;}
#IvyFooter div.footer_type2 ul li.about p {margin-bottom:7px;}
#IvyFooter div.footer_type2 ul li.info {width:50%;}
#IvyFooter div.footer_type2 ul li.service {width:21%;}
#IvyFooter div.footer_type2 ul li.sns {width:10%;}
#IvyFooter div.footer_type2 dl {margin-top:0;}
#IvyFooter div.footer_type2 dt {float:left;clear:both; font-weight:500;color:#8e8e8e; line-height:25px;}
#IvyFooter div.footer_type2 dd {float:left;line-height:25px;margin-left:10px; margin-bottom:0; }
#IvyFooter div.footer_type2 p.foot_tit {font-size:16px;font-weight:bold; /*color:#fff;*/ margin-bottom:5px;}
#IvyFooter div.footer_bottom {border-top:1px solid #212121; bottom:0px; padding:10px;}
#IvyFooter div.footer_bottom div.copyright {width:1100px; margin:0 auto;}
#IvyFooter div.footer_bottom p.copyr {float:right; color:#666666;font-size:12px;}
#IvyFooter div.sns_con {float: left;}
#IvyFooter div.sns_con ul {margin: 0; padding: 0;}
#IvyFooter div.sns_con ul li {list-style: none; vertical-align: top; display: block; width:100%;}
#IvyFooter div.sns_con ul li:after {content: ''; display: block; }
#IvyFooter div.sns_con ul li+li {margin-top: 8px;}
#IvyFooter div.sns_con ul li a {float: left; position: relative; padding-left: 32px; height: 24px; line-height: 24px; font-size: 12px; color: #c5c5c5;}
#IvyFooter div.sns_con ul li a:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-image: url("/Ivyimages/site/printbe/main/footer_sns.png"); background-repeat: no-repeat;}
#IvyFooter div.sns_con ul li.facebook a:after {background-position: 0 0;}
#IvyFooter div.sns_con ul li.twiter a:after	{background-position: 0 -24px;}
#IvyFooter div.sns_con ul li.instagram a:after{background-position: 0 -48px;}
#IvyFooter div.sns_con ul li.blog a:after{background-position: 0 -72px;}

#IvyFooter div.webhard {font-size:13px;}
#IvyFooter div.webhard p:nth-child(1) {/*color:#fa4d4d;*/ font-weight:bold;margin-bottom:5px;}

#IvyFooter .pageTop { position:fixed; bottom:70px; right:76px; -webkit-transition: margin-bottom 0.3s ease-out, opacity 0.3s ease-out; transition: margin-bottom 0.3s ease-out, opacity 0.3s ease-out;}
#IvyFooter button { cursor:pointer; width:auto; overflow:visible; vertical-align:middle; background:none; margin:0; padding:0; border:0; background:transparent; border:none; box-sizing:border-box; }