﻿@charset "utf-8";

/* 게시판 */
.board_area	{position:relative;padding:0 0 20px;display:block;*zoom:1;}
.board_area:after	{content:"";display:block;clear:both;}

.board_pop	{position:relative;display:block;*zoom:1;}
.board_pop:after	{content:"";display:block;clear:both;}

/*   =======================  board_srch  ===========================  */
.board_srch {position:relative;margin:0 0 15px;display:block;}
.board_srch:after   {content:"";display:block;clear:both}
.board_srch .srch_input {position:relative;padding:0 42px 0 0;display:block;}
.board_srch .srch_input input {text-align:center;}
.board_srch .srch_input .btn_srch {position:absolute;top:0;right:0;border-radius:3px;}

.board_srch .pro_align  {position:absolute;top:0;right:0;}
.board_srch .pro_align a    {float:left;width:30px;height:30px;margin-left:5px;text-indent:-9999px;}
.board_srch .pro_align a.list_btn    {background:url(/images/product/list_btn.jpg) no-repeat 0 0;background-size:30px;}
.board_srch .pro_align a.thum_btn    {background:url(/images/product/thum_btn.jpg) no-repeat 0 0;background-size:30px;}
.board_srch .pro_align a.list_btn.on, .board_srch .pro_align a.thum_btn.on  {background-position:0 100%;}

.board_srch .layout_board   {position:relative;padding:0 0 0 105px;}
.board_srch .layout_board select   {position:absolute;top:0;left:0;width:102px;height:36px;line-height:36px;border-radius:3px;}
.board_srch .layout_board input   {height:36px;line-height:36px;text-align:center;padding-right:36px;border-radius:3px;}
.board_srch .layout_board .btn_srch   {position:absolute;top:0;right:0;width:36px;height:36px;line-height:36px;text-indent:-9999px;border:0 none;background:url(/images/btn/board_srch.png) no-repeat 50% 50%;background-size:14px;}

.board_srch_qna    {background:#fff;padding:15px 80px 15px 10px;margin:0;}
.board_srch_qna .layout_board   {padding:0 0 0 65px;}
.board_srch_qna .layout_board select   {width:62px;border-radius:0;}
.board_srch_qna .layout_board input   {text-align:left;border-radius:0;}
.board_srch_qna .btn_txt    {position:absolute;top:15px;right:10px;}

.srch_select2   {padding:0 80px 0 0;}
.srch_select2 select   {float:left;width:49%;margin-left:1%;}
.srch_select2 select:first-child    {margin:0;}

.board_srch_order   {padding:20px;margin:0 0 10px;background:#fff;border:1px solid #e4e4e4;border-radius:5px;}
.board_srch_order input   {text-align:center;margin-bottom:3px;}
.board_srch_order .btn_area {padding:0;}

.board_srch_coupon   {padding:20px;margin:0 0 10px;background:#fff;border:1px solid #e4e4e4;border-radius:5px;}
.board_srch_coupon input   {text-align:center;margin-bottom:10px;font-size:13px;height:2.8em;line-height:2.8em;}

.srch_month	{margin:0 0 10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.srch_month button {padding:0;width:20%;margin:0 0 0 2px;border-radius:0;}
.srch_month button:first-child  {margin:0;}

/* form */
.frm_mail {display:block;}
.frm_mail:after {content:"";display:block;clear:both;}
.frm_mail input[type="text"] {float:left;width:46%;}
.frm_mail i {float:left;line-height:30px;width:8%;text-align:center;}
.frm_mail select {float:left;width:100%;margin-top:5px;}

.frm_srch {margin:0 0px 15px;display:block;}
.frm_srch:after {content:"";display:block;clear:both;}
.frm_srch select {float:left; width:20%; height:40px}
.frm_srch .search-box {float:left; margin-right:-60px;padding-right:66px;width:80%;box-sizing:border-box;}
.frm_srch input[type="search"] {margin:0 0 0 3px;width:100%;height:40px}
.frm_srch .button.gray {float:right;width:60px;border-radius:0;background:#5c5c5c;border-color:#3c3c3c}

.frm_id {position:relative;padding:0 78px 0 0;display:block;}
.frm_id button {position:absolute;right:0;top:0;}

.frm_birthday	{display:block;}
.frm_birthday:after {content:"";display:block;clear:both;}
.frm_birthday select {float:left;width:32.5%;margin:0 0 0 1%;}
.frm_birthday select:first-child {margin:0;}

.frm_phone  {display:block;margin:0 0 5px;}
.frm_phone:after {content:"";display:block;clear:both;}
.frm_phone select {float:left;width:32%;}
.frm_phone input {float:left;width:33%;margin:0 0 0 1%;}
.frm_phone button {width:100%;margin-top:5px;}
.frm_phone button.passOpen {background: #8c8c8c;border: 1px solid #787878;}
.pass_number_wrap,
.mail_code_wrap {display: none;}
.pass_number_wrap input,
.mail_code_wrap input {float:left;width:70%;}
.pass_number_wrap button,
.mail_code_wrap button {float:right;width:28%;margin-left:2%;}
.pass_number_wrap p,
.mail_code_wrap p {clear:both;}

.frm_address  {display:block;}
.frm_address input	{margin-bottom:5px;}
.frm_address .zipcode  {position:relative;padding:35px 0 0;display:block;}
.frm_address .zipcode:after {content:"";display:block;clear:both;}
.frm_address .zipcode input {position:absolute;top:0;left:0;width:60%;}
.frm_address .zipcode button    {float:left;margin:0 5px 5px 0;}

.frm_calender  {display:block;}
.frm_calender:after {content:"";display:block;clear:both;}
.frm_calender input {float:left;width:32%;margin-right:1%;}
.frm_calender button    {float:left;padding:0;width:13%;margin:0;}
.frm_calender i    {float:left;width:8%;line-height:2.4em;font-style:normal;}

.frm_price  {margin:0 0 5px;padding:15px 20px;white-space:nowrap;}
.frm_price input  {display:inline-block;width:42.5%;text-align:right;color:#222;font-size:13px;border-radius:3px;height:30px;line-height:30px;}
.frm_price i  {display:inline-block;color:#bbb;width:5%;text-align:center;line-height:30px;font-style:normal;}

.frm_fg {margin:0 0 5px;display:block;}
.frm_fg select {margin-bottom:5px;}
.frm_fg input {margin-bottom:5px;}
.frm_fg label {display:block;}
.frm_fg label span {display:block;margin:0 0 5px;}

/* 첨부파일 디자인 바꾸기 */
.file_area	{position:relative;padding:0 65px 0 0;display:block;}
input[type="text"].fileInputTxt{display:block;height:28px;border:1px solid #ccc;background:#fff;}
.fileDiv	{position:absolute;top:0;right:0;width:60px;height:28px;color:#fff;overflow:hidden;border:1px solid #dcdcdc;}
input[type="button"].fileBtnImg	{position:absolute;top:0;right:0;width:60px;height:28px;border:0 none;background:#f1f1f1;color:#5c5c5c;line-height:28px;}
input[type="file"].fileInput	{position:absolute;right:0px;top:0px;height:28px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}

/*   =======================  board_list  ===========================  */
table.board_list	{width:100%;table-layout:fixed;border-top:1px solid #565d70;}
table.board_list th	{padding:16px 5px 15px;border-bottom:1px solid #ddd;color:#333;background:#f8f8f8;font-size:13px;}
table.board_list td	{padding:16px 5px 15px 10px;border-bottom:1px solid #ddd;}

table.board_srmy	{width:100%;table-layout:fixed;border:1px solid #ddd;border-bottom:0 none;}
table.board_srmy th	{padding:14px 5px 13px;border-bottom:1px solid #ddd;color:#555;font-size:13px;background:#f8f8f8;}
table.board_srmy td	{padding:14px 10px 13px;border-bottom:1px solid #ddd;color:#555;font-size:13px;text-align:left;}

table.board_box	{width:100%;table-layout:fixed;border:1px solid #ddd;border-bottom:0 none;border-left:0 none;}
table.board_box th	{padding:14px 5px 13px 20px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;color:#555;font-size:13px;text-align:left;background:#f8f8f8;}
table.board_box td	{padding:14px 10px 13px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;color:#555;font-size:13px;text-align:left;}

table.board_unline	{width:100%;table-layout:fixed;}
table.board_unline th	{padding:14px 5px 13px;border-bottom:1px solid #ddd;color:#555;font-size:13px;text-align:left;}
table.board_unline td	{padding:14px 10px 13px;border-bottom:1px solid #ddd;color:#555;font-size:13px;text-align:left;}

ul.board_list   {}
ul.board_list li   {position:relative;border-bottom:1px solid #ddd;}
ul.board_list li a   {padding:15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;}
ul.board_list li .icon   {-webkit-flex:none;flex:none;width:60px;margin:0 10px 0 0;padding:0;border-radius:3px;border-width:1px;font-weight:400;}
ul.board_list li .txt   {text-align:left;display:block;margin:0 100px 0 0;}
ul.board_list li .txt b   {display:block;font-size:13px;}
ul.board_list li .icon_answer_complete{position:absolute;top:50%;right:50px;margin-top:-30px;}
ul.board_list li .answer_icon{position:absolute;top:50%;right:50px;margin-top:-13px;}
ul.board_list li .user_srmy   {margin:0 5px 0 0;padding:0 5px 0 0;background:url(/images/board/line.png) no-repeat 100% 50%;background-size:1px;}
ul.board_list li .file_icon   {padding:0 0 0 5px;margin:0 0 0 5px;background:url(/images/board/line.png) no-repeat 0 50%;background-size:1px;}
ul.board_list li .file_icon img {width:12px;}
ul.board_list li .arrow   {position:absolute;top:0;bottom:0;right:20px;width:30px;background:url(/images/board/list_arrow.png) no-repeat 50% 50%;background-size:10px;}
ul.board_list li.nodata	{}

/*   =======================  board_write  ===========================  */
table.board_write	{width:100%;table-layout:fixed;border-top:1px solid #565d70;}
table.board_write th	{padding:16px 5px 15px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#333;background:#f8f8f8;font-size:13px;}
table.board_write td	{text-align:left;padding:16px 5px 15px 10px;border-bottom:1px solid #ddd;}

.wrapper_order table.board_write tbody th	{border-bottom:0 none;padding:7px 5px 6px;}
.wrapper_order table.board_write tbody td	{border-bottom:0 none;padding:7px 5px 6px 10px;}
.wrapper_order table.board_write tbody tr:last-child th,
.wrapper_order table.board_write tbody tr:last-child td	{border-bottom:1px solid #ddd;}

/*   =======================  board_view  ===========================  */
/*  th가 thead에 있을때  */
table.board_view	{width:100%;table-layout:fixed;border-top:1px solid #565d70;}
table.board_view th	{padding:14px 5px 13px;border-bottom:1px solid #ddd;color:#333;font-size:13px;background:url(/images/board/thLine.png) no-repeat 0 50%;}
table.board_view th:first-child {background:none;}
table.board_view th.date {color:#777;font-weight:400;font-size:12px;}
table.board_view td	{padding:14px 5px 13px;border-bottom:1px solid #ddd;}
table.board_view td.con	{text-align:left;padding:30px;}
table.board_view td.con>div		{min-height:150px;}
table.board_view th.tit {background:#f9f9f9;}

dl.board_view   {}
dl.board_view dt   {text-align:left;padding:10px 15px;border-bottom:1px solid #ccc;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;}
dl.board_view dt .date	{text-align:right;}
dl.board_view dt .user_srmy   {margin:0 5px 0 0;padding:0 5px 0 0;background:url(/images/board/line.png) no-repeat 100% 50%;background-size:1px;}
dl.board_view dt .file_icon   {padding:0 0 0 5px;margin:0 0 0 5px;background:url(/images/board/line.png) no-repeat 0 50%;background-size:1px;}
dl.board_view dt .file_icon img {width:12px;}
dl.board_view dd   {border-bottom:1px solid #e4e4e4;padding:20px 15px;text-align:left;height:auto;min-height:1px;max-height:999999px;overflow:hidden;display:block;}
dl.board_view dd.admin_txt  {background:#f8f8f8;font-size:13px;}
dl.board_view dd.admin_txt .admin_nm    {font-size:12px;color:#777;display:block;padding:10px 0 0;}

dl.board_view_qna dt   {-webkit-flex-flow:column wrap;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;}

dl.board_view.board_view_wide   {border-top:1px solid #62656a;}
dl.board_view.board_view_wide dt   {-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-flow:column wrap;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;}
dl.board_view.board_view_wide dt .date	{text-align:left;}

dl.board_view.board_view_review dt   {min-height:75px;padding:10px 10px 10px 95px;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-flow:column wrap;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;}
dl.board_view.board_view_review dt .img  {position:absolute;top:10px;left:10px;width:75px;height:75px;border:1px solid #ddd;display:block;}
dl.board_view.board_view_review dt .img img  {width:100%;height:100%;}
dl.board_view.board_view_review dt .rating_area	{}
dl.board_view.board_view_review dt .user   {display:inline-block;font-size:13px;color:#aaa;letter-spacing:0.01em;margin:0 0 0 5px;}
dl.board_view.board_view_review dt .pro_nm   {display:block;font-size:13px;color:#777;}
dl.board_view.board_view_review dt .tit_txt   {display:block;font-size:13px;color:#333;margin:0 0 5px;}
dl.board_view.board_view_review dt .date   {display:block;text-align:left;}

dl.board_view.board_view_comment {border-top:1px solid #62656a;}
dl.board_view.board_view_comment dt {display:block;}
dl.board_view.board_view_comment dt b   {display:block;}
dl.board_view.board_view_comment dt .date   {margin:0 10px;}

/*  board_short -  리스트하단 이전다음목록   */
table.board_short	{width:100%;table-layout:fixed;margin:30px 0;border-top:1px solid #565d70;border-bottom:1px solid #ddd;}
table.board_short th	{padding:14px 5px 13px 34px;border-top:1px solid #ddd;color:#333;font-size:13px;}
table.board_short td	{padding:14px 5px 13px 20px;border-top:1px solid #ddd;color:#555;font-size:13px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;background:url(/images/board/thLine.png) no-repeat 0 50%;}
table.board_short tr:first-child th,table.board_short tr:first-child td{border-top:0 none;}
table.board_short th.next_list	{background:url(/images/board/next_list.png) no-repeat 30px 50%;}
table.board_short th.prev_list	{background:url(/images/board/prev_list.png) no-repeat 30px 50%;}

/* 댓글 */
.comment_area   {display:block;}
.comment_area>.btn_area   {padding:0 10px 10px;}
.comment_area .tit_area {padding:0;margin:0 0 10px;border-bottom:1px solid #555;}
.comment_area .tit_area h2 {font-size:13px;font-weight:400;color:#fff;line-height:24px;padding:0 25px 0 10px;display:inline-block;background:url(/images/event/comment_tit_bg.png) no-repeat 100% 0;background-size:auto 24px;}
.regi_comment   {padding:0 10px;display:block;text-align:left;}
.regi_comment p   {text-align:left;display:inline-block;margin:0 15px 0 0;letter-spacing:0.05em;}
.regi_comment select    {width:auto;padding:0 10px;}
.regi_comment .regi  {position:relative;padding:0 80px 0 0;margin:10px 0 15px;display:block;}
.regi_comment .regi textarea  {background:#fff;height:80px;min-height:80px;}
.regi_comment .regi button  {position:absolute;top:0;right:0;width:70px;height:80px;padding:0;line-height:80px;}
.comment_area .info_txt {text-align:left;margin:0 0 10px;}
.comment_list   {border-top:1px solid #000;margin:0 0 20px;display:block;}
.comment_list ul   {display:block;}
.comment_list ul li   {padding:20px 10px;display:block;text-align:left;border-bottom:1px solid #e4e4e4;}
.comment_list ul li .user_srmy   {position:relative;margin:0 0 5px;padding:0 75px 0 0;line-height:30px;}
.comment_list ul li .user_srmy .id   {margin:0 10px;}
.comment_list ul li .user_srmy .date   {position:absolute;top:0;right:0;}
.comment_list ul li .comment   {height:auto;min-height:1px;max-height:999999px;overflow:hidden;display:block;}
.comment_list ul li .btn_area   {padding-bottom:0;}
.comment_list ul li.nodata  {text-align:center;}

.comment_area_re .comment_list ul li {padding-bottom:0;}
.comment_area_re .comment_list ul li .user_srmy .id    {margin-left:0;vertical-align:middle;}
.comment_area_re .comment_list ul li .user_srmy .btn_txt    {padding:0;height:auto;}
.comment_area_re .comment_list ul li .btn_area   {padding-bottom:20px;}
.comment_area_re .comment_list ul li .comment_reply .comment_list   {border-top:1px solid #e4e4e4;margin:0;padding-left:50px;background:url(/images/board/comment_arrow.png) no-repeat 15px 15px;background-size:20px;}
.comment_area_re .comment_list ul li .comment_reply .comment_list ul li {padding:10px 0 0;}
.comment_area_re .comment_list ul li .comment_reply .comment_list ul li:last-child  {border-bottom:0 none;}
.comment_area_re .comment_list ul li .comment_reply .regi_comment   {display:none;padding:0;}

.comment_area_re .comment_list>ul>li.on .comment_reply .regi_comment {display:block;}

/*   =======================  테이블 공통 스타일  ===========================  */
table .date {color:#7c7c7c;}
th.tRight, td.tRight	{text-align:right;}
th.tLeft, td.tLeft	{text-align:left;}
th.tCenter, td.tCenter	{text-align:center;}
th.no_pd, td.no_pd	{padding-left:0 !important;padding-right:0 !important;}

/*  btn_area  */
.rt_btn_area	{position:absolute;right:0;top:0;text-align:right;overflow:hidden;display:block;}
.btn_area	{
	position:relative;padding:0 0 20px;text-align:center;
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flexbox;
	display:-webkit-flex;display:flex;
	-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;
}
.btn_area:after{content:"";display:block;clear:both;}
.btn_area_l	{text-align:left;-webkit-justify-content:flex-start;justify-content:flex-start;}
.btn_area_r	{text-align:right;-webkit-justify-content:flex-end;justify-content:flex-end;}
.btn_area_between	{-webkit-justify-content:space-between;justify-content:space-between;}
.lbtn	{float:left;text-align:left;}
.rbtn	{float:right;text-align:right;}
.btn_area a, .btn_area button{}
.rt_btn_area a, .btn_area_r a, .rbtn a, .rt_btn_area button, .btn_area_r button, .rbtn button{margin:0 0 0 3px;}
.btn_area_l a, .lbtn a, .btn_area_l button, .lbtn button	{margin:0 3px 0 0;}
.btn_area_sns img {width:25px;height:auto;}

/*  btn  */
.btn_srch	{line-height:30px;*line-height:150%;height:30px;text-align:center;color:#fff;background:#555;border:1px solid #444;}
.btn_list_more  {padding:0 12px;line-height:50px;height:50px;text-align:center;color:#888;background:#fff;border:1px solid #ccc;border-radius:5px;}
.btn_list_more span {font-size:15px;font-weight:600;padding:0 26px 0 0;background:url(/images/btn/more_icon_plus.png) no-repeat 100% 50%;background-size:16px;}
.btn_list_more_s  {text-align:center;color:#888;}
.btn_list_more_s span {padding:0 15px 0 0;background:url(/images/btn/more_icon_plus_s.png) no-repeat 100% 50%;background-size:11px;}
.btn_more_add   {height:3em;padding:0 1em 0 1.5em;text-indent:1em;line-height:3em;text-align:center;color:#fff;background:#27aae1 url(/images/btn/more_icon_add.png) no-repeat 15px 50%;background-size:11px;;border:1px solid #2499ca;border-radius:3px;}
.btn_img_del    {width:20px;height:20px;text-indent:-9999px;background:#b4b4b4 url(/images/product/btn_img_del.png) no-repeat 50% 50%;background-size:14px;}
.btn_img_order  {height:30px;padding:0 0.5em 0 1.5em;text-indent:1em;line-height:30px;text-align:center;color:#27aae1;background:#fff url(/images/btn/order_icon.png) no-repeat 10px 50%;background-size:18px;;border:1px solid #27aae1;border-radius:3px;}

.btn_icon_del    {width:30px;height:30px;text-indent:-9999px;border:1px solid #bbb;background:#bbb url(/images/btn/del_icon.png) no-repeat 50% 50%;background-size:auto 14.5px;border-radius:50%;}
.btn_icon_modify    {width:30px;height:30px;text-indent:-9999px;border:1px solid #bbb;background:url(/images/btn/modify_icon.png) no-repeat 50% 50%;background-size:auto 14.5px;border-radius:50%;}

.btn_txt	{height:3em;padding:0 1.5em;text-align:center;font-size:12px;border-radius:3px;}
a.btn_txt	{line-height:3em;box-sizing:border-box;}
.btn_sky	{color:#fff;background:#27aae1;border:1px solid #2499ca;}
.btn_black	{color:#fff;background:#000;border:1px solid #000;}
.btn_gray	{color:#fff;background:#8c8c8c;border:1px solid #787878;}
.btn_gray_light	{color:#666;background:#f4f4f4;border:1px solid #cacaca;}
.btn_gray_dark	{color:#fff;background:#555;border:1px solid #333;}
.btn_red	{color:#fff;background:#e41937;border:1px solid #d60221;}
.btn_orange	{color:#fff;background:#fe6047;border:1px solid #dd523c;}
.btn_white	{color:#344153;background:#fff;border:1px solid #344153;}
.btn_blue	{color:#fff;background:#195886;border:1px solid #164d75;}
.btn_line_gray  {border:1px solid #787878;}
.btn_line_gray_light  {border:1px solid #cacaca;color:#999;}
.btn_line_white {border:1px solid #8c8c8c;}
.btn_line_blue  {color:#164d75;border:1px solid #195886;}
.btn_line_sky  {color:#27aae1;border:1px solid #27aae1;}

.btn_big	{font-size:14px;font-weight:600;}
.btn_small	{padding:0 7px;height:2.4em;font-size:12px;font-weight:400;}
a.btn_small	{line-height:2.4em;}

.btn_login	{padding:0;width:100%;font-size:14px;color:#fff;background:#27aae1;border:1px solid #2493c2;border-radius:3px;}
.btn_board  {padding:0 1em;height:2.4em;border-radius:0;font-size:12px;}
a.btn_board	{line-height:2.4em;}

.btn_nemo	{border-radius:0;}

.btn_txt_icon_del    {padding:0 0.5em 0 1.5em;text-indent:1em;background-image:url(/images/btn/txt_del_icon.png);background-repeat:no-repeat;background-position:1em 50%;background-size:13px;}
.btn_txt_icon_modify    {padding:0 1em 0 1.5em;text-indent:1em;background-image:url(/images/btn/txt_modify_icon.png);background-repeat:no-repeat;background-position:0.8em 50%;background-size:18px;}

.btn_33		{padding:0;width:33%;}
.btn_50		{padding:0;width:50%;}
.btn_80		{padding:0;width:80%;}
.btn_100		{padding:0;width:100%;}
.btn_226		{padding:0;width:226px;}

.btn2 .btn_txt	{float:right;width:49.5%;padding:0;margin:0 0 0 0.5%;}
.btn2 .btn_txt:nth-of-type(1){float:left;margin:0 0.5% 0 0;}
.btn3 .btn_txt	{float:right;width:33.33%;padding:0;margin:0 0 0 1%;}
.btn3 .btn_txt:nth-of-type(1){float:left;margin:0;}

/*   =======================  page_area  ===========================  */
.page_area{position:relative;padding:0 0 20px;text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.page_area .num{position:relative;display:block;margin-left:-1px;color:#999;font-size:13px;width:35px;height:35px;line-height:35px;font-weight:400;font-family:arial;border:1px solid #e4e4e4;background:#fff;}
.page_area strong.num{color:#27aae1;border:1px solid #27aae1;text-decoration:none;z-index:9;}
.page_area a.prev_btn{width:35px;height:35px;margin-right:5px;border:1px solid #e4e4e4;background:#fff url(/images/btn/paging_prev.png) no-repeat 50% 50%;background-size:6px;}
.page_area a.next_btn{width:35px;height:35px;margin-left:5px;border:1px solid #e4e4e4;background:#fff url(/images/btn/paging_next.png) no-repeat 50% 50%;background-size:6px;}
.page_area a.prev_btn span, .page_area a.next_btn span{position:absolute;top:-9999px;overflow:hidden;}

/*180405 ej */
.btn_area.buy {display: block;font-size: 0;width: 100%;margin: 15px 0;padding: 0 15px;box-sizing: border-box;}
.btn_area.buy .btn_txt {padding: 0 0.5em;}
.btn_area.buy a {display: inline-block;width: 24%;}
.btn_area.buy button {width: 24%;margin-left: 1%;}

.if100 iframe{width:100%}