2023-11-06
@font-face{ font-family:'modernpics'; 
			src: url('https://afg.ofgod.com/LIB/FONT/modernpics-webfont.eot'); 
			src: url('https://afg.ofgod.com/LIB/FONT/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
			url('https://afg.ofgod.com/LIB/FONT/modernpics-webfont.woff') format('woff'),
		    url('https://afg.ofgod.com/LIB/FONT/modernpics-webfont.ttf') format('truetype');
			font-weight: normal; font-style: normal; }
@font-face{ font-family:'icon2'; 
			src: url('https://afg.ofgod.com/LIB/FONT/Entypo-webfont.eot'); 
			src: url('https://afg.ofgod.com/LIB/FONT/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
			url('https://afg.ofgod.com/LIB/FONT/Entypo-webfont.woff') format('woff'),
		    url('https://afg.ofgod.com/LIB/FONT/Entypo-webfont.ttf') format('truetype');
			font-weight: normal; font-style: normal; }
			
			
.wrap{ position:relative; width:100%; min-width:1100px; }
.centerWrap{ position:relative; width:1200px; margin:0 auto; }
.width_100_wp{width:100%; margin:0 auto}
.best_banner img{width:100%;}
.fixed{ display:none; }
html{width:100%; height:100%}
body{ font-size:12px; }

.swiper{width:100%; overflow: hidden;}
.mobile_search{ display:none; }

.mobile_menu{ display:none; }

.searchBox{ display:none;  }

.mobile_top_menu{ display:none; }
.mobile_sub_menu{ display:none; }

a.close_ico i{font-size:13px; cursor:pointer; color:#666; border:1px solid #ddd; padding: 8px; background: #fff; vertical-align: middle; box-sizing: border-box;}
a.close_ico:hover i{color:#333}
a.close_ico_s i{font-size:13px; cursor:pointer; color:#777}

.main_con_wp{overflow:hidden; margin-bottom: 100px;}
.newProduct_list{ margin: 20px 0 20px; text-align: center; font-size: 20px; font-weight: bold;}
.main_tit{ padding: 20px 0;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

h1.notop_logo{margin:20px auto 10px; text-align:center}
h1.notop_logo img{max-width:210px;}



/*즐겨찾기, 상단우측메뉴*/
.top{ position:relative; width:100%; margin:0 auto; height:40px; background:#fbfcfd; border-bottom:1px solid #dedede; }
.top a{ display:inline-block; font:normal 12px/14px 'NotoSansKR', sans-serif; color:#555555; }
.top .faivo a{ padding:0px 0px 1px 17px; background:url(/*https://afg.ofgod.com/afg/img/fav_icon.png)*/ no-repeat bottom left; line-height:40px;  }
.top .faivo a:hover{ text-decoration:underline; }
.top .top_nav{ float:right; }
.top .top_nav a{  padding:0px 10px 0px 5px; font:normal 12px/40px 'NotoSansKR', sans-serif; color:#555555; background:/*url(https://afg.ofgod.com/afg/img/bar01.png)*/ no-repeat bottom right; }
.top .top_nav a:hover{ text-decoration:underline; }
.top .top_nav a.last{ padding-right:0px; background:none; }
.top .top_nav .cartNO{color:#d62126;}

.admin_txt{ float:right;  font:bold 13px/40px 'NotoSansKR', sans-serif; margin-right:15px; color:red}
.admin_txt img{vertical-align:middle}

/*인트로 로그인 */
.intro_login{width:100%; height:100%; position:relative; background:#444;}

.intro_login.black{background:#333}
.intro_login.blue{background:#c2d3e4}
.intro_login.red{background:#e8d3d3}
.intro_login.green{background:#c2d3b4}
.intro_login.white{background:#f0f0f0}

.login-bt{margin:32px 0 0;}
.login-bt li{margin:0 0 6px;}
.login-bt li:last-of-type{margin:0;}
.login-bt li button{width:100%; height:52px; font-size:18px; font-weight:500; border:none; border-radius:4px; outline:none;}

.login-bt .btn-login{background:#222; color:#fff; border:none;}
.login-bt .btn-login:hover{background:#da0b0b;}
.login-bt .btn-join{background:#fff; color:#222; border:1px solid #ccc;}
.login-bt .btn-join:hover{border:1px solid #222;}
.login-bt .join-type-kakao{background:#f9e000;}
.login-bt .join-type-kakao img{width:25px;}
.login-bt .join-type-kakao span{font-size:18px; font-weight:500; color:#371c1d; margin:0 0 0 6px;}
.login-bt .join-type-naver{background:#03cf5d;}
.login-bt .join-type-naver img{width:19px; margin:3px 0 0;}
.login-bt .join-type-naver span{font-size:18px; font-weight:500; color:#fff; margin:0 0 0 6px;}
.login-bt .join-type-naver .log_01{height:100%;}
.login-bt .join-type-naver .log_01 a{height:100%; display:flex; justify-content:center; align-items:center; color:#fff;}



.loginBox{width:300px; min-height:420px; margin:80px auto; padding:30px;  background:#fff;}
.loginBox p{margin-bottom:15px; text-align:center; color:#000; font-size:14px; line-height:21px; }
.loginBox h1{margin:0 auto 30px; text-align:center}
.loginBox h1 img{width:70%}
.loginBox input[type=text],.loginBox input[type=password]{width:100%; background:url(https://afg.ofgod.com/img/login_ico.png) no-repeat 4px 5px; border:1px solid #ccc; border-width:0 0 1px 0; height:40px;box-sizing:border-box; line-height:38px; margin:5px 0; padding:0 5px 0 30px;font-size:15px}
.loginBox input[type=password]{ background:url(https://afg.ofgod.com/img/login_ico.png) no-repeat 4px -43px; }
.loginBox .login{width:100%; height:48px; margin:10px 0;  line-height:44px;  font-size:15px;  box-sizing:border-box; background:#444; color:#fff; border:0; border-radius:23px}
.loginBox .login:hover{opacity:0.8; cursor:pointer}
.loginBox .caution{margin:15px auto; text-align:center}

.find_pw{ display:block; margin-top:25px; text-align:center}
.find_pw a{ display:inline-block; line-height:21px; padding:3px 15px 1px; border:1px solid #ddd; margin:0 2px; }
.find_pw a:hover{border:1px solid #aaa; cursor:pointer}

.intro_login.black .loginBox .login{background:#444; }
.intro_login.blue .loginBox .login{background:#4080c1; }
.intro_login.red .loginBox .login{background:#e00b0b; }
.intro_login.green .loginBox .login{background:#52a60f; }
.intro_login.white .loginBox .login{background:#fff; color:#444; border:1px solid #ddd } 
.intro_login.white .loginBox .login:hover{background:#ddd; }

.intro_login{}
.intro_login .intro_foot{position: absolute; bottom: 0; width: 100%; text-align: center; color: #fff;}

/* new 베스트 */
.main_bestSwiper{ padding: 0 0 40px;width: 100%; margin: 0 auto;}
.main_bestSwiper ul{overflow:hidden}
.main_bestSwiper ul li{width:24%; float: left; margin: 0 1% 0 0; min-height: 450px;}
.main_bestSwiper ul li .proImg img{width:100%;}
.main_bestSwiper ul li .proImg{border: 1px solid #e4e4e4; display: block; box-sizing: border-box;}
.main_bestSwiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{}

/* 메인 타이틀 */
.main_tit{padding: 60px 0px 20px; font-size: 25px; ;}
.main_tit span{color:#000}

/* 메인 중간 배너 */
.best_banner{ margin-top: 50px;}

/*탭리스트*/
.pub_tab {margin:15px 0px; *zoom:1;  }
.pub_tab:after {content:" "; display:block; clear:both;}
.pub_tab li {float:left;position:relative;z-index:1; width:150px; margin:0px 6px;}
.pub_tab li.last{ margin-right:0px; }
.pub_tab li.on {z-index:2}
.pub_tab li a { display:block;position:relative; padding:6px 0 8px; font:bold 15px/18px 'NanumGothic-Bold','NotoSansKR', sans-serif; color:#fff;  letter-spacing:-1px; background:#8d8d8d; text-align:center;  border-bottom:none;line-height:19px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
.pub_tab li a:hover {background:#dd1b1b; color:#fff; }
.pub_tab li a.tx2 {padding:5px 0;}
.pub_tab li.on a { background:#dd1b1b; color:#fff; }
.pub_tab li a span {position:absolute;bottom:-6px;left:50%;margin-left:-5px;width:0;height:0;}
.pub_tab li.on a span {position:absolute;bottom:-6px;left:50%;margin-left:-5px; width:9px;height:5px;}
.nProduct {display: flex;flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.nProduct li{ cursor:pointer; text-align:left; width:19%; padding-bottom:2%; box-sizing: border-box;margin-bottom:20px;height: auto !important;}
.nProduct li:after{ clear:both; display:block; content:''}
.nProduct li span.proImg{ clear:both;  display:block;text-align:center; border:1px solid #e4e4e4;}
.nProduct li span.proImg img{ width:100%;}

/* 기본리스트 202209*/
span.proName{ width: 100%; display: block; font-size: 16px; color: #555; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; overflow: hidden; margin: 10px 0;}
span.price_box{}
span.price_box .price04{ font-size: 20px; }
span.price_box .price03{ font-size: 13px; color: #555; text-decoration: line-through;}
span.event_box{ font-size: 15px; border-top: 1px solid #ddd; width: 100%; display: block; margin: 10px 0; padding: 5px; box-sizing: border-box;}

.nProduct.category ul{ display:block; float:left; margin:5px 0px 0px 13px;}
.nProduct.category ul.first{ padding-bottom:18px; }
.nProduct.category ul li{ display:inline-block; float:left; width:146px; height:240px; margin-right:10px; border:1px solid #e4e4e4; cursor:pointer; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;}
.nProduct.category ul li.last{ margin-right:0px; }
.nProduct.category ul li:hover span.proName{ color:#1e77d2; }
.nProduct.category ul li span.proImg{ clear:both;  display:block; width:130px; height:130px; padding:5px 0px; text-align:center; margin:10px auto;}
.nProduct.category ul li span.proImg img{ width:130px; height:130px; }
.nProduct.category ul li span.proName{ clear:both;  display:block; width:90%; height:10px; padding:5px 5px 5px 5px;  margin:0 auto; font:bold 13px/16px dotum; color:#4d4c4c; letter-spacing:-1px; overflow:hidden; text-align:center; }
.nProduct.category ul li span.proPrice{ display:block; width:90%; padding:7px 5px 0px 5px; text-align:center; }
.nProduct.category ul li span.proPrice b.price04{ font:bold 15px/18px dotum; color:#fe0c0b;  }

/*아이콘*/
.nProduct span.icon_img{display:block;width:100%;text-align:left;box-sizing:border-box;}
.nProduct span.icon_img img{margin-right:2px;}
.point_box{ font-size: 11px; background: #e91e63; padding: 5px 6px; color: #fff; vertical-align: middle;}

/*일반상품*/
.normal_product{ position:relative; width:100%; min-height:480px; padding:30px 0px; }
.normal_product ul{ display:block; margin:5px 0px 0px 0px;}
.normal_product ul.first{ min-height:190px; padding-bottom:50px;}
.normal_product ul li{ display:inline-block; float:left; width:136px; height:150px; margin-right:23px;  cursor:pointer; }
.normal_product ul li.last{ margin-right:0px; }
.normal_product ul li:hover span.proName{  color:#1e77d2; font-weight:bold; letter-spacing:-2px; }
.normal_product ul li span.proImg{  display:block; width:130px; height:130px; padding:5px 0px; text-align:center; border:1px solid #e4e4e4; overflow:hidden; }
.normal_product ul li span.proImg img{ width:130px; height:130px; }
.normal_product ul li span.proName{ display:block; width:95%; height:25px; padding:8px 5px 5px 5px; margin:10px 0px 0px 0px; font:normal 13px/16px dotum; color:#000000; letter-spacing:-1px; overflow:hidden; text-align:center; }
.normal_product ul li span.proPrice{ display:block; width:95%; padding:7px 5px 0px 5px; text-align:center; }
.normal_product ul li span.proPrice b.price04{ font:bold 13px/16px dotum; color:#fe0c0b;  }

/* 세일 단독특가 */
.main_sale_wp{ margin: 100px auto; overflow: hidden;}
.main_sale_wp .main_sale_img{ float:left; width: 50%; padding-top: 20px; max-height: 950px; overflow: hidden;}
.main_sale_wp .main_sale_img img{ width: 100%;}
.main_sale_wp .main_sale_pro{ float:left; width: 50%; padding: 0 0 0 55px; box-sizing: border-box; }
.mainPro .product_list li:nth-child(5n){ padding: 20px 20px 20px 0;}
.mainPro .product_list li{ padding: 1% 0 30px 1%;}
/*하단배너*/
.bottom_banner{ display:block; width:100%;margin-bottom:20px; margin:0 0; display: flex; justify-content: space-between;padding:40px 0;}
.bottom_banner li{ padding:0px; margin:0; border:0;padding: 10px 20px; border-radius: 10px;  box-shadow: 0px 2px 6px rgba(0,0,0,0.1); cursor:pointer;}
.bottom_banner li img{height:70px;}
.bottom_banner li.last{margin-right:0}

/*########################################################## 서브페이지 ##########################################################*/

/*서브페이지*/
.SubWrap{ position:relative; width:100%; min-height:700px;}
.subContent{ position:relative; min-width:1070px; padding:20px 0px; }
.subconBoard{position:relative; width:1200px; margin:0 auto; min-height:500px;}

/* 상품 기본 리스트 */
.sub_title{ clear:both; position:relative; width:100%;  margin:0px auto; }
.sub_title p{padding:10px 0 5px 0}
.sub_title.search{ border-bottom:0; padding-top:10px }
.sub_title:after{ content:""; display:block; clear:both; } 
h1.title_1{padding:30px 0 35px;  color:#383838; vertical-align:top; text-align:left;/*background-image:url(https://afg.ofgod.com/img/location_bg.png); background-repeat:no-repeat;background-position:left center; background-size:30px */}
h1.title_1 b{ font-size:20px; color:#ec407a; } 
h1.title_1 img{width:100%}/*기획전이미지*/
.sub_title .path{ float:right;  width:30%; text-align:right; line-height:25px; margin-top:7px; }
.path a{ display:inline-block; color:#444; }
.path a.home{ display:inline-block; padding-left:15px; background:url(https://afg.ofgod.com/img/orange_btnArrow.png) no-repeat 0px 6px; font-weight:bold; }
.path .arrow_r{ display:inline-block; padding:0px 3px; }
.sub_title select{border:none;outline:none;cursor:pointer;}

/* ### 서브컨텐츠박스 ###*/
.subContentBox{position:relative; width:100%; min-height:600px; padding:20px 0px 60px 0px; overflow:hidden; }
.subContentBox.a2{ padding:20px 0px 70px 0px; }

/*하위 탭메뉴*/
.menual_list{margin:30px auto 10px ; text-align:center;width:1200px;}
.menual_list li{ display:inline-block;width:25%; box-sizing:border-box; padding:10px 0 11px 0; font:bold 14px/18px 'NanumGothic-Bold','NotoSansKR', sans-serif; color:#7a7a7a; text-align:center; border:1px solid #ddd; border-width:1px 1px 1px 0 }
.menual_list li:first-child{border-width:1px 1px 1px 1px }
.menual_list li:hover,.menual_list li.on{cursor:pointer; background:#444; color:#fff}

/*########################################################## 마이페이지 ##########################################################*/

/*로그인레이어*/
.layerWrap{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(https://afg.ofgod.com/img/black_60.png); z-index:99990; overflow-y:auto; padding:0px; margin:0; }
.layerWrap .centerWrap{ background:#fff; padding:50px 40px; width:1100px; }
.layerWrap .centerWrap.none{ position:relative; background:none; padding:183px 0 0 0; width:390px; }
.layerClose{ display:inline-block;  position:fixed; top:5px; right:50%; margin-right:-530px; padding:0; vertical-align:top; background:#fff; width:30px; height:40px; color:#333; border:none; cursor:pointer; }
.layerWrap .centerWrap.none .layerClose{  position:absolute; top:140px; right:-19%; margin-right:0px; background:none; z-index:2; color:#fff; }
.layerWrap .centerWrap.none .layerClose img{width: 30px;}
.layerClose:hover{ color:#e51827; }

/* 로그인 */
.loginbox{ position:relative; width:100%; margin:0px auto; min-height:290px;  background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,.5); padding:0px 5%;}
.loginbox:after{ content:""; clear:both; display:block; }
.loginbox h2{padding:15px 0 5px; color:#333;  }
.loginbox h2 strong{font-size:32px }
.loginbox p{ margin-bottom: 5px; vertical-align:middle; }
.loginbox p:after{ content:""; clear:both; display:block; }
.loginbox p:first-child{ line-height:16px;}
.loginbox p button{float:right; width:100px; margin:0; border:solid 1px #ddd; background:#fff; color:#636363; vertical-align:middle; }
.loginbox p button:hover{ }

.formLogin{ position:relative; width:100%; padding:20px 0 5px 0; border-bottom:1px solid #eee; margin-bottom:10px}
.formLogin:after{ content:""; clear:both; display:block; }
.formLogin li{ float:left; }
.formLogin li:first-child{ width: 70%; }
.formLogin li:nth-child(2){width: 30%;}
.formLogin li:nth-child(3){width: 100%;}
.formLogin li button{ width: 100%; border: 0; height: 68px; background: #000; color: #fff; font-weight: bold;}
.formLogin li button:hover{ }
.padding_left{ padding-left:77px; }
.formLogin label{ padding-bottom:4px; color:#666; }
.formLogin label b{ display:inline-block; width:30%;  vertical-align:middle; color:#444; }
.formLogin input[type=text],.formLogin input[type=password]{ width:94%; padding:0px 0 2px 3%; margin:0 0 4px 0; vertical-align:top; border:1px solid #ddd; height:28px; }
.formLogin input[type=text]:hover,.formLogin input[type=password]:hover,.formLogin input[type=text]:focus,.formLogin input[type=password]:focus{ border-color:#ccc; background:#f9f9f9; }
.formLogin input[type=checkbox]{ vertical-align:middle;  }

/*회원가입테이블*/
.joinWrap{ position:relative; width:100%; }
table.info{width:100%; border:solid 1px #e0e0e0;border-spacing : 0; }
table.info.small{  border:solid 1px #b1c5d1; width:70%; min-width:780px; margin:1px 0 10px 3px;  }
table.info.bold.grn{  border-color:#e0e0e0; }
table.info caption{  color:#505050; padding:10px 0px 5px 0px; }
table.info.small caption{padding:7px 0 0 0; background:#5ab1e3; color:#fff; text-align:center; vertical-align:middle; } 
table.info caption.co_regi:before{ content:")"; font:normal 24px 'icon',Arial; color:#ff932a; }
table.info caption b.glasses:before{ display:inline-block;  padding:0px 8px 0px 0px; content:"s";  font:normal 24px 'icon',Arial; color:#ff932a; }
table.info th{ width:150px; background:#f7f7f7; padding:7px 0px 7px 20px; vertical-align:middle; text-align:left; border-bottom:solid 1px #e0e0e0; }
table.info th.must:before{ content:"*"; color:#e01e27; font:bold 14px/18px Arial; padding:0px 3px 0px 0px; }
table.info td{ padding:7px 0px 7px 20px;  border-bottom:solid 1px #e0e0e0; vertical-align:middle }
table.info.small th{ width:130px; padding:7px 0px 5px 10px; border:solid 1px #b1c5d1; border-width:1px 0 0 0;  background:#f0f9ff; color:#4f6584; font-weight:normal; }
table.info.small td{ padding:7px 0px 5px 5px; background:#f9fdff; border-left:solid 1px #c2d2db;  border-top:solid 1px #c2d2db;}
table.info.small td div{ font:normal 11px/14px Dotum; color:#648cb5; }
table.info .none th,table.info .none td{ border-bottom:none; }
table.info td.top{ background:#f3fafe; border-bottom:solid 1px #666; color:#1a55c1; }
table.info td.noData.company{ padding-bottom:20px; }
table.info td.noData.company:before{ content:"s" }
table.info td input[type=text],table.info td input[type=password]{ width:50px; height:28px; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; padding:1px 0px 1px 5px; font:normal 12px/30px Dotum; color:#333;  }
table.info td input[type=text].wide60{ width:60%;  }
table.info td textarea.wide62{ width:80%; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/30px Dotum; color:#333; }
table.info td input[type=text].wide80{ width:80%; }
table.info td input[type=text].wide20,table.info td input[type=password].wide20{ width:20%; }
table.info td .tip input[type=text].wide20{ width:30%; margin:-2px 0px;   }
table.info td.pageNum a{ color:#494949; }
table.info td.pageNum a:hover{ color:#1487e8; }
table.info tr:last-child th{border-bottom:solid 1px #e0e0e0;}
table.info tr:last-child td{border-bottom:solid 1px #e0e0e0;}

label.check1{ display:block; }

/*텍스트영역*/
table.info td textarea.wide100{ display:block; margin:5px 0px; width:95%; min-height:150px; border:1px solid #bababa; font-family:Dotum; color:#3c3c3c}
table.info td strong.title{display:inline-block; font:bold 13px/18px Malgun gothic; color:#d3495d; }
table.info td strong.title i{ display:inline-block; padding-right:5px; }
table.info td span.policy2 a{display:inline-block ; margin-left:25px ; padding-top:10px; color:#999; text-decoration:underline}
table.info td span.policy2 a:hover{ color:red; }

/* ########  버튼 ######### */
.centerBtn{  clear:both; position:relative; width:100%; margin:0px auto; text-align:center; padding:20px 0px; overflow:hidden; }
.centerBtn:after{ content:""; display:block; clear:both; }
.centerBtn button{ transition: all .3s ease; display:inline-block; padding: 10px 20px; border: 1px solid #000; background: #fff; max-width: 20%; min-width: 10%; }
.centerBtn button:hover{ opacity: 0.8; background:#000; color:#fff}
.centerBtn button.check{ border: 1px solid #011f40; background: #012f5b; color: #fff;}
.centerBtn button.check2{ border: 1px solid #7b868f; background: #909ba4; color: #fff;}
.centerBtn button.delet2{}
.centerBtn button.black{ background: #000; color: #fff;}

.info button.gray{  display:inline-block; min-width:60px; padding: 5px 10px; margin:1px 3px 0px 3px; background:#eee; color:#666; border:solid 1px #e0e0e0;  cursor:pointer;  vertical-align:middle; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; text-align:center; }
/*###### 텍스트영역 textarea #######*/
textarea.wide200{ display:block; margin:5px auto 0px auto; width:96%; min-height:700px; padding:1%; border:1px solid #bababa; font-family:Dotum; color:#3c3c3c }

/*오시는길*/
.contact_map{ display:block; width:1200px; margin:0 auto}
.contact_map dt{ display:block;  text-align:center; margin-bottom:20px; border:1px solid #c7c7c7; overflow:hidden;}
.contact_map dd{ display:block;}
.contact_map dd ul{ clear:both; display:block;}
.contact_map dd ul li{ display:block; padding:5px 0px; font-family:'NotoSansKR', sans-serif; font-size:15px; color:#3d3d3d;}
.contact_map dd ul li b{ display:inline-block; width:80px; color:#d3495d;}
.contact_map iframe{ height:500px;}

/*영업시간*/
.time_table{display:block; width:90%; margin:50px 0px;  overflow:hidden;  }
.time_table li{float:left; display:inline-block; width:18%; height:250px; padding:10px 10px 20px 10px; margin-right:5%; background:#fcfcfc; border:1px solid #d6d6d6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.time_table li .left{text-align:center;}
.time_table li .left strong{display:inline-block; width:80px; height:60px; margin-left:0px; }
.time_table li .left strong i{display:inline-block; margin:15px 0px 0px 0px; font-size:40px;color:#474747; }
.time_table li .left strong i.fa.fa-phone{margin:18px 0px 0px 0px;  }
.time_table li .left b{display:block; padding:15px 0px 0px 0px; font-size:16px; color:#ff5000; }
.time_table li p{ width:190px; padding:10px 0px 0px 0px; font:normal 14px/22px 'NotoSansKR', sans-serif; margin:0 auto; overflow:hidden; }
.time_table li p span{  display:block; width:170px;  }
.time_table li p span a{ display:inline-block; padding-left:8px; background:url(https://afg.ofgod.com/img/dotted_mint.gif) no-repeat center left; }
.time_table li p.customerCenter{ width:170px; }
.time_table li p.customerCenter a.qnago{ display:block; width:122px; padding:3px 5px 5px 5px; margin:18px auto 0px auto; background:#333; font-size:12px; color:#fff; text-align:center; }
.time_table li p.customerCenter a.qnago:hover{ background:#414040; }
.time_table li.last{ margin-right:3%; }
.time_table li.txt{  width:460px; height:170px;  padding:100px 10px 20px 20px; margin-right:0; font:bold 15px/26px 'NotoSansKR', sans-serif; color:#565656;  background:#fafafa url(https://afg.ofgod.com/img/time_bg.png) no-repeat center right;}

/*회사소개*/
.intro{ width:90%; padding:60px 0px 0px 30px;  }
.intro .hello{ padding-bottom:30px; font:normal 14px/25px 'NotoSansKR', sans-serif; background:url(https://afg.ofgod.com/img/intro_bg.png) no-repeat 640px 0px; }
.intro b{ display:block; font-size:18px; color:#d3495d; }
.intro ul{ display:inline-block; float:left; width:50%; margin-top:50px;}
.intro ul li{ padding:0px 0px; border:1px solid #cecece; border-width:1px 0px 1px 0px; }
.intro ul li strong{ display:inline-block; width:100px; padding:8px 10px; margin-right:8px;  background:#eee; }
.intro ul li.first, .intro ul li.second{ border-bottom:0; }
.intro .map{ float:left; width:45%; margin:50px 0px 0px 20px; border:1px solid #eee; }
.intro .map iframe{ width:450px; height:250px; }

/*이메일무단수집*/
.email_send{ position:relative; padding-top:220px;margin-top:40px; font:normal 14px/25px 'NotoSansKR', sans-serif;  text-align:center; background:url(https://afg.ofgod.com/img/email_bg.gif) no-repeat top center; }
.email_send b{ color:#ff5000; }
.email_send span{ display:block; padding-top:10px; color:#2cbfb5;  }

/*##########################################################  상품리스트 ##########################################################*/
.sort_btn2{    display: none;}
.goodsList{ clear:both; position:relative; width:100%; padding:0;  }
.goodsList:after{ content:""; display:block; clear:both; }

.btn_add_p{ width:76.5%; line-height:25px; padding:2px 0 3px; border:1px solid #e4e4e4; background:#fff; color:#646464; font-size:12px; margin-top:6px; }
.btn_add_p:hover{border:1px solid #aaa; background:#f9f9f9;   }
.btn_add_p > i{ display:inline-block; margin-right:8px; font-size:17px; color:#333; }
.btn_add_p > i.fa.fa-heart{ font-size:14px; color:#666666; }

/* #################################### 기본 상품 리스트 ################################# */
.product_list{ clear:both; position:relative; width:100%; padding:0; display: flex; flex-wrap: wrap;flex-direction: row;}
.product_list li{ width: 20%; padding: 1% 1% 1% 0; cursor: pointer; box-sizing: border-box;}

.product_list li span.proName{ width: 100%; display: block; font-size: 16px; ;}
.product_list li span.price_box{display:flex; padding:0 0 5px;}
.product_list li span.price_box .price04{ font-size: 16px; }
.product_list li span.price_box .price03{ font-size: 16px; color: #a3a3a3; text-decoration: line-through;margin-left:5px;}
.product_list li span.event_box{ font-size: 12px; border-top: 1px solid #ededed; width: 100%; display: block; margin: 10px 0 0; padding: 6px 0 0; box-sizing: border-box;}
.product_list li span.proImg{ clear:both;  display: flex; align-items: center; text-align:center; border:1px solid #e4e4e4; margin:0 0 10px; height: 228px; overflow: hidden;}
.product_list li span.proImg img{ width:100%;}
.product_list span.icon_img{text-align:left;box-sizing:border-box;}
.product_list span.icon_img img{margin-right:2px;}
.icon_img{ display: block;}
.basic_goods dt{ overflow:hidden; margin-bottom:10px; padding:0 0 ;border:solid 1px #e9e9e9;margin: 0 auto 10px;} 
.basic_goods dt img{ width:100%;  overflow:hidden; z-index:3; background:#fff; } 
.basic_goods dd{position:relative;} 
.brand_img p img{width:100%}

/* 검색 화면단 상품 리스팅 처리 */
.product_list.search_mode{ width:100%; padding:0 0 50px 0; display: block;}
.product_list.search_mode .basic_goods{  display:flex; clear:both; width:100%; min-height:40px; padding:5px 0; text-align:left; margin:0 auto; border:none; border-bottom:solid 1px #ddd;  border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; padding-bottom:7px; }

/*상품리스트 버튼*/
.sort_btn{ display:block;  padding:8px 0 ; width:100%; border-bottom:1px solid #ededed ;  text-align:right; margin-top:10px;}
.sort_btn button{color:#474747; min-width:50px; padding:0px 10px 3px 10px; letter-spacing:-1px;  border:solid 1px #ddd;	background: #fff;  cursor:pointer;  vertical-align:top; }
.sort_btn button:hover{ border-color:#000; }
.sort_btn button.on{  border:solid 1px #000; background:#000; color:#fff; font-weight:bold;  }
.sort_btn button.l_mod{ position:relative; background:#fff; border-color:#474747;  color:#474747;  font-size:0; padding:2px 0px 1px 0px;  min-width:23px; height:25px;  border-radius:0px; margin:1px 3px 0 0; }
.sort_btn button.l_mod:hover:before{ color:#474747; }
.sort_btn button.l_mod.active{ background:#000; border-color:#000; }
.sort_btn button.l_mod i{ font-size:15px; color:#474747; vertical-align:top; line-height:20px;}
.sort_btn button.l_mod.active i{ font-size:15px; color:#fff; vertical-align:top; line-height:19px; }

/* 페이징 처리 */
.paging{ position:relative; width:100%;   margin:0px auto; text-align:center; padding:1% 0px;  }
.paging:after{ content:""; display:block; clear:both; } 
.paging b{ display:inline-block; padding:4px 10px; color:#333; border:solid 1px #c0c0c0; background:#f8f8f8; cursor:pointer; }
.paging b.top_prev{ margin-top:0px; }
.paging span{ display:inline-block; padding:0px 8px; color:#333; border:solid 1px #ddd; cursor:pointer; }
.paging span:hover{ color:#ff5000; border:solid 1px #ff5000; font-weight:bold; }
.paging span.on{ color:#fff; border:solid 1px #ff5000; background:#ff5000;  }
.paging b:hover{ color:#fff; border:solid 1px #ff5000; background:#ff5000;  }
.paging_box{clear:both; position:relative; width:100%;  margin:0 auto; padding:10px 0; text-align:center;  }
.paging_box_copy{ clear:both; position:relative; width:100%;  margin:0 auto; padding:20px 0; text-align:center; }
.paging_box_copy:after{ content:""; display:block; clear:both; } 

/* page */
.paging_wrap{text-align:center;margin:25px 0 ;}
.paging_wrap img{margin:0 2px;}
.paginate{clear:both; position:relative;margin:0 auto;padding:20px 0 0 0;text-align:center; }
.paginate>span{display:inline-block;margin:0 10px;vertical-align:top}
.paginate>span strong,.paginate>span a{display:inline-block;margin-left:-1px;width:32px;height:32px;border:1px solid #ddd;font-family:tahoma;line-height:32px}
.paginate>span strong{position:relative;background-color:#666;border-color:#666;color:#fff}
.paginate>span a{color:#444}
.paginate .prevEnd, .paginate .prev, .paginate .nextEnd, .paginate .next{height:33px; padding:0;vertical-align:top;border:none;}

/*카테고리*/
.category-list{ clear:both; position:relative; width:100%;  margin:0px 0;background:#fff; box-sizing:border-box;border-top: 2px solid #011e41; border-bottom: 1px solid #dedede;  padding: 20px 0; }
.category-list [class^="bg"]{ border:1px solid #d1d1cf; border-width:0 1px; height:100%; left:0; position:absolute; top:0; width:200px; }
.category-list .bg01[class^="bg"]{ left:200px; }
.category-list .bg02[class^="bg"]{ left:400px; border-width:0 1px 0 0; }
.category-list .bg03[class^="bg"]{ left:800px; }
.category-list-product{ display:inline-block; margin-top:-1px; width:100%; vertical-align:middle; }
.category-list-product li{ position:relative; float:left; width:14.285%; box-sizing:border-box; }
.category-list-product li a{ display:flex; color:#888;  padding:10px 0;font-size:15px;}
.category-list-product li a:hover{  text-decoration:underline;}
.category-list-product li.on a{color: #000;  font-weight: 600;}

/* 상세 뷰페이지 */
.leftWrap_01{ position:relative; float:left; width:38%; padding:20px 0px;}
.rightWrap_01{ position:relative; float:right; width:58%;  padding:8px 0px; }
.noData{ text-align:center; font-size:14px; color:#666; padding:60px 0; letter-spacing:-1px; display:block;width:100%;}
.noData.noCart{ padding:20px 0px;  }
.noData.noCart i{ display:block; padding-bottom:10px; font-size:60px; color:#2cbfb5;}
div.noDataCart{ background-image:url(https://afg.ofgod.com/img/icon_sold.png); background-size:90px; background-position:center 30px; background-repeat:no-repeat;
text-align:center; color:#333; padding:150px 0 60px; letter-spacing:-1px; }

/* 상세 세부 이미지 */
.title_popup{ position:relative;  color:#fff; display:block; text-align:center; letter-spacing:-1.5px; padding:6px 0px 7px 0px; background:#3f3f3f; margin:0; }
.goods_title_img{ position:relative; width:100%; margin:0 auto; }
.goods_title_img dt{ position:relative; width:100%; min-height:308px; padding:0px 0px; overflow:hidden;  cursor:pointer; /* border:solid 1px #ddd;  */ text-align:center;  }
.goods_title_img dt img{  position:relative; width: 100%; text-align:center; }
.goods_title_img dt:after{  position:absolute; bottom:0px; right:0px; padding:5px; content:"확대보기"; color:#fff; /*background:url(https://afg.ofgod.com/afg/img/black_20.png);*/ opacity:0; } 
.goods_title_img dt:hover{ border-color:#777; }
.goods_title_img dt:hover:after{ background:#333; opacity:1;}
.goods_title_img dd{ text-align:left; }
.goods_title_img dd a{ display:inline-block; width:50px; height:50px; border:solid 1px #ddd; margin:15px 5px 0px 5px; ; vertical-align:top; text-align:left; }
.goods_title_img dd a:hover{ border-color:#1b6ce5; }
.goods_title_img dd a img{ width:100%; height:100%;  }
.zoom{ position:relative; width:100%; margin:0 auto; max-width:850px; padding:0; }
.zoom .goods_title_img{ position:relative; width:750px; margin:0 auto; }
.zoom .goods_title_img dt{ position:relative; width:100%; height:auto;  border:none; overflow:hidden; }
.zoom .goods_title_img dt:after{ content:"";  padding:0px; cursor:pointer; }
.zoom .goods_title_img dt img{  position:relative; width:auto; max-width:100%; height:auto; border:solid 0px #ddd; }
.zoom .goods_title_img dd a{ display:inline-block; width:62px; height:62px; border:solid 1px #ddd; margin:5px 5px ; ; vertical-align:top; text-align:left;  }
.zoom .goods_title_img dd:after{ content:""; display:block; clear:both; }
.goodsList{ clear:both; position:relative; width:100%; padding:0;  }
.goodsList:after{ content:""; display:block; clear:both; }

.optionBox{box-sizing:border-box;margin: 10px 0 0; background: #fafafa; padding:10px;}
.optionBox .optionArea{overflow:hidden; vertical-align: middle;margin-bottom: 2px;}
.optionBox .optionArea .option_name{float:left; vertical-align: middle;}
.optionBox .optionArea .option_name b{font-weight: bold; color: #4caf50; padding:0 5px}
.optionBox .optionArea .count-box{float:left; vertical-align: middle;}
.optionBox .optionArea .option_qty{float: right; vertical-align: middle;}
.optionBox .optionArea .option-price{ float: right; width: 100px; text-align: right; vertical-align: middle;}

/* 상품 상세 정보 4개 탭 */
.originT{ display:none; position:relative; width:100%; overflow:hidden; }
.originT:after{ content:""; display:block; clear:both; }
.tab_product4{width:100%; overflow:hidden; border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.tab_product4 li{width:20%; float:left; text-align: center;}
.tab_product4 li a{display:block; padding: 20px 0;font-size:15px;}
.tab_product4 li a b{ margin-left: 5px; color: #f44336;}
.tab_product4 li.on{border-bottom: 2px solid #002d5d;}
.Tdata{ position:relative; width:100%;font:normal 12px/18px Dotum; padding:40px 0 40px 0; min-height:130px; overflow:hidden; text-align:center; }
.Tdata:after{ content:""; display:block; clear:both; }
.Tdata h3{ display:none; color:#579407; text-indent:4%; text-align:left; }
.Tdata h3:before{ content:""; font:normal 16px 'icon',Arial; color:#134ccf; }
.product_info_1{ clear:both; min-height:200px; /*text-align:center; */ text-align: }
.product_info_1 img{ width:auto; height:auto; margin:0 auto; }
.Tdata.product_info_5{ width:98% ; /* border-bottom:dotted 1px #ddd;  */padding:40px 1% 0; margin-bottom:20px;}

/* 상품후기 작성 폼 */
.reviewList{ position:relative; width:100%; overflow:hidden; background:#f9f9f9; }
.reviewList:after{ content:""; display:block; clear:both; }
.reviewList li{ position:relative;  border-bottom:solid 1px #ddd; padding:10px 1% 5px 1%; background:#fff; }
.reviewList li:first-child{  border-top:none; }
.reviewList li:after{ content:""; display:block; clear:both; } 
.reviewList li:nth-child(even){ background:#fff; }
.reviewList li .no_data{ text-align:center; color:#777; min-height:100px;  }
.reviewList li .no_data:before{ display:block; content:"="; font:normal 50px/30px 'icon',Arial; color:#d4d7da; text-align:center;  margin:50px 0 0 0;}
.reviewList li strong{ display:inline-block; background:url(https://afg.ofgod.com/img/arrow_sb.png) no-repeat 0px 6px; padding:0px 0px 0px 8px; color:#286cc0; float:left; }
.reviewList li strong i{ display:inline-block; padding-right:5px; }
.reviewList li button{ float:right; border-color:#96c882; background:#f4ffef url(https://afg.ofgod.com/afg/img/gradation_top.png) repeat-x top; color:#419c3e; padding:3px 6px; margin-bottom:2px; }
.reviewList li .Rememo{clear:both; float:left; display:block; width:98%; text-align:left; padding:5px 8px 8px 8px; margin-top:8px; color:#777; word-break:break-all}
.reviewList li .date{ float:left; color:#999;  display:inline-block;  padding:0px 2px;   }
.reviewList li span{ float:left; color:#999;  display:inline-block;  padding:0px 3px;   }
.reviewList li.admin_re{ padding-left:50px; }
.reviewList li.admin_re strong{ padding-left:16px; background:url(https://afg.ofgod.com/img/green_arrow.png) no-repeat center left; color:#7ba433; }
.reviewList li.admin_re .Rememo{ margin-top:8px; background:#f6f9ee; }

.qna_sort_wrap .qna_search{position:relative;}
.qna_sort_wrap .qna_search .l_s_input{width:200px; float:right;  position:relative; margin-bottom:7px; padding:0 10px;border:1px solid #ccc;background:#fff;margin-right:30px}
.qna_sort_wrap .qna_search input{position:relative;width:100%;height:32px;padding:0;border:none;background:none;text-align:left;line-height:1}
.qna_sort_wrap .qna_search .l_s_btn{position:absolute;top:0;right:0;border:1px solid #ccc;width:32px;height:32px;margin:0;cursor:pointer}
.qna_sort_wrap .qna_search .l_s_btn img{width:30px}
.qnaList{position:relative; width:100%; margin:0 auto;  border-top:1px solid #ddd;  }
.qnaList thead th{ padding:14px 5px; font-size:14px;border-bottom:1px solid #eee; background:#f9f9f9 ;line-height:18px}
.qnaList .qna_cont_th{width:50%; max-width:400px; text-align:left; word-wrap: break-word;}
.qnaList td{ padding:8px 5px; border-bottom:1px dotted #ccc; line-height:18px; text-align:center}
.qnaList tr:hover td{ cursor:pointer; }
.qnaList td.review_title{ text-align:left}
.qnaList td.Rememo{text-align:left; padding-left:10px; vertical-align:middle}
.qnaList td.Rememo img{18px; vertical-align:middle; margin: 0 5px; 0 0}
.qnaList td.answer_logo img{height:21px}
.qnaList td.answer_q{width:100%; padding:10px 1% 10px 48px; line-height:18px; background:#f9f9f9 url(https://afg.ofgod.com/img/board/icon_qna_answer.png)no-repeat 20px 13px; box-sizing: border-box; text-align:left}
.qnaList tr:hover td.answer_q{width:100%; padding:10px 1% 10px 48px; line-height:18px; background:#f9f9f9 url(https://afg.ofgod.com/img/board/icon_qna_answer.png)no-repeat 20px 13px; box-sizing: border-box; text-align:left}
.goodsWriteForm {float:right; padding:5px}
.qnaList td textarea{width:98%; min-height:120px; text-align:left; padding:10px; border:1px solid #ddd}
.qnaList select {min-width:160px; height:30px; margin:0 0 3px; padding:3px; font-size:16px; line-height:28px;  color:#df1e94}

table.qnaList td span.option_name{ display:block; color:#999; }
table.qnaList td span.option_name:before{ content:"옵션"; color:#fff; background:#2cbfb5; display:inline-block; padding:0px 3px 2px 3px; margin:2px 3px 0px 0px; border-radius:3px;}    
table.qnaList td span.option_name b{ font-weight:normal; color:red; padding:0px 5px 0px 1px; }

.float_right{float:right}
.float_left{float:left}

button.gray{ display:inline-block; min-width:50px;  background:#fff; padding: 4px 10px; color: #000; border:solid 1px #000;  cursor:pointer;  }
vertical-align:top;  padding:3px 8px; margin:0 1px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
button.gray.print{ min-width:118px; padding:1px 0px 3px 0px; margin-top:3px;  background:#e9ecef url(https://afg.ofgod.com/afg/img/gradation_top.png) repeat-x top; color:#3d586f; border-color:#a5b5c3; }
button.gray.print:hover{ background:#e6f4ff; color:#2c8ad9; }
button.gray.w50{ min-width:13%; background:#399216; color:#fff;  }
button.gray:hover{ background:#fff; color:#333; }
button.blue2{ margin: 10px 0; min-width:40px; font-size: 12px;  font-weight: bold; padding: 5px 15px; border:1px solid #ddd;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; background:#f9f9f9; color:#666;  cursor:pointer;  vertical-align:top; }
button.red{  min-width:60px;  height:24px; color:#fff; padding:2px 0 3px 0;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;border:solid 1px #e44651;	background:#fd636e;  cursor:pointer;  vertical-align:top; }
button.red:hover{ background:#dd2a37; }
button.block{ display:block; margin:2px auto}

/* 테이블 */
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0; vertical-align:top;   }
table caption{ position:relative; text-align:left;  letter-spacing:-0.5px; }
table.normal{ border-top:solid 1px #444; border-width:1px 0px; }
table.normal.w_95{ width:92.5%; margin:0; background:#fdfdfd /*url(https://afg.ofgod.com/img/bg_pattern_21.png)*/; border-color:#ddd;  }
table.normal.w_95 caption{ font:bold 12px/18px Gulim; padding:13px 0px 0px 8px; color:#555; vertical-align:bottom; }
table.normal.w_95 caption b{ display:inline-block; margin:4px 0 0 0;  }
table.normal.w_95 caption button{ margin:0 2px 5px 0; border-color:#96c882; background:#f4ffef url(https://afg.ofgod.com/afg/img/gradation_top.png) repeat-x top; color:#419c3e; }
table.normal.w_95 td{ color:#666; }
table.normal caption{ font:bold 18px/22px 'Noto Sans KR', sans-serif;  padding:5px 0px 10px 5px; background:#fff; color:#111;  letter-spacing:-0.8px; }
table.normal th{ width:95px; text-align:left; color:#333; font-size:14px; border:solid 1px #ebebeb; border-width:1px 0px 0px 0px; font-weight:normal;  vertical-align:middle }
table.normal tr:first-child th{border:1px solid #333;border-width:1px 0 0 0;}
table.normal td{ height:28px; padding:10px 0; text-align:left; color:#000; border:solid 1px #ebebeb; border-width:1px 0px 0px 0px; font-size:14px;}
table.normal tr:first-child td{border:1px solid #333;border-width:1px 0 0 0;}
table.normal td.price{ font:normal 14px/20px Arial; color:#999; }
table.normal td.sale_price{ font: bold 18px 'Noto Sans KR', sans-serif;color:#e81e3b; }
table.normal td.sale_price b{ display:inline-block; background:#d92c1a; color:#fff; padding:1px 3px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
table.normal .icon_img{ display:inline-block; }
.red_nemo{ display:inline-block; background:#e81e3b; color:#fff; padding:0px 5px; margin:0px 5px;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.red_nemo.gray{ background:#fff; font:normal 12px/20px Arial; border:solid 1px #75c163; color:#2f8f19; }

#goods_view_detail_info caption{font-size:32px; line-height:38px; letter-spacing:-0.07em}
#goods_view_detail_info td strong{font-size:14px; font-weight:bold;  line-height:28px; }
#goods_view_detail_info td a.c_name_link{float:right; padding:3px 10px; border:1px solid #ddd; font-size:11px}
#goods_view_detail_info td a.c_name_link:hover{ border:1px solid #aaa; color:333}

table.normal th.account_price{ font:bold 16px/20px Gulim; color:#000; letter-spacing:-0.12em; vertical-align:middle; }
table.normal td.account_price{ font-size:20px; color:#e81e3b; text-align:right; letter-spacing:-1px; padding:10px 15px 10px 0; }
table.normal td.point{ font:bold 13px/22px Dotum; vertical-align:middle;  }
table select{ padding:1px 0px; }
table.normal td input[type=text].qty{ width:38px; height:25px; line-height:24px; padding:0; text-align:center;  }
table.normal .sky_bg{ background:#fff; height:40px; }
table.normal .sky_bg th{ color:#478aef; }
table.normal td button.plus, table.normal td button.minus{ width:27px; height: 27px; color:#333; background:#fff; border:1px solid #e0e0e0; padding:0; margin:0; vertical-align: middle;}
table.normal td input[type=checkbox]{ margin:-2px 0 3px 0; vertical-align:middle;  }
table.normal td label{ vertical-align:bottom; }
table.normal strong.num_pro{ display:block;  color:#5ca435; font:bold 20px/30px Verdana,Arial; letter-spacing:-1px; padding:5px 0 0 0; }
table.normal button.gray{ background:#fff; color:#888; border-color:#b4b9bd; }
table.normal td.point{color:#ec407a; letter-spacing:-0.08em; font-size:11px }
table.normal .line2 th{ border-style:solid; border-color:#c1c1c1; }
table.normal .line2 td{ border-style:solid; border-color:#c1c1c1; }

/*구매버튼*/
.buy_btn{ width: 100%; margin: 20px 0; display:flex; justify-content:space-between;}
.buy_btn button{ float: left; border: 1px solid #000; width: 32.5%; background: #fff; padding: 15px 0;}
.buy_btn button:last-child{margin-right:0}
.buy_btn button:hover{opacity: 0.5;}
.buy_btn button.check{background: #000; color: #fff; }
.buy_btn button.cart{ }
.buy_btn button.wish{ }
.buy_btn button.heart{  }
.buy_btn button.wish:before{}
.buy_btn button.sopping{ }

td input.count{ padding:0px 2px 0px 2px; height:16px; line-height:19px; }

/*장바구니 2022.07.26*/
table.cartlist{  margin:10px 0px;}
table.cartlist th{ border-top: 2px solid #444; border-bottom: 1px solid #ddd; font-size:14px; padding:7px 0px 7px 0px;}
table.cartlist caption{padding:0px 0px 8px 2px; }
table.cartlist td{ text-align:center; padding:10px 5px; vertical-align:middle; border-bottom:1px solid #ddd; line-height:17px; }
table.cartlist td .cartlist_mm{ display:block; width:100%}
table.cartlist td .cartlist_mm > li{ display:inline-block; float:left; margin: 5px 0;}
table.cartlist td .cartlist_mm > li.img{ width:20%; }
table.cartlist td .cartlist_mm > li{ width:98%; text-align:left; }
table.cartlist td .nameBox{}
table.cartlist td .nameBox .name_info{}
table.cartlist td .nameBox .name_info .company{display:block; margin-bottom: 10px;}
table.cartlist td .nameBox .name_info .product_name{display: inline-block; font-size: 18px; vertical-align: middle;}
table.cartlist td.chek_cart{ width: 5%;}
table.cartlist td.img{ width: 10%;}
table.cartlist td.img img{ width: 80%;}
table.cartlist td.m_product{ width: 55%;text-align: left;}
table.cartlist td.order_poin_txt{ font-size: 13px; text-align: left;}
table.cartlist td.order_poin_txt p{color: #555; line-height: 26px;}
table.cartlist td.order_poin_txt b{font-weight: bold;color: #000;}
.order_cou_txt{ text-align: left;}
.order_cou_txt label{}
.order_cou_txt label span{vertical-align: middle;}
table.cartlist td.pricem{position: relative;}
table.cartlist td.pricem .close_ico{ position: absolute; right: 5px; top: 5px;}
table.cartlist td img{max-width:100px;}

.option_name_wp{margin:10px 0;}
.option_name_wp b.box_txt{ border: 1px solid #109b9c; color: #109b9c; padding: 0 6px;margin: 5px 5px 0px 0; display: inline-block;}
.option_name_wp span{margin-right:10px }

table.cartlist td.price_total{border-right:0; font-size: 18px; padding: 20px 0;}
table.cartlist td.price_total b{ font-size: 15px; color: #777;}
table.cartlist td.price_total span{ color: #d52b31;}
table.cartlist td.price_total2{ border-right: 0; background: #f5f8f8; font-size: 20px; padding: 20px;}
table.cartlist td.price_total2 span{color: #d52b31; font-weight: bold;}

.event_op input[type=text].qty{ width: 50px; }
.event_op button.count.small{border: 1px solid #ddd; display: inline-block; height: 32px; vertical-align: middle; padding: 0 10px; background: #fff;}

/*선택옵션*/
.choiceItem{ position: relative; width: 100%;}
.choiceItem ul{ width: 100%; background: #f5f8f8; overflow: hidden; margin-bottom: 10px; padding: 4px 15px; box-sizing: border-box;}
.choiceItem ul li:nth-child(1){float: left; width: 60%;}
.choiceItem ul li .option_name_wp{margin:0}
.choiceItem ul li .option_name_wp b{border: 1px solid #000; padding: 0 6px; }
.choiceItem ul li .option_name_wp span{font-size:13px;}
.choiceItem ul li .option_name_wp{padding: 6px 0;}
.choiceItem ul li:nth-child(2){float: left; width: 40%; text-align: right;}
.choiceItem ul li .option_qty{float: none;}

/* 주문 */
table.cartlist td .cartlist_mm > li.del_btn{ float:right; width:5%; height:30px; padding-top:30px; }
table.cartlist td .discount{display:block; color:#000; font-weight:bold}
table.cartlist td .discount a{display:inline-block;  background:#ff5d46;   color:#fff; font-weight:normal; font-size:11px; line-height:14px; padding:2px 2px 0 ; letter-spacing:-1px}
table.cartlist .icon_img{ text-align:left; display:block;}
table.cartlist .icon_img img{margin-right:2px;}
table.cartlist td .pay{line-height:26px; display:block }
table.cartlist td .pay strong{color:red; font-weight:bold;  display:inline-block }
.cart_sale_wp{ background: #d62d2d; padding: 0px 5px; color: #fff; font-weight: bold; vertical-align: middle;}
table.cartlist td.last{ background:#fbfff0; }
table.cartlist td.last span{ color:#eb1616; }
table.cartlist td.review_content{line-height:18px; text-align:left; padding-left:10px; }
table.cartlist td.points_plus{text-align:right; padding-right:10px}
table.cartlist td span.date{ display:block; color:#999; font-size:11px;  }
table.cartlist td span.bank{ display:block; color:#3574c1; font-size:11px;  }
table.cartlist td.last_td{ border-right:solid 0px #ddd;  }
table.cartlist td.order_no{ text-align:center; }
table.cartlist td.order_no b{ display:block; }
table.cartlist td.order_no b span{ display:block; width:70px; font:normal 11px/14px Arial; color:#888; word-break:break-all;  word-wrap:break-word; margin:0 auto; cursor:pointer;  }
table.cartlist td.order_no span:hover{ text-decoration:underline; color:#164cd3; }
table.cartlist td.order_info b{ display:block; }
table.cartlist td p.p_right{ text-align:right;  }
table.cartlist td span.order_option{ display:block; color:#999;}
table.cartlist td span.order_option:before{ content:"필수옵션"; background:#fff; border:solid 1px #85a7d0; color:#778eab; display:inline-block; padding:0px 3px 2px 3px; margin:2px 3px 0px 0px; }
table.cartlist td span.order_num{ display:block; color:#4d9ae8;  cursor:pointer; }
table.cartlist td span.order_num:before{ content:"주문번호"; background:#4d9ae8; border:none; color:#fff; display:inline-block; padding:1px 3px 2px 3px; margin:3px 3px 3px 0px;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;  text-decoration:none!important; }
table.cartlist td span.store_name { display:block;  }
table.cartlist td span.store_name:before{content:""; background:url(https://afg.ofgod.com/img/store_home.png) no-repeat -1px;  padding-left:14px   }
table.cartlist td span.store_name a {color:#3574c1; font-size:11px; letter-spacing:-0.05em}
table.cartlist td span.store_name a:hover{text-decoration:underline}

/*qna*/
.qna_q{background:url(https://afg.ofgod.com/img/icon_qna_q.png) no-repeat left 3px; text-align:left; padding:3px 5px 3px 18px; font-size:11px; border-bottom:1px dotted #ddd}
.qna_a{background:url(https://afg.ofgod.com/img/icon_qna_a.png) no-repeat left 3px; text-align:left; padding:3px 5px 3px 18px; font-size:11px}
.pointRed{ color:#fa5757;}

/* 서브페이지 옵션 */
.order_img_box_wrap{}
.order_img_box_wrap dt{float:left; vertical-align:top ; width:20%; min-width:90px; max-width:100px}
.order_img_box_wrap dt img{width:80px; padding:5px}
.order_img_box_wrap dd{float:left; text-align:left; width:80%;}
.order_img_box_wrap dd p{ padding:5px }
.order_img_box_wrap dd .option_box{display:block; width:100%; border-top:1px dotted #aaa; margin-top:3px; padding:5px; color:#4784ff; font-size:11px; line-height:13px}
.order_img_box_wrap dd .option_box2{display:block; width:100%; border-top:0px dotted #aaa; margin-top:0px; padding:1px 0 1px 15px; color:#999; font-size:11px; line-height:13px}
.order_img_box_wrap dd .option_box2 p{display:block;padding:0}

/*재검색*/
.title_2{ float:left; display:inline-block;  color:#1e69c7; letter-spacing:-1.5px;  }
.category_name_1{ display:inline-block; padding:3px 20px 6px 20px; color:#fff; vertical-align:middle; background:#505a69; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
.title_2 strong{ color:#df0e00; vertical-align:bottom;  }
.title_2 b{ color:#df0e00; }
.title_2 .row_menu{ display:inline-block; padding:0px 10px 0px 10px;}  
.title_2 .row_menu a{ display:inline-block; padding:5px 10px; margin:0px 15px; font:normal 14px/18px Malgun gothic; color:#636363; background:url(https://afg.ofgod.com/img/red_arrow_right.png) no-repeat 0px 11px; }
.title_2 .row_menu a:hover{ color:#ff5000; }
.title_2 .row_menu a.on{ font-weight:bold; color:#ff5000; background:url(https://afg.ofgod.com/img/mint_arrow_right.png) no-repeat 0px 11px; }

.memo2{  padding:0px 0px 0px 1px; color:#666; float:left; }
.memo2 b{ color:#ec1226; }

.reSearch{float:right ;width:240px; border:1px solid #ccc;}
.reSearch input{border:none; padding:4px 4px;width:200px;}
.reSearch input.search_btn {border:none; padding:4px ;border-left:none;height:18px; width:18px}

/* 아이디/비번 찾기 */
.id_pw_find{ position:relative; width:98%; margin:30px auto 20px; border:solid 1px #d7d7d7; padding:10px 0% 10px 1%; font:normal 12px/18px Malgun gothic; color:#333; background:#fafafa; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; box-shadow:2px 2px 4px rgba(0,0,0,.07); }
.id_pw_find:after{ content:""; display:block; clear:both; } 
.id_pw_find li{ position:relative; border:solid 1px #d7d7d7; width:42.7%; float:left; padding:30px 3%; background:#fff; margin:0 1% 0 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.id_pw_find li.id_01{ background:#fff url(https://afg.ofgod.com/afg/img/id_bg.png) no-repeat right 23px; } 
.id_pw_find li.pw_01{ background:#fff url(https://afg.ofgod.com/afg/img/pw_bg.png) no-repeat right 19px; } 
.id_pw_find li:first-child{  margin:0px 0px 10px 0px; }
.id_pw_find li h2{ font:bold 18px/24px Malgun gothic;  color:#3a3a3a; margin:0px 0px 10px 0px; }
.id_pw_find li h2 b{ color:#d3495d; }
.id_pw_find li p{ font:normal 12px/24px Malgun gothic; color:#888; margin:0px 0px 30px 0px; border-bottom:solid 1px #ddd; padding-bottom:15px;  }
.id_pw_find li > div{ position:relative; width:100%; }
.id_pw_find li input[type=text]{ width:56%; border:solid 1px #999; min-height:30px; margin:0px 10px 10px 7px; padding:0px 0px 0px 5px; vertical-align:middle; }
.id_pw_find li input[type=text]:hover,.id_pw_find li input[type=text]:focus{ border-color:#157ce4; background:#f7feff; }
.id_pw_find li button{ position:absolute; top:0; right:0;  width:22%; padding:21px 0; background:#ff5000; color:#fff; border:1px solid #ff5000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.id_pw_find li label{ display:block; }
.id_pw_find li label b{ display:inline-block; width:70px; }
.id_pw_find.black li button{background:#444; }
.id_pw_find.blue li button{background:#4080c1; }
.id_pw_find.red li button{background:#e00b0b; }
.id_pw_find.green li button{background:#52a60f; }
.id_pw_find.white li button{background:#fff; color:#444; border:1px solid #ddd } 

/*마이페이지 메뉴*/
.step{ position:relative; width:100%; margin:20px 0; display: flex;justify-content: space-between; }
.step li{ position:relative; width:10%; height:30px; cursor:pointer;  font-size:14px; text-align:center; vertical-align:bottom; padding-top:60px; background: #ccc; border-radius: 10px; color: #fff;}
.step li span{ position:absolute; top:0px; left:0; display:inline-block; width: 100%; height:67px; /*border:solid 1px red;*/  }
.step li span.my_01{ background:url(https://afg.ofgod.com/img/my_step_01.png) no-repeat top center; }
.step li span.my_02{ background:url(https://afg.ofgod.com/img/my_step_02.png) no-repeat top center; }
.step li span.my_03{ background:url(https://afg.ofgod.com/img/my_step_03.png) no-repeat top center; }
.step li span.my_04{ background:url(https://afg.ofgod.com/img/my_step_14.png) no-repeat top center; }
.step li span.my_05{ background:url(https://afg.ofgod.com/img/my_step_05.png) no-repeat top center; }
.step li span.my_06{ background:url(https://afg.ofgod.com/img/my_step_06.png) no-repeat top center; }
.step li span.my_08{ background:url(https://afg.ofgod.com/img/my_step_08.png) no-repeat top center; }
.step li span.my_07{ background:url(https://afg.ofgod.com/img/my_step_07.png) no-repeat top center; }
.step li span.my_09{ background:url(https://afg.ofgod.com/img/my_step_09.png) no-repeat top center; }
.step li:hover{background: #0e203b; }
.step li.on{ background: #0e203b;  }
.total_title{font-size:14px;}
table caption span.smallBlue{ font-weight:bold; color:#ed3904; letter-spacing:0px; }
button.od_cancle{ padding:5px 5% 2px 5%; font:normal 11px/13px dotum; color:#fff; background:#f34941; border:1px solid #f55a53; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
button.od_cancle.ok{ background:#0b7bda; border-color:#0f63aa; }
button.od_cancle.green{ background:#5abe33; border-color:#3d921b; }
button.order_cancle{  padding:5px 5% 2px 5%; font:normal 11px/13px dotum; color:#fff; background:#f34941; border:1px solid #f55a53; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }


/*상품평*/
.tab {display:inline-block;position:relative;width:100%;height:40px; margin:20px 0px;border-bottom:1px solid #a0a0a0; }
.tab:after{content:"";display:block;clear:both;}
.tab li {float:left;border:1px solid #ccc;border-bottom:0; padding:0 25px;background-color:#f7f7f7; cursor:pointer;min-width:80px;}
.tab li a{display:block;overflow:hidden;height:39px;line-height:36px;white-space:nowrap;text-overflow:ellipsis;font-size:14px; font-family:'NotoSansKR', sans-serif; letter-spacing:-0.02em;text-align:center;color:#444;vertical-align:middle;*width:auto;}
.tab li.on{position:relative;background-color:#fff;border-bottom:0;border-left:1px solid #bbb;border-right:1px solid #bbb;}
.tab li.on a{color:#ff5000; font-weight:bold}

/* 상품후기 */
.R_star_wrap input{float:left; height:18px; line-height:18px;}
.R_star_wrap span{float:left;}
.star_01{ display:inline-block; width:86px; height:18px; background:url(https://afg.ofgod.com/img/icon_star_1.png) no-repeat center left; margin:2px 2px 0 2px; cursor:pointer; }
.star_02{ display:inline-block; width:86px; height:18px; background:url(https://afg.ofgod.com/img/icon_star_2.png) no-repeat center left; margin:2px 2px 0 2px; cursor:pointer; }
.star_03{ display:inline-block; width:86px; height:18px; background:url(https://afg.ofgod.com/img/icon_star_3.png) no-repeat center left; margin:2px 2px 0 2px; cursor:pointer; }
.star_04{ display:inline-block; width:86px; height:18px; background:url(https://afg.ofgod.com/img/icon_star_4.png) no-repeat center left; margin:2px 2px 0 2px; cursor:pointer; }
.star_05{ display:inline-block; width:86px; height:18px; background:url(https://afg.ofgod.com/img/icon_star_5.png) no-repeat center left; margin:2px 2px 0 2px; cursor:pointer; }

/*네이버페이 2015.08.25*/
.naverPay{ float:right; width:261px; margin-top:0px; border-bottom:2px solid #2b2f3a;  }

/*재검색*/
.title_2{ float:left; display:inline-block;color:#1e69c7; letter-spacing:-1.5px;  }
.category_name_1{ display:inline-block; padding:3px 20px 6px 20px; font:bold 16px/18px Malgun Gothic; color:#fff; vertical-align:middle; background:#505a69; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
.title_2 strong{ color:#df0e00;  font:bold 16px/24px Malgun Gothic; vertical-align:bottom;  }
.title_2 b{ color:#df0e00; }
.title_2 .row_menu{ display:inline-block; padding:0px 10px 0px 10px;}  
.title_2 .row_menu a{ display:inline-block; padding:5px 10px; margin:0px 15px; font:normal 14px/18px Malgun gothic; color:#636363; background:url(https://afg.ofgod.com/img/red_arrow_right.png) no-repeat 0px 11px; }
.title_2 .row_menu a:hover{ color:#ff5000; }
.title_2 .row_menu a.on{ font-weight:bold; color:#ff5000; background:url(https://afg.ofgod.com/img/mint_arrow_right.png) no-repeat 0px 11px; }

.memo2{ padding:0px 0px 0px 1px; color:#666; float:left; font-size:16px;}
.memo2 b{ color:#ec1226;  }

.reSearch{float:right ;width:240px; border:1px solid #ccc;}
.reSearch input{border:none; padding:4px 4px;width:200px;}
.reSearch input.search_btn {border:none; padding:4px ;border-left:none;height:18px; width:18px}

/*카테고리박스*/
.category_box{ clear:both; position:relative; width:100%; margin-top:2%; border:1px solid #e2e2e2; }
/*.category_title{ position:relative; display:block; width:100%; font:bold 14px/20px 'NanumGothic-Bold','NotoSansKR', sans-serif; color:#484848;  text-align:center; padding:5px 0px 5px 0px; background:url(https://afg.ofgod.com/img/category_top_bg.png) repeat; }*/
.category_box ul{  display:block; width:1000px; padding:15px 20px 15px 20px; overflow:hidden; margin:0 auto; }
.category_box ul li{ float:left; display:inline-block; padding:5px 30px 8px 10px;  font:normal 13px/16px 'NotoSansKR', sans-serif;  background:url(https://afg.ofgod.com/img/dotted_red.png) no-repeat center left; letter-spacing:-1px;}
.category_box ul li:hover{ cursor:pointer; color:#ff5000; letter-spacing:-1px;  }
.category_box ul li.on{ font-size:15px; font-weight:bold; color:#2071cb; letter-spacing:-1px; }

/*모바일메뉴 15.09.22*/
.mobile_top_menu{ display:none; }
.mobile_sub_menu{ display:none; }

/*브랜드 리스트 2015.10.22*/
.brand_menu{ display:none; z-index:999; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(https://afg.ofgod.com/img/black_85.png); overflow-y:scroll; }
.brand_menu .centerWrap{ margin:0px auto; width:1020px;  padding:0px 0px; background:#fff; }
.brand_list2{ position:relative; width:100%; height:100%; }
.brand_list2 .sitemapTitle{ display:block; text-align:center; background:#333; font:normal 26px/30px Malgun gothic; color:#fff; padding:14px 0px 25px 0px; }
.brand_list2 .sitemapClose{ position:fixed; top:15px; right:50%; font-size:30px; margin-right:-500px; vertical-align:top; cursor:pointer; color:#da0b0b; z-index:11; }
.brand_list2 .sitemapClose:hover{ color:#38c3ae; }
.brand_list2 ul{ display:block; width:95%; height:100%; padding:20px 0px; margin:0px auto; overflow:hidden;  }
.brand_list2 li{ display:block; padding-bottom:30px; width:100%; height:100%; background:#f9f9f9; }
.brand_list2 li strong{ display:block; font-size:15px; font-weight:bold; padding:5px 0px; margin-bottom:20px; background:#da0b0b url(https://afg.ofgod.com/img/red_gra.png) repeat-x; color:#fff; text-align:center; }
.brand_list2 li a{ display:inline-block; width:182px; padding:5px 0px 1px 8px; font-size:12px; color:#333;  }
.brand_list2 li a:hover{ background:#333; color:#ffea38; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}

.fixed{ display:none; }
.chek_pc{ display:none; }

/* 주문/배송조회 */
.order_pa .chek_prc { display:;  }
.mobile_on{ display:none; }

/* 추천인 팝업 */
.main-pop-wp + .wrap{}
.main-pop-wp{ position: fixed; top: 0;  width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 99999;;}
.main-pop-con{ width: 50%; background: #fff; position: relative; left: 25%; top: 20%; padding: 40px 0;border-radius: 20px }
.main-pop-con .main-pop-tit{ font-weight: bold; font-size: 18px; text-align: center; }
.main-pop-con .main-pop-out{ position: absolute; border: 2px solid #002f5b; background: #fff; color: #002f5b; top: 30px;  right: 30px; padding: 2px 10px;}
.main-pop-con ul{ padding: 20px 20px 0;}
.main-pop-con ul li{ display: flex; justify-content: space-between; padding: 5px; }
.main-pop-con ul li button{ border: 0; padding: 2px 20px; background: #002d5d; color: #fff;}
.main-pop-con ul li:hover{background:#f7f7f7}



/*레이어팝업*/
.popup{position:absolute; min-width:200px; min-height:200px; background:#fff; z-index:98600; box-shadow:3px 3px 3px rgba(0,0,0,0.2); }
.popup_footer{position:absolute; bottom:0; right:10px; height:30px; margin-top:5px; font-size:13px; color:#000; text-align:right; line-height:25px}
.popup_footer label{display:inline-block; zoom:1}
.popup_footer a.popclose{display:inline-block; width:46px; line-height:19px; border:1px solid #ddd; color:#333; margin-left:5px; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;text-align:center;}

.open_ing{ position:relative; width:600px; margin:0px auto; min-height:290px;  background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,.5);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;  padding:30px 10px; text-align:center}
.open_ing:after{ content:""; clear:both; display:block; }

/*품절*/
b.out_b,b.s_out{display:inline; margin-bottom:1px; font:normal 12px/16px Malgun Gothic; background:#d92c1a; color:#fff; padding:1px 3px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
b.soldOut{font-size: 11px;display: inline; margin-bottom: 1px; background: #333; color: #fff; padding: 2px 10px; letter-spacing: -0.5px; border-radius: 3px; vertical-align: middle;}

/*쿠폰 보기 페이지*/
.list_coupon_wrap{}
.list_coupon_wrap .close_ico{float:right; font-size:32px; line-height:38px; cursor:pointer}
.list_coupon_wrap .p_title{font-size:18px; line-height:38px; font-weight:bold}
.list_coupon_cate{border-top:2px solid #333}
.list_coupon_cate li{border-bottom:1px solid #ddd; padding:5px}
.list_coupon_cate li img{width:35px; height:35px; margin:0 10px}

/* 팝업창 디자인 */
.layerWrap .centerWrap.proList{ position:relative; background:none; padding:183px 0 0 0; width:600px; }
.layerWrap .centerWrap.proList .layerClose{ font-size: 23px; position:absolute; top:183px; right:0; margin-right:0px; background:none; z-index:2; color:#fff; }
.popup_wrap{position:relative; width:96%; margin:0px auto; min-height:400px;  background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,.5); padding:0px 2%;}
.popup_wrap:after{ content:""; clear:both; display:block; }
.popup_wrap .popup_title{clear:both;  position:absolute; background:#333; top:0; left:0; width:100%; margin:0 ; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#fff ; text-indent:10px; letter-spacing:-0.08em; z-index:1 }
.popup_wrap .popup_title .close_btn{position:fixed; right:10px; top:12px; width:30px; height:30px; background-image:url(https://afg.ofgod.com/img/page/close_popup_ico.png); background-repeat:no-repeat; background-position:center top; cursor:pointer}
.popup_wrap .popup_title .close_btn:hover{background-position:center -40px}
.popup_wrap .popup_contents{clear:both; position:relative;  padding:50px 5px 0;}
.popup_foot{padding:5px; height:20px; background:#75819a; color:#fff; font-size:11px; line-height:20px}
.popup_foot a{padding-top:3px; float:right; color:#fff;  line-height:24px}

.order_btn_wrap{text-align:center}
.order_btn_wrap a{display:block; border:none; font-size:12px; color:#333; line-height:15px;white-space: nowrap ; padding:3px 0 }
.order_btn_wrap button.btn{display:block; float:normal; padding:3px 5px; margin:1px auto; background:#fff;  border:1px solid #d0d0d0; font-size:11px; color:#333; line-height:13px; white-space: nowrap;  }
.order_btn_wrap button.btn:hover{background:#f4f9f9;  border:1px solid #ccc; cursor:pointer}
.order_btn_wrap span, span.order_result{padding:0}

.detail_sticker th{background:#f7f7f7!important; color:#444!important; border:1px solid #ccc; border-width:1px 1px 1px 0;}
.detail_sticker td{text-align:left!important; padding:10px 0 10px 20px!important; white-space:pre-wrap;}

table.sales_table{margin:6px 0 0;}
table.sales_table th.sales_table_title{background:#ddd; color:#444; font-size:13px; letter-spacing:3px; padding:12px 0 12px 20px; border-bottom:1px dashed #aaa;}
.mb_on_bankinfo{display:none;}

.delivery_tip{display:none; position:absolute; top:-60px; left:-210px; width:200px; min-height:40px; z-index:99; background:#fff; padding:20px; box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.25)}
.delivery_tip.on{display:block;}

/* 하단 디자인 2022 */
.bottom_menu{overflow:hidden; margin: 60px 0 100px;}
.bottom_menu .centerWrap{border-top: 2px solid #000; border-bottom: 1px solid #ddd; overflow: hidden; box-sizing:border-box}
.bottom_menu .centerWrap .customer_center{float:left; border-right: 1px solid #ddd; box-sizing:border-box; padding: 20px; min-height: 300px;}
.bottom_menu .centerWrap .customer_center:nth-child(1){ width: 30%;}
.bottom_menu .centerWrap .customer_center:nth-child(2){ width: 20%;}
.bottom_menu .centerWrap .customer_center:nth-child(3){ width: 20%;}
.bottom_menu .centerWrap .customer_center:nth-child(4){ width: 30%; border-right: 0; }
.bottom_menu .centerWrap .customer_center dl dt{ font-size: 18px; font-weight: bold; margin: 15px 0;}
.bottom_menu .centerWrap .customer_center dl dd .call{ font-size: 25px; font-weight: bold; color: #193870;}
.bottom_menu .centerWrap .customer_center dl dd p{ margin-top: 20px; font-size: 15px;}
.bottom_menu .centerWrap .customer_center dl dd p span{display:block; margin-bottom: 3px; }
.bottom_menu .centerWrap .customer_center dl dd .bank{}
.bottom_menu .centerWrap .customer_center dl dd .bank img{ width: 150px; display: block;}
.bottom_menu .centerWrap .customer_center dl dd .bank_info{}
.ft_quick_icon_wp{}
.ft_quick_icon_wp li{ float: left; width: 25%; margin: 4%; text-align: center;}
.ft_quick_icon_wp li a{ display: block; background: #f0f4f7; border-radius: 50px; padding: 15px 0; margin-bottom: 5px;} 
.ft_quick_icon_wp li a:hover{ background: #e6eef4;}

.bottom_menu .centerWrap .customer_center dl dd .min_notice_list a{display: block; width: 100%; overflow: hidden; margin-bottom: 5px; font-size: 13px;}
.bottom_menu .centerWrap .customer_center dl dd .min_notice_list a .txt{float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 70%;}
.bottom_menu .centerWrap .customer_center dl dd .min_notice_list a .date{ float: right; width: 25%;}

/* 푸터 */
footer{background: #011e41;}
.copy-top{background: #002d5d; padding: 25px 0; border-bottom: 1px solid #ddd;}
.copy-top span{ color: #fff; font-size: 15px; vertical-align: middle; }
.copy-top b{ color: #fff; font-size: 20px; font-weight: bold; padding-right: 40px; vertical-align: middle;}

footer .copy_info{ overflow: hidden; padding: 50px 0;}
footer .copy_info .ft_logo{ float: left; width: 20%; box-sizing: border-box; padding: 10px;}
footer .copy_info .ft_logo img{width:100%}
footer .copy_info .ft_sns{ float: left; width: 20%;}
footer .copy_info .ft_sns a{ display: inline-block; padding: 0 5px; box-sizing: border-box;}
footer .copy_info .ft_address{ float: left; color: #fff; width: 60%;}
footer .copy_info .ft_address b{font-size: 15px; padding :0 10px 10px 10px; box-sizing: border-box; display: block;}
footer .copy_info .ft_address address{ font-style: inherit; line-height: 20px;}
footer .copy_info .ft_address address span{padding: 0 10px;}
footer .copy_menu{text-align: center;}
footer .copy_menu a{ color: #fff; padding: 20px; display: inline-block;}
footer .copy_menu b{ }
footer .copyRight2{ padding: 20px 0; text-align: center; color: #ddd;}

/* 에러 */
.error-box{max-width:600px;margin:0 auto;}
.error-box .top{box-sizing:border-box;height:auto;border:none;}
.error-box .top h3{padding:50px 0;text-align:center;}
.error-box .top h3 img{margin:0 0 30px;}
.error-box .top h3 p{font-size:26px;text-align:center;font-weight:bold;}
.error-box .btn-back{padding-left:14px;position:relative;color:#999;font-size:14px;}
.error-box .btn-back::before{content:'';width:7px;height:7px;border:1px solid #999;border-width:1px 1px 0 0;display:block;position:absolute;left:0;top:3px;transform:rotate(225deg);}
.error-box .contents{padding:40px;background:#f4f4f4;}
.error-box .contents .list-type-1{}
.error-box .contents .list-type-1 li{display:flex;font-size:15px;padding:5px 0;}
.error-box .contents .list-type-1 li .left{min-width:140px;text-align:left;}
.error-box .contents .list-type-1 li .left p{font-weight:bold;}
.error-box .contents .list-type-1 li .right{color:#999;}
.error-box a.btn-home{width: 100%; display: flex; margin: 20px 0 0; border: 1px solid #000; color: #fff; background: #000; padding: 14px 0; border-radius: 5px; align-items: center; justify-content: center;  font-size: 15px;}
.error-box a.btn-home:hover{background:#fff;color:#000;}