.main_section { position:relative;}
.main_section img { display:block; text-align:center; margin:50px auto;}
.main_section .main_section_bg { position:relative; margin-top:40px; padding:60px 0; background-color:#2f2e72;  }
.main_section .main_section_bg .link_box { width:986px; margin:0 auto; position:absolute; top:210px; left:50%; transform:translateX(-50%);}
.main_section .main_section_bg .link_box .go_link { float:left; width:318px; height:287px; margin-right:18px; background:none; cursor:pointer; border:0;}
/*서브 - 컨텐츠영역 공통*/
.sub_body { width:1204px; margin:30px auto -5px; }
.sub_body .contents { width:100%; clear:both; display:inline-block; }

/*공통영역 띠 링크(바로가기)*/
.acces_box { position:relative; clear:both; width:100%; color:#fff; padding:35px 0 50px 0; box-sizing:border-box; text-align:center; }
.acces_box.stockpoint { background-color:#ff6023; }
.acces_box.themerader { top:-140px; background-color:#d72b02; }
.acces_box.finup { background-color:#2f2e61; padding:45px 0 60px 0;  }
.acces_box h4.tit { font-size:25px; margin-bottom:30px; text-align:center; font-weight:normal; }
.acces_box.finup h4.tit { font-size:30px; }
.acces_box h3.tit_cont { font-size:20px; font-weight:lighter;} 
.acces_box ul.acces_conts { display:inline-block; } 
.acces_box ul.acces_conts li { float:left; width:260px; height:50px; margin-right:15px; line-height:50px; border:1px solid #fff; font-weight:300; text-align:center; }
.acces_box ul.acces_conts li:last-of-type { margin-right:0;}
.acces_box ul.acces_conts li button { background:none; border:0; display:inline-block; width:100%; height:100%; line-height:inherit; color:#fff; font-size:18px; font-weight:300; cursor:pointer;}
.acces_box ul.acces_conts li button .im { font-size:23px; margin-right:10px; vertical-align:text-bottom; }

/*타이틀_가운데정렬*/
.sub_body .contents_tit { text-align:center; margin-bottom:35px; }
.sub_body .contents_tit h3.sub_tit { font-size:55px; line-height:40px; height:55px; }
.sub_body .contents_tit p.sub_tit_txt { color:#666; font-size:21px; height:60px; line-height:40px; font-weight:300; }
.sub_body .contents_tit p.sub_tit_cont { display:inline-block; font-size:20px; padding:0 40px; height:40px; line-height:32px; border-bottom:1px solid #ddd;  }

/*서비스(핀업 스탁)*/
.service_stockpoint li.left { float:left; }
.service_stockpoint li.left ul.imgleft_cont { display:block; margin-bottom:25px; height:90px; }
.service_stockpoint li.left ul.imgleft_cont li { float:left; }
.service_stockpoint li.left ul.imgleft_cont li.icon_img { clear:both; margin-right:20px; }
.service_stockpoint li.left ul.imgleft_cont li.icon_img img { width:90px; height:auto;}
.service_stockpoint li.left ul.imgleft_cont li.txt span{ font-size:22px; line-height:32px; font-weight:500; }
.service_stockpoint li.left ul.imgleft_cont li.txt p.txt { margin-top:5px; font-size:16px; line-height:25px; font-weight:300; }
.service_stockpoint li.right { float:right;  }
.service_stockpoint li.right img { width:530px; height:auto;}

/*서비스(핀업 레이더)*/
.service_themerader { position:relative; background-color:#f7f7f7; padding:40px 0; } 
.service_themerader li { float:left;}
.service_themerader li.left {width:413px;}
.service_themerader li.center { position:relative; bottom:-3px; width:377px;}
.service_themerader li.center img { bottom:0; }
.service_themerader li.right {width:413px;}
.service_themerader li { width:413px; }
.service_themerader li.left, .service_themerader li.right { margin-top:80px; }
.service_themerader li .imglist { display:inline-block; margin-bottom:25px; }
.service_themerader li .imglist li.txt { width:auto; }
.service_themerader li .imglist li.txt span {font-size:22px; line-height:32px; }
.service_themerader li .imglist li.txt p.txt { margin-top:5px; clear:both; font-size:16px; line-height:25px; font-weight:300; }
.service_themerader li .imglist li.icon_img { width:98px; height:98px; }
.service_themerader .imgright_cont {float:right; margin-right:50px; text-align:right;}
.service_themerader .imgright_cont li.icon_img { margin-left:20px;}
.service_themerader .imgright_cont li.icon_img img { width:90px; height:auto;}
.service_themerader .imgleft_cont { margin-left:50px;}
.service_themerader .imgleft_cont li.icon_img { margin-right:20px;}
.service_themerader li.center .slideimg { position:absolute; bottom:18px; left:29px; width:319px; height:504px; box-sizing:border-box; overflow:hidden; }
.service_themerader li.center .slideimg ul.slide_box { position:absolute; }
.service_themerader li.center .slideimg ul.slide_box li { float:left; width:319px; height:504px;}

/*서비스(핀업)*/
.service_finup .sub_body .contents_tit { margin-bottom:50px; }
.service_finup li.right { float:left; margin-left:30px; }
.service_finup li.right ul.imgleft_cont { display:block; margin-bottom:25px; height:90px; }
.service_finup li.right ul.imgleft_cont li { float:left; }
.service_finup li.right ul.imgleft_cont li.icon_img { clear:both; margin-right:20px;}
.service_finup li.right ul.imgleft_cont li.txt span { font-size:17px; line-height:32px; font-weight:500; }
.service_finup li.right ul.imgleft_cont li.txt span.font_size { font-size:22px; }
.service_finup li.right ul.imgleft_cont li.txt p.txt { margin-top:5px; font-size:16px; line-height:25px; font-weight:300; }
.service_finup li.left { float:left;  }
.service_finup li.left img { width:540px; height:auto; }

/*이용약관*/

.contents_warp { padding:50px }
.contents_warp a { text-decoration:underline; color:#2f2e72; cursor:pointer; }
.contents_warp a.style_none { text-decoration:none; cursor:default; }
.contents_warp a.style_none:hover { text-decoration:none; }
.contents_warp .navigation { margin:25px 0; padding-bottom:15px; font-size:32px; line-height:30px; font-weight:bold;  }
.contents_warp .contents_txt .title { padding:50px 0 5px; font-size:18px; line-height:22px; color:#222; }
.contents_warp .contents_txt b { display:block; padding:25px 0 10px; font-size:15px; font-weight:500;color:#222;  }
.contents_warp .contents_txt { font-size:13px; line-height:22px;  }

.contents_warp .contents_txt .pricate_noti_table { margin:10px 0 20px; }
.contents_warp .contents_txt .pricate_noti_table th { background-color:#f1f1f1; width:100px; }
.contents_warp .contents_txt .pricate_noti_table th,tr,td { height:50px; padding:20px 15px; vertical-align:top; }
.contents_warp .contents_txt .pricate_noti_table td { border-right: 1px solid #eaeaea; line-height:20px; }
.contents_warp .contents_txt .point_colr { padding:10px 0; color:#381d96; line-height:22px; }
.contents_warp .contents_txt .point_colr b { color:#381d96; } 

.contents_warp .sub_tab { width:100%; height:50px; font-size:18px; line-height:50px; }
.contents_warp .sub_tab::after { content:""; display:block; clear:both; }
.contents_warp .sub_tab li { float:left; width:33.33333%; height:100%; border:1px solid #ddd; border-right:0; cursor:pointer; text-align:center; line-height:50px;}
.contents_warp .sub_tab li:last-child { border-right: 1px solid #ddd; }
.contents_warp .sub_tab li.active { border:0; color:#fff; background-color:#f25c37; font-weight:bold; }

/*핀업 통합 이벤트 페이지*/
.event_tit { font-size:30px; font-weight:bold; }
.event_list_none { display:block; width:100%; padding:60px 0; background:#ededed; color:#777; font-size:18px; text-align:center; }
.event_list_none i { font-size:90%; margin-right:7px; }
.event_list { position:relative; display:inline-block; width:380px; height:410px; margin:0 25px 50px 0; box-sizing:border-box; overflow:hidden; clear:both; }
.event_list:nth-child(3n) { margin-right:0; }
.event_list .event_thm { position:absolute; top:0px; height:270px; background:#ddd; z-index:1; }
.event_list .event_thm img { width:100%; min-width:380px; height:100%; }
.event_list .event_thm .thm_fin { position:absolute; top:0; }
.event_list .event_con { position:absolute; bottom:0px; left:50%; transform:translateX(-50%); float:left; width:340px; height:170px; padding:20px; background:#fff; text-align:center; z-index:2; }
.event_list .event_con .event_cate { display:inline-block; width:110px; height:30px; border:1px solid #262961; border-radius:50px; color:#ff7c24; font-size:15px; font-weight:400; text-align:center; box-sizing:border-box; line-height:26px; }
.event_list .event_con .event_cate.all { color:#2f2e72; }
.event_list .event_con .event_cate.stock { color:#f3722a; }
.event_list .event_con .event_cate.radar { color:#cd154f; }
.event_list .event_con .event_cate.starter { color:#22a5df; }
.event_list .event_con .name_wrap { display:block; position:relative; width:300px; height:60px; margin:10px auto; font-size:20px; font-weight:bold; line-height:30px; text-align:center; overflow:hidden; }
.event_list .event_con .name_wrap .event_name { display:inline-block; width:100%; max-height:60px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.event_list .event_con .event_period { color:#777; font-size:17px; font-weight:300; }
.event_list .event_con .event_period.end { color:#bbb; text-decoration:line-through; }
.event_list .event_con .event_period i {margin-right:7px; font-size:80%; }

.event_winner { width:100%; text-align:center; }
.event_winner .table_top { background:#f6f9fa; border-top:2px solid #222; font-size:16px; }
.event_winner .tag_new { display:block; width:30px; height:30px; border-radius:100px; background:#2f2e72; color:#fff; font-weight:bold; margin:0 auto; line-height:28px; }
.event_winner .table_cate { border-right:none!important; text-align:right; }
.event_winner .table_cate .cate_con { display:block; width:110px; height:30px; margin-left:50px; border:1px solid #2f2e72; border-radius:50px; color:#222; font-size:15px; text-align:center; line-height:28px; }
.event_winner .table_cate .cate_con.all { color:#2f2e72; }
.event_winner .table_cate .cate_con.stock { color:#f3722a; }
.event_winner .table_cate .cate_con.radar { color:#cd154f; }
.event_winner .table_cate .cate_con.starter { color:#22a5df; }
.event_winner .table_name { padding:3px 20px 5px 20px; text-align:left; border-left:0; }
.event_winner .table_date { color:#999; }
.event_winner th { height:50px; padding:0; vertical-align:middle; vertical-align:middle; }
.event_winner td { height:0px!important; padding:0; box-sizing:border-box; vertical-align:middle; }

.event_golist { display:block; float:right; width:70px; height:35px; margin-top:20px; padding:6px 0 0 0; background:#222; border-radius:5px; color:#fff; font-size:15px; text-align:center; }


/*우리원몰 페이지*/
.oorione_wrap { width:1200px; margin:0px auto 70px auto; overflow:hidden; }
.oorione_imgbox { padding:0 50px; height:480px; background:#e53d4e; }
.oorione_imgbox img { display:inline-block; position:relative; left:50%; transform:translateX(-50%); width:1100px; }
.oorione_listbox { padding:50px; border:1px solid #eaeaea; box-sizing:border-box; overflow:hidden; }
.oorione_list { position:relative; float:left; width:258px; height:445px; margin:0 20px 20px 0; border:1px solid #eaeaea; box-sizing:border-box; font-family:'MalgunGothic'; }
.oorione_list:hover { border-color: #ff7500; }
.oorione_list:nth-child(4n) { margin-right:0; }
.oorione_list .product_thm { position:relative; height:279px; border:0; }
.oorione_list .product_thm img { width:100%; max-width:255px; height:100%; }
.oorione_list .product_thm .point { position:absolute; right:10px; bottom:15px; width:115px; line-height:30px; border-radius:30px; background:#fff; border:2px solid #262961; box-sizing:border-box; font-size:115%; font-weight:bold; color:#222; text-align:center; }
.oorione_list .product_thm .point small { display:block; float:right; margin:2px 3px 0 0; width:25px; height:25px; border-radius:25px; background:#ff7500; text-align:center; line-height:25px; font-size:85%; color:#fff; }
.oorione_list .product_con { padding:19px; }
.oorione_list .product_con .con_wrap { display:block; position:relative; height:50px; margin-bottom:20px; font-size:17px; font-weight:400; line-height:25px; overflow:hidden; }
.oorione_list .product_con .con_wrap .product_name { display:inline-block; width:100%; color:#555; }
.oorione_list .product_con .fixed_price { float:right; height:25px; line-height:25px; vertical-align:middle; font-size:17px; color:#999; text-decoration:line-through; }
.oorione_list .product_con .product_reward { clear:both; height:30px; line-height:30px; vertical-align:middle; overflow:hidden; }
.oorione_list .product_con .product_reward small { font-size:17px; font-weight:normal; }
.oorione_list .product_con .product_reward .sale { float:left; font-size:25px; font-weight:bold; color:#ff7500; }
.oorione_list .product_con .product_reward .price { float:right; line-height:30px; font-size:25px; font-weight:bold; color:#222;  }