@import url('page_style.css');

/* 기본 CSS 설정  *********************************************************************************************[ -- START -- ] */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,table,th,td,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,input,textarea,button,select{margin:0;padding:0}
body,input,button,div,table{font-family:tahoma,'맑은 고딕','돋움',Gulim,'굴림',dotum,Helvetica,sans-serif; font-size:12px; color:#383d41; font-weight:normal}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
h1,h2,h3,h4,h5,h6{text-align:left}
img,fieldset,iframe,input,button{border:0 none}
input,select,button{vertical-align:middle}
img{vertical-align:middle}
i,em,address{font-style:normal}
button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2f3743;text-decoration:none}
a:hover{color:#F2B500;text-decoration:none}
option{padding-right:6px}
hr{display:none}
legend{*width:0; position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
caption {padding:0; height:0; font-size:0; line-height:0; overflow:hidden}
form{-webkit-appearance: none;}


.login_input{width:100px; height:22px; border-width:0px; border-style:none; color:#ACACAC; background-color:#363636; font-size:12px; padding-top:5px; padding-left:4px;}
.ff_login{font-size:11px; padding-top:3px;}
.smfont { font-size:11px;}


/* 단일 클래스 */
/*.ellip {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2;*/ /* 라인수 */ /*-webkit-box-orient: vertical; word-wrap:break-word;}*/
.align{vertical-align:middle !important}
.more{position:absolute; top:13px; right:8px}
.p_none{padding:0 !important}
.bb_none{border-bottom:none !important}
.line_tb{border-top:1px solid #bebebe; border-bottom:none !important}
.line_tb_02{border-top:none !important; border-bottom:1px solid #8f8f8f !important; background:#ffffff !important}
.line_tb_03{border-top:none !important}
.line_tb_04{border-top:#2c2c2c !important; border-bottom:1px solid #2c2c2c !important; background:#7f7f81 !important}
.line_tb_05{border-top:3px solid #717171 !important}
.line_tb_06{border-bottom:1px solid #717171 !important}
.line_tb_07{border:none !important; background:#F5F5F5 !important}

.clear{clear:both}
.cost{color:#2b2b2b; font-size:1.2em}
.none{border-right:none !important}
.blind {height:50px; position:absolute; text-indent:-9999px; left:9999px; white-space: nowrap;overflow: hidden}
.sch_btn{width:100%; height:28px;  margin-top:15px; background:url('../../mobile_img/search_btn.png') 0 0 no-repeat; color:#fff; font-weight:bold}
.list_count{width:60px; height:55px; top:25px; right:15px; line-height:3.90em; font-size:1.2em; display:inline-block; _display;inline; zoom:1; position:absolute; background:transparent url('../../mobile_img/count_bg.gif') 0 0 no-repeat }
.blind_m{visibility:hidden; overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
.non_block span{display:inline-block !important;}

/* 좌.우측 슬라이더
.aside{display:none; position:absolute; position:fixed; top:0; z-index:999999;width:260px; overflow:auto; height:100%;}
.aside.right{left:auto;right:-260px; background:url('../../mobile_img/aside_bg_r.gif') left 0 repeat-y}
.aside.left{left:-260px;right:auto; }
 */

/*
.aside{display:none; position:absolute; top:0; z-index:999999;width:260px; overflow:hidden; border: 1px solid  red;}
.aside.right{display:none;background:url('../../mobile_img/aside_bg_r.gif') left 0 repeat-y}
.aside.left{display:none;background:url('../../mobile_img/aside_bg_l.gif') right 0 repeat-y;}
*/

.close_area{position:relative}
.close_area #aside-left-close{background-color:#000000;opacity: 0.5;position:absolute; width:100%;height:500px}
.close_area #aside-right-close{background-color:#000000;opacity: 0.5;position:absolute;  width:100%;height:500px; z-index:-1}


.lnb{width:100%; position:relative; padding:20px; height:100%; float:right; background:#f5f5f5 url('../../mobile_img/aside_bg_r.gif') left 0 repeat-y; box-sizing: border-box;}
.lnb ul{list-style:none}
.lnb ul table{width:100%;}
.lnb ul li{width:100%; height:43px; margin-bottom:23px; border:1px solid #b4b4b4; border-radius:5px; background:#fdfdfd url('../../mobile_img/lnb_bg.png') right center no-repeat}
.lnb ul li span{padding:12px 18px; display:inline-block}
.lnb ul li span a{font-size:1.2em; font-weight:bold}

.r_sch{position:relative; padding:20px; width:100%; height:100%; float:left; background:#f5f5f5 url('../../mobile_img/aside_bg_l.gif') right 0 repeat-y; box-sizing: border-box;}
.r_sch h3{font-weight: bold; font-size: 1.2em}
.m_search select{width:100% !important; height:28px; margin-top:17px; padding-left:5px;  display:block; border:1px solid #cccccc; background:#fff url("../../mobile_img/select_bg.png") no-repeat right bottom; -webkit-appearance:none; border-radius:0;}
.m_search select:last-child{margin-bottom:15px}


/*.lnb .bg_01{display:inline-block; float:left; width:6px;  background:url('../../mobile_img/sub_menu_bg_01.gif') 0 0 no-repeat}
.lnb .bg_02{display:inline-block; float:left; width:230px; background:url('../../mobile_img/sub_menu_bg_02.gif') right 0 no-repeat}*/


/* 상단영역 */
#header .sch_b{position:relative}
#header .sch_bt{position:absolute; top:0; left:0; width:70px; height:70px; background:#5876e4; float:left}
#header .ct_bt{position:absolute; top:0; right:0; width:70px; height:70px; background:#5876e4; float:right}
#header .lg_area{height:68px; margin:0 70px; background:url('../../mobile_img/header_bg.gif') 0 0 repeat-x; border-bottom:2px solid #5876e4; text-align:center}

#nav{height:55px; position:relative; border:1px solid #b5b5b5; background:url('../../mobile_img/nav_bg.gif') 0 0 repeat-x}
#nav ul{width:100%; height:55px; display:table; text-align:center}
#nav ul li:first-child{border-right:1px solid #d1d1d1; border-left:none}
#nav ul li:last-child{border-left:1px solid #f4f4f4; border-right:none}
#nav ul li{width:25%; height:55px; vertical-align:middle; display:table-cell; border-left:1px solid #f4f4f4; border-right:1px solid #d1d1d1}
#nav ul li a{vertical-align:middle; font-weight:bold; font-size:1.2em}

/* 메인 슬라이더 영역 */
#slide_area{border-top:1px solid #000; border-bottom:1px solid #000;}

/* 메인페이지 컨텐츠영역*/
#con_ct{position:relative}
#con_ct .con_wrap{}

/* 메인페이지 공지사항 */
.notice_cnt{padding:15px 0 15px 30px; overflow:hidden; border-bottom:1px solid #bebebe; background:url('../../mobile_img/notice_bg.gif') 0 bottom repeat-x}
.notice_cnt h3{ float:left}
.notice_cnt ul{list-style:none; float:left; padding:1px 0 0 20px}

/* 메인페이지 카테고리 버튼 */
#con_ct .btn_area{position:relative; margin:10px 15px 10px 15px}
#con_ct .btn_area ul li dl{display:table; width:100%; margin-bottom:20px}
#con_ct .btn_area ul li dl dd{display:inline-block; width:33.3%; text-align:center; float:left; padding-bottom:20px;}
#con_ct .btn_area ul li dl dd img{width:80px}



/* 카피라이터 */
#foot{position:relative; background:#eaeaea; overflow:hidden}
#foot .policy{position:relative; background:#ffffff}
#foot .policy dl{width:100%; height:51px; display:table; text-align:center; border:1px solid #d1d1d1; border-right:none; border-left:none}
#foot .policy dl dd{width:25%; height:51px; vertical-align:middle; display:table-cell; border-right:1px solid #d1d1d1}
#foot .policy dl dd a{vertical-align:middle; font-weight:bold; font-size:1.2em}
#foot .c_info{width:320px; text-align:left; margin:0 auto; padding:10px 5px}
#foot .c_info p{color:#5b5b5b; font-size:11px; font-weight:bold}
#foot .c_info p:last-child{margin-top:16px; color:#7e7e7e}
#foot .c_info p span{display:inline-block; line-height:16px; margin-right:2px}


/* 서브페이지 현재위치 */
#sub_location{padding:13px 20px 13px 20px; font-size:1.3em; border-bottom:2px  solid #e2e2e2; background:url('../../mobile_img/sub_lo_bg.gif') 0 top repeat-x}
#sub_location a{font-weight:normal}
#sub_location img{max-width:100%}

/* 서브페이지 */
#con_ct_sub {}
.section_list{padding:10px 0}
.section_list .cate_bg_01{width:15px; height:32px; background:url('../../mobile_img/sec_list_bg_01.gif') left 0 no-repeat}
.section_list .cate_bg_02{height:32px; background:url('../../mobile_img/sec_list_bg_02.gif') right 0 repeat-x}
.section_list .count{position:absolute; top:8px; right:8px}
.section_list td{width:33.2%}
.section_list td td{width:inherit}

/* 서브 상세리스트 탭 메뉴 */
#tabmenu {width:100%; position:relative; z-index:2; display:table}
#tabmenu li {display:table-cell; background:url('../../mobile_img/list_bg.gif') 0 bottom; px repeat-x}

#tabmenu .li_top {width:25%; float:left;}
#tabmenu .li_top2 {width:33.3%; float:left;}

#tabmenu li:first-child {}
#tabmenu li a {width:100%; padding:11px 0; display:block; text-align:center; font-size: 1.1em; color: #ffffff;  text-align:center; font-weight:bold; border: 1px solid #494949; border-left:none; letter-spacing:-1px}
#tabmenu li a.over {color:#3e3e3e; background:#ffffff; border-bottom:1px solid #fff;}
#tabmenu li a.selected {color:#3e3e3e; background:#ffffff none; border: 1px solid #494949; border-bottom:1px solid #ffffff; border-left:none !important}
.tabcontent {clear:both}
.tabcontent > span{width: 100%; padding:20px 0; display:block; text-align:center}
.tabcontent > span table{margin:0 auto;}

/* 서브 상세리스트 프리미엄상품 */
.thmblist{position:relative; margin-bottom:5px; padding:15px; border:1px solid #919191; min-height:55px}
.thmblist .ico{width:85px; height:85px; position:absolute; top:0; left:0; background:url('../../mobile_img/pri_ico.png') 0 0 no-repeat}

.thmblist .list_thum{float:left; margin-right:15px}
.thmblist .list_info{position:relative; overflow:hidden; text-align:left; padding:13px 0; line-height:250%}
.thmblist .list_info dt{float:left; clear:both}
.thmblist .list_info dt span{color:#ababab; display:inline-block; _display:inline-block; zoom:1; margin:0 7px}
.thmblist .list_info dd{_display:inline-block; zoom:1; overflow:hidden}
.thmblist .list_info dd a{font-size:1.2em}

.list_tit{width:100%; background:url('../../mobile_img/list_table_bg.gif') 0 bottom repeat-x}
.list_tit th{padding:12px 0}

.list_path{width:100%; cursor:pointer; border-bottom:1px solid #b7b7b7}
.list_path img{float:left; padding-right:5px}
.list_path em{display:block}
.list_path .price span, .list_path .buy_info span{display:block}
.list_path .price{line-height:1.8em}
.list_path .jangbu_stats img{float:none; clear:both}
.tabcontent > table:first-child{border-top:1px solid #b7b7b7}
/*.list_tit th:first-child{width:80%}*/



/* 상세페이지 */

#detail_locate{padding:13px; color:#ffffff; border-bottom:2px solid #e2e2e2; background:#5e5e5e url('../../mobile_img/detail_lo_bg.gif') 0 top repeat-x}
.detail_wrap{padding:8px; word-break:break-all}
.detail_wrap .detail_thumb{max-width:100%; position:relative; padding:10px 10px; text-align:center; border:1px solid #aaaaaa}
.detail_wrap .detail_social{position:relative; padding:15px 0;  border:1px solid #aaaaaa; border-top:none; background:url('../../mobile_img/detail_bg.gif') 0 bottom repeat-x}
.detail_wrap .detail_social > a:first-child{display:inline-block; zoom:1; padding:0 8px}
.detail_wrap .detail_thumb .btn_area{position:absolute; bottom:0px; right:0; z-index:100}
.detail_wrap .detail_thumb .left, .detail_wrap .detail_thumb .right{width:52px; height:52px; float:left}
.detail_wrap .detail_thumb .left{border:1px solid #a6a6a6; border-bottom:none; background:url('../../mobile_img/arrow_bg_left.gif') 0 0 no-repeat}
.detail_wrap .detail_thumb .right{border-top:1px solid #a6a6a6;background:url('../../mobile_img/arrow_bg_right.gif') 0 0 no-repeat}

.detail_memool_info{width:100%; position:relative; z-index:10}
.detail_memool_info .icon_nemo{background:url('../../mobile_img/icon_nemo.gif') 8px center no-repeat; color:#7B7A7A; padding:12px 0 12px 30px}
.detail_memool_info .icon_nemo_2{background:url('../../mobile_img/icon_nemo_02.gif') 17px 15px no-repeat; color:#7B7A7A; padding:12px 5px 12px 30px; text-align:left; letter-spacing:-1px}
.detail_memool_info .icon_nemo_3{background:url('../../mobile_img/icon_nemo.gif') 8px 30px no-repeat; color:#7B7A7A; padding:12px 5px 12px 30px; text-align:left; letter-spacing:-1px}
.detail_memool_info .ne_p{background:url('../../mobile_img/icon_nemo_02.gif') 17px 45px no-repeat !important;}
.detail_memool_info td, .detail_memool_info th{border-bottom:1px solid #e5e5e5}
.detail_memool_info th{vertical-align:top; text-align:left; border-bottom:1px solid #e5e5e5}
.detail_memool_info .ex_input{width:95%; line-height:1.7em; border:1px solid #c1c1c1}
.detail_memool_info .ex_text{width:95%; border:1px solid #c1c1c1; margin:10px 0}
.detail_memool_info select{}

.detail_wrap .dw_tap{margin:10px 0; border:1px solid #a1a1a1}
.detail_wrap .dw_tap dt{font-size:1.1em; padding:15px 19px; background:url('../../mobile_img/detail_bg.gif') 0 bottom repeat-x}
.detail_wrap .dw_tap span{display:none}
.detail_wrap .dw_tap dd{padding:15px 19px;}
.detail_btn{overflow:hidden; text-align:center}
.detail_wrap .detail_btn a{display:inline-block; width:49%; float:left; padding-bottom:10px}
.detail_wrap .detail_btn .btn_left{float:left}
.detail_wrap .detail_btn .btn_right{float:right}
.detail_wrap .detail_btn a img{max-width:100%; height:auto;}

.desc_tap{position:relative; font-size:1.25em; padding:15px 19px 15px 10px; background:url('../../mobile_img/detail_bg.gif') 0 bottom repeat-x; border-top:3px solid #F2B500; border-bottom:2px solid #c3c3c3}
.article_Contents{overflow:hidden; padding:10px}
.tit_text{display:inline-block;  color:#5876e4; float:right; font-size:0.75em; letter-spacing:-1px; position:relative;}
.tit_text a{color:#5876e4}

.cmt_write_body{padding:15px; background:#F6F7F8}
.m_info{position:relative; display:table; width:100%; padding-bottom:10px}
.m_info li{display:table-cell}
.m_info li:first-child{width:25%}
.m_info li:last-child{width:50%}
.m_info select{width:94%; height:18px; font-size:0.75em; letter-spacing:-1px}
.m_info input{display:inline-block !important; border:1px solid #c1c1c1; height:18px }

.dobae_area{padding:10px 0 20px 0}
.dobae_txt{display:inline-block; font-weight:bold; padding:3px 2px 3px 2px; background:#999999; color:#ffffff; float:left}
.resist_btn{width:182px; height:45px; background:url('../../mobile_img/resist_btn.gif') 0 0 no-repeat; display:block; text-indent:100%; margin:0 auto 25px}

.reply_bal{display:table; width:100%}
.reply_bal li{display:table-cell}

.cmt_re, .cmt_re_View{position:relative; padding:25px 17px 0; border:1px solid #dcd09f; border-radius:0.40em; margin:20px 0 10px 0; background:url('../../mobile_img/reply_bg_03.gif') 0 bottom repeat-x; word-break:break-all}
.reply_close{position:absolute; top:10px; right:10px; z-index:100}
.bub_ico{width:16px; height:17px; position:absolute; top:-17px; right:45px; background:url('../../mobile_img/bub_ico.gif') 0 0 no-repeat}
/* 상세페이지 */


/* 커뮤니티 무료샘플 자료실 */
/* 아이폰 이미지크기를 위한 미디어쿼리 */
.thumb_b_list{text-align:left}
@media screen and (max-width:340px) {
.thumb_b_list img {
    width:90px;
	height:67px
	}
.thumb_b_list{
	padding-left:3px
	}
}

.font_8 { font-size:0.667em; line-height:0.667em;}
.font_10 { font-size:0.833em; line-height:0.833em;}
.font_12 { font-size:1em; line-height:1em;}
.font_13 { font-size:1.083em; line-height:1.333em;}
.font_14 { font-size:1.167em; line-height:1.167em;}
.font_15 { font-size:1.250em; line-height:1.250em;}
.font_16 { font-size:1.333em; line-height:1.333em;}
.font_18 { font-size:1.500em; line-height:1.500em;}
.font_20 { font-size:1.667em; line-height:1.667em;}
.font_22 { font-size:1.833em; line-height:1.833em;}
.font_24 { font-size:2.000em; line-height:2.000em;}
.font_26 { font-size:2.167em; line-height:2.167em;}
.font_28 { font-size:2.333em; line-height:2.333em;}
.font_30 { font-size:2.500em; line-height:2.500em;}

/* 게시판 */
.board_wrap{position:relative}
.board_wrap .page table{margin:0 auto;}
.board_wrap h2{font-size:1.25em; padding:10px; background:#f8f8f8}
.board_wrap .author{clear:both; overflow:hidden; border-bottom:1px solid #e0e0e0}
.board_wrap .author span{display:inline-block; padding:7px 0; font-size:0.95em; color:#868686}
.board_wrap .author .left_info{float:left; padding-left:5px}
.board_wrap .author .right_info{float:right; padding-right:5px}
.board_btn{text-align:right; padding:10px 5px;}

.board_wrap .detail_comment{padding:5px}

.page table{margin:0 auto;}

/* 비밀번호 입력창 */
.passform{padding:5px 10px; background:#f8f8f8; font-size:0.95em; border:1px solid #C9C9C9}
.passform label{width:70px; display:inline-block; padding-right:5px}
.passform input{width:100px; vertical-align:baseline}
.dobae_text{background-color:#999999;color:#ffffff; font-size:1.15em; vertical-align:middle}

.reply_pass{border:1px solid #ddd}
.reply_area{padding:2px}


/* 게시판 등록 */
.board_wrap .board_post{overflow:hidden; list-style:none}
.board_wrap .board_post label{width:18%; float:left; padding-left:5px; clear:both; color:#777}
.board_wrap .board_post li{_display:inline-block; overflow: hidden; line-height:2.5em; color:#000; zoom:1; border-bottom:1px solid #DBDBDB}
.board_wrap .board_post li input{width:76%; vertical-align:top; margin:4px 0 0 5px; border:1px solid #cdcdcd; padding:2px 0 2px 4px}
.board_wrap .board_post li input[type="file"]{margin:0; padding:0 0 0 4px; border:none; vertical-align:middle}
.board_wrap .board_post li input[type="checkbox"]{width:initial; margin:0; padding:0 0 0 4px; vertical-align:middle}


.board_wrap .post{padding:10px}
.board_wrap .resist_dobae{padding:10px}
.board_wrap .resist_dobae label{padding:8px 0}


/* 내가등록한컨텐츠 */

.search_b{position:relative; padding:10px 110px 10px 10px; border-top:1px solid #2c2c2c; background:#7f7f81}
.search_b .search_word{width:100%; line-height:1.7em; padding:0 4px; border:1px solid #4c4c4c}
.search_b .mypage_search{width:70px; height:22px; position:absolute; top:10px; right:42px; background:url('../../mobile_img/mypage_search_btn.gif') 0 0 no-repeat; color:#ffffff}
.search_b .mypage_search_u{width:29px; height:22px; position:absolute; top:10px; right:8px; background:url('../../mobile_img/mypage_search_btn_02.gif') 0 0 no-repeat}
.desc_text{letter-spacing:-1px; padding:10px 7px; line-height:1.8em}

.hide_search{width:100%; position:absolute; top:40px; left:0; padding:10px 0; border-bottom:1px solid #2c2c2c; border-top:1px solid #b7b7b7; background:#7f7f81; z-index:100}
.hide_search input{position:relative; display:inline-block; width:98% !important; line-height:1.8em}
.hide_search select{position:relative; width:98% !important}
.hide_search select, .hide_search input{margin-bottom:5px}
.hide_search select:last-child, .hide_search input:last-child{margin:0}
/*  모바일부분 */

.rew_pass {border:1px solid #DBDBDB; padding:2px 0}



/* 마이페이지 */

.point{position:relative; color: #ffffff; font-weight:bold; text-align:right}
.point dt{float:left; clear:both; }
.point .charge{background:#353945; border-radius:3px; color:#fff; position:absolute; top:-5px; right:105px;  padding:5px; }
.point dd{display:inline-block; _display:inline-block; zoom:1;}
.point a{color:#ffffff}

.menu_list ul, .menu_list_n ul{display:table; width:100%; text-align:center}
.menu_list ul li{display:table-cell; width:33.3%; padding:25px 0; float:left; line-height:250%; background:url('../../mobile_img/mypage_menu_bg.gif') right bottom no-repeat; cursor:pointer}
.menu_list_n ul li{display:table-cell; width:50%; padding:25px 0; float:left; line-height:250%; background:url('../../mobile_img/mypage_menu_bg.gif') right bottom no-repeat; cursor:pointer}
.menu_list ul li > span{}
.menu_list span, .menu_list_n span{display:block}
.menu_list .m_list_01, .menu_list_n .m_list_01{letter-spacing:-1px}
.menu_list .m_list_02, .menu_list_n .m_list_02{font-size:1.5em}


.my_regbg{background:url('../../mobile_img/my_reg_bg.gif') 0 top repeat-x !important}
.point_change {padding:10px; background:#999999}
.point_change ul{width:100%; display:table; margin-top:10px}
.point_change ul li{display:table-cell}
.point_change span{display:block; float:left}
.point_change .point_bg_01{width:5%; height:63px; background:url('../../mobile_img/point_bg_01.gif') 0 0 no-repeat;}
.point_change .point_bg_02{height:63px; background:url('../../mobile_img/point_bg_02.gif') right 0 no-repeat;}
.ex_btn{width:160px; height:40px; text-indent:100%;  background:url('../../mobile_img/ex_btn_02.gif') 0 0 no-repeat}

/* 내가 등록한 콘텐츠 */
.c_resi_btn{overflow:hidden; text-align:center; padding:10px}
.c_resi_btn a{display:block; padding-bottom:10px}
.c_resi_btn img{max-width:100%; float:none !important}
.c_resi_btn .btn_left{float:left}
.c_resi_btn .btn_right{float:right}

/* 장바구니 */
.basket_btn{padding:10px 0 20px 0; overflow:hidden; text-align:center}
.basket_btn a{display:inline-block; width:49%; padding-bottom:10px}
.basket_btn .btn_left{float:left}
.basket_btn .btn_right{float:right}
.basket_btn a img{max-width:100%; height:auto;}
.basket_btn em{display:block; text-align:right}

/* 무통장결제 */

.account_info{padding:13px; border:1px solid #a1a1a1; border-bottom:none}
.account_info p{font-size:1.25em; line-height:1.8em}
.account_desc{padding:13px; border:1px solid #515151; background:#7d7d7d; margin-bottom:15px}
.account_desc p{color:#ffffff; line-height:1.8em}

/* 유료결제 */
.m_search_pay select{width:100% !important; height:28px; margin-top:17px; padding-left:5px;  display:block; border:1px solid #cccccc; background:#fff url("../../mobile_img/select_bg.png") no-repeat right bottom; -webkit-appearance:none; border-radius:0;}
.m_search_pay select:last-child{margin-bottom:5px}

/* 라이센스 */
.license_com {padding:15px}

/*모바일 문의하기 폼*/
.detail_inquiry{width:100%; position:relative; z-index:10}
.detail_inquiry .icon_nemo{background:url('../../mobile_img/icon_nemo.gif') 8px 13px no-repeat; color:#7B7A7A; padding:12px 0 12px 30px}
.detail_inquiry td, .detail_memool_info th{border-bottom:1px solid #e5e5e5}
.detail_inquiry th{width:35%; text-align:left; border-bottom:1px solid #e5e5e5; vertical-align:top}
.detail_inquiry textarea{width:85% !important; margin:5px 0}
.detail_inquiry textarea + img{position:relative; top:-50px; right:0px}
.detail_inquiry input[type="text"]{width:50%; padding-left:5px; border:1px solid #dddddd; line-height:1.65em}
.detail_inquiry input[type="file"]{width:100%; padding-left:5px; border:1px solid #dddddd; line-height:1.65em}
.inquiry_privacy{border:1px solid #DEDEDE; height:300px; overflow-y:scroll;; padding:10px;}

/* 회원가입 */
.member_join{width:100%; position:relative; z-index:10}
.member_join .icon_nemo{background:url('../../mobile_img/icon_nemo.gif') 8px 50% no-repeat; color:#7B7A7A; padding:12px 0 12px 30px}
.member_join .icon_nemo_2{background:url('../../mobile_img/icon_nemo_02.gif') 17px 15px no-repeat; color:#7B7A7A; padding:12px 5px 12px 30px; text-align:left; letter-spacing:-1px}
.member_join .icon_nemo_3{background:url('../../mobile_img/icon_nemo.gif') 8px 30px no-repeat; color:#7B7A7A; padding:12px 5px 12px 30px; text-align:left; letter-spacing:-1px}
.member_join .ne_p{background:url('../../mobile_img/icon_nemo_02.gif') 17px 45px no-repeat !important;}
.member_join td, .member_join th{border-bottom:1px solid #e5e5e5}
.member_join td table td{border:none}
.member_join th{text-align:left; border-bottom:1px solid #e5e5e5}
.member_join input[type="text"], .member_join input[type="password"]{ padding-left:5px; border:1px solid #dddddd; line-height:1.75em}
.member_join input[name="user_hphone"]{width:120px}
.member_join .ex_input{width:95%; line-height:1.7em; border:1px solid #c1c1c1}
.member_join .ex_text{width:95%; border:1px solid #c1c1c1; margin:10px 0}
.member_join select{width: 30% !important;}
.member_resi_btn a {width:100%; display:block}
.member_resi_btn a img{max-width:100%; float:none; clear:both}

.m_cate a{color:#F2B500}
.zzim_cost a{color:#2b2b2b}

/* 포인트충전 페이지 */

.point_select table td{font-size:1.3em}
.charge_area{text-align:left; margin:0 auto}
.charge_btn{width:285px; margin:20px auto; position:relative;}
.charge_btn li{display:inline-block; position:relative;width:115px; margin:3px;text-align:center;padding:5px 8px 5px 8px;border:1px solid #232735;border-radius:3px;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#363a4a),to(#282c3b));line-height:26px;color:#fff;}






.mobile_banner img{height:auto !important; max-width:100%;}
/* ********************************************************************************************* [ -- START -- ] */

.inline li { display:block; }
.freeimg img {max-width:100%; height:auto !important; }

.TBbg { background-color:#fff;  }
.Copyright { background-color:#434343; height:36px; text-align:center; color:#c6c6c6; }
#Content { height:100%;background-color:#80c21d; padding:5px; }

/*상단 로고,로그인버튼 관련 s*/
table tr td.TBbg table tr td span { display:inline-block;  font-size:11px; color:#ccc; font-weight:bold;  vertical-align:top; padding:5px 0 0 3px; }
table tr td.TBbg table tr td.TopLogo { padding:10px; }
table tr td.TBbg table tr td.TopLogin { cursor:hand; padding-right:10px; }
/*상단 로고,로그인버튼 관련 e*/

table tr td.MainTitle { padding:10px; border-bottom:1px solid #7acde4; height:16px; }
table tr td.MainTitle span { font-weight:bold; color:#45b0ca; }
.MainNoticeList { border-bottom:1px dashed #c4c4c4; }
.Ndate { font-size:11px; color:#c4c4c4; text-align:right;  }
.FileImgN { padding-right:3px; text-align:center; }

div.GroupTitle { margin:10px 0 10px 0; background:url('../../img/skin_icon/make_icon/skin_icon_461.jpg') no-repeat; font-weight:bold; padding:0 0 0 8px; }
div.DetailTitle { background-color:#d4e8b5; text-align:center; font-size:12px; font-weight:bold; font-family:굴림체; padding:5px 0 5px 0; width:100%; }

.DetailForm { color:#656565; letter-spacing:-1; font-size:12px; font-family:돋움; border:0px solid #ff0000; }
.DetailContent { color:#717171; letter-spacing:-1; font-size:11px; font-family:돋움; }

/* 위지윅 모바일 */
#ct{font-size:14px}
#ct *{font-size: inherit;}
#ct{word-break:break-all; text-align:justify;}
#ct table{width:100% !important; border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct img{max-width:100%; height:auto !important}
#ct iframe{max-width:100%;}
#ct blockquote{line-height:normal; position: relative; font-style:normal}
#ct blockquote:before {position: relative; top: 11px; content: "\201C"; color:#bcbcbc; font-family:Georgia;  font-size:40px; display:block; text-align:center;}
#ct blockquote:after {position: relative; top:11px; content: "\201D"; color:#bcbcbc; font-family:Georgia; font-size:40px; display:block; text-align:center;}
#ct blockquote > p, #ct blockquote > div{text-align:center;}
#ct sup {vertical-align: super; font-size: smaller; top:0;}
#ct sub{vertical-align: sub; font-size: smaller; bottom:0;}
#ct [id*="mapContainer"]{width:100% !important; min-height:200px;}


.ct{font-size:14px}
.ct *{font-size: inherit;}
.ct{word-break:break-all; text-align:justify;}
.ct table{width:100% !important; border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct img{max-width:100%; height:auto !important}
.ct iframe{max-width:100%;}
.ct blockquote{line-height:normal; position: relative; font-style:normal}
.ct blockquote:before {position: relative; top: 11px; content: "\201C"; color:#bcbcbc; font-family:Georgia;  font-size:40px; display:block; text-align:center;}
.ct blockquote:after {position: relative; top:11px; content: "\201D"; color:#bcbcbc; font-family:Georgia; font-size:40px; display:block; text-align:center;}
.ct blockquote > p, .ct blockquote > div{text-align:center;}
.ct sup {vertical-align: super; font-size: smaller; top:0;}
.ct sub{vertical-align: sub; font-size: smaller; bottom:0;}
.ct [id*="mapContainer"]{width:100% !important; min-height:200px;}

.iframe_wrap{position:relative; top:0; left:0; height:0; padding-bottom:56.4%;}
.iframe_wrap iframe{position:absolute; width:100% !important; height:100%; left:0; right:0; top:0; bottom:0;}

.page_area{text-align:center; padding:25px 0}


a.cartalarm{margin:-1px 0 0 3px; display:inline-block;padding-right:6px;background:url('../../mobile_img/cartalarm_bg.png') no-repeat right 0;font-family:verdana; height:17px; font-size:11px; font-weight:bold;color:#fff;line-height:16px;word-spacing:-1px;text-decoration:none !important; vertical-align:middle;}
a.cartalarm span,a.cartalarm strong{display:block;padding:0 0 0 6px;background:url('../../mobile_img/cartalarm_bg.png') no-repeat; line-height:15px; height:17px;}

/* 썸네일 width 100 */
.free_thumb_img img{width:100% !important; height:auto !important;}
/* 로그인페이지*/
.blind_m{visibility:hidden; overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
.login_form{
	position:relative;
	margin:25px 0 0 0;
}
.login_form .id_pass_area{
	display:block;
	background:#fff;
	margin-top:5px;
}
.login_form .id_pass_area input{
	width:100%;
	display:inline;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
	padding-left: 5px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
	border-radius: 0.3em;
}
.login_form .id_pass_area input:focus{
	border:1px solid #ff971a;
	outline:none;
}
.login_form .id_pass_area input::placeholder{
	color:#999;
}
.login_form .log_area{
	display:block;
	margin-top:5px;
}
.login_form .log_area button{
	width:100%;
	color:#fff;
	background:#ff971a;
	border-radius:5px;
	padding: 15px 30px;
	font-size: 16px;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color;
	outline:none;
}
.login_form .log_area button:hover,
.login_form .log_area button:active,
.login_form .log_area button:focus{
	background:#e08110;
}
.login_form .log_area button:active{
	background-color: #e08110;
	color: #fff;
	border-color: #999999;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

.login_form .find_info{
	width:100%;
	display:table;
	table-layout:fixed;
	border-collapse: collapse;
	border-spacing:0;
	margin-top:25px;
}
.login_form .find_info a{
	position:relative;
	display:table-cell !important;
	padding:15px 0 !important;
	text-align:center !important;
	border:1px solid #ededed !important;
	float:none !important;
}
.login_form .find_info a img{
	 width:55px;
}
.input_chk{
	display:inline-block;
	margin:10px 0;
}
.input_chl label{
	line-height:1.5em;
	vertical-align:top;
}
.sns_log{
	position:relative;
	margin-bottom:10px;
	text-align:center;
}
.sns_log a{
	display:block;
	padding-bottom:5px;
	max-width:500px;
	margin:0 auto;
}
.sns_log a img{
	width:100%;
}
.sns_log img{
	width:100%;
	max-width:500px;
	margin-bottom:5px;
}
.sns_log .join_btn{
	width: 100%;
	border-radius: 4px;
	color: #fff;
	font-weight: 500;
	font-size: 1.286em;
	line-height: 52px;
	border: 1px solid #626060;
	background: #727272;
	padding-bottom:0 !important;
}

/* 회원정보 찾기추가*/
.member_area{
	position:relative;
	padding:15px 10px 50px 10px;
	background:#f3f3f3
}
.member_area .member_area_inner  .title{
	position:relative;
	letter-spacing:-1.5px;
	color:#333333;
	text-align:center;
	font-weight:bold;
}
.member_area .member_area_inner .member_form{
	position:relative;
	margin:15px 0 10px 0;
}
.member_area .member_area_inner .member_form .id_pass_area{
	display:block;
	background:#fff;
	margin-top:5px;
}
.member_area .member_area_inner .member_form .id_pass_area input{
	width:100%;
	display:inline;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
	padding-left: 5px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
	border-radius: 0.3em;
	box-sizing: border-box;
}
.member_area .member_area_inner .member_form .id_pass_area input:focus{
	border:1px solid #ff971a;
	outline:none;
}
.member_area .member_area_inner .member_form .id_pass_area input::placeholder{
	color:#999;
}
.member_area .member_area_inner .member_form .log_area{
	display:block;
	margin-top:5px;
}
.member_area .member_area_inner .member_form .log_area a,
.member_area .member_area_inner .member_form .log_area button{
	width:100%;
	display:block;
	color:#fff;
	background:#ff971a;
	border-radius:5px;
	padding: 15px 30px;
	font-size: 16px;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color;
	outline:none;
	text-align:center;
	box-sizing: border-box;
}
.member_area .member_area_inner .member_form .log_area a:hover,
.member_area .member_area_inner .member_form .log_area a:active,
.member_area .member_area_inner .member_form .log_area a:focus,
.member_area .member_area_inner .member_form .log_area button:hover,
.member_area .member_area_inner .member_form .log_area button:active,
.member_area .member_area_inner .member_form .log_area button:focus{
	background:#e08110;
}
.member_area .member_area_inner .info_title{
	margin-top:30px;
	padding:20px;
	background:#fff;
	border:1px solid #eaeaea;
}
.member_area .member_area_inner .info_title p{
	line-height:1.6;
	font-size:0.929em;
	letter-spacing:-1px;
	color:#999999;
}

.real_name{
	border:1px solid #f2f2f2;
	margin-top:15px;
	background:#fff;
}
.real_article{
	overflow:hidden;
}
.real_article li{
	padding:20px;
	float:left;
	box-sizing: border-box;
	list-style:none
}
.real_article li ul{
	width:100%;
}
.real_article li ul.fix_display{
	display:flex;
	justify-content:space-between;
}
.real_article li ul:after{
	content:'';
	display:block;
	clear:both;
	overflow:hidden;
}
.real_article li ul li{
	float:left;
	padding:0;
}
.real_article li ul li.fix_width{
	float:none;
	text-align:right;
	padding-left:20px;
	margin:0 !important;
	margin-left: auto !important;
	box-sizing: border-box;
}
.real_article li ul li.fix_width .log_area{
	margin:0 !important;
}
.real_article .ipin_chk,
.real_article .cp_chk{
	float:left;
}
.real_article .ipin_chk dt,
.real_article .cp_chk dt{
	font-weight:500;
	line-height:1.4;
	font-size:0.929em;
	letter-spacing:-1px;
	margin-bottom:20px;
	color:#999;
	text-align:left;
}
.real_article .ipin_chk .txt,
.real_article .cp_chk .txt{
	line-height:1.4;
	font-size:0.929em;
	letter-spacing:-1px;
	text-align:left;
	color:#999;
	font-weight:400;
	}
.real_article .ipin_chk .chk_btn,
.real_article .cp_chk .chk_btn{
	display:block;
	cursor:pointer;
}

/* 전체보기 */
.div_category_right{
	position: fixed;
	left: 0;
	width: 20%;
	height: 100%;
	background-color: rgba(0,0,0,.70);
	height: 100%;
	min-height: 100%;
	overflow: hidden !important;
	touch-action: none;
	top: 0;
	z-index: 10000;
}
.div_cate_inner_left{
	width: 80%;
	background: transparent;
	float: left;
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 20%;
	bottom: 0;
	right: 0;
	z-index:10000;
}



.div_category_sch_right{
	position: fixed;
	right: 0;
	width: 20%;
	height: 100%;
	background-color: rgba(0,0,0,.70);
	height: 100%;
	min-height: 100%;
	overflow: hidden !important;
	touch-action: none;
	top: 0;
	z-index: 10000;
}
.div_cate_inner_sch_left{
	width: 80%;
	background: transparent;
	float: left;
	overflow-y: hidden;
	position: fixed;
	top: 0;
	right: 20%;
	bottom: 0;
	z-index:10000;
}

/* 회원가입수정 우편번호찾기 */
.btn_address_find {
	font-size: 11px;
	padding: 2px 10px;
	cursor: pointer;
	text-align: center;
	background-color: #fafafa;
	vertical-align: middle;
	color: #666;
	border:1px solid #c9c9c9;
}