/* BASIC css start */
 

/* ---------------------------------------------------
POINTWEB.co.kr
Style Markup ver1.0 2014-01-17
---------------------------------------------------- */

/*
================================================================================
패딩 스타일
================================================================================
*/
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }

.pr0 { padding-right:0px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr12 { padding-right:12px !important; }
.pr15 { padding-right:15px !important; }
.pr17 { padding-right:17px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }

.pb0 { padding-bottom:0px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }

.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl14 { padding-left:14px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
.pl120 { padding-left:120px !important; }

.pppp3{padding:3px !important;}
.pppp10{padding:10px !important;}
.pppp15{padding:15px !important;}
.pppp20{padding:20px !important;}


/*
================================================================================
마진 스타일
================================================================================
*/
.mt-25{margin-top:-25px !important;}
.mt-40{margin-top:-40px !important;}
.mt0 { margin-top:0px !important;}
.mt3 { margin-top:3px !important;}
.mt5 { margin-top:5px !important;}
.mt6 { margin-top:6px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt65 { margin-top:65px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt108 { margin-top:108px !important; }

.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }
.mr70 { margin-right:70px !important; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb100 { margin-bottom:100px !important; }

.ml-20{margin-left:-20px !important;}
.ml-15{margin-left:-15px !important;}
.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml70 { margin-left:70px !important; }
.ml644 { margin-left:644px !important; }
.mmmm10 {margin:10px !important;}
.mmmm20 {margin:20px !important;}
.mmmm30 {margin:30px !important;}
.mm0a {margin:0 auto !important;}

/*
================================================================================
넓이 사이즈
================================================================================
*/
.wid_100p{width:100% !important;}
.wid_50p{width:50% !important;}
.wid_215px{width:215px !important;}
.wid_240px{width:240px !important;}
.wid_250px{width:250px !important;}
.wid_285px{width:285px !important;}
.wid_315px{width:315px !important;}
.wid_360px{width:360px !important;}
.wid_395px{width:395px !important;}
.wid_400px{width:400px !important;}
.wid_450px{width:440px !important;}
.wid_465px{width:465px !important;}
.wid_500px{width:500px !important;}
.wid_540px{width:540px !important;}
.wid_600px{width:600px !important;}
.wid_650px{width:650px !important;}
.wid_670px{width:670px !important;}
.wid_680px{width:680px !important;}
.wid_690px{width:690px !important;}
.wid_700px{width:700px !important;}


/*
================================================================================
레이아웃 설정
================================================================================
*/


/*전체페이지설정*/
.ma{width:1244px;margin:0 auto}

/* clear:both */
.clear_b{clear:both !important;}

/* float:left,right */
.flo_lt{float:left !important;}
.flo_rt{float:right !important;}

/* float해제 */
.hig100p{height:100%;overflow:hidden ;}
.flo_clear:after{display:block;clear:both;content:''}

/* display:block */
.dis_blo{display:block !important;}
.dis_inline{display:inline !important;}
.icon{display:inline-block;padding:7px 5px 0 5px; !important}


/* position:relative */
.pos_rel{position:relative !important;}
.pos_abs{position:absolute !important;}
.pos_fix{position:fixed !important;}


/*
================================================================================
텍스트 스타일
================================================================================
*/


/* li line-height */
.lin_h30 li{line-height:30px !important}
.lin_h20{line-height:20px !important;}
.lin_h120{line-height:120% !important;}


/* font-size */
.fon_11{font-size:11px !important;}
.fon_12{font-size:12px !important;}
.fon_14{font-size:14px !important;}
.fon_16{font-size:16px !important;}
.fon_18{font-size:18px !important;}
.fon_20{font-size:20px !important;}
.fon_22{font-size:22px !important;}
.fon_24{font-size:24px !important;}
.fon_26{font-size:26px !important;}
.fon_28{font-size:28px !important;}
.fon_30{font-size:30px !important;}
.fon_32{font-size:32px !important;}
.fon_34{font-size:34px !important;}
.fon_36{font-size:36px !important;}
.fon_38{font-size:38px !important;}
.fon_40{font-size:40px !important;}

/* font-color */
.col_white {color:#fff;}
.col_black{color:#252525 !important;}
.col_oran, .col_oran a{color:#ff663a !important;}
.col_yell{color:#ffff00 !important;}
.col_yell2{color:#ffb93a !important;}
.col_blue{color:#475a9f !important;}
.col_blue2{color:#0066b3 !important;}
.col_green{color:#338001 !important;}
.col_green2{color:#65bb8c !important;}
.col_gray{color:#676767 !important;}
.col_gray2{color:#777777 !important;}
.col_gray3{color:#969696 !important;}
.col_gray4{color:#424242 !important;}
.col_red,.col_red a{color:#d70102 !important;}
.col_red2{color:#d02a6e !important;}
.col_red3{color:#da737d !important;}
.col_purple{color:#812e80 !important;}
.col_black{color:#000 !important;}
.col_violet{color:#e814af !important;}
.col_pink{color:#cb7789 !important;}


/* 들려쓰기 */
.txt_ind-15{text-indent:-15px !important;}
.txt_ind15{text-indent:15px !important;}

/* font-family */
.fon_fam_ver{font-family:'Open Sans',sans-serif !important;}
.fon_en{font-family:'Open Sans',sans-serif;font-weight:400px;color:#252525 !important;}


/* font-weight */
.fon_bold{font-weight:bold !important;}
.fon_nor{font-weight:normal !important;}

/* letter-spacing */
.ltt_0{letter-spacing:0px !important;}
.ltt_1{letter-spacing:-1px !important;}
.ltt_11{letter-spacing:1px !important;}
.ltt_2{letter-spacing:2px !important;}
.ltt_5{letter-spacing:5px !important;}


/* underline */
.dec_line{text-decoration:underline !important;}
.dec_line_none{text-decoration:none !important;}
.cancel_line {text-decoration:line-through; !important;}

/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

/* text vertical-align:middle */
.v_a_top{vertical-align:top !important;}
.v_a_mid{vertical-align:middle !important;}
.v_a_bot{vertical-align:bottom !important;}


/*
================================================================================
배경보더 관련 스타일
================================================================================
*/

/* background-color */
.bac_blue{background-color:#ecf2fa !important;}
.bac_gray{background-color:#f6f6f6 !important;}
.bac_white{background-color:#ffffff !important;}
.bac_black{background-color:#000000 !important;}

/* background-image */
.bac_no{background:none !important;}


/* border */
.bor0{border:0 !important;}
.bt0{border-top:0 !important;}
.bt1{border-top:1px solid #d7d7d7}
.bl0{border-left:0 !important;}
.bb0{border-bottom:0 !important;}
.bor2{border:2px solid #dfdfdf !important;}
.bor1_top{border-top:1px solid #e2e2e2 !important;}
.bor2_top{border-top:1px solid #d7d7d7 !important;}
.bor1_btm{border-bottom:1px solid #e2e2e2 !important;}
.bor1_lt{border-left:1px solid #e2e2e2 !important;}
.bor2_lt{border-left:1px solid #d7d7d7 !important;}
.bor3_lt{border-left:1px solid #e1e1e1 !important;}
.bor1_rt{border-right:1px solid #e2e2e2 !important;}
.bor2_rt{border-right:1px solid #e1e1e1 !important;}
.br0{border-right:0px !important;}
.brd1{border:1px solid #e2e2e2 !important;}
.brd1_dotted{border-top:1px dotted #b7c0c4 !important;}


/* 테이블 tr오버 */
.tr_hover tbody tr:hover td{background:#f5f5f5 !important;}
.tr_hover tbody tr.none td{background:none !important;}
.th_fon11 tbody th,.th_fon11 tfoot th{font-size:11px !important;}
.th_nor tbody th,.th_nor tfoot th{font-weight:normal !important;}
.th_bol tbody th,.th_bol tfoot th{font-weight:bold !important;}
.th_left tbody th{text-align:left !important;}
.td_left tbody td{text-align:left !important;}

/* table td color */
td.td_gray{color:#888888 !important;}

/* 오른쪽 버튼뛰우기 */
.btn_sbso{position:absolute;top:0;right:0;display:block;z-index:10}


/* base.css */


/* ---------------------------------------------------
POINTWEB.co.kr
Base Markup ver1.0 2014-05-07
---------------------------------------------------- */

/* Common */
html{font-size:13px}
body{text-align: justify;font-size:12px;color:#636363;line-height:25px; font-family:'Nanum Barun Gothic','Nanum Gothic',Dotum,돋움,sans-serif,'Open Sans',sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Nanum Barun Gothic','Nanum Gothic',Dotum,돋움,sans-serif;font-size:12px}
strong{font-size:14px;color:#252525}
img,fieldset,iframe{border:0 none}
li{list-style:none;text-align:left;word-break:keep-all}
img,input,select,button,textarea{vertical-align:middle}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0}
label, button, input[type="submit"] {cursor: pointer;}
a:link,a:visited,a:focus,a:active{text-decoration:none;color:#636363}
a:hover{text-decoration:none;color:#252525}
button img{left:-3px;}
hr{display:none}
legend,caption{font-size:0; width:1px; height:1px; line-height:0;overflow:hidden;text-indent:-9999px}
/*p{text-align:justify;line-height:20px;text-align:left;}*/ /* word-break:keep-all은 크롬에서 적용안됨 15-03-12기준 */
table {	width:100%;  border-spacing:0}/* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */

/* hidden contents */
.skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}

/* 건너뛰기 링크 */
#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:30;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:20px;padding:5px 0;background:#0089d6;} 

/* 로딩 */
.loadingWrap{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:80}
.loadingWrap img {position: absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -18px;}




/*layout.css*/


/* ---------------------------------------------------
POINTWEB.co.kr
Layout Markup ver1.0 2014-05-07
---------------------------------------------------- */

#piw_wrapper{position:relative;overflow:hidden;height:100%;width:100%; min-width:1200px;}
#top_msg_banner{position:relative;width:100%;height:77px;background:#f2eeeb;border-bottom:1px solid #e6dfd9}
#top_msg_banner .layout{position:relative;width:1244px;margin:0 auto;display:table;height:77px}
#top_msg_banner .tit_banner, #top_msg_banner .txtarea{display:table-cell;vertical-align:middle}
#top_msg_banner .tit_banner{width:140px}
#top_msg_banner .tit_banner strong{font-size:13px;display:inline-block;width:110px;line-height:2.2;height:30px;padding-left:45px;border-radius:10px;font-family:'Open Sans',sans-serif;text-transform:uppercase;color:#571c16;background:#fff url('/design/mariehan/images/_public/icon_notice.png') 20% center no-repeat;box-sizing:border-box}
#top_msg_banner .txtarea{display:table-cell;width:980px;color:#252525;font-size:14px;text-align:center;line-height:1.5;letter-spacing:-0.02em}
#top_msg_banner button{position:absolute;top:20px;right:0;width:41px;height:41px;border:0;background:url('/design/mariehan/images/_public/bt_close.png') no-repeat;opacity:1}
#top_msg_banner button:hover{opacity:0.5}

/* ============== 상단영역 ============== */
#piw_header{position:relative;width:100%}
#piw_header .head_box{position:relative;width:1244px;margin:0 auto}
#piw_header .head_box .gnb_top{position:relative;width:100%;height:40px;font-size:10px;font-family:'Open Sans',sans-serif;padding:11px 0 17px;overflow:hidden;line-height:16px}
#piw_header .head_box .gnb_top .sns li{float:left}
#piw_header .head_box .gnb_top .glob_list{float:right;overflow:hidden}
#piw_header .head_box .gnb_top .glob_list .gnblist li{float:left;padding-right:22px}
#piw_header .head_box .gnb_top .glob_list .h_search .serlist li{float:left}
#piw_header .head_box .gnb_top .glob_list .h_search .search_box_btn{width:16px;height:15px;display:inline-block;padding-top:3px}
#piw_header .head_box .hlogo{padding:34px 0 73px;text-align:center}
#piw_header .head_box .gnb_top .glob_list .search_word{width:132px;height:20px;background-color:#f3f3f3;border:0}

/*상단메뉴*/
#piw_header .gnb{position:relative;width:1244px;display:inline-block}
#piw_header .gnb_box:after {display:block; clear:both; content:'';}
#piw_header .gnb .gnb_box{display:inline-block; position: absolute}
#piw_header .gnb li{position:relative;display:inline-block;float:left;padding-right:42px}
#piw_header .gnb li:hover{}
#piw_header .gnb .gnb_box li a.menu01,
#piw_header .gnb .gnb_box li a.menu02,
#piw_header .gnb .gnb_box li a.menu03,
#piw_header .gnb .gnb_box li a.menu04,
#piw_header .gnb .gnb_box li a.menu05,
#piw_header .gnb .gnb_box li a.menu06,
#piw_header .gnb .gnb_box li a.menu07,
#piw_header .gnb .gnb_box li a.menu08,
#piw_header .gnb .gnb_box li a.menu09,
#piw_header .gnb .gnb_box li a.menu10,
#piw_header .gnb .gnb_box li a.menu11,
#piw_header .gnb .gnb_box li a.menu12,
#piw_header .gnb .gnb_box li a.menu13{background:url('/design/mariehan/images/_public/menu_navi.png') no-repeat;display:block;height:15px;}
#piw_header .gnb .gnb_box li a.menu01{width:23px;background-position:0 -15px}
#piw_header .gnb .gnb_box li a.menu02{width:50px;background-position:-66px -15px}
#piw_header .gnb .gnb_box li a.menu03{width:73px;background-position:-159px -15px}
#piw_header .gnb .gnb_box li a.menu04{width:62px;background-position:-274px -15px}
#piw_header .gnb .gnb_box li a.menu05{width:69px;background-position:-380px -15px}
#piw_header .gnb .gnb_box li a.menu06{width:76px;background-position:-490px -15px}
#piw_header .gnb .gnb_box li a.menu07{width:61px;background-position:-609px -15px}
#piw_header .gnb .gnb_box li a.menu08{width:60px;background-position:-712px -15px}
#piw_header .gnb .gnb_box li a.menu09{width:54px;background-position:-813px -15px}
#piw_header .gnb .gnb_box li a.menu10{width:56px;background-position:-909px -15px}
#piw_header .gnb .gnb_box li a.menu11{width:53px;background-position:-1006px -15px}
#piw_header .gnb .gnb_box li a.menu12{width:30px;background-position:-1101px -15px}
#piw_header .gnb .gnb_box li a.menu13{width:47px;background-position:right -15px}
#piw_header .gnb .gnb_box li a.menu01:hover{width:23px;background-position:0 0}
#piw_header .gnb .gnb_box li a.menu02:hover{width:50px;background-position:-66px 0}
#piw_header .gnb .gnb_box li a.menu03:hover{width:73px;background-position:-159px 0}
#piw_header .gnb .gnb_box li a.menu04:hover{width:62px;background-position:-274px 0}
#piw_header .gnb .gnb_box li a.menu05:hover{width:69px;background-position:-380px 0}
#piw_header .gnb .gnb_box li a.menu06:hover{width:76px;background-position:-490px 0}
#piw_header .gnb .gnb_box li a.menu07:hover{width:61px;background-position:-609px 0}
#piw_header .gnb .gnb_box li a.menu08:hover{width:60px;background-position:-712px 0}
#piw_header .gnb .gnb_box li a.menu09:hover{width:54px;background-position:-813px 0}
#piw_header .gnb .gnb_box li a.menu10:hover{width:56px;background-position:-909px 0}
#piw_header .gnb .gnb_box li a.menu11:hover{width:53px;background-position:-1006px 0}
#piw_header .gnb .gnb_box li a.menu12:hover{width:30px;background-position:-1101px 0}
#piw_header .gnb .gnb_box li a.menu13:hover{width:47px;background-position:right 0}


/*상단메뉴서브*/
#piw_header .head_box .gnb .submenu{position:absolute;top:43px;left:50%;width:120px;border:1px solid #898989;padding:18px 13px 19px 14px;z-index:1}
#piw_header .head_box .gnb .cate01 .submenu{margin:0 0 0 -74px}
#piw_header .head_box .gnb .cate02 .submenu, 
#piw_header .head_box .gnb .cate03 .submenu,
#piw_header .head_box .gnb .cate05 .submenu{margin:0 0 0 -80px}
#piw_header .head_box .gnb .cate04 .submenu,
#piw_header .head_box .gnb .cate06 .submenu,
#piw_header .head_box .gnb .cate07 .submenu,
#piw_header .head_box .gnb .cate08 .submenu{margin:0 0 0 -81px}
#piw_header .head_box .gnb .submenu .box_arrow{position:relative}
#piw_header .head_box .gnb .submenu .box_arrow_wrap{position:relative}
#piw_header .head_box .gnb .submenu .box_arrow_wrap .box_arrow{position:absolute;top:-24px;left:50%;margin:0 0 0 -7px}
#piw_header .head_box .gnb .submenu li{float:left;text-align:left;width:93px;padding-right:0}
#piw_header .head_box .gnb .submenu li a{color:#636363}
#piw_header .head_box .gnb .submenu li a:hover{color:#000}

/*메인*/
.main_content .section,
.main_content .section02,
.main_content .section03{position:relative;width:1244px;display:inline-block;margin:0 auto 82px auto}
.section .m_left{float:left;width:824px}
.section .m_right{float:right;width:404px}

.section .mbest_info{width:404px;height:323px;position:absolute;top:0;left:0;color:#fff;background-color:rgba(0,0,0,0.4); display:none; cursor:pointer}
.section .mbest_info span{width:404px;height:40px;font-size:12px;padding:155px 0 0 0;text-align:center;margin:0 auto;display:inline-block;line-height:17px}

.section02 .co_box{float:left;width:404px;margin-right:16px}
.section02 .co_box .com_info01 .btob{width:404px;height:193px;display:inline-block;background:url('/design/mariehan/images/_public/company_info_02_over.jpg')no-repeat;margin-top:15px}
/*.section02 .co_box .com_info01 a:hover.btob{background:url('/design/mariehan/images/_public/company_info_02_over.jpg')no-repeat}*/
.section02 .co_box .com_info02 .movie{width:404px;height:404px;display:inline-block;background:url('/design/mariehan/images/_public/company_info_03_over.jpg')no-repeat}
/*.section02 .co_box .com_info02 a:hover.movie{background:url('/design/mariehan/images/_public/company_info_03_over.jpg')no-repeat}*/
.section02 .co_box .com_info03 .review{width:404px;height:404px;display:inline-block;background:url('/design/mariehan/images/_public/company_info_04_over.jpg')no-repeat}
/*section02 .co_box .com_info03 a:hover.review{background:url('/design/mariehan/images/_public/company_info_04_over.jpg')no-repeat}*/

.section03 .w270{float:left;width:270px}
.section03 .w540{float:left;width:540px}
.section03 .w270_wrap{position:relative;width:270px}
.section03 .w540_wrap{position:relative;width:540px}
.w270_wrap .mbest_info{width:270px;height:270px;position:absolute;top:0;left:0;color:#fff;background-color:rgba(0,0,0,0.4); display:none; cursor:pointer}
.w270_wrap .mbest_info span{width:270px;height:40px;font-size:12px;padding:134px 0 0 0;text-align:center;margin:0 auto;display:inline-block;line-height:17px}
.w540_wrap .mbest_info{width:540px;height:540px;position:absolute;top:0;left:0;color:#fff;background-color:rgba(0,0,0,0.4); display:none; cursor:pointer}
.w540_wrap .mbest_info span{width:540px;height:40px;font-size:12px;padding:254px 0 0 0;text-align:center;margin:0 auto;display:inline-block;line-height:17px}
.section03 .main_arrow{position:absolute;width:1244px;top:35px;z-index:999}
.section03 .prev, .section03 .next{cursor:pointer;width:40px;height:80px;display:inline-block;position:absolute;z-index:1;top:250px}
.section03 .prev {left:0px}
.section03 .next {right:0px}
.product_more{text-align:center;margin:40px 0 60px}
.product_more a{width:80px;height:35px;display:inline-block;border:1px solid #e1e1e1;text-align:center;padding-top:4px}

/*.
section02{margin:0 auto 100px 0;text-align:center}
.section02 .best_slider{width:1244px;position:relative}
.section02 .best_slider .slider01{width:1080px;height:540px;margin:0 auto;position:relative;overflow:hidden}
.section02 .best_slider ul{float:left}
.section02 .best_slider .w270{width:270px}
.section02 .best_slider .w540{width:540px}
.section02 .best_slider ul li{float:left}
.go_prev, .go_next{position:absolute;top:0px;z-index:999}
go_prev a{position:absolute;display:inline-block;width:40px;height:80px;left:20px;cursor:pointer}
*/


/* ============== 메인컨텐츠영역 ============== */
#piw_container{position:relative; width:100%; height:auto;}
.main_content{position:relative;width:1244px;margin:60px auto 0}
.sub_content{position:relative;width:1244px;margin:96px auto 0}
.sub_content:after{display:block; clear:both; content:'';}
.content {position:relative;width:1244px;margin-bottom:113px}
.content:after {display:block; clear:both; content:'';}
.location { margin-bottom:15px; color:#8e8e8e;}

/*메인 슬라이드*/
.main_slide{position:relative;width:100%;overflow:hidden}
.main_slide button{border:0}
.main_slide .slide_contral{position:absolute; bottom:15px;left:0;width:100%;text-align:center;z-index:10}
.main_slide .slide_contral .num1 {}
.main_slide .slide_contral .num1 button{display:inline-block;margin-right:5px;width:14px;height:14px;text-indent:-999px;overflow:hidden;background:url('/design/mariehan/images/_public/circle_num.png') no-repeat}
.main_slide .slide_contral .num1 button.activeSlide{background:url('/design/mariehan/images/_public/circle_num_on.png') no-repeat}
.main_slide button{text-indent:-999px;overflow:hidden;border:0}
.main_slide .leftarrow1 {position:absolute; width:34px; height:62px; top:40%; left:20px;background:url('../img/jquery/btn_arrowl.png') no-repeat;z-index:10}
.main_slide .rightarrow1 {position:absolute; width:34px; height:62px; top:40%; right:20px;background:url('../img/jquery/btn_arrowr.png') no-repeat;z-index:10}

/*.main_visual01 {width:100%; height:409px; background:url('/design/mariehan/images/_public/main_visual01.jpg') repeat; background-size:cover;}*/
.main_visual01 {width:100%; height:409px; background-size:cover;}
.main_visual01 img {width:100%;}
.main_visual02 {width:100%; height:409px; background:url('/design/mariehan/images/_public/main_visual02.jpg') repeat; background-size:cover;}
.main_visual02 {width:100%; height:409px; background:url('/design/mariehan/images/_public/main_visual03.jpg') repeat; background-size:cover;}
.m_hotnnew {border:1px solid #dfdfdf; margin-top:20px;}
.m_hotnnew h2 {padding:15px 0;text-align:center;}
.m_pro_img {margin-bottom:15px}
.m_pro_img img {width:240px; height:240px; border-left:1px solid #fff}
.m_pro_txt {position:relative; margin-bottom:20px; padding-left:90px; border-left:1px solid #dfdfdf; font-size:13px; color:#818181}
.m_pro_txt .hot_brand {position:absolute; top:7px; left:30px}
.m_pro_txt .m_price {display:block; font-size:16px; font-weight:bold; color:#33adbc}
.m_pro_reco {position:relative; width:1200px; margin:0 auto; margin-top:20px}
.m_pro_reco h2 {margin-bottom:10px;}
.m_reco_box {float:left; border:1px solid #dfdfdf; margin-left:20px; margin-bottom:20px;}
.m_pro_img01 img {width:283px; height:210px;}
.m_pro_reco ul li:nth-child(1),.m_pro_reco ul li:nth-child(5),.m_pro_reco ul li:nth-child(9) {margin-left:0;}

/* ============== 왼쪽메뉴 ============== */
#lnb {width:240px; float:left;}
#lnb .lnb_left h2 {background:url('/design/mariehan/images/_public/left_tit_bg.png') 25px 15px no-repeat; padding:20px 0 20px 70px; border-bottom:1px solid #dfdfdf; font-size:14px}
#lnb .lnb_left .lnb_banner {margin-top:35px;}
#lnb .lnb_left .lnb_banner .m_customer {border:1px solid #dddddd; padding-bottom:25px}
#lnb .lnb_left .lnb_banner .m_customer dt {width:208px; height:35px; background:url('/design/mariehan/images/_public/lnb_ban01titbg.png') no-repeat; border-bottom:1px solid #dddddd; text-align:center; font-size:14px; line-height:34px}
#lnb .lnb_left .lnb_banner .m_customer dd {line-height:170%;padding-left:15px; color:#9b9b9b}
#lnb .lnb_left .lnb_banner .lnb_banimg {margin-top:20px}
#lnb .lnb_left .lnb_banner .lnb_banimg li {margin-bottom:20px}
#lnb .lnb_left .lnb_banner .lnb_banimg li span {display:block; text-align:right;}
.left_tit {width:238px; padding:20px 0; border:1px solid #e5e5e5; border-width:0 1px; text-align:center; font-size:18px; font-weight:bold; color:#ce8f95}
.lnb_mypage {margin-top:30px;}
.l_myleft_tit {height:75px; padding:25px 0 0 75px; background:url('/design/mariehan/images/_public/lnb_my_titbg.png') no-repeat; font-size:30px; color:#fff}
.l_myleft_menu {background:#f4dee0;}
.l_myleft_menu ul {padding:0 23px 30px 23px;}
.l_myleft_menu li {border-bottom:1px solid #fff; padding:15px 10px;}
.l_myleft_menu li a {font-size:14px; font-weight:bold; color:#c16b73;}
.banner_box{position:relative;width:238px}
.banners {position:relative;margin-top:20px;width:100%; height:240px;overflow:hidden}
.banners ul {width:192px; margin:0 auto; height:240px; overflow:hidden}
.banners button{text-indent:-999px;overflow:hidden;border:0}
.banners .leftarrow2 {position:absolute; width:23px; height:26px; top:70px; left:0;background:url('/design/mariehan/images/_public/arrow_left01.png') no-repeat; z-index:100}
.banners .rightarrow2 {position:absolute; width:23px; height:26px; top:70px; right:0;background:url('/design/mariehan/images/_public/arrow_right01.png') no-repeat; z-index:100}
.m_ban01 {margin-top:30px;border:1px solid #dddddd}
.m_ban01 p { padding:15px 0; margin:0 21px; font-size:18px; font-weight:bold; text-align:center; color:#b6b6b6; border-bottom:1px solid #dddddd}
.m_ban01 p span {color:#ce8f95}

/* ============== 서브컨텐츠 ============== */
.s_content{}
div.subbasic {padding:10px;min-height:1144px;}
div.subbasic2 {padding:10px;}
h3.title3 {color:#222222; font-size:24px;font-weight:bold;margin:60px 0 20px;border-bottom:1px solid #e8e8e8;padding-bottom:26px;}  /*주문서작성, 로그인등에 쓸것*/

/*베스트아이템*/
.bestitem {border-bottom:1px solid #dfdfdf;}
.bestitem h3.besttitle {text-align:center;margin:50px 0 30px;}
.prolist_more {width:100%;height:100px;background:url(/design/mariehan/images/_public/prolist_more.png) no-repeat center}

/*서브 리스트 타이틀 및 정렬*/
.prolist h3.listtitle {text-align:center;margin:50px 0 10px}
.prolist p.listtitle_txt {text-align:center;color:#9c9c9c}
.prolist p.listtitle_txt span.category {color:#49a56e}
.prolist p.listtitle_txt span.supply {color:#292929}
.listtop_array {height:32px;border-bottom:1px solid #e7e7e7;}
.listtop_array ul {margin:0 10px;float:left;}
.listtop_array ul li {display:inline-block;padding-left:11px;background:url(/design/mariehan/images/_public/list_smallline.png) left 3px no-repeat;font-size:11px;color:#020202;margin-top:7px;}
.listtop_array ul li:first-child {background:none;padding-left:0}
.listtop_array span {display:inline-block;margin:0 5px 0 3px}
.listtop_array span:after {display:block;content:"";clear:both}
.listtop_array span img {margin-bottom:2px;}
.listtop_array p {float:right;margin:5px 10px 0 0;}
.listtop_array p select {margin-left:5px;}

/* 페이지표시 */
.paging{font-family:'Open Sans',sans-serif;font-size:14px;text-align:center;}
.paging a{display:inline-block;width:24px;height:24px;text-align:center;vertical-align:middle;line-height:24px}
.paging .s_num {display:inline-block;margin-top:0;font-weight:600;line-height:12px;vertical-align:middle;color:#252525}


/* ============== 우측고정영역 ============== */
#piw_right {position:fixed;right:0;top:0;width:140px;border-left:1px solid #dfdfdf;height:100%;background:#fff;}
#piw_right > ul {padding-left:20px;}
#piw_right > ul li {margin-bottom:10px;}
#piw_right .r_banner {margin-top:60px;padding-bottom:20px;border-bottom:1px solid #dfdfdf}
#piw_right .r_view {padding-top:20px;font-size:11px;font-family: Century Gothic;text-transform:uppercase;color:#7c7c7c;font-style:italic;font-weight:bold}
#piw_right .r_view li {width:100px;text-align:center}


/* ============== 하단영역 ============== */
#piw_footer{width:1244px;margin:0 auto}
#piw_footer .footer_inner{width:100%;border-bottom:1px solid #e1e1e1;border-top:1px solid #636363;padding:50px 0 55px;clear:both;display:inline-block}
#piw_footer .footer_inner .sec01,
#piw_footer .footer_inner .sec02,
#piw_footer .footer_inner .sec03, 
#piw_footer .footer_inner .sec04{float:left;border-right:1px solid #e1e1e1}
#piw_footer .footer_inner .sec01{padding:0 140px 0 30px;background:url('/design/mariehan/images/_public/logo.png')no-repeat 29px 5px}
#piw_footer .footer_inner .sec01 ul{padding-top:148px}
#piw_footer .footer_inner .sec01 ul li, #piw_footer .footer_inner .sec04 .bank_info li a {font-size:11px;color:#555}
#piw_footer .footer_inner .sec01 strong{font-family:'Open Sans',sans-serif;font-size:16px;font-weight:700;color:#252525;display:block;margin-bottom:3px}
#piw_footer .footer_inner .sec02{position:relative;padding:0 116px 10px 30px}
#piw_footer .footer_inner .sec03{position:relative;padding:0 230px 9px 30px}
#piw_footer .footer_inner .sec04{position:relative;padding:0 0 0 30px}
#piw_footer .footer_inner .sec02 strong,
#piw_footer .footer_inner .sec03 strong,
#piw_footer .footer_inner .sec04 strong{font-size:11px;color:#252525;font-weight:700;font-family:'Open Sans',sans-serif;display:block;padding:5px 0 7px}
#piw_footer .footer_inner .sec03 li, #piw_footer .footer_inner .sec04 .shop_list{font-size:11px;font-family:'Open Sans',sans-serif;line-height:20px}
#piw_footer #foot_box{position:relative;margin:0 auto;padding:40px 0 20px}
#piw_footer #foot_box .f_ad {display:inline-block;padding:6px 0}
.f_ad dl {height:21px;display:block;color:#636363}
.f_ad dt,.f_ad dd, .f_ad dd address {float:left;height:11px;line-height:100%}
.f_ad dd {padding-right:10px;margin-right:8px}
#piw_footer .copyright{width:100%;clear:both}

/*퀵메뉴*/
#quick_right {position:fixed; top:324px;left:50%;width:100px;margin-left:670px; z-index:100;}
.q_todayview ul.q_con{padding:6px 0 15px;background:url('/design/mariehan/images/_public/sk_bg_btm.gif') bottom no-repeat}
.q_todayview ul.q_con li {text-align:center;line-height:18px}
.q_todayview h2 {padding:7px 0 8px;text-align:center;font-size:11px;color:#252525;font-weight:400;font-family:'Open Sans';background:url('/design/mariehan/images/_public/sk_bg_header.gif')no-repeat}
.banner_arrow{margin-top:17px;text-align:center}
.q_sns {margin-top:20px}
.q_sns ul li {text-align:center; margin-bottom:10px}

/*매거진 레이어팝업*/
.close {position:absolute;right:0px;}

/*주문완료*/
.mail_box{width:680px;margin:0 auto;color:#636363;font-size:12px;}
.h_title{width:680px;height:180px;background:url('/design/mariehan/images/_public/mailtop_order.png')no-repeat}
.h_title p{text-align:center;padding-top:140px;font-size:16px}
.m_table{width:100%;border-collapse:collapse;border:1px solid #e1e1e1;border-width:0 1px 1px 1px}
.order_cont{padding:30px 0 10px 50px;color:#6d6d6d;font-size:14px}
.m_table h2{font-weight:bold;color:#000;font-size:14px;letter-spacing:-1px}
.con_title{padding:20px 0 5px 50px}
.ptype{text-align:center;border:1px solid #e8e8e8;border-width:1px 0 0 0}
.ptype th{padding:8px 0 10px}
.ptype td{padding:10px 0}
.tc{text-align:center}
.ptype th, .bbs_ltype th{color:#252525}
.ptype th, .ptype td, .bbs_ltype th, .bbs_ltype td{font-size:12px;border-bottom:1px solid #e8e8e8}

/*
.bbs_ltype{border-collapse:collapse;border-top:1px solid #e8e8e8;width:100%}
.bbs_ltype th{width:120px;background:#f4f4f4;height:30px}
.bbs_ltype td{padding:0 15px}
*/
.bl_top{border-top:1px solid #898989}
.pay_info{width:580px;margin:0 auto;text-align:center;padding:20px 0;background:#f8f8f8}
.pay_info a{color:#252525;font-weight:bold;text-decoration:none}
.company_info{width:580px;margin:20px auto;text-align:center}

 
/*contents.css*/


/* ---------------------------------------------------
POINTWEB.co.kr
Contents Markup ver1.0 2014-03-16
---------------------------------------------------- */

/* ============== 서브공통 ============== */

/*A타입 테이블*/
.table_atype {border-top:2px solid #ce8f95; border-bottom:1px solid #bbbbbb;  font-family:Dotum,돋움,sans-serif;}
.table_atype th {text-align:center; padding:9px 0; color:#000000; border-bottom:1px solid #000000;}
.table_atype td {border-bottom:1px solid #bbbbbb; vertical-align:middle;padding:10px 0; text-align:center ;}
.table_photobox img{border:1px solid #dddddd;}
.nanum {font-family:'Nanum Gothic',Dotum,돋움,sans-serif;}
.table_btn01 {margin-top:10px;}
.table_btn01 li {float:left; margin-left:5px;}
.table_btn01 li:first-child {margin-left:0;}

/*하단버튼 A타입*/
.botbtn_atype {width:408px; margin:0 auto; margin-top:30px;}
.botbtn_atype li {float:left; margin-left:8px;}
.botbtn_atype li:first-child {margin-left:0;}

/*하단버튼 B타입*/
.botbtn_btype {width:200px; margin:0 auto; margin-top:30px;}

/*페이지버튼*/
.buy_btn{width:394px;height:40px;padding-top:5px;color:#fff;background:#252525;display:block;margin-bottom:10px}

/*넓이*/
.box01{position:relative;width:1244px;margin:0 auto}
.box01:after{display:block; clear:both; content:'';}
.box02{width:1004px;margin:0 auto}
.box02:after{display:block; clear:both; content:'';}
.box03{width:900px;margin:0 auto}
.box03:after{display:block; clear:both; content:'';}
.box04{position:relative;width:800px;margin:0 auto;}
.box04:after{display:block; clear:both; content:'';}
.box05{position:relative;width:595px;float:left}
.box05:after{display:block; clear:both; content:'';}
.box06{position:relative;width:1144px;margin:0 auto}
.box06:after{display:block; clear:both; content:'';}
.box07{position:relative;width:1080px;margin:0 auto}
.box07:after{display:block; clear:both; content:'';}

/*마이페이지타이틀*/
.mypage_wrap h3, .member_edit h3, .box05 h3{margin-bottom:6px}

/*마이페이지버튼*/
.basket_listb {text-align:center;margin-top:20px;}
.basket_listb a{margin-left:5px;display:inline-block;}
.btn_eng a{font-family:'Open Sans',sans-serif;font-weight:400;line-height:26px}
.basket_listb a.btn01{width:150px;height:38px;padding-top:6px;background:#252525;color:#fff;border:1px solid #252525}
.basket_listb a.btn01:hover{opacity:0.9}
.basket_listb a.btn02, .basket_listb a.btn03{width:150px;height:38px;padding-top:6px;border:1px solid #d7d7d7;color:#252525}

/*임시페이징*/
.paging_box{}
.paging_box ul{text-align:center;vertical-align:top}
.paging_box li{display:inline;text-align:center;font-size:14px;font-family:'Open Sans',sans-serif;font-weight:400;padding-right:5px}
.paging_box li.now{font-weight:700;color:#252525}
.paging_box li.next{width:10px;height:10px;padding-right:0;margin-left:5px}
.paging_box li.next a{width:10px;height:9px;display:inline-block}

/* ============== 서브컨텐츠 ============== */

/*제품 리스트*/

.best_item{width:100%;display:inline-block}
.best_item h2 {margin-bottom:50px}
.best_item ul li{position:relative;float:left;padding-right:16px}
.best_item .best_info{width:299px;height:299px;color:#fff;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.4)}
.best_item .best_info span{width:299px;height:40px;font-size:12px;padding:134px 0 0 0;text-align:center;margin:0 auto;display:inline-block;line-height:17px}
.category_container, .category_container02{width:100%;position:relative;margin:114px 0 41px;display:inline-block}
.category_container02{margin:30px 0 46px;}
.category{padding-top:4px}
.category li{float:left;border-right:1px solid #d7d7d7;padding:0 14px;line-height:16px}
.pro_option_sear {position:absolute; top:30px; right:0;}
.pro_option_sear li {float:left; padding:0 7px; border-left:1px solid #e8e8e8; line-height:100%;}
.pro_option_sear li:first-child {border-left:0}
.product_list li:nth-child(-n+3){margin-top:0px}
.product_list li:nth-child(3n+1){margin-left:0}
.product_list_box, .po_list_box{float:left;width:404px;margin:70px 0 0 16px}
.product_list_box ul li, .po_list_box ul li {text-align:left}
.product_list_box .pro_li_img img{width:404px;height:404px;margin-bottom:10px}
/*.product_list_box .pro_li_img {width:383px; height:275px; display:table-cell; vertical-align:middle; text-align:center;}*/
.pro_li_tit, .pro_li_price{height:20px}
.po_li_tit, .po_li_price{height:24px}
.pro_li_tit, .po_li_tit{margin-top:10px}

/*개인결제리스트*/
.po_li_img{width:404px;padding-top:170px;height:404px;background:#f5f5f5;margin-bottom:10px}
.po_li_img p{width:200px;height:63px;padding-top:15px;margin:0 auto;background-color:#fff;text-align:center;line-height:18px}
span.icon_out{display:inline-block;font-family:'Open Sans',sans-serif;font-weight:600;padding-left:4px;font-size:11px;color:#d70102;}


/*제품찾기*/
.search_list .search_list_box {float:left;width:299px;margin-left:16px; margin-bottom:70px}
.search_list li:nth-child(4n+1){margin-left:0}
.search_list .search_list_box ul li {text-align:left}
.search_li_img {width:299px; height:auto;display:table-cell; vertical-align:middle; text-align:center;}
.search_li_tit, .search_li_price {height:20px; font-size:12px}

/*제품 상세페이지*/
.view_title{font-size:20px;font-family:'Open Sans',sans-serif;font-weight:400;color:#252525;text-align:left;padding:50px 0 44px}
.view_box{position:relative;width:1244px;border-top:1px solid #e1e1e1;overflow:hidden;display:inline-block;padding-bottom:76px}
.codi_item{margin-top:105px;padding-bottom:115px}
.detail_notice{padding-bottom:123px}
.codi_item .sliderkit .imgarea li{float:left;padding-right:60px}
.codi_item .imgarea li p{padding-top:10px}
.codi_prev, .codi_next{position:absolute;top:83px;width:20px;height:41px;z-index:1;cursor:pointer;display:inline-block}
.codi_prev{left:0px}
.codi_next{right:0px}
.bpwrap{position:relative}
.best_prev, .best_next{position:absolute;top:128px;width:20px;height:41px;z-index:1;cursor:pointer;display:inline-block}
.best_prev{left:-30px}
.best_next{right:-30px}
.cate_title{float:right;padding-bottom:6px}
.cate_title a{width:68px;height:19px;display:inline-block;color:#fff;line-height:18px;text-align:center;background:#1a1a1a;font-size:10px;font-family:'Open Sans',sans-serif}
.submit_btn{text-align:center;padding:25px 0 41px}
.submit_btn a{width:148px;height:35px;display:inline-block;color:#fff;line-height:36px;background:#252525;font-family:'Open Sans',sans-serif}

/*제품상세페이지*/
/*제품이미지*/
.product_view_box {margin-top:15px}
.product_view_box .thumb_wrap{float:left;width:730px;text-align:center}
.product_view_box .thumb{text-align:center;margin:0 auto}
.product_view_box .thumb img{width:540px;height:540px;}
.product_view_box .thumb .po_view{width:540px;padding-top:230px;height:540px;background:#f5f5f5;margin:0 auto}
.product_view_box .thumb .po_view p{width:260px;height:83px;padding-top:26px;margin:0 auto;background-color:#fff;text-align:center;line-height:18px}

/*제품정보*/
.pro_view_option {}
.pro_view_option .vpath{position:relative;line-height:12px;margin-bottom:55px}
.pro_view_option .vpath span, .pro_view_option .vpath a{display:inline-block;float:left;font-size:12px}
.pro_view_option .vpath .fa{float:left;padding:0 5px;font-size:13px;line-height:0.8em}

.tit_price, .v_option_price{border-top:0px !important}
.tit_price{font-family:'Open Sans',sans-serif;font-weight:normal;color:#252525}
.v_option_price {font-size:14px;color:#252525}

.pro_view_option .tit_prd{padding-bottom:25px;font-size:14px;color:#252525}
.pro_view_option table th {width:110px;text-align:left;padding:8px 0;border:1px solid #e5e5e5;border-width:1px 0 1px 0;font-weight:normal}
.pro_view_option table td {width:284px;text-align:right;padding:13px 0 5px 20px;line-height:18px;border:1px solid #e5e5e5;border-width:1px 0 1px 0}
.pro_view_option table td.opt{padding:8px 0 5px 20px} 
.pro_view_option table td.opt02{padding:8px 0 15px 0px} 
.pro_view_option table td.opt03{padding:16px 0 15px 124px} 

/*옵션선택*/
.pro_view_option table tr.opt_wrap01 th{font-weight:normal;padding:11px 0 4px !important}
.pro_view_option table tr.opt_wrap02 th{padding:0 0 9px}
.pro_view_option table tr.opt_wrap01 td{padding:13px 0 2px}
.pro_view_option table tr.opt_wrap02 td{padding:0 0 13px}
#selected_option_frame select{width:142px;height:21px}
#selected_option_frame .option_sel{line-height:19px}
.opt_tit{line-height:20px;padding:17px 0 8px !important}

/*구매하기장바구니위시리스트버튼*/
.v_option_btn {margin-top:15px}
.v_option_btn a{font-family:'Open Sans',sans-serif;display:inline-block;text-align:center}
.v_option_btn .buy_btn{width:394px;height:40px;padding-top:5px;color:#fff;background:#252525;display:block;margin-bottom:10px;font-size:14px}
.v_option_btn .buy_btn:hover{}
.v_option_btn ul{position:relative}
.v_option_btn ul li{float:left;border:1px solid #e1e1e1;text-align:center}
.v_option_btn ul li a{width:196px;height:37px;padding-top:6px;display:inline-block;font-size:14px}
.v_total_price {text-align:right; margin-top:10px;}
.v_option_numcon{float:right}
.v_op_wrap{padding-left:24px;text-align:center}
.opt_pri{width:90px;color:#d70102}
.v_option_numcon input {width:33px;height:26px;margin-right:2px;float:left;padding:4px 0 2px 10px;text-align:center;!important;}
.v_option_numcon span {float:left}
.v_option_numcon button {display:block;text-indent:-9999px;overflow:hidden;border:0;}
.v_option_numcon button.plus, .v_option_numcon a.plus {display:block;text-indent:-9999px;overflow:hidden;border:0;width:13px;height:13px;border:1px solid #d7d7d7;background:url('/design/mariehan/images/_public/icon_opt_up.png') center 3px no-repeat;}
.v_option_numcon button.minus, .v_option_numcon a.minus {display:block;text-indent:-9999px;overflow:hidden;border:0;width:13px;height:13px;border:1px solid #d7d7d7;background:url('/design/mariehan/images/_public/icon_opt_down.png') center 4px no-repeat;}
.btn_clo01, .btn_clo02{width:51px;height:20px;display:inline-block;background:#898989;color:#fff !important;line-height:20px;margin:3px 0 0 8px;font-size:11px}
.btn_clo01:hover, .btn_clo02:hover{color: #252525 !important;}
.btn_clo02{float:left}
.btn_clo01{width:14px;height:14px}
.option_hugi {color:#4e6cce}
.btn_rep {font-size:10px; margin-left:10px;}
.portf_list{position:relative; width:370px; margin-left:40px;z-index:100}
.portf_list p{text-align:center; font-size:11px; color:#7d7d7d; letter-spacing:-0.8px}
.optaddwrap{margin-top:10px;border-top:1px solid ##e5e5e5}
.v_option_ea input {width:30px; float:left; padding:2px 2px !important;}
.v_option_ea span {float:left}
.v_option_ea button {display:block;text-indent:-9999px;overflow:hidden;border:0;}
.v_option_ea button.plus {width:13px;height:11px;background:url(/_public/image/shop/btn_plus.png) no-repeat;}
.v_option_ea button.minus {width:13px;height:10px;background:url(/_public/image/shop/btn_minus.png) no-repeat;}
.v_th_img {margin-bottom:20px;}
.v_th_img li {border:1px solid #e5e5e5;}
.v_th_img li img {}

/*제품 상세페이지*/
.v_info{margin-top:80px;border-top:1px solid #e1e1e1;padding-top:82px}

/* 제품 상세페이지-옵션리스트 */
.option_info .div_container {display:table;}
.option_info .div_row {display:table-row;}
.option_info .div_row div:nth-child(1) {display:table-cell; width: 210px; margin: 3px 10px 3px 0;border-bottom: 0px !important;font-weight: bold;}
.option_info .div_row div:nth-child(2) {display:table-cell;border-bottom: 0px !important;vertical-align:middle;padding-left: 15px;text-align: center;}
.option_info .div_row div:nth-child(3) {display:table-cell;vertical-align:middle;text-align: center;}

/*리뷰*/
.title_con {text-align:center;padding-bottom:36px}
.title_con2{text-align:center;padding-bottom:22px}
.pro_list{width:100%;height:180px;border:1px solid #e1e1e1;padding:21px 15px 16px;margin:0 0 20px;overflow:hidden}
.pro_list img{width:141px;height:141px;margin:0 25px}
.pro_list > ul > li{float:left;line-height:20px}
.pro_list > ul > li:last-child{margin-top:50px}
.t_review th{font-family:'Open Sans',sans-serif;font-weight:400;text-align:center;padding:0 0 0 40px  !important}

/*마이페이지*/
.mytitle {font-size:24px; font-weight:bold;margin-bottom:15px;}
.li_img {border:1px solid #ddd;}
.li_price {font-size:15px; font-weight:bold; color:#000;}
.li_price span{display:block; font-size:13px; color:#aeaeae; text-decoration:line-through;}
.member_info{text-align:center;margin-bottom:15px}
.order_info_box {background:#f7edd4;}
.order_info_box ul {padding:20px;}
.order_info_box li {float:left; width:280px; border-left:1px solid #dbc796; padding-left:20px;}
.order_info_box li:first-child {border-left:0; padding-left:0;}
.order_info_box li dt {font-size:14px; font-weight:bold; margin-bottom:5px;}
.member_info_box{width:1244px;display:inline-block;overflow:hidden}
.member_info_box ul li{float:left}
.member_info_box ul li dt{float:left}
.member_info_box ul li dd{float:right}
.member_info_box ul li.infobox_01{width:413px;height:112px;text-align:center;border:1px solid #d7d7d7;background:#f8f8f8;padding:40px 0 0}
.member_info_box ul li.infobox_01 dt{padding-left:74px;width:212px;line-height:28px}
.member_info_box ul li.infobox_01 dd{padding-right:90px}
.member_info_box ul li.infobox_01 dd a{width:96px;height:30px;display:inline-block;background:#686868;color:#fff;padding-top:3px}
.member_info_box ul li.infobox_01 dd a:hover{opacity:0.9}
.member_info_box ul li.infobox_02{width:416px;height:112px;text-align:center;border:1px solid #d7d7d7;border-width:1px 0 1px 0;padding:20px 0 0}
.member_info_box ul li.infobox_02 dt, 
.member_info_box ul li.infobox_03 dt{padding-left:30px}
.member_info_box ul li.infobox_02 dd, 
.member_info_box ul li.infobox_03 dd{padding-right:32px}
.member_info_box ul li.infobox_03{width:414px;height:112px;text-align:center;border:1px solid #d7d7d7;padding:36px 0 0}
.infobox_02 dl, 
.infobox_03 dl,
.bbs_ltype .order_list dl{clear:both}
.opt_icons{width:1244px;padding:26px 0 0;margin-bottom:94px;overflow:hidden}
.opt_icons ul{}
.opt_icons ul li{float:left;width:207px;text-align:center;border-right:1px solid #e2e2e2}
.opt_icons .opt_nm{text-align:center;margin:15px 0 0}

/*나의주문내역*/
.mypage_wrap{width:1244px}
.mypage_wrap:after{display:block; clear:both; content:'';}
.mypage_wrap .myp_title{width:1244px;position:relative}
.mypage_wrap .myp_title h3, .mypage_wrap .myp_title p{display:inline-block}
.mypage_wrap .myp_title p{color:#959595;padding-left:15px}
.mypage_wrap .btn_more{position:absolute;top:0;right:0;font-size:10px;padding-right:10px;background:url('/design/mariehan/images/_public/icon_more.gif')no-repeat right}
.bbs_ltype .order_img{float:left;margin-right:24px}
.bbs_ltype .order_list{float:left}
.bbs_ltype .order_list strong{font-size:12px;display:block;padding:6px 0 2px}
.bbs_ltype .order_list em{font-size:12px;display:block;padding:29px 0 0;color:#252525}
.bbs_ltype .order_list dt, .bbs_ltype .order_list dd{float:left;line-height:18px;font-size:11px}

.inquiry_box{position:relative;width:1244px;height:60px;box-sizing:border-box;background-color:#f8f8f8;border:1px solid #d7d7d7;padding:15px 157px 0;margin:15px 0}
.day_check, box .day_choice, .day_check dt, .day_check dd, .day_choice li{float:left}
.day_check dd a{width:62px;height:25px;display:inline-block;border:1px solid #d7d7d7;box-sizing:border-box;margin-right:5px;text-align:center;cursor:pointer}
.day_check dd a:hover, .day_check dd a.on{height:25px;box-sizing:border-box;background-color:#898989;color:#fff;border:1px solid #898989; !imortant}
.day_check dt, .day_choice li:first-child{color:#252525}
.day_choice input{width:145px;height:25px;text-align:center}
.day_choice .pp{padding:3px 10px}
.inquiry_box .b_search{float:right;width:95px;height:25px;display:inline-block;background-color:#252525;color:#fff;text-align:center !important}
.inquiry_box .b_search:hover{opacity:0.9}

/*주문배송조회
.inquiry_box{width:1200px;height:200px;border:1px solid #d7d7d7;background-color:#f8f8f8;padding:20px;margin:15px 0}
.inquiry_box li {float:left; padding:0 4px; line-height:190%;}
.inquiry_box li:first-child {padding-left:0;}
.inquiry_box li .order_searchbox {background:#ffffff; border:1px solid #d7d7d7; color:#000000; font-size:11px; padding:3px 5px;}
.order_search li .order_searchbox li {padding:0 7px; border-left:1px solid #d7d7d7;}
.order_search li .order_searchbox li:first-child {border-left:0;}
.order_search li .order_searchbox li img {margin-left:4px;}
*/

/*주문상세내역*/
.ord_list{position:relative;width:1244px;margin-top:51px}
.ord_list:after{display:block; clear:both; content:'';}

/*배송정보교환및반품안내*/
.cont01{width:1244px;margin-top:60px;line-height:21px}
.cont01 strong{display:inline-block;padding-bottom:5px}
.del_info p{padding-left:68px}
.cha_info p{padding-left:18px}

/*주문상세보기 */
.order_view {margin-top:20px;}
.order_view p {font-size:16px; font-weight:bold; color:#222222;}
.order_viewli01 {border:1px solid #e2e2e2; border-width:1px 0;}
.order_viewli01 th {font-weight:bold;border-bottom:1px solid #e2e2e2; padding:7px 0; text-align:center;}
.order_viewli01 td {text-align:center;}
.order_viewli01 td ul {padding:7px 0;}
.order_viewli01 td ul.btn_buy_after {padding:0px;margin:-7px;}
.order_viewli01 p.btn_delivery_trace {color:#666;text-align:center;height:19px;width:55px;border:1px solid #cacaca;margin:10px auto;cursor:pointer;font-weight:normal;font-size:12px;}
.order_viewli01 p.btn_delivery_trace a {text-decoration:none;}
.bor_bottom01 {border-bottom:1px solid #e2e2e2;}
.bor_right01 {border-right:1px solid #e2e2e2;}
.order_viewli02 {border:1px solid #e1e1e1; margin:2px 0 56px}
.order_viewli02 th {width:200px;background:#f8f8f8;padding:13px 0;border:1px solid #e1e1e1;border-width:0 1px 0 1px;text-align:center;color:#252525}
.order_viewli02 td {text-align:right;padding:13px 20px 13px 0}
.complete_top {text-align:center;font-size:20px;line-height:30px;margin-bottom:80px}
.complete_top strong.bigfont {text-align:center;color:#252525;font-weight:bold;font-size:20px;}
.complete_top p {font-size:12px;}

/* ------ 반품신청,교환신청,상품평보기 ------ */
.request_pop {background:#fff;z-index:9999}
.request_pop h3 {background:#f8f8f8;padding:15px;color:#252525;font-size:16px;font-weight:bold;}
.request_pop ul {margin:5px 0}
.request_pop ul li {text-align:right;margin:5px 0 10px}
.request_pop ul li:first-child {width:95%;margin:10px auto;}
.request_pop ul li textarea {width:100%;height:90px;}
.request_pop ul li a {margin:5px 12px 10px 0;display:inline-block;padding:5px 10px;font-size:14px;background:#252525;color:#fff;text-decoration:none;}

/* ============== 주문배송조회 ============== */

.search_period p.sub {font-size:16px;color:#676666;margin-bottom:10px;}
.search_period ul {border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;margin-bottom:20px;}
.search_period ul:after {display:block;content:"";clear:both;}
.search_period ul li {float:left;padding-top:4px;}
.search_period ul li:first-child {font-size:13px;font-weight:bold;color:#000;background:#f0f0f0;padding:7px 15px;}
.search_period ul li.date {margin-left:10px;}
.search_period ul li.date a {padding:3px 8px;background:#a4a4a4;color:#fff;font-weight:bold;font-size:13px;text-decoration:none; vertical-align:middle;}
.search_period ul li.state {float:right;background:#fafafa;margin-left:50px;padding:7px 15px;}

/*장바구니*/
.delivery_info{position:relative; width:100%;padding:14px 0 57px}
.delivery_info span:first-child{float:left}
.delivery_info span:last-child{float:right;color:#252525;padding-right:10px}
.taste_img {position:absolute; top:18px; right:-18px;}
.btn_del, .del_search{width:71px;height:20px;display:inline-block;line-height:20px;background:#ececec;color:#252525 !important}
.btn_del:hover, .del_search:hover{opacity:0.8}
.del_search{width:55px}
.option_title{overflow:hidden}
.option_title li{text-align:center;height:20px;vertical-align:top}

/*회원 가입 */
.agree_btn {margin-top:30px; text-align:center;}
.agree_btn li {display:inline-block; margin-right:15px;}
.joincomplete {margin:50px auto 0;width:445px;}
.joincomplete .btn2 {margin-top:20px;}
.joincomplete .btn2 a {margin-right:10px;}

/*회원완료페이지*/
.mem_thank{width:350px;margin:0 auto}
.mem_thank p{text-align:center;font-size:20px;line-height:28px}
.mem_thank p strong{font-size:20px;}
.mem_info {margin:40px 0}
.mem_info ul {margin-top:30px;}
.mem_info ul li {width:350px; background:#f8f8f8;padding:5px 20px;margin-bottom:1px;}
.mem_info ul li span {display:inline-block; width:90px;color:#252525;}
.join {padding-top:50px !important;}

/* 회원가입-본인인증 */
.attest_con{margin:0 auto;width:100%}
.attest_con .attest_txt strong{color:#ff3e24}
.attest_con .attest_input{margin-top:10px;padding:34px;background:#fff;border:1px solid #e2e0e0}
.attest_con .attest_input dl{margin-bottom:10px;padding-left:20px}
.attest_con .attest_input dl dt{margin-bottom:10px;font-size:14px;font-weight:bold}
.attest_con .attest_input dl dd{margin-bottom:15px;}
.attest_con .attest_input dl dd input[type="text"]{padding:6px;background:#fafafa;border:1px solid #dbdbdb}
.attest_con .attest_input dl dd input[type="submit"]{margin-left:10px;padding:0 10px;height:27px;color:#fff;background:#7c7c7c;border:0}
.attest_con .attest_input dl dd select{padding:5px;width:100px;border:1px solid #dbdbdb}
.attest_con .attest_input p{padding:0 0 15px 20px;font-size:11px;border-bottom:1px solid #e2e0e0}
.attest_con .attest_input .att_btn{margin-top:20px;text-align:center}
.attest_con .attest_input .att_btn input{padding:0 40px;height:35px;font-size:14px;font-weight:bold;color:#fff;background:#bc506e;border:0}

/*본인인증*/
.tab_menu02 ul.pw_tab_menu {margin-bottom:20px;}
.tab_menu02 ul.pw_tab_menu li {display:inline-block;width:130px;height:40px;text-align:center;background:#efefef;line-height:40px;font-size:15px;margin-right:5px;}
.tab_menu02 ul.pw_tab_menu li.on {background:#6d6d6d;}
.tab_menu02 ul.pw_tab_menu li.on a {color:#fff;font-weight:bold;text-decoration:none;}
a.certify_btn {display:inline-block;padding:3px 10px;background:#fff;border:1px solid #619c7c;color:#619c7c;text-decoration:none;margin-left:5px;}


/* ============== 회원정보관리 ============== */

/*회원정보수정*/
.memberinfo_edit p.title_subtxt {font-size:12px;margin-bottom:20px;}
.memberinfo_edit p.title_subtxt span {color:#619c7c;}

.btn {text-align:center;margin-top:30px;}
.btn a {display: inline-block;width:200px;height:50px;text-align:center;line-height:55px;font-size:20px;font-weight:bold;color:#fff;text-decoration:none;margin-left:5px;}
.btn a.btn_green {background:#685a57;}
.btn a.btn_grey {background:#c8c8c8;}
.btn a.btn_greenborder {background:#fff;border:1px solid #619c7c;color:#619c7c;}
.join_step {text-align:right;}
.join_title {height:45px; background:url('/_public/image/common/join_titbg.png') no-repeat; padding-left:55px; font-size:24px; line-height:140%; font-weight:bold; color:#222222;}
.btn_postcode {width:80px;height:25px;margin-left:3px;font-size:12px;background:#ececec;padding:5px 8px; color:#252525 !important;}

/*로그인*/
.login_joinbtn {margin-top:10px; text-align:center;}
.login_joinbtn li {display:inline-block;margin-right:5px;}
.bemember_btn {width:720px;  margin-top:20px; margin-left:15px; padding:15px; letter-spacing:-0.5px; border:1px solid #d7d7d7; border-width:1px 0;}
.bemember_btn dt {float:left; font-size:14px;font-weight:bold;}
.bemember_btn dd {float:left; margin-left:50px; font-size:11px;color:#999}
.bemember_btn dd a {display:inline-block;border:1px solid #619c7c;color:#619c7c;font-weight:bold;font-size:18px;height:40px;width:150px;text-align:center;line-height:40px;text-decoration:none;}
.write_btn_box {position:relative;}
.write_btn{position:absolute;top:26px;right:0;}
.login_botbtn {margin-top:30px; padding-top:30px; padding-left:180px; line-height:170%; border-top:1px solid #dddddd;}
.l_join_btn {width:75px; margin-top:5px;}
.l_join_btn a {display:block;  background:#ce8f95; padding:3px 15px;color:#fff;}

/*위시리스트*/
.wish_list {margin-top:10px; margin-bottom:50px;}
.wish_list th {border:1px solid #e2e2e2; border-width:1px 0; padding:7px 0; text-align:center;}
.wish_list td {padding:7px 0; border-bottom:1px solid #e2e2e2; text-align:center; }
.pro_option_info {text-align:left;}
.pro_option_info dt {font-size:14px; font-weight:bold; color:#2e2e2e; margin-bottom:5px;}
.wish_option {width:600px;background:#fafafa; border-bottom:1px solid #fff;}
.wish_option li {float:left;}
.w_option_tit {width:300px; color:#618772;}
.w_option_price {width:80px; color:#000;}
.w_option_ea {width:85px;}
.w_option_ea input {padding:2px 2px !important;}
.w_option_ea span {display:inline-block; margin-left:2px;vertical-align: middle;}
.w_option_ea span a {display:block;}
.w_option_close {width:50px;}
.wish_b_btn { margin-top:10px;}
.wish_b_btn li {display:inline-block; margin-left:3px;}

/*공지사항*/
.board_list_nav{width:1004px;overflow:hidden;display:inline-block;margin-bottom:30px}
.board_list_nav ul{overflow:hidden;margin:auto;text-align:center}
.board_list_nav li{float:left;width:246px;height:40px;display:inline-block;border:1px solid #d7d7d7;text-align:center;margin-left:6px;box-sizing:border-box}
.board_list_nav li:last-child{width:248px}
.board_list_nav li a{width:100%;height:40px;display:inline-block;line-height:40px}
.board_list_nav li:hover{border:1px solid #252525;}
.board_list_nav li:hover a{background:#252525;border:1px solid #252525;color:#fff;line-height:40px}
.board_list_nav li.over{background:#252525;border:1px solid #252525}
.board_list_nav li.over a{color:#fff;line-height:40px}


/*매거진*/
.m_magazine {position:relative; padding-top:20px;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* force scrollbar */

/* ---- isotope ---- */

.grid {}

/* clear fix */
.grid:after {content: ''; display: block; clear: both;}

/* ---- .grid-item ---- */

.grid-sizer,.grid-item { width: 33.3%;}

.grid-item {float: left;  margin-bottom:5px;}

.grid-item img {display: block; max-width: 100%;}


/*컬렉션*/
.m_collection {position:relative;  float:right; width:945px; padding-top:20px;}
.colle_view_box {width:970px;}
.collection_view_img img {max-width:950px;}
.collection_view_table {margin:10px;}

/*배송주소록*/
div.delivery {width:100%;}
div.delivery h2 {background:#ce8f95;padding:20px 25px;font-size:27px;color:#fff;font-weight:bold;}
div.delivery_subtxt {margin-top:10px;}
div.delivery_subtxt p {float:left;;color:#2f2f2f;font-size:13px;margin-top:10px;padding-left:25px;}
div.delivery_subtxt p span {color:#2b764d;}
div.delivery_subtxt a {float:left;display:block;color:#2f2f2f;font-size:17px;font-weight:bold;background:#d2d2d2;width:100px;height:40px;text-align:center;line-height:40px;margin-top:9px;margin-left:240px;text-decoration:none;}

div.delivery_add {width:600px;padding:30px 20px;margin:0 auto;border:1px solid #c6c6c6;margin:30px 20px;}
div.delivery_add p.title {float:left;font-size:17px;font-weight:bold;color:#000;}
div.delivery_add p.add_close {float:right;cursor:pointer;}
div.delivery_add > div {border-bottom:1px solid #c6c6c6;padding-bottom:10px;}
div.delivery_add table {width:590px;}
div.delivery_add table th {text-align:center;border-bottom:1px solid #c6c6c6;}
div.delivery_add table td {padding:10px 0 10px 10px;border-bottom:1px solid #c6c6c6;}
div.delivery_add table td input[type="text"] {padding:0;margin:0;height:28px;width:90px;}
div.delivery_add table td.phone input[type="text"] {width:60px;}
div.delivery_add table td.address input[type="text"] {width:60px;margin-bottom:10px;}
div.delivery_add table td.address input[type="text"].longbox {width:450px;}
div.delivery_add table td.address input[type="text"].longbox2 {width:450px;margin-bottom:0px;}
div.delivery_add table td select {height:28px;width:50px;}
div.delivery_add a {display:block;font-size:17px;font-weight:bold;color:#fff;background:#65bb8c;height:30px;width:70px;text-align:center;line-height:30px;margin:20px auto 0;text-decoration:none;}

div.address_list > p {margin:10px;}
div.address_list > table > tbody > tr > th {border:1px solid #e2e2e2;border-width:1px 0;text-align:center;font-size:12px;height:40px;}
div.address_list > table td {text-align:center;line-height:16px;border-bottom:1px solid #e2e2e2;padding:10px 5px;}
div.address_list > table tr.basic {background:#f4dee0;}
div.address_list > table td p.basic_address {display:inline-block;font-size:11px;color:#fff;background:#ce8f95 ;width:70px;text-align:center;}
div.address_list > table td.tell {color:#296e48;}
div.address_list > table td.address {text-align:left;}
div.address_list > table td a.btn_address_list {display:inline-block;border:1px solid #c6c6c6;width:40px;height:24px;text-decoration:none;line-height:20px;background:#fff;}
div.address_list > table td a.btn_address_list:first-child {margin-bottom:5px;}

table.delivery_edit {width:100%;}
table.delivery_edit th {text-align:center;border-bottom:1px solid #e2e2e2;}
table.delivery_edit td {padding:10px 0 10px 10px;border-bottom:1px solid #e2e2e2;text-align:left !important;}
table.delivery_edit td input[type="text"] {padding:0;margin:0;height:28px;width:90px;}
table.delivery_edit td.phone input[type="text"] {width:60px;}
table.delivery_edit td.address input[type="text"] {width:60px;margin-bottom:10px;}
table.delivery_edit td.address input[type="text"].longbox {width:450px;}
table.delivery_edit td.address input[type="text"].longbox2 {width:450px;margin-bottom:0px;}
table.delivery_edit td select {height:28px;width:50px;}
tr.delivery_edit a {display:block;font-size:17px;font-weight:bold;color:#fff;background:#ce8f95;height:30px;width:70px;text-align:center;line-height:30px;margin:10px auto 0;text-decoration:none;}

/* Tab */
.about {width:100%}
.about .tabarea {width:100%;}
.about .tabarea ul {float:left;width:1244px;height:100%;margin:0 auto 76px auto;text-align:center}
.about .tabarea li {width:264px;height:40px;display:inline-block;position:relative;text-align:center;border:1px solid #d7d7d7;margin-left:4px}
.about .tabarea li a {display:block;width:100%;height:40px;font-size:12px}
.about .tabarea li a strong {display:block;padding-top:6px;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:400}
.about .tabarea li.on {height:40px;background-color:#252525;color:#fff;border:0}
.about .tabarea li.on a strong{color:#fff}
.about .tabarea li.on a{width:264px;height:40px;background-color:#252525}
.about .tabarea li:hover {height:40px;border:0}
.about .tabarea li a:hover {background-color:#252525;color:#fff}
.about .tabarea li a strong:hover{color:#fff}
.about .con {top:20px;clear:both}
.about .con .col_wrap{text-align:center}
.about .con .con_detail{width:800px;padding-bottom:25px}
.about .con .con_detail02{width:800px;padding-bottom:67px}
.about .con .con_detail03{width:800px;line-height:20px;padding-bottom:20px}
.about .con .con_detail04{width:800px;padding:7px 0 15px 0}

.con02:after{content:""; clear:both; display:block;}
.about .col{width:375px;float:left}
.about .con .col li{margin-bottom:37px}
.about .con .col strong{float:left;text-align:center;color:#252525;font-family:'Open Sans',sans-serif;font-weight:700;font-size:16px}
.about .con .col p{padding:0 0 5px 60px}

/*비밀번호확인팝업*/
.password_pop{width:450px;position:relative}
.password_pop h2.ptitle{font-size:18px;padding:20px 0 10px 20px;background-color:#f8f8f8}
.password_pop ul{width:340px;position:relative;margin:50px auto 0}
.password_pop ul li{float:left}
.password_pop ul li:first-child{margin-right:10px}
.password_pop ul li input[type="password"]{width:210px;padding:10px 0 10px 8px}
.password_pop ul li a{width:100px;padding:5px 20px;display:inline-block;background-color:#252525;color:#fff;font-size:14px;text-align:center}
.password_pop ul li a:hover{opacity:0.9}
.password_pop .btn_close{position:absolute;top:0px;right:0px;cursor:pointer}

/*common.css*/

/* ---------------------------------------------------
POINTWEB.co.kr
UI Markup ver1.0 2014-01-17
---------------------------------------------------- */

/*
================================================================================
타이틀 스타일
================================================================================
*/
/* 공통정의 */
h1.title{margin:5px 0 20px 0;font-size:22px;}
.tit_sub{margin-bottom:34px}

h2.title, h2.m_title{position:relative;font-family:'Open Sans',sans-serif;font-size:14px;color:#252525;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:72px}
h2.m_title{margin-bottom:43px}
h2.title span a {position:absolute; top:5px; right:0; color:#00a6af;}
h3.title{font-size:14px;color:#252525;font-weight:bold}
h4.title{color:#000; font-size:14px}
h4.title2{margin:20px 0 5px 10px;padding:1px 0 0 14px;line-height:16px;background:url(../img/common/h4_dot.gif) no-repeat 0 2px;}

h2.title+h3.title{margin-top:10px}/* h2.title에 인접해있는 h3 title만 적용 */
h3.title+h4.title,h3.title+h4.title2{margin-top:10px}/* h3.title에 인접해있는 h4 title, h4 title2만 적용 */
.guide_txt .content h3.title:first-child,.guide_txt .content h4.title:first-child{margin-top:5px}/* guide_txt에 오는 첫 h3.title, h4.title만 적용 */

/* dl 타이틀 */
.dl_title{margin-top:15px}
.dl_title dt{font-weight:bold}
.dl_title dd{margin:5px 0 15px 10px}

/* h2뒤에 오는 li*/
.h2_li ul,.h2_li ol{margin-bottom:10px}
.h2_li li{position:relative;margin:0 0 4px 10px;padding-left:8px;line-height:20px;background:url(../img/common/li_p_dot1.gif) no-repeat 0 5px}
.h2_li li ul,.h2_li li ol{margin-top:5px}
.h2_li li li{margin-left:-4px;padding-left:6px;line-height:18px;background:url(../img/common/li_p_dot2.gif) no-repeat 0 8px}
.h2_li li li ul,.h2_li li li ol{margin-top:5px}
.h2_li li li li{margin-left:-3px;padding-left:8px;line-height:18px;background:url(../img/common/li_p_dot3.gif) no-repeat 0 8px}

/* h3뒤에 오는 li */
.h3_li ul,.h3_li ol{margin-bottom:10px}
.h3_li li{position:relative;margin:0 0 4px 10px;padding-left:8px;line-height:20px;background:url(../img/common/li_p_dot1.gif) no-repeat 0 5px}
.h3_li li ul,.h3_li li ol{margin-top:5px}
.h3_li li li{margin-left:-4px;padding-left:6px;background:url(../img/common/li_p_dot2.gif) no-repeat 0 7px}
.h3_li li li ul,.h3_li li li ol{margin-top:5px}
.h3_li li li li{margin-left:-3px;padding-left:8px;line-height:20px;background:url(../img/common/li_p_dot3.gif) no-repeat 0 7px}

/* h4뒤에 오는 li */
.h4_li ul,.h4_li ol{margin-bottom:10px}
.h4_li li{position:relative;margin-left:15px;padding-left:8px;line-height:20px;background:url(../img/common/li_p_dot1.gif) no-repeat 0 5px}
.h4_li li ul,.h4_li li ol{margin-top:5px}
.h4_li li li{margin-left:-4px;padding-left:6px;background:url(../img/common/li_p_dot2.gif) no-repeat 0 7px}
.h4_li li li ul,.h4_li li li ol{margin-top:5px}
.h4_li li li li{margin-left:-3px;padding-left:8px;line-height:20px;background:url(../img/common/li_p_dot3.gif) no-repeat 0 7px}

/* h뒤에 오는 p */
.h2_p,.h3_p{margin-left:8px;}/* h2, h3뒤에 오는 p */
.h4_p{margin-left:12px;}/* h4뒤에 오는 p */

/* h뒤에 오는 p dot */
.h2_dot,.h3_dot{margin-left:12px;padding-left:8px;background:url(../img/common/li_p_dot1.gif) no-repeat 0 5px}/* h2뒤에 오는 dot아이콘 #1 */
.h2_dot2,.h3_dot2{margin-left:12px;padding-left:6px;background:url(../img/common/li_p_dot2.gif) no-repeat 0 7px}/* h2,h3뒤에 오는 dot아이콘 */
.h4_dot{margin-left:10px;padding-left:6px;background:url(../img/common/li_p_dot2.gif) no-repeat 0 7px}/* h4뒤에 오는 dot아이콘 */



/*
================================================================================
기본li도트 스타일
================================================================================
*/

/* 기본 li아이콘 #1 */
.li_dot ul,.li_dot ol{margin-bottom:10px}
.li_dot li{position:relative;margin-bottom:4px;padding-left:8px !important;line-height:20px;background:url(../img/common/li_p_dot1.gif) no-repeat 0 6px !important}
.li_dot li ul,.li_dot li ol{margin-top:5px}
.li_dot li li{margin-left:-4px;margin-bottom:0;padding-left:6px !important;background:url(../img/common/li_p_dot2.gif) no-repeat 0 7px !important}
.li_dot li li ul,.li_dot li li ol{margin-top:5px}
.li_dot li li li{margin-left:-3px;padding-left:8px !important;line-height:20px;background:url(../img/common/li_p_dot3.gif) no-repeat 0 7px !important}

/* 기본 li아이콘 #2 */
.li_dot2 ul,.li_dot2 ol{margin-bottom:10px}
.li_dot2 li{position:relative;padding-left:6px;line-height:18px;background:url(../img/common/li_p_dot2.gif) no-repeat 0 7px}
.li_dot2 li li{margin-left:-4px;padding-left:8px;background:url(../img/common/li_p_dot3.gif) no-repeat 0 7px}

/* 기본 li아이콘 #3 */
.li_dot3 ul,.li_dot3 ol{margin-bottom:10px}
.li_dot3 li{position:relative;margin-bottom:8px;padding-left:18px;line-height:20px;background:url(../img/common/h3_dot.gif) no-repeat 0 2px}
.li_dot3 li ul,.li_dot3 li ol{margin-top:5px}
.li_dot3 li li{margin-left:-8px;padding-left:8px;line-height:16px;background:url(../img/common/li_p_dot1.gif) no-repeat 0 5px}
.li_dot3 li li ul,.li_dot3 li li ol{margin-top:5px}
.li_dot3 li li li{margin-left:-3px;padding-left:6px;line-height:20px;background:url(../img/common/li_p_dot2.gif) no-repeat 0 7px}


/* dot 없는 li */
.li_none li{position:relative;margin:0 !important;padding:0 !important;line-height:20px;background:none !important;}
.li_bold li{font-weight:bold;}



/* 기본 dot 아이콘 */
.dot1{padding-left:8px;background:url(../img/common/li_p_dot1.gif) no-repeat 0 5px}
.dot2{padding-left:6px;background:url(../img/common/li_p_dot2.gif) no-repeat 0 7px}
.dot3{padding-left:8px;background:url(../img/common/li_p_dot3.gif) no-repeat 0 7px}




/* 새창아이콘 */
.blank{padding-right:20px;background:url(../img/common/blank.gif) no-repeat top right}

/* 상단안내글 */
.guide_txt{position:relative;margin-bottom:5px;padding:17px 0 16px 0;width:750px;background:url(../img/common/guide_top.gif) no-repeat}
.guide_txt .content{display:inline-block;padding:0 20px 0 20px;width:95%;background:url(../img/common/guide_bg.gif) repeat-y;}
.guide_txt .gu_bot{display:block;width:100%;height:16px;background:url(../img/common/guide_bottom.gif) no-repeat left bottom;}

/* 사각박스 */
.box_bor{padding:15px 20px;background:#f5f5f5;border:1px solid #c2c2c2}

/* 라운드박스 */
.box_round{position:relative;margin-bottom:20px;padding:17px 0 0 0;width:750px;background:url(../img/common/round_bg.gif) no-repeat}
.box_round .content{padding:0 20px 18px 20px;height:100%;overflow:hidden;background:url(../img/common/round_bg.gif) no-repeat left bottom}

/*
================================================================================
탭메뉴 스타일
================================================================================
*/

/* 텍스트 탭메뉴 유형01 - 최대 7칸 */
.tab_menu{margin:0;}
.tab_menu ul{ overflow:hidden;}
.tab_menu ul li{float:left; width:20%;text-align:center;font-weight:bold;height:45px; margin-left:-1px;}
.tab_menu ul li:first-child {margin-left:0;}
.tab_menu ul li a{display:block; text-decoration:none;background:#f7f7f7;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6; border-bottom:1px solid #000; height:33px; padding-top:12px; font-size:16px; line-height:14px;}
.tab_menu ul li.on a{background:#fff; border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000; border-bottom:1px solid #fff; color:#1b1b1b; font-weight:bold; }
.tab_menu ul li .log{padding-top:7px; height:38px}
/*
.tab_menu01{margin:0;}
.tab_menu01 ul{ overflow:hidden;}
.tab_menu01 ul li{float:left; width:25%;text-align:center;font-weight:bold;height:45px; border-top:2px solid #666666; margin-left:-1px;}
.tab_menu01 ul li:first-child {margin-left:0;}
.tab_menu01 ul li a{display:block; text-decoration:none;background:#f7f7f7;border:1px solid #e0e0e0; border-width:1px 1px 0 1px; height:33px; padding-top:12px; font-size:16px; line-height:14px;}
.tab_menu01 ul li.on a{background:#fff;  color:#1b1b1b; font-weight:bold; }
.tab_menu01 ul li .log{padding-top:7px; height:38px}

.tab_menu02{margin:20px 0;border-bottom:1px solid #e2e2e2}
.tab_menu02 ul{height:100%;overflow:hidden}
.tab_menu02 ul li{float:left;text-align:center;font-size:14px;font-weight:bold;border-top:5px solid #c8c8c8}
.tab_menu02 ul li a{display:block;margin-left:-1px;padding:13px 25px;text-decoration:none;background:#f9f9f9;border:1px solid #e2e1e3;border-width:1px 1px 0 1px}
.tab_menu02 ul li:first-child a{margin-left:0;}
.tab_menu02 ul li.on{border-top:5px solid #d42525}
.tab_menu02 ul li.on a{color:#d42525;font-weight:800}*/

/* 이미지 탭 */
.tab_img li{display:inline;line-height:18px}

/* 5차 텍스트 탭메뉴 */
.tab_txt05{}
.tab_txt05:after{display:block;clear:both;content:''}
.tab_txt05 li{float:left;margin-right:8px;padding-left:15px;width:138px;line-height:25px;letter-spacing:-1px;background:url(/img/common/h5_dot.gif) no-repeat 0 6px;}
.tab_txt05 li.row_with{width:300px}

/*
================================================================================
정렬 스타일
================================================================================
*/


/* 사진정렬 */
.photo_list{height:100%; overflow:hidden;}
.photo_list:after{display:block;clear:both;content:''}
.photo_list li{float:left;margin:0 20px 20px 0;}

/* 이미지 왼쪽정렬 콘텐츠 */
.ph_left_lay{width:100%}
.ph_left_lay:after{display:block;clear:both;content:''}
.ph_left_lay .content{float:left;}
.ph_left_lay .content h2{margin-top:0}


/*
================================================================================
테이블공통 스타일
================================================================================
*/



/* 테이블공통 */
.tbl_txt{margin-top:-20px;text-align:right;}
.tbl_txt2{margin-top:-15px;text-align:right;}/* li안에 사용시 */
.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_left2 tbody th+td,.td_left2 tbody tr td:first-child{text-align:left}/* th 다음에 오는 td만 정렬 왠쪽 */
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel {width:100%;border-spacing:0;border-top:1px solid #4ba0d8;border-right:1px solid #cde4f4;border-bottom:1px solid #cde4f4;border-left:1px solid #cde4f4; border-collapse: collapse}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:6px 0 4px 0;line-height:18px;background:#e2f0f9;border-bottom:2px solid #194e71;border-left:1px solid #4ba0d8;border-top:0;border-right:1px solid #4ba0d8;}
/*.t_typel thead tr:nth-of-type(1) th:first-child{border-left:1px solid #cde4f4 !important;}*/
.t_typel thead th[colspan]{border-bottom:1px solid #4ba0d8;}/* th가 두줄이상으로 합쳐질때 border-bottom 값 */
/*.t_typel thead th.col_group{border-bottom:2px solid #194e71 !important;}*//* th가 한줄로 합쳐질때 class 추가 */
.t_typel thead th.none{border-bottom:1px solid #4ba0d8;}/* th가 한줄일때 class추가 */

.t_typel tbody th{padding:6px 8px 4px 8px;background:#f3fbff;border:1px solid #cde4f4;border-width:0 1px 1px 0}
.t_typel tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:2px solid #194e71}
.t_typel tbody td{padding:6px 8px 4px 8px;background:#fff;border:1px solid #cde4f4;border-width:0 1px 1px 0}
.t_typel tfoot th{padding:6px 8px 4px 8px;background:#f3fbff;border:1px solid #cde4f4;}
.t_typel tfoot td{padding:6px 8px 4px 8px;background:#f3fbff;border:1px solid #cde4f4;}
/* 교육안내_신청 */
.t_type_line{border-bottom:2px solid #9cd2f9}
.t_type_line tbody td.line{border-bottom:2px solid #9cd2f9;border-right:1px solid #cde4f4;}

/*C타입 테이블*/
.table_ctype {border-top:1px solid #000000;}
.table_ctype th {width:150px;text-align:center; padding:9px 0; background:#f8f8f8; color:#000000; border-bottom:1px solid #e2e2e2;}
.table_ctype td {position:relative; border-bottom:1px solid #e2e2e2; vertical-align:middle; padding:13px 0; text-align:center; font-family:Dotum,돋움,sans-serif;}
.table_ctype td img {margin:0 5px;}
.table_ctype tbody td .short {display:inline-block; max-width:630px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align:bottom; text-align:left; cursor:pointer;}
.table_ctype .short:hover{text-decoration: underline; color: #444;}

.bor_right {border-right: 1px solid #dddddd;}
.taste_img {position:absolute; top:18px; right:-18px;}

/* 버튼 */
/*회원가입버튼*/
.join_btn .btn_member{display:inline-block;width:145px;height:40px;color:#fff;background:#252525;}
.join_btn .btn_cancel{display:inline-block;width:145px;height:40px;border:1px solid #d7d7d7}

.btn_down{position:relative;padding-left:1px;height:24px;display:inline-block;white-space:nowrap; overflow:visible;vertical-align:middle;background:url(../img/common/btn_txt_down.gif) no-repeat left top; }
.btn_down a{float:left;padding:2px 20px 0 35px;height:22px;line-height:23px;letter-spacing:-1px;font-weight:bold;background:url(../img/common/btn_txt_down.gif) no-repeat right bottom;}
.btn_down .down{position:absolute;left:16px;top:8px;width:12px;height:10px;background:url(../img/common/ic_down.gif) no-repeat}
.btn_down .pdf{position:absolute;left:15px;top:4px;width:18px;height:19px;background:url(../img/common/ic_pdf.gif) no-repeat}
.btn_down .new{position:absolute;left:15px;top:5px;width:18px;height:19px;background:url(../img/common/blank.gif) no-repeat}
.btn_down .jpg{position:absolute;left:15px;top:5px;width:18px;height:19px;background:url(../img/common/ic_jpg.gif) no-repeat}
.btn_down .hwp{position:absolute;left:15px;top:5px;width:18px;height:19px;background:url(../img/common/ic_hwp.gif) no-repeat}
.btn_down .xls{position:absolute;left:15px;top:5px;width:18px;height:19px;background:url(../img/common/ic_xls.gif) no-repeat}
.btn_down .zoom{position:absolute;left:15px;top:5px;width:16px;height:16px;background:url(../img/common/ic_zoom.gif) no-repeat}

.btn_basic{position:relative;padding-left:1px;height:24px;display:inline-block;white-space:nowrap; overflow:visible;vertical-align:middle;border:0;background:url(../img/common/btn_txt_down.gif) no-repeat left top; }
.btn_basic a{float:left;padding:2px 15px 0 15px;height:22px;line-height:23px;letter-spacing:-1px;font-weight:bold;background:url(../img/common/btn_txt_down.gif) no-repeat right bottom;}

.img_left{float:left;margin:0 20px 20px 0}
.img_right{float:right;margin:0 0 20px 20px}

/*
================================================================================
스크립트 스타일
================================================================================
*/

/*레이어 팝업*/
.btn_pop_view {position:absolute; top:130px; right:0;}
.btn_pop_view a{display:inline-block;padding:5px 10px;color:#fff;}
.pop_con{position:fixed;top:50%;left:50%;display:none; background:#434343; border:1px solid #434343; border-radius:40px; z-index:999;}
.pop_con h2{color:#fff; font-size:30px; margin:33px 39px 0 39px; font-family: 'Noto Sans', sans-serif;  font-weight:100; padding-bottom:33px; border-bottom:1px solid #b4b4b4;}
.pop_con .btn_close a{position:absolute;top:33px;right:39px;color:#fff}
.fix_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.1;filter:alpha(opacity=10); z-index:800}

.all_menu {margin:0 39px;}
.all_menu li {border-top:1px solid #696969; padding:15px 0; color:#e8e8e8;}
.all_menu li:first-child {border-top:0;}
.all_menu li a {color:#e8e8e8;}
.all_menu_sub {position:relative; padding-left:200px; }
.all_menu_sub dt {position:absolute;top:0; left:0; width:200px; }
.all_menu_sub dt a:hover {color:#fff; font-weight:bold; }
.all_menu_sub dd {float:left; margin-left:20px; color:#e8e8e8; line-height:20px;}
.all_menu_sub dd a {color:#e8e8e8;}
.all_menu_sub dd a:hover {color:#fff; font-weight:bold;}




/*board.css*/

/* ---------------------------------------------------
POINTWEB.co.kr
Board Markup ver1.0 2014-01-17
Board Markup modify 2014-01-22
---------------------------------------------------- */

/* 게시판 공통 */
.btn_list{margin:40px 0;padding:30px 0 0;border-top:1px solid #d7d7d7} 
.btn_list p{margin-right:5px}
.btn_list p:fitst-child{margin-right:0px}
.btn_list2{margin:20px 0;text-align:right}

input[type="text"],input[type="password"],textarea,select{padding:2px 6px 2px 3px; border:1px solid #e1e1e1;color:#636363}
.total_sel{border:1px solid #ccc;padding:2px 4px 2px 3px;}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff}*/
input#straddress2{margin-top:4px}


/*회원정보수정*/
.t_typea {border-top:1px solid #898989;margin-bottom:50px;}
.t_typea th {background:#f8f8f8;text-align:left;padding:9px 0 10px 13px;border:1px solid #e1e1e1;border-width:0 1px 1px 0;color:#252525}
.t_typea td {border-bottom:1px solid #e2e2e2; text-align:left; padding:7px 0 7px 20px;}
.t_typea input[type="text"] , .t_typec input[type="text"],
.t_typea input[type="password"], 
.t_typea textarea, .t_typea select,
.t_typec textarea, .t_typec select{height:25px;padding:2px 6px 2px 3px; border:1px solid #e1e1e1;color:#636363}
.t_typea input [type="text"], .t_typea input [type="password"],
.t_typec input [type="text"]{width:150px}
.t_typeb {border:1px solid #898989;border-width:1px 0 1px;margin-bottom:50px;}
.t_typeb th {background:#f8f8f8;text-align:left;padding:8px 0 9px 12px;border:1px solid #e1e1e1;border-width:0 1px 1px 0;color:#252525;line-height:19px}
.t_typeb td {border-bottom:1px solid #e2e2e2; text-align:left; padding:5px 0 5px 20px;lineheight:19px}
.t_typec {border:1px solid #898989;border-width:1px 0 1px;margin-bottom:50px;}
.t_typec th {background:#f8f8f8;text-align:left;padding:10px 0 12px 12px;border:1px solid #e1e1e1;border-width:0 1px 1px 0;color:#252525;line-height:19px}
.t_typec td {border-bottom:1px solid #e2e2e2; text-align:left; padding:8px 0 12px 20px}
.t_typec td.t_txt01{padding:10px 0 10px 20px;line-height:18px !important}
.t_typec td.t_txt02{color:#252525}
.t_typea .t_txt03, .t_typec .t_txt03{padding-right:15px}

/*q&a*/
.t_typed {border:1px solid #898989;border-width:1px 0 1px;margin-bottom:50px;}
.t_typed th {font-family:'Open Sans',sans-serif;font-weight:400;background:#f8f8f8;text-align:center;border:1px solid #e1e1e1;border-width:0 1px 1px 0;color:#252525;line-height:19px}
.t_typed td {border-bottom:1px solid #e2e2e2; text-align:left; padding:8px 0 12px 20px}
.t_typed td.t_txt01{padding:10px 0 10px 20px;line-height:18px !important}
.t_typed td.t_txt02{color:#252525}
.t_typed input[type="text"]{width:154px;height:25px}
.t_typed input[type="password"]{width:200px;height:25px}


/* 게시판 상담(검색) */
.bbs_top{position:relative;padding:25px 0 21px}
.bbs_top:after{display:block;clear:both;content:''}
.bbs_top .bbs_search{text-align:center}
.bbs_top .bbs_search select{width:80px;padding:2px;height:25px}
.bbs_top .bbs_search input[type="text"]{width:247px;height:25px}
.bbs_top .bbs_search .btn_sear{width:68px;height:25px;display:inline-block;background-color:#636363; color:#FFF;border:0px;font-family:'Open sans',sans-serif;font-weight:400;font-size:11px;line-height:22px;padding-top:1px}
.bbs_top .bbs_faq_search{margin-bottom:5px;padding:10px 0;text-align:center;background:#fff;border:1px solid #ccc}
.bbs_top .bbs_faq_search label{margin-right:10px;font-size:11px;font-weight:bold;}
.bbs_search a.btn_write{position:absolute;width:120px;height:35px;display:inline-block;top:25px;right:0;background:#252525;text-align:center;padding-top:5px;color:#fff}

/* 게시판 목록 */
.bbs_ltype {border-collapse:collapse;width:100%;border:1px solid #e1e1e1;border-right:0;border-bottom:1px solid #898989;border-left:0} 
.bbs_ltype thead th{padding:10px 0 6px;height:24px;text-align:center;color:#252525;background:#fff;border:1px solid #898989;border-right:0;border-bottom:1px solid #e1e1e1;border-left:0;font-weight:normal}
.bbs_ltype tbody td{padding:9px 0 6px;text-align:center;border:1px solid #e1e1e1;border-width:1px 0 0 0}
.bbs_ltype tbody td.subject{padding-left:30px;text-align:left !important}
.bbs_ltype tbody td.subject01{padding-left:15px;text-align:left !important}
.bbs_ltype tbody td.subject02{padding-left:29px;text-align:left !important}
.bbs_ltype tbody td.subject01 span{color:#252525;padding-right:3px}
.bbs_ltype tbody td.object{padding:16px 0 14px 40px;text-align:left !important}
.bbs_ltype tbody td.object02{padding:16px 0 14px 10px;text-align:left !important}
.bbs_ltype tbody td.pro{padding:16px 0 14px 0;text-align:center !important}
.bbs_ltype tbody td .short {display:inline-block;margin-right:10px;max-width:350px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom; text-align:left;cursor:pointer;}
.bbs_ltype .short:hover{color:#252525}
.bbs_ltype tbody td.del-content{text-align:center;font-weight:bold}
.bbs_line{width:100%;height:5px;background:url("/_public/image/board/foot_line.gif") repeat-x left bottom;border-top:1px solid #fff}
.ans_txt img{padding:0 5px 10px 0}
.bbs_ltype .order_img{float:left;margin-right:24px}
.bbs_ltype .order_img02{float:left;margin-right:14px}
.bbs_ltype .order_list{float:left}
.bbs_ltype .order_list strong{font-size:12px;display:block;padding:6px 0 2px}
.bbs_ltype .order_list em{font-size:12px;display:block;padding:29px 0 0;color:#252525}
.bbs_ltype .order_list dt, .bbs_ltype .order_list dd{float:left;line-height:18px;font-size:11px}

/* 게시판 상세보기 */

.bbs_vtype{border-collapse:collapse;width:100%;margin:0 0 10px 0;border:0px}
.bbs_vtype th{border:1px solid #898989;border-width:1px 0 0 0;font-weight:normal;padding:3px 0}
.bbs_vtype td{border:1px solid #d7d7d7;border-width:1px 0 0 0}
/*.bbs_vtype{border-collapse:collapse;width:100%;margin:0 0 10px 0;border:0}
.bbs_vtype tbody {background:#fff;border-top:1px solid #898989}
.bbs_vtype tbody tr.tit th{text-align:left;padding:8px 15px 6px 10px;line-height:20px}
.bbs_vtype tbody th{padding:2px 0 6px 10px;font-weight:normal;vertical-align:top}
.bbs_vtype tbody th,.bbs_vtype tbody td{height:28px;border:1px solid #d7d7d7;border-width:1px 0 0 0}
.bbs_vtype tbody tr:first-child th,.bbs_vtype tbody tr:first-child td{border-top:0}
.bbs_vtype tbody td{text-align:left;padding:5px 0}*/

.bbs_vtype .subject {padding:5px 0 3px 13px;text-align:left;color:#252525;max-width:675px;word-break:break-all}
.bbs_vtype tbody .contents {padding:20px 10px 0;background:#fff;border-top:1px solid #d7d7d7;line-height:20px;max-width:980px;word-break: break-all !important;} 
.bbs_vtype tbody .contents p{padding:0;margin:0;line-height:20px}

/* 게시판 이전다음글 목록 */
.bbs_foot_list{width:100%;overflow:hidden;border:1px solid #898989;border-width:1px 0 1px 0}
.bbs_foot_list dt, .bbs_foot_list dd{float:left;height:40px;}
.bbs_foot_list dt.bt_prev, .bbs_foot_list dt.bt_next{width:10%;padding:7px 0 5px 10px;font-size:11px;color:#252525;text-align:left}
.bbs_foot_list dt.bt_prev{background:url("/design/mariehan/images/_public/btn_down.png")80px no-repeat;background-color:#fbfbfb}
.bbs_foot_list dt.bt_next{background:url("/design/mariehan/images/_public/btn_up.png")80px no-repeat;background-color:#fbfbfb}
.bbs_foot_list dd{position:relative;width:90%;padding:7px 0 5px 15px}
.bbs_foot_list .short {display:inline-block; max-width:580px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align:bottom; text-align:left; cursor:pointer;}
.bbs_foot_list .short:hover{color:#252525}

/* 게시판 답변보기 */
.bbs_rtype{border-collapse:collapse;width:100%;border:1px solid #cecece;border-width:0 0 1px 0; margin:10px 0 10px 0;}
.bbs_rtype thead th{padding:7px 0 5px 15px;text-align:left;border:1px solid #cecece;}
.bbs_rtype tbody th{text-align:left;border:1px solid #cecece;border-width:1px 0 1px 1px}
.bbs_rtype tbody td{text-align:left;border:1px solid #cecece;border-width:1px 1px 1px 0}
.bbs_rtype tbody th{padding:7px 0 5px 20px;color:#0072be;}
.bbs_rtype tbody td{padding:7px 0 5px 0;}
.bbs_rtype tbody td.contents { padding: 20px 0;border-top:1px solid #cecece; border:1px solid #cecece;border-width:1px 0 1px 0} 

/* 게시판 글쓰기 */
.txtc_inreq { color:#ff9900; font-weight:bold}/* 필수항목 */
.bbs_wtype{border-collapse:collapse; table-layout: fixed; clear: both; width:100%;border:1px solid #cecece;border-width:1px 0 1px 0}
.bbs_wtype thead th{padding:7px 0 5px 0;text-align:center;border:1px solid #cecece;}
.bbs_wtype tbody th,.bbs_wtype tbody td{border:1px solid #cecece;border-width:1px 0 0 0}
.bbs_wtype tbody tr:first-child th,.bbs_wtype tbody tr:first-child td{border-top:1px solid #cecece}
.bbs_wtype tbody th{padding:7px 10px;text-align:center;background:#f2f2f2}
.bbs_wtype tbody td{padding:7px 10px;text-align:left;background:#fff}
.bbs_wtype tbody td.contents {padding:5px 0;border-top:1px solid #cecece;} 
.bbs_wfrom{padding:5px 0;border-bottom:1px solid #cecece;}

/*view 상품리뷰*/
.preview_thumb {padding:10px;}
.preview_thumb a, .preview_thumb ul {float:left;}
.preview_thumb ul {color:#222;font-size:14px;font-weight:bold;}

/*add 상품리뷰*/
.preview_thumb2 {margin-bottom:10px;}
.preview_thumb2 a, .preview_thumb2 ul {float:left;}
.preview_thumb2 ul {color:#222;font-size:14px;font-weight:bold;margin-top:15px;}
.preview_thumb2 ul li {color:#222;font-size:14px;font-weight:bold;}

/* 웹진 목록 */
.bbs_webzine{}
.bbs_webzine dl{position:relative;padding:10px 0 10px 170px;height:150px;border-bottom:1px solid #e8e8e8}
.bbs_webzine dl dt{margin-bottom:10px;padding:5px 0;font-size:14px;color:#293FA5;font-weight:bold;border-bottom:1px solid #e8e8e8}
.bbs_webzine dl dt a{color:#293FA5;}
.bbs_webzine .tit{display:inline-block;margin-top:10px;max-width:600px;font-weight:bold;vertical-align:bottom;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_webzine dl dd.photo{position:absolute;top:10px;left:0;}
.bbs_webzine dl dd.photo img{padding:4px;border:1px solid #e8e8e8}
.bbs_webzine dl dd{line-height:18px}
.bbs_webzine div .nodata{padding:50px 0 ;width:100%;text-align:center}
.bbs_webzine .short_content{overflow-y: hidden; height: 85px;}

 /*포토갤러리목록*/
.bbs_gallery{width:1004px;margin:0 auto}
.bbs_gallery:after{content:"";display:block;clear:both}
.cont{position:relative;display:inline-block}
.cont p{text-align:center;padding-bottom:40px}
.cont li{float:left;width:236px;height:280px;margin:21px 0 0 20px;overflow:hidden;box-sizing:border-box}
.cont li:nth-child(-n+4){margin-top:0px}
.cont li p{text-align:center;padding:8px 0 0;line-height:20px}

/* 포토갤러리 상세보기 */
.bbs_gallery_view{border-collapse:collapse;width:100%;border:1px solid #cecece;border-width:0 0 1px 0}
.bbs_gallery_view thead th{padding:7px 0 5px 0;text-align:center;border:1px solid #cecece;}
.bbs_gallery_view tbody th,.bbs_gallery_view tbody td{text-align:left;border:1px solid #cecece;border-width:1px 0 0 0}
.bbs_gallery_view tbody th{padding:7px 0 5px 20px;color:#0072be;}
.bbs_gallery_view tbody td{padding:7px 0 5px 0;}
.bbs_gallery_view tbody td.contents { padding: 20px 0;border-top:1px solid #cecece;} 
.view_list li{ padding:10px 10px 8px 10px; border-bottom:1px solid #cecece; }
.view_list li.preline {border-top:1px solid #cecece; }
.view_list li span{margin:0 50px 0 10px;font-weight:bold;color:#0072be}

/* 덧글달기 */
.reply_box{margin-top:15px}
.reply_box .reply_top{margin-bottom:10px;height:100%;overflow:hidden}
.reply_box .reply_top li{float:left;padding:0 10px;font-weight:bold;border-left:1px solid #ccc}
.reply_box .reply_top li:first-child{padding-left:0;border-left:0;color:#FF0000}
.reply_box .reply_list{padding:10px 20px 20px;background:#fff}
.reply_box .reply_list li{padding:15px 0;border-bottom:1px dotted #c9c9c9}
.reply_box .reply_list li li{padding:4px 0 0 20px;background:url("/_public/image/board/dot_reply.gif") no-repeat 5px 3px;border-bottom:0}
.reply_box .reply_list li dl{position:relative;height:100%;overflow:hidden}
.reply_box .reply_list li dt{float:left;margin:0 5px 10px 0;color:#619c7c;font-weight:bold}
.reply_box .reply_list li dd.data{float:left;color:#666}
.reply_box .reply_list li dd.con{clear:left; word-break: break-all;}
.reply_box .reply_list li dd.btn{position:absolute;top:0;right:0}
.reply_box .reply_list li dd.btn a{padding:0 7px 0 3px}
.reply_box .reply_list li dd.btn a:first-child{border-right:1px solid #ccc}
.reply_box .reply_list li .btn_wt{margin-left:10px}
.reply_box .reply_list li .reply_input{/*margin-top:15px;*/padding:0 0;background:#f4f4f4;/*border-top:1px dotted #c9c9c9*/}
.reply_box .reply_list li .reply_input .wbtn{position:absolute;bottom:5px;right:0}
.reply_box .reply_list .reply_frame {}
.reply_box .reply_list .reply_frame .reply_input{padding:15px 0 0 0;background:#f4f4f4;}
.reply_box .reply_list .reply_frame .reply_input .wbtn{position:absolute;bottom:5px;right:0}

/* 덧글등록 */
.reply_input{position:relative;padding:20px;background:#ebebeb}
.reply_input dl{position:relative;padding:0 100px 0 0;height:100%;overflow:hidden;}
.reply_input dt{float:left;padding:0 5px 5px 0;font-size:11px;font-weight:normal !important;color:#3A3A3A !important}
.reply_input dd{float:left;padding:0 10px 5px 0}
.reply_input dt.con{clear:left}
.reply_input dd.txt_in{width:100%}
.reply_input .wbtn{position:absolute;bottom:25px;right:20px}

/* faq */
.bbs_faq{border-top:1px solid #e3e3e3}
.bbs_faq dt{background:url("/_public/image/board/ic_q.png") no-repeat 5px 7px;border-bottom:1px solid #e3e3e3}
.bbs_faq dt a{padding:10px 10px 10px 45px;display:block;min-height:20px;text-decoration:none}
.bbs_faq dt.selected{font-weight:bold;;text-decoration:underline;background:#F4F8F9 url("/_public/image/board/ic_q.png") no-repeat 5px 7px;}
.bbs_faq dd{padding:15px 10px 15px 45px;min-height:20px;background:url("/_public/image/board/ic_a.png") no-repeat 5px 12px;border-bottom:1px solid #e3e3e3}

/* 제품소개(상세) */
.product_view{}
.product_view:after{display:block;clear:both;content:''}
.product_view .product_photo{float:left;width:360px;border:1px solid #ccc}
.product_view .product_photo .big_img{position:relative;padding:15px 0;text-align:center;}
.product_view .product_photo .big_img span{position:absolute;right:0;bottom:0;z-index:10}
.product_view .product_photo .small_img{height:100%;overflow:hidden;border-top:1px solid #ccc;}
.product_view .product_photo .small_img li{float:left;padding:8px 0;width:33%;text-align:center;border-left:1px solid #ccc;}
.product_view .product_photo .small_img li:first-child{border-left:0}
.product_view .product_photo .small_img li a{display:block;border:0px solid #8c96a1}
.product_view .product_infor{float:right;width:400px}
.product_view .product_infor h2{margin-bottom:25px;padding-top:10px;font-size:16px;color:#333;line-height:16px;border-top:2px solid #333;}
.product_view .product_infor .pro_amount{margin:20px 0;font-size:15px;height:100%;overflow:hidden}
.product_view .product_infor .pro_amount dt{float:left;display:inline-block;width:110px;font-weight:bold}
.product_view .product_infor .pro_amount dd{float:left;display:inline-block;font-weight:bold}
.product_view .product_infor .pro_amount dd span{font-family:'Tahoma';font-size:20px;color:#D42929}
.prinfor_tbl{border-collapse:collapse;width:100%;background:#efefef;border:1px solid #ccc;border-width:1px 0} 
.prinfor_tbl tbody tr{text-align:left}
.prinfor_tbl tbody th{padding:4px 10px;text-align:left;border:0}
.prinfor_tbl tbody td{padding:4px;text-align:left;border:0}
.prod_btn{margin-top:20px;text-align:right}
.prod_btn01{display:inline-block;background:#fd5a00;border:1px solid #ff4800}
.prod_btn01 a{display:block;padding:6px 15px;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;border:1px solid #ff8740}
.prod_btn02{display:inline-block;background:#606060;border:1px solid #444}
.prod_btn02 a{display:block;padding:6px 15px;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;border:1px solid #8c8c8c}
.prod_btn03{display:inline-block;background:#ccc;border:1px solid #444}
.prod_btn03 a{display:block;padding:6px 15px;font-size:12px;font-weight:bold;color:#333;text-decoration:none;border:1px solid #ccc}
.product_con{clear:both;margin-top:20px;padding:10px 0;border-top:1px solid #ccc}

/* 기본버튼(게시판용) */
.bbs_btn,
.bbs_btn a,
.bbs_btn button,
.bbs_btn input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important;font-weight:bold;border:0;white-space:nowrap;overflow:visible; color:#333;}
.bbs_btn { height:29px; padding:0 2px 0 0; vertical-align:middle; margin-right:2px; background-position:right top;}
.bbs_btn a,
.bbs_btn button,
.bbs_btn input{ left:0;vertical-align:top; cursor:pointer;}

/* Button Size, color */
.bbs_btn button,
.bbs_btn input {height:29px; padding:0 14px 0 16px; line-height:29px; background-position:left top;}
.log_btn a,
.id_btn a,
.pw_btn a{width:76px;height:55px;padding-top:15px;display:inline-block;background:#252525;font-family:'Open sans',sans-serif;font-weight:400;color:#fff;text-align:center;margin-top:2px}

/* 회원정보 */
.login_wrap{width:498px;margin:0 auto}
.login_box{position:relative;padding:56px 105px 46px;border:1px solid #d7d7d7}
.loginset{position:relative;}
.login_box .login_area{float:left;line-height:10px}
.login_box .login_area span{display:inline-block;width:62px;font-family:'Open san',sans-serif;font-weight:400;color:#252525;margin-top:3px}

.login_box .login_area input[type="text"],
.login_box .login_area input[type="password"],
.idpw_box input[type="text"],
.idpw_box input[type="password"]{width:140px;height:25px;border:1px solid #e1e1e1}
.login_box input[type="checkbox"]{width:17px;height:17px;margin-right:5px}
.login_box p{padding:15px 0 22px 62px}
.login_list{padding-left:62px}
.login_box ul{overflow:hidden}
.login_box ul li{float:left;line-height:20px;padding-right:20px}
.login_box ul li span{width:3px;height:3px;display:inline-block;background:#898989;margin:0 7px 3px 0}
.login_box ul li a{color:#252525}
.login_box a.btn_cart{width:222px;height:40px;line-height:40px;display:inline-block;background:#252525;color:#fff;text-align:center}

.login_joinbtn {margin-left:105px; text-align:left;}
.login_joinbtn li a {display:inline-block;width:95px;height:30px; border:1px solid #7f7f7f;text-align:center;line-height:30px;text-decoration:none;}
.login_joinbtn li a.join {background:#656565;color:#fff;}
.btn_join_search{text-align:center}


/*비회원주문조회*/
.login_order_search {position:relative;width:498px;padding-top:24px;overflow:hidden;display:inline-block}
.login_order_search h3{border-bottom:1px solid #e1e1e1;margin-bottom:16px;padding-bottom:5px}
.login_order_search dt {float:left;padding-right:8px}
.login_order_search input[type="text"], .login_order_search input[type="password"]{width:158px;height:25px;line-height:25px}
.login_order_search dd {float:left;padding-right:13px}
.login_order_search a {float:right;width:60px;height:25px;display:inline-block;background:#252525;color:#fff;text-align:center;text-decoration:none;margin-left:2px}

/*아이디/비밀번호 찾기*/
.idpw_box{width:820px;margin:0 auto;position:relative}
.idpw_box:after{content:""; clear:both; display:block;}
.idpw_box .id_box{width:400px;float:left;border:1px solid #d7d7d7;padding:30px 54px 62px 52px}
.idpw_box p{line-height:15px}
.idpw_box .pw_box{width:400px;float:left;border:1px solid #d7d7d7;padding:30px 54px 32px 52px}
.idpw_box input[type="text"],
.idpw_box input[type="password"]{width:185px;height:25px;border:1px solid #e1e1e1}
.id_area{float:left}
.id_area span{width:45px;display:inline-block;color:#252525}
.id_btn a{width:55px}
.pw_btn a{width:55px;height:85px;padding-top:30px}

/* 버튼(로그인, 게시판) */
.btn_point, .btn_point_g{display:inline-block;width:110px;height:35px;vertical-align:top}
.btn_point a, .btn_point_g a{width:110px;height:35px;padding-top:4px;display:inline-block;font-size:12px;text-align:center;color:#fff;background:#252525;border:0;font-family:'Open sans',sans-serif;font-weight:400;line-height:25px;box-sizing:border-box}
.btn_point_g a{border:1px solid #d7d7d7;background-color:#fff;color:#252525}
.btn_point a:hover{opacity:0.9}
/*.btn_point_s{display:inline-block;height:20px;font-size:11px;text-align:center;font-weight:bold;;border:0;}
.btn_point_l{display:inline-block;height:60px;font-size:15px;text-align:center;font-weight:bold;color:#fff;background:#333;border:0;}
.btn_unpoint a{display:block;padding:6px 20px;color:#fff;text-decoration:none}
.btn_point_s a{display:block;padding:0px 8px;color:forestgreen;text-decoration:none}*/
.btn_point_l a{display:block;padding:20px 26px;color:#fff;text-decoration:none}
.btn_unpoint{display:inline-block;height:30px;font-size:11px;text-align:center;font-weight:bold;color:#fff;background:#828282;border:0;}
.btn_point[type="submit"], .btn_unpoint[type="submit"]{padding:0 30px}

/* 회원가입-약관동의 */
.check_txt .btn_none{float:right;background:black}
.check_txt .btn_agre{float:right;background:red}
.agree_box {width:100%;height:240px;overflow-y:scroll;border:1px solid #dddddd;margin:10px 0;padding:15px 28px}
.indiv_box{width:100%;margin-bottom:20px;line-height:20px}
.indiv_box:after{display:block;clear:both;content:''}
.indiv_box h2{font-weight:bold;font-size:13px;line-height:23px;margin-bottom:5px}
.indiv_box p{margin-bottom:4px}

.indiv_box .title_p{width:4px;height:4px;background:#686868;border-radius:2px;line-height:20px;margin-right:6px;display:inline-block}
.indiv_box .list01, .indiv_box .list02{position:relative;word-break:break-all}
.indiv_box .list01{padding:0 0 0 15px}
.indiv_box .list02{padding:5px 0 0 40px}
.indiv_box .list01 .num{width:12px;display:inline-block;position:absolute;left:0}

.join_btn{width:1244px;text-align:center}
.join_btn span{display:inline-block;padding-top:8px}
.join_btn .btn_member{display:inline-block;width:145px;height:40px;color:#fff;background:#252525;}
.join_btn .btn_cancel{display:inline-block;width:145px;height:40px;border:1px solid #d7d7d7}
.privacy_box{width:1244px;display:inline-block}
.privacy_box .cb_agree{float:right}





/* 회원가입-본인인증 */
.attest_con{margin:0 auto;width:100%}
.attest_con a {text-decoration:none;}
.attest_con .attest_txt strong{color:#ff3e24}
.attest_con .attest_input{margin-top:10px;padding:34px;background:#fff;border:1px solid #e2e0e0}
.attest_con .attest_input dl{margin-bottom:10px;padding-left:20px}
.attest_con .attest_input dl dt{margin-bottom:10px;font-size:14px;font-weight:bold}
.attest_con .attest_input dl dd{margin-bottom:15px;}
.attest_con .attest_input dl dd input[type="text"]{padding:6px;background:#fafafa;border:1px solid #dbdbdb}
.attest_con .attest_input dl dd input[type="submit"]{margin-left:10px;padding:0 10px;height:27px;color:#fff;background:#7c7c7c;border:0}
.attest_con .attest_input dl dd select{padding:5px;width:100px;border:1px solid #dbdbdb}
.attest_con .attest_input p{padding:0 0 15px 20px;font-size:11px;border-bottom:1px solid #e2e0e0}
.attest_con .attest_input .att_btn{margin-top:20px;text-align:center}
.attest_con .attest_input .att_btn input{padding:0 40px;height:35px;font-size:14px;font-weight:bold;color:#fff;background:#bc506e;border:0}

/* 회원가입-개인정보입력 */
.join_infor h2{margin-bottom:10px;font-size:14px}
.btn_post{padding:5px 10px;font-size:11px;color:#fff;background:#828282;border:0}

/* 회원가입-가입완료 */
.join_end{padding-top:40px;text-align:center}
.join_end .end_txt01{margin-bottom:20px;font-size:35px;line-height:40px;text-align:center}
.join_end .end_txt01 span{color:#bc506e;font-weight:800;}
.join_end .end_txt02{text-align:center}
.join_end dl{margin:20px auto;padding:10px;width:200px;height:100%;overflow:hidden;font-weight:bold;border:1px solid #eee}
.join_end dl dt{float:left;width:100px;color:#bc506e}
.join_end dl dd{float:left}
.join_end .end_btn{padding-top:20px;border-top:1px solid #eee}

/* 아이디/비번찾기
.mem_search{padding-top:10px}
.mem_search:after{display:block;clear:both;content:''}
.mem_search .idpw_search{position:relative;float:right;padding:30px 20px 20px 20px;width:330px;height:300px;background:#fff;border:1px solid #e2e0e0}
.mem_search .first{float:left}
.mem_search .idpw_search h2{margin-bottom:20px;padding-bottom:15px;font-size:16px;color:#333;border-bottom:1px solid #e2e0e0}
.mem_search .idpw_search dl:after{display:block;clear:both;content:''}
.mem_search .idpw_search dl dt{float:left;margin-bottom:10px;width:70px;font-size:12px;font-weight:bold}
.mem_search .idpw_search dl dd{float:left;margin-bottom:10px;width:225px}
.mem_search .idpw_search dl dd input[type="text"]{padding:6px;background:#fafafa;border:1px solid #dbdbdb}
.mem_search .idpw_search dl dd select{padding:5px;width:60px;border:1px solid #dbdbdb}
.mem_search .idpw_search .btn{position:absolute;left:150px;bottom:35px;}
 */



.cutString
{
    white-space: nowrap;
    text-overflow:ellipsis;         /* IE, Safari - ellipsis, clip */
    -o-text-overflow:ellipsis; /* Opera under 10.7 - ellipsis, clip */ 
    overflow: hidden;           /* "overflow" value must be different from "visible" */
    -moz-binding:url(/ellipsis.xml#ellipsis);
}




 
input.MS_search_word {
    width: 132px;
    height: 20px;
    background-color: #f3f3f3;
    border: 0;
    padding: 2px 6px 2px 3px;
    color: #636363;
}
/* BASIC css end */