@charset "utf-8";

/* 공통사용 */
html{height:100%; }
li,ul{margin:0px; padding:0px; list-style:none; display:list-item;}
img{border:0px;}
body{overflow-y:scroll; margin:0px; padding:0px; letter-spacing:0px; background-color:#eef4f8; font-family: "Pretendard"}
input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea, select {border-radius:0;/*기본 라운드 없애기*/ margin:0;}
p{padding:0px; margin:0;}
select,textarea{}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

a:link{text-decoration:none; color:#999;}
a:visited{text-decoration:none; color:#999;}
a:active{text-decoration:none; color:#999;}
a:hover{text-decoration:none; color:#999;}

.sound_only{display:none;}
.admin_option{position:relative;}

/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

.head_go_url{font-size:15px; display:block; color:#9a9ea4; cursor:pointer; border:1px solid #ddd; border-radius:50px; padding:9px 20px 9px 20px; vertical-align:top; margin:-5px 0 20px 0;}
.head_go_url i{margin:0 3px 0 0;}

.user_come_01{font-size:50px; padding:80px 0 40px 0; color:#454ed4; }
.uesr_come_02{font-size:22px; font-weight:bold;}


/* rule */
.rule_txt{padding:0 30px 0 30px;}
.rule_title{font-size:18px; font-weight:bold; padding:0 0 20px 0; color:#5a5a5a;}
.rule_letter{font-size:16px; color:#919191; padding:0 0 20px 0; line-height:26px; word-break: keep-all;}

.bo_none_pack{height:365px; text-align:center;}
.cover_img_pac{text-align:center;}
.cover_thumb_view{border-radius:200px; overflow:hidden; width:200px; height:200px; display:inline-block; margin:20px auto;}
.cover_thumb_view img{width:200px;}
.notyet_pac{text-align:center; background-color:#f25353; border-radius:0 0 10px 10px; padding:20px 0 20px 0;}
.notyet_h1{font-size:14px; color:#fff;}

.sort_pac{text-align:center; padding:20px 0 20px 0;}
.sort_pac input{width:18px; height:18px; display:inline-block; vertical-align:bottom;}
.sort_pac img{border:1px solid #ddd; width:200px;}
.rightline{border-bottom:1px solid #ccc;}
.sort_h1{font-size:16px; font-weight:bold; padding:10px 0 5px 0;}
.sort_h2{font-size:13px; color:#969696;}

.menu_new{display:inline-block; vertical-align:top; margin:1px 0 0 2px;}
.bon_login{font-size:18px; display:inline-block; vertical-align:top; border:1px solid #ccc; border-radius:30px; padding:8px 15px 8px 15px; margin:-7px 10px 10px 10px; cursor:pointer;}
.mybonaem_menu{margin:30px 0 0 0; text-align:center; padding:0 0 20px 0px}
.mini_info_caution{font-size:14px; padding:2px 0 0 0; color:#f55a5a;}

.lock_pac{background-color:#454ed4; text-align:center; color:#fff; padding:15px 20px 15px 20px;}
.lock_pac i{margin:0 5px 0 0;}
.white_btn{background-color:#fff; color:#454ed4; border-radius:50px; padding:8px 15px 8px 15px; display:inline-block; vertical-align:middle; cursor:pointer; font-weight:bold; margin:0 5px 0 5px;}
.go_lockwhy{display:inline-block; vertical-align:middle; text-decoration:underline; margin:0 8px 3px 8px; cursor:pointer;}

.promo_pac{margin:30px 0 0 0;}
.promo_list{width:100%;}
.promo_list th{border-bottom:1px solid #666; padding:0 0 10px 0; font-size:14px; font-weight:bold;}
.promo_list td{border-bottom:1px solid #ddd; padding:10px 0 10px 0; font-size:14px; color:#666;}

/* send */
.send_w_box{background-color:#fff; border-radius:10px; padding:10px 20px 10px 20px; font-size:0px; margin:0 0 15px 0;}
.send_left{padding:10px 0 0 0px;}
.send_left img{width:100%;}
.send_h1{font-size:20px; font-weight:bold; padding:20px 0 10px 0;}
.send_h2{font-size:16px; opacity:0.5; padding:0 0 15px 0; word-break:keep-all; line-height:22px;}
.send_url{padding:0px 0 15px 0;}
.send_url input{border:1px solid #ddd; border-radius:5px; padding:15px 15px 15px 15px; font-size:15px; width:calc(100% - 32px); outline: none;}
.send_email_code{border:1px solid #ddd; border-radius:5px; padding:15px 15px 15px 15px; font-size:13px; outline: none; width:calc(100% - 32px); height:78px; color:#ccc;}
.qr_line{border:1px solid #ddd; border-radius:8px;}
.padd_bottom{padding:0 0 40px 0;}
.mail_send_ex_box{background-color:#fff; padding:30px 0 30px 0;}
.m_send_ex_h1{font-size:25px; font-weight:bold; padding:0 0 30px 0;}
.m_send_h2{font-size:18px; font-weight:bold; padding:30px 0 5px 0;}


/* view option */
.view_opton{position:absolute; top:40px; right:0px; background-color:#fff; color:#999; padding:6px 12px 6px 12px; border-radius:30px; font-size:16px; cursor:pointer;}

/* main fix */
.gotop{position:fixed; bottom:30px; right:30px; z-index:10;}
.btn_man_img{margin:0 0 2px 0;}

/* main frame */
.main_frame{padding:0 20px 0 20px; position:relative;}

/* head */
.head_pac{padding:30px 0 30px 0px; position:relative;}
.login_head_pac{ text-align:center; padding:50px 0 30px 0; position:relative;}
.login_goback{position:absolute; top:50%; left:30px; cursor:pointer;}
.login_goback img{width:45px; margin:-25px 0 0 0;}
.logo{margin:0 0 0 16px;}
.logo img{width:180px;}
.member_pac{position:absolute; top:38px; right:0px;}
.member_pac img{display:inline-block; vertical-align:top; padding:6px 0 0 0;}
.member_unit{display:inline-block; vertical-align:top; font-size:15px; font-weight:bold; color:#919293;}
.member_unit a:link{color:#919293;}
.member_unit a:visited{color:#919293;}
.member_unit a:active{color:#919293;}
.member_unit a:hover{color:#585859;}

/* main_menu */
.main_menu_pac{text-align:center; padding:0px 0 0 0;}
.main_menu_pac li{display:inline-block; font-weight:bold; font-size:19px; padding:0 10px 0px 10px;}
.main_menu_pac li.left_line{background-image:url("../images/left_line.png"); background-repeat:no-repeat; background-position:0px 5px; padding:0 0 0 20px; margin:0 0 0 10px;}

/* mobile submenu 사용안함 */
.menu_cont_01{display:none;}


/* main banner */
.main_ban_pc{display:none;}
.main_ban_mobile{width:100%; height:300px; overflow:hidden; border-radius:10px;}
.main_ban_mobile div{padding:0px 0px 0 0px;}
.main_ban_mobile img{width:100%;}

/* 신규콘텐츠 */
.cont_new_pac{padding:30px 0 30px 0; font-size:0px;}
.cont_new_title{font-size:25px; font-weight:bold; letter-spacing:-2px; display:inline-block; vertical-align:top;}
.btn_more{border:1px solid #baccd9; color:#baccd9; border-radius:50px; font-size:13px; font-weight:bold; display:inline-block; background-color:#fff; padding:4px 10px 4px 10px; margin:2px 0 0 0; cursor:pointer;}
.btn_more span{display:inline-block; vertical-align:top; margin:0 0 2px 0;}
.btn_pac{display:inline-block; vertical-align:top; padding:1px 0 0 10px;}
.cont_sns{cursor:pointer; position:relative;}
.cont_title_pac{padding:0 0 30px 0;}

/* content unit */
.cont_unit{background-color:#fff; display:inline-block; width:100%; border-radius:10px; margin:0 0 15px 0; position:relative;}
.cont_thumb{width:100%; overflow:hidden; border-radius:10px 10px 0 0; cursor:pointer;}
.cont_thumb img{width:100%;}
.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/
}
.scale:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.scale img{width:100%;}

.cont_cate_pac li{background-color:#deeaf5; border:1px solid #becede; font-size:13px; font-weight:bold; color:#406583; border-radius:20px; padding:4px 9px 4px 8px; display:inline-block; cursor:pointer; margin:0 5px 0 0;}
.cate_more{font-size:23px; font-weight:bold; color:#9cbad2; display:inline-block;}
.cont_area{padding:20px 20px 5px 20px; height:110px;}
.cont_area div.cont_t{}
.cont_t{font-size:20px; font-weight:bold; padding:0px 0 0px 0; letter-spacing:-0.5px; width:235px; overflow:hidden; text-overflow: ellipsis; cursor:pointer; display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.cont_foot{padding:0px 0px 15px 0px; margin:0px 0 0 0; text-align:right; position:relative; display:none;}
.cont_date{position:absolute; top:0px; left:0px; color:#babbbb; font-size:14px;}
.cont_sns dt{display:inline-block; padding:0 0 0 0; margin:0 5px 0 10px; vertical-align:top; }
.cont_sns dd{display:inline-block; padding:0 0 0 0; margin:0 0 0 0; vertical-align:top; color:#babbbb; font-size:14px;}
.cont_cate_t{font-size:15px; font-weight:bold; color:#8266d6; padding:0px 0 10px 0;}


/* 추천 콘텐츠 */
.cont_recom_pac{padding:40px 0 30px 0; font-size:0px; background-color:#d2dbe1;}
.recom_unit{background-color:#fff; display:inline-block; width:100%; border-radius:10px; margin:0 0 15px 0; }
.recom_thumb{width:100%; height:210px; overflow:hidden; border-radius:10px 10px 0 0px; cursor:pointer;}
.recom_thumb img{ width:100%;}
.recom_area{padding:15px 20px 0px 20px;}
.recom_t{font-size:20px; font-weight:bold; padding:10px 0 0 0; letter-spacing:-1.5px; height:60px; overflow:hidden; cursor:pointer;}

/* 분야별 콘텐츠 */
.main_cate_pac{background-color:#fff; padding:40px 0 30px 0; font-size:0px;}
.main_cate_list li{font-size:18px; display:inline-block; width:50%; padding:0 0 12px 0;}

/* 최근 본 콘텐츠 */
.lasted_pac{padding:40px 0 30px 0;}
.lasted_unit{border-radius:10px; margin:0 0 15px 0;}
.lasted_thumb{width:100%; height:210px; overflow:hidden; border-radius:10px 10px 10px 10px; cursor:pointer;}
.lasted_unit_blank{border-radius:10px; background-color:#d8e0e6; margin:0 0 15px 0; text-align:center; height:210px; width:100%;}
.lasted_in_01{padding:35px 0 0 0;}
.lasted_in_02{font-size:30px; color:#787a7a; letter-spacing:-3px; padding:10px 0 10px 0;}
.lasted_in_03{font-size:16px; color:#adb3b6; text-decoration:underline;}
.lasted_in_04{padding:50px 0 0 0; font-weight:bold; color:#909395; font-size:20px;}

/* footer */
.footer_pac{background-color:#2c2d3b; padding:40px 0 80px 0px;}
.footer_menu{padding:0 0 30px 0;}
.footer_menu li{display:inline-block; padding:0 20px 0 0; opacity:0.8; font-weight:600;}
.footer_menu li img{display:inline-block; vertical-align:text-top;}
.footer_menu li a:link{color:#fff; font-size:16px; text-decoration-line:none;}
.footer_menu li a:visited{color:#fff;}
.footer_menu li a:active{color:#fff;}
.footer_menu li a:hover{color:#fff;}
.footer_copy{color:#acacaf; font-size:15px;}
.footer_copy div{padding:0 0 5px 0;}
.footer_copy div li{padding:0 0 5px 0;}
.footer_copy2{color:#5f6075; font-size:13px;}
.footer_copy2 div{padding:0 0 5px 0;}
.footer_copy2 div li{padding:0 0 5px 0;}
.copy{font-size:13px;}
.bottom_gologin{text-align:center; padding:30px 0 0 0;}
.btn_gologin{border:1px solid #fff; border-radius:20px; color:#fff; cursor:pointer; display:inline-block; opacity:0.5; padding:5px 12px 5px 12px; text-align:center; font-size:15px;}


/* search */
.search_pac{padding:30px 0 0 0; border-bottom:2px solid #5a5b5b; display:inline-block;}
.search_input{ border:0px; font-size:19px; font-weight:bold; padding:15px 0 15px 0; outline:none; width:350px;}
.search_keywoard_pac{padding:30px 0 0 0;}
.search_keywoard_pac div{display:inline-block; font-size:17px; font-weight:normal; padding:0 10px 0 10px;}

/* login */
.login_pac{ padding:30px; text-align:center;}
.login_title{padding:20px 0 30px 0;}
.login_h1{font-size:30px; font-weight:bold; letter-spacing:-1px;}
.join_h1{font-size:25px; font-weight:bold; letter-spacing:-1px; padding:4px 0 0 0;}
.login_h2{font-size:14px; padding:10px 0 0 0; color:#8e9ca6;}
.login_input_unit{border:1px solid #b2bec6; border-radius:30px; margin:0 0 10px 0; text-align:left; padding:15px 0 15px 25px; background-color:#fff;}
.login_input_unit i{margin:0 10px 0 0;}
.login_input_style{border:0px; letter-spacing:0px; width:200px; outline:none; font-size:16px; vertical-align:middle;}
.btn_login{background-color:#454ed4; color:#fff; font-size:16px; font-weight:bold; border-radius: 30px; padding:13px 0 13px 0; cursor:pointer; text-align:center;}
.btn_login2{background-color:#454ed4; color:#fff; font-size:16px; font-weight:bold; border-radius: 30px; padding:13px 0 13px 0; cursor:pointer; text-align:center; width:200px; display:inline-block;}
.sns_title{font-size:15px; color:#8d979e; padding:40px 0 20px 0;}
.kakao_login_unit{background-color:#fdd800; border-radius:30px; font-size:15px; font-weight:bold; color:#3f2526; padding:13px 0 13px 0; margin:0 0 10px 0; cursor:pointer;}
.kakao_login_unit img{vertical-align:middle; margin:0 4px 2px 0;}
.naver_login_unit{background-color:#02c300; border-radius:30px; font-size:15px; font-weight:bold; color:#fff; padding:13px 0 13px 0; margin:0 0 10px 0; cursor:pointer;}
.naver_login_unit img{vertical-align:middle; margin:0 4px 2px 0;}
.btn_join{background-color:#2c2d3b; color:#fff; font-size:16px; font-weight:bold; border-radius: 30px; padding:13px 0 13px 0; cursor:pointer;}
.btn_join_btn{background-color:#2c2d3b; color:#fff; font-size:16px; font-weight:bold; border-radius: 30px; padding:10px 0px 10px 0px; cursor:pointer; display:block; width:100%;}
.login_join_title{font-size:17px; font-weight:bold; padding:30px 0 20px 0;}
.login_join_pac{border-top:0px solid #ddd; margin:0px 0 0 0; padding:0 0 30px 0;}
.login_check{border-bottom:1px solid #ddd; font-size:15px;  padding:20px 0 20px 0;}
.login_check a:link{color:#999; text-decoration:underline;}
.login_check a:visited{color:#999; text-decoration:underline;}
.login_check a:active{color:#999; text-decoration:underline;}
.login_check a:hover{color:#333; text-decoration:underline;}

/* login info */
.login_info_h1{font-size:16px; color:#666; padding:30px 0 0 0;}
.login_info_h2{font-size:22px; font-weight:bold; padding:15px 0 20px 0;}

/* join */
.join_pac{background-color:#fff; padding:30px; text-align:center;}
.join_unit_pac{ text-align:left; border-bottom:1px solid #ddd; padding:15px 0 15px 0;}
.join_unit_pac dt{display:block; font-size:16px; font-weight:bold; color:#666; padding:0 0 10px 0;}
.join_unit_pac dd{display:block; padding:0 0 0 0; margin:0 0 0 0; font-size:17px;}
.join_input_style{font-size:16px; border:1px solid #ccc; padding:10px; outline:none; vertical-align:middle; display:inline-block; font-family: "Pretendard"}
.w_middle{width:38.3%;}
.w_middle2{width:43.2%;}
.w_long{width:calc(100% - 22px);}
.w_long_s{width:calc(100% - 22px);}
.w_long_btn{width:calc(100% - 22px);}
.select_style{font-size:15px; border:1px solid #ccc; padding:10px;}
.onlypc{display:none;}
.btn_join_check{background-color:#414252; color:#bebfcd; font-size:15px; padding:9px; text-align:center; border:1px solid #2c2d3b; cursor:pointer; margin:10px 0 0 0; }
.join_info_cover{font-size:15px; color:#999; padding:10px 0 0 0;}
.join_info{font-size:15px; color:#999; padding:10px 0 0 0;}
.join_info input{display:inline-block; vertical-align:middle; margin:0px 5px 1px 0;}
span.must{color:#f8483f;}
.join_btn_pac{margin:20px 0 0 0; text-align:center;}
.join_result{ font-size:15px; font-weight:bold; text-align:center; border:1px solid #ddd; padding:10px;}
.select_style_w{font-size:16px; border:1px solid #ccc; padding:10px; width:100%; outline:none;}

.join_txtarea_style{font-size:13px; color:#999; letter-spacing:-1px; padding:10px; border:1px solid #ddd; width:calc(100% - 22px); height:100px; background-color:#f5f5f5; outline:none;}
.join_check_pac{padding:5px 0 5px 0; font-size:16px;}
.join_check_pac a:link{font-weight:bold; text-decoration:underline;}
.join_check_pac a:visited{font-weight:bold; text-decoration:underline;}
.join_check_pac a:active{font-weight:bold; text-decoration:underline;}
.join_check_pac a:hover{font-weight:bold; text-decoration:underline;}

span.red_t{color:#f8483f;}
span.blue_t{color:#417be4;}

.join_noti{text-align:left; font-size:14px; border-bottom:1px solid #ddd; padding:0 0 20px 0;}

/* contents */
.conts_head_pac{background-color:#fff;}
.conts_cate_box{text-align:left; padding:20px 0px 15px 0px;}
.conts_cate_box li{display:inline-block; border:1px solid #ddd; border-radius:20px; font-size:14px; padding:5px 11px 6px 10px; margin:0 0 8px 0; color:#cacaca; cursor:pointer; letter-spacing:-0.5px;}
.conts_cate_box li a:link{color:#9e9e9e;}
.conts_cate_box li a:visited{color:#9e9e9e;}
.conts_cate_box li a:active{color:#9e9e9e;}
.conts_cate_box li a:hover{color:#9e9e9e;}
.conts_cate_box li.on{border:1px solid #21bbc9; background-color:#92d3d9;}
.conts_cate_box li.on a:link{color:#1d6e75; font-weight:bold;}
.conts_cate_box li.on a:visited{color:#1d6e75; font-weight:bold;}
.conts_cate_box li.on a:active{color:#1d6e75; font-weight:bold;}
.conts_cate_box li.on a:hover{color:#1d6e75; font-weight:bold;}

/* content_head */
.conts_list_head{padding:30px 0 20px 0; font-size:0px;}
.conts_list_head2{padding:0px 0 20px 0; font-size:0px;}
.cont_count{font-size:14px; display:inline-block; vertical-align:middle; width:30%;}
.conts_sort{font-size:14px; display:inline-block; vertical-align:middle; width:70%; text-align:right;}
.list_sort{font-size:14px; letter-spacing:-1px; border:1px solid #ccc; padding:5px; outline:none;}
.list_sort_w{font-size:14px; letter-spacing:-1px; border:1px solid #ccc; padding:5px; outline:none; width:100%;}

/* contents list */
.cont_list_pac{font-size:0px; padding:20px 0 10px 0;}


/* pagenatioon */
.list_pagenation{text-align:center; font-size:16px; padding:30px 0 60px 0;}
.list_pagenation li{display:inline-block; vertical-align:text-top; font-size:17px; cursor:pointer; padding:4px 8px 0 8px; color:#9faab2;}
.list_pagenation li.bt{padding:0 0 0 0;}
.list_pagenation li.on{font-weight:bold; color:#000;}
.list_pagenation li img{width:30px;}

/* contents view */
.co_in_title{font-size:23px; font-weight:bold; letter-spacing:-2px; padding:30px 0 20px 0;}
.go_back{font-size:16px; font-weight:bold; vertical-align:top; color:#9aa6af; padding:30px 30px 25px 0px; border-bottom:0px solid #d2dbe1; cursor:pointer;}
.go_back img{width:25px; display:inline-block; vertical-align:top; margin:-2px 5px 0 0;}
.co_in_bg{font-size:15px; color:#6b757c; padding:0 0 20px 0;}
.co_in_cate{padding:0 0 10px 0;}
.co_in_cate li{display:inline-block; border:1px solid #21bbc9; background-color:#92d3d9; border-radius:20px; font-size:14px; padding:5px 11px 6px 10px; margin:0 8px 8px 0; color:#cacaca; cursor:pointer; letter-spacing:-0.5px;}
.co_in_cate li a:link{color:#1d6e75; font-weight:bold;}
.co_in_cate li a:visited{color:#1d6e75; font-weight:bold;}
.co_in_cate li a:active{color:#1d6e75; font-weight:bold;}
.co_in_cate li a:hover{color:#1d6e75; font-weight:bold;}
.co_in_like{padding:20px 0 20px 0; border-top:1px solid #ddd;}
.co_in_like dt{display:inline-block; vertical-align:top; margin:0 5px 0 0; cursor:pointer;}
.co_in_like dd{display:inline-block; vertical-align:top; margin:0 20px 0 0; font-size:15px; color:#7f868a;}
.co_in_info{padding:10px 0 10px 0; border-bottom:0px solid #d2dbe1;}
.co_in_info dt{display:inline-block; vertical-align:top; margin:0 0 0 0; font-size:15px; font-weight:bold; width:20%; padding:0 0 10px 0;}
.co_in_info dd{display:inline-block; vertical-align:top; margin:0 0 0 0; font-size:15px; width:80%; padding:0px 0 10px 0;}
.co_in_etc{border-bottom:1px solid #ddd;}

.co_in_box{ padding:30px 0 30px 0; font-size:0px; border-bottom:1px solid #d2dbe1;}
.co_in_box dt{font-size:18px; font-weight:bold; padding:0 0 20px 0;}
.co_in_box dd{margin:0 0 0 0; font-size:0px;}
.print_unit{border:1px solid #ddd; display:inline-block; vertical-align:top; margin:0 0 10px 0; cursor:pointer;}
.print_unit img{width:100%;}

.co_in_txtbox{ padding:30px 0 30px 0; font-size:0px; border-bottom:1px solid #d2dbe1;}
.co_in_txtbox dt{font-size:18px; font-weight:bold; padding:0 0 20px 0;}
.co_in_txtbox dd{margin:0 0 0 0; font-size:16px; color:#6b757c;}

.cont_btn_pac{text-align:center; padding:30px 0 50px 0; font-size:0px;}
.btn_color{display:inline-block; vertical-align:top; border:1px solid #454ed4; background-color:#454ed4; color:#fff; font-size:16px; font-weight:bold; border-radius:30px; padding:10px 20px 10px 20px; min-width:50px; cursor:pointer; margin:0 3px 10px 3px; text-align:center;}
.btn_gray{display:inline-block; vertical-align:top; border:1px solid #8a9093; background-color:#8a9093; color:#fff; font-size:16px; font-weight:bold; border-radius:30px; padding:10px 20px 10px 20px; min-width:50px; cursor:pointer; margin:0 3px 10px 3px; text-align:center;}
.btn_mint{display:inline-block; vertical-align:top; border:1px solid #20cab9; background-color:#20cab9; color:#fff; font-size:16px; font-weight:bold; border-radius:30px; padding:10px 20px 10px 20px; min-width:50px; cursor:pointer; margin:0 3px 10px 3px; text-align:center;}
.btn_mint_mini{display:inline-block; vertical-align:top; border:1px solid #454ed4; background-color:#454ed4; color:#fff; font-size:14px; font-weight:bold; border-radius:30px; padding:7px 15px 7px 15px; min-width:50px; cursor:pointer; margin:0 3px 0px 3px; text-align:center;}
.btn_mint_mini2{display:inline-block; vertical-align:top; border:1px solid #454ed4; background-color:#454ed4; color:#fff; font-size:14px; font-weight:bold; border-radius:30px; padding:7px 15px 7px 15px; min-width:50px; cursor:pointer; margin:0 3px 0px 3px; text-align:center;}
.btn_white_mini{display:inline-block; vertical-align:top; border:1px solid #999; background-color:#fff; color:#999; font-size:14px; font-weight:bold; border-radius:30px; padding:7px 15px 7px 15px; cursor:pointer; margin:0 3px 0px 3px; text-align:center;}
.btn_red{display:inline-block; vertical-align:top; border:1px solid #f25353; background-color:#f25353; color:#fff; font-size:16px; font-weight:bold; border-radius:30px; padding:10px 20px 10px 20px; min-width:50px; cursor:pointer; margin:0 3px 10px 3px; text-align:center;}
.btn_white{display:inline-block; vertical-align:top; border:1px solid #ddd; background-color:#fff; color:#ddd; font-size:16px; font-weight:bold; border-radius:30px; padding:10px 20px 10px 20px; min-width:50px; cursor:pointer; margin:0 3px 10px 3px; text-align:center;}

.re_join_box{padding:20px 0 30px 0; text-align:center; background-color:#fff; border-radius:10px; margin:0 0 10px 0;}
.re_join_title{font-size:18px; font-weight:bold; letter-spacing:-1px; padding:0 0 15px 0;}
.re_join_title span{display:block;}

.cont_w_board{padding:0 20px 0 20px; background-color:#fff; font-size:0px;}
.re_join_pac{padding:0 0 40px 0;}
.cont_view_left{padding:30px 0 0 0;}

/* inquiry */
.my_submenu_pac{ text-align:center; padding:30px 0 30px 0;}
.my_submenu_pac li{display:inline-block; vertical-align:top; margin:0 7px 0 7px; font-size:16px; cursor:pointer;}
.my_submenu_pac li.on{font-weight:bold;}
.board_letter{font-size:16px; border-top:1px solid #ddd; padding:20px 0 20px 0; margin:20px 0 0 0;}
.reply_title{font-size:20px; font-weight:bold; padding:10px 0 10px 0;}

/* board list */
.board_list_pac li{background-color:#fff; border-radius:10px; padding:30px 20px 30px 20px; margin:0 0 15px 0; position:relative; cursor:pointer;}
.bo_cate{font-size:15px; color:#646ce6; padding:0 0px 8px 0;}
.bo_cate a:link{color:#646ce6;}
.bo_cate a:visited{color:#646ce6;}
.bo_cate a:active{color:#646ce6;}
.bo_cate a:hover{color:#646ce6;}
.bo_title{font-size:20px; font-weight:bold; padding:0 0 10px 0;}
.bo_title a:link{color:#000;}
.bo_title a:visited{color:#000;}
.bo_title a:active{color:#000;}
.bo_title a:hover{color:#000;}

.new_icon{background-color:#feb900; border-radius:100px; font-size:17px; padding:4px 8px 4px 8px; color:#fff; margin:0 0 0 10px;}

.bo_title img{width:20px; margin:4px 0 0 0; display:inline-block; vertical-align:top;}
.bo_date{color:#999; padding:0 0 5px 0; font-size:16px;}
.bo_date div{display:inline-block; vertical-align:top; margin:0 10px 0 0;}
.bo_view{font-size:16px; color:#999;}
.inquiry_reply_pac{ border-top:0px solid #ddd; margin:10px 0 0 0; padding:10px 0 0 0; position:relative;}
.inquiry_state{border-radius:30px; border:1px solid #999; display:inline-block; vertical-align:top; font-size:15px; color:#999; padding:5px 12px 7px 12px;}
.done{background-color:#9094d2; color:#fff; border:1px solid #9094d2;}
.inquiry_reply_date{color:#999; position:absolute; top:13px; right:0px;}
.board_btn_pac{text-align:center; padding:0 0 40px 0; margin:-10px 0 0 0;}
.board_view_btn_pac{padding:20px 0 40px 0; text-align:center;}

/* board_write */
.bo_write_unit{border-bottom:0px solid #ddd;}
.bo_write_unit dt{font-size:14px; font-weight:bold; padding:10px 0 0px 0; margin:0 0 0 0;}
.bo_write_unit dd{padding:10px 0 10px 0; margin:0 0 0 0;}
.board_input{border:1px solid #ddd; width:calc(100% - 26px); padding:12px; outline:none; font-size:16px;}
.txt_style{border:1px solid #ddd; min-height:150px; padding:12px; font-size:16px; outline:none; width:calc(100% - 26px);}
.txt_style_short{border:1px solid #ddd; min-height:50px; padding:12px; font-size:16px; outline:none; width:calc(100% - 26px);}

/* sub cate */
.sub_subcate{display:inline-block; vertical-align:top;}
.sub_subcate li{display:inline-block; border:1px solid #ddd; border-radius:20px; font-size:16px; padding:8px 17px 8px 15px; margin:0 5px 8px 0; color:#999; cursor:pointer; letter-spacing:-0.5px; background-color:#fff; }
.sub_subcate li.on{background-color:#585eba; color:#fff; border:1px solid #444cc2; font-weight:bold;}

/* mantoman */
.white_bg_box{background-color:#fff; border-radius:10px; padding:10px 20px 10px 20px; font-size:0px;}
.wr_unit{border-bottom:1px solid #ddd; padding:15px 0 15px 0; font-size:0px;}
.wr_unit:nth-last-child(1){border-bottom:0px;}
.wr_unit dt{font-size:16px; font-weight:bold; margin:0 0 0 0; padding:0 0 10px 0;}
.wr_unit dd{font-size:16px; margin:0 0 0 0;}
.w_middle_in{width:37.5%;}
.no_underline{border-bottom:0px;}
.inbox_title{font-size:25px; font-weight:bold; letter-spacing:-2px; padding:15px 0 20px 0; border-bottom:1px solid #ddd;}
.info_check{padding:5px 0 0 0; color:#999; font-size:15px;}
.txtred{color:#f86363;}
.wr_unit dd span{padding:0 20px 0 0;}

/* myinfo mini */
.white_threebox{background-color:#fff; border-radius:10px; padding:20px; text-align:center; margin:0 0 20px 0; position:relative;}
.white_threebox:nth-last-child(1){margin:0 0 0 0;}
.mini_info_title{font-size:20px; font-weight:bold; padding:5px 0 6px 0;}
.mini_info_state{font-size:30px; padding:0 0 8px 0; color:#8266d6;}
.mini_info_state3{font-size:30px; padding:0 0 3px 0; color:#8266d6; margin:-2px 0 0 0;}
.mini_info_state3 span{font-size:23px; color:#999; display:inline-block; vertical-align:top; padding:6px 0 0 4px;}
.mini_info_state2{font-size:16px; color:#999; letter-spacing:0.5px; padding:0 0 12px 0;}
.mini_info_state4{font-size:16px; color:#999; letter-spacing:0.5px; padding:10px 0 22px 0;}
.mini_info_state span{font-size:23px; color:#999; display:inline-block; vertical-align:top; padding:6px 0 0 4px;}
.mini_info_go{font-size:14px; padding:0 0 10px 0;}
.mini_info_icon img{width:60px;}
.mini_info_icon{padding:7px 0 12px 0;}
.bo_noti_lasted{padding:13px 0 0 10px;}
.bo_noti_lasted li{background-image: url("../images/member_dot.png"); background-repeat: no-repeat; background-position:0px 6px; font-size:15px; color:#333; padding:0 0 6px 14px; text-align:left;}
.mini_info_card{ text-align:left; font-size:0px; padding:8px 0 10px 0;}
.mini_info_card dt{display:inline-block; font-size:14px; color:#999; width:30%; margin:0 0 0 0; padding:0 0 4px 0;}
.mini_info_card dd{display:inline-block; font-size:14px; color:#666; width:70%; margin:0 0 0 0; padding:0 0 4px 0;}
.mini_info_nofee{text-align:center; padding:15px 0 0 0;}
.mini_info_nofee dt{text-align:center; width:100%; font-size:18px; font-weight:bold; padding:0 0 10px 0; color:#8266d6;}
.mini_info_nofee dd{text-align:center; margin:0 0 0 0; padding:0 0 15px 0; }

/* member */
.bo_mem_unit{border-bottom:1px solid #ddd; padding:15px 0 15px 0; position:relative; font-size:0px;}
.bo_mem_unit:nth-last-child(1){border-bottom:0px;}
.bo_mem_join{font-size:20px; font-weight:bold; padding:0 0 12px 0;}
.bo_mem_txt{font-size:16px; padding:10px 0 10px 0; text-align:center; word-break:keep-all; color:#999;}
.bo_mem_ship{font-size:16px; padding:0 0 0px 0; position:absolute; top:18px; right:3px;}
.bo_mem_period{font-size:16px; color:#999; padding:0 0 10px 0;}
.bo_mem_term{font-size:16px; color:#999; padding:0 0 10px 0;}
.bo_mem_won{font-size: 20px; font-weight:bold; color:#454ed4; padding:0 0 12px 0;}
.bo_mem_won span{font-size:18px;}
.bo_mem_info{font-size:15px; text-align:right; color:#999; padding:6px 0 0 0;}
.btn_recipt{color:#fff; background-color:#454ed4; border-radius:40px; display:inline-block; padding:6px 15px 6px 15px; cursor:pointer;}

/* menu tab */
.menutab_box{font-size:0px; padding:0px 0 0px 0; background-color:#d2dbe1; border-radius:10px; margin:30px 0 30px 0;}
.menutab_box li{font-size:17px; text-align:center; display:inline-block; vertical-align:top; cursor:pointer;}
.menutab_box li.on{background-color:#7175aa; color:#fff; font-weight:bold; padding:15px 0 16px 0; border-radius:10px;}
.menutab_box li.off{font-weight:bold; padding:15px 0 16px 0;}
.menutab_box li.half{width:50%;}
.menutab_box li.threep{width:33.3%;}

.page_title{font-size:22px; font-weight:bold; padding:30px 0 30px 0; letter-spacing:-1px; position:relative;}
.page_title_up{font-size:22px; font-weight:bold; padding:0px 0 30px 0; letter-spacing:-1px; position:relative;}

/* point */
.point_inbox{text-align:center; border-bottom:1px solid #ddd; padding:20px 0 20px 0;}
.my_profile_thumb{width:120px; height:120px; border-radius:100px; background-size:100%; margin:0 auto; background-position: center;}
.my_profile_name{font-size:20px; font-weight:bold; padding:15px 0 0 0;}
.point_title{font-size:18px; font-weight:bold;}
.point_num{font-size:25px; font-weight:bold; padding:5px 0 0 0;}
.txt_blue{color:#454ed4;}
.point_info{padding:15px 0 10px 0;}
.point_noti{font-size:15px; color:#999; padding:0 0 5px 0;}
.mini_info_btn{text-align:center; padding:20px 0 0px 0;}
.mini_info_btn_up{text-align:center; padding:20px 0 0px 0;}

/* point head */
.table_head{padding:10px 0 15px 0;}
.point_table{ border-top:0px solid #000; width:100%; border-spacing:0px;}
.point_table th{font-size:14px; font-weight:bold; text-align:right; border-bottom:1px solid #000; padding:0 6px 10px 0;}
.point_table td{font-size:15px; border-bottom:1px solid #ddd; text-align:right; padding:10px 6px 10px 0;}
.point_table td.lefttxt{text-align:left; padding:10px 0 10px 6px;}
.point_table td:nth-child(2){background-color:#f5f5f5;}
.point_table td:nth-child(4){background-color:#f5f5f5;}
.point_table td.result{background-color:#f5f5f5; font-weight:bold; border-top:1px solid #ccc;}

/* point ask */
.askpoint_state{font-size:16px; position:absolute; top:15px; right:15px; }
.askpoint_date{font-size:16px; padding:25px 0 20px 20px;}
.askpoint_pac{padding:10px 0px 10px 0px; font-size:0px; border-bottom:1px solid #ddd; margin:0 20px 0 20px;}
.askpoint_pac:nth-last-child(1){border-bottom:0px; padding-bottom:15px;}
.askpoint_pac dt{font-size:14px; color:#999; display:inline-block; vertical-align:top; width:50%; margin:0 0 0 0; letter-spacing:-0.5px;}
.askpoint_pac dd{font-size:14px; font-weight:bold; display:inline-block; vertical-align:top; text-align:right; width:50%; margin:0 0 0 0;}
.badge_blue{background-color:#00c2af; color:#fff; border:1px solid #01a292; border-radius:30px; padding:6px 12px 6px 12px; display:inline-block; vertical-align: top; font-size:15px;}
.badge_red{background-color:#fa5151; color:#fff; border:1px solid #dc3737; border-radius:30px; padding:6px 12px 6px 12px; display:inline-block; vertical-align: top; font-size:15px;}
.badge_gray{background-color:#fff; color:#999; border:1px solid #999; border-radius:30px; padding:6px 12px 6px 12px; display:inline-block; vertical-align: top; font-size:15px;}
.badge_sky{background-color:#4b94c4; color:#fff; border:1px solid #3375a0; border-radius:30px; padding:6px 12px 6px 12px; display:inline-block; vertical-align: top; font-size:15px;}
.askpoint_list{font-size:0px;}
.askpoint_list div.cont_unit:nth-child(4){margin-right:0px;}

/* support */
.support_unit{border-bottom:1px solid #ddd; position:relative; font-size:0px; padding:30px 0 30px 0; text-align:left;}
.support_unit:nth-last-child(1){border-bottom:0px; padding:30px 0 10px 0;}
.support_thumb{width:80px; height:80px; overflow:hidden; border-radius:100px; display:inline-block; vertical-align:top;}
.support_thumb img{width:100%;}
.support_num{font-size:15px; font-weight:bold; color:#7774e4; position:absolute; top:10px; left:0px;}
.support_txt{display:inline-block; vertical-align: top; width:calc(100% - 100px); padding:0 0 0 20px;}
.support_txt dt{font-size:18px; font-weight:bold; padding:5px 0 5px 0; letter-spacing:-1px; text-align:left;}
.support_txt dd{font-size:15px; color:#999; margin:0 0 0 0; text-align:left; word-break:keep-all;}
.support_txt dd p{display:inline-block; vertical-align:top;}

/* support ask state */
.su_ask_unit{border-bottom:1px solid #ddd; font-size:0px; padding:15px 0 15px 0;}
.su_ask_unit dt{font-size:16px; font-weight:bold; margin:0 0 0 0; display:inline-block; vertical-align:top; width:30%;}
.su_ask_unit dd{font-size:16px; margin:0 0 0 0; display:inline-block; vertical-align:top; text-align:right; width:70%;}
.su_ask_unit2{border-bottom:1px solid #ddd; font-size:0px; padding:15px 0 15px 0;}
.su_ask_unit2 dt{font-size:16px; font-weight:bold; margin:0 0 0 0; display:inline-block; vertical-align:top; width:30%;}
.su_ask_unit2 dd{font-size:16px; margin:0 0 0 0; display:inline-block; vertical-align:top; text-align:right; width:70%;}
.su_ask_unit3{border-bottom:1px solid #ddd; font-size:0px; padding:15px 0 15px 0;}
.su_ask_unit3 dt{font-size:16px; font-weight:bold; margin:0 0 0 0; display:inline-block; vertical-align:top; width:30%;}
.su_ask_unit3 dd{font-size:16px; margin:0 0 0 0; display:inline-block; vertical-align:top; text-align:right; width:70%;}


/* .badge_gray{font-size:16px; border:1px solid #ddd; border-radius:30px; padding:6px 12px 6px 12px; display:inline-block;} */
.pc_pack{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin:0 20px 0 0;}
.no_underline{border-bottom:0px; padding-bottom:5px;}
.su_ask_noti{font-size:15px; color:#999; padding:20px 0 0 0;}
.su_ask_noti p{padding:0 0 8px 0;}
.title_noti{font-size:14px; font-weight:normal; position: absolute; top:35px; right:0px;}
.title_noti2{font-size:14px; font-weight:normal; position: absolute; top:5px; right:0px;}

/* support ask */
.profile_preview{padding:20px 0 0 0;}
.bank_unit{font-size:0px; padding:0 0 8px 0;}
.bank_unit span{display:inline-block; vertical-align:middle; width:calc(30% - 20px); font-size:15px; padding:0px 0 0 0; margin:0 0 0 0;}
.w_bank{width:calc(70% - 25px);}
.wr_ask_unit{border-bottom:1px solid #ddd; padding:20px 0 20px 0;}
.wr_ask_unit dt{font-size:16px; font-weight:bold; margin:0 0 0 0; padding:0 0 15px 0;}
.wr_ask_unit dd{font-size:16px; font-weight:bold; margin:0 0 0 0; padding:0 0 0 0;}
.cate_check_pac{font-size:0px;}
.cate_check_pac li{font-size:15px; font-weight:normal; width:50%; display:inline-block; vertical-align:top; color:#333; padding:0 0 5px 0;}
.footer_margin{height:40px;}

/* my contents */
.cont_my_info{font-size:15px; border-top:1px solid #ddd; font-size:0px;}
.cont_my_info li{border-bottom:1px solid #ddd; padding:10px 0 10px 0;}
.cont_my_info li dt{font-size:14px; color:#999; display:inline-block; vertical-align:top; width:50%; margin:0 0 0 0;}
.cont_my_info li dd{font-size:14px; color:#333; display:inline-block; vertical-align:top; text-align:right; width:50%; margin:0 0 0 0;}
.txtright{text-align:right;}
.cont_my_state{padding:10px 0 10px 0; text-align:center;}
.btn_incont_mint{background-color:#20cab9; color:#fff; border:1px solid #20cab9; border-radius:30px; padding:6px 12px 6px 12px; display:inline-block; vertical-align: top; font-size:16px; cursor:pointer; margin:0 8px 0 8px;}

/* contents search */
.cont_search_input{border:1px solid #ccc; font-size:15px;padding:6px 7px 7px 7px; width:168px; display:inline-block; vertical-align:top; outline:none;}
.btn_cont_search{display:inline-block; vertical-align:top; background-color:#454ed4; color:#fff; font-size:15px; padding:6px 10px 6px 10px; cursor:pointer;}
.cont_count2{padding:0 0 8px 0; width:100%;}
.conts_sort2{}
.cont_wr_thumb{width:150px; overflow:hidden; border-radius:10px; padding:0 0 0 0; font-size:0px; display:inline-block;}
.cont_wr_thumb img{width:100%;}


/* file add */
.file_preview{width:100%; overflow:hidden; border-radius:10px; padding:0 0 0 0; font-size:0px;}
.file_preview img{width:100%;}
.file_info_pac{padding:10px 0 0 0;}
.file_info{font-size:16px; color:#999; padding:10px 0 5px 0;}
.file_info_cover{font-size:16px; color:#999; padding:10px 0 5px 0;}
.thumb_del{display:inline-block; font-size:15px; padding:0 0 0 10px;}
.thumb_del img{width:11px; margin:0 0 0 10px;}
.file_add_unit{font-size:0px; padding:0 0 10px 0;}
.file_add_unit:nth-last-child(1){padding:0 0 0 0;}
.blueprint_preview{width:100%; border-radius:0px; padding:0 0 0 0; font-size:0px; border:1px solid #ddd;}
.blueprint_preview img{width:100%;}
.more_file{width:100%; text-align:center; background-color:#eee; border-radius:30px; font-size:15px; padding:10px 0 10px 0; cursor:pointer;}

.point_view img{vertical-align:top; margin:3px 0 0 0;}
.point_view{font-weight:bold;}
.point_view a:link{color:#6268bb;}
.point_view a:visited{color:#6268bb;}
.point_view a:active{color:#6268bb;}
.point_view a:hover{color:#6268bb;}

/* modal thumb view */
#modal {position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 99; display: none;}
#banner_online {padding:0px 0 0 0; z-index: 9999; display: none; position:fixed;}
#close_button {position:absolute;; top:20px; right:20px; cursor:pointer;}
#close_button img{width:30px;}




/* bon_head */
.bon_head{background-color:#fff; text-align:left;}
.bon_logo_txt{font-size:25px; font-weight:bold; letter-spacing:-1px; cursor:pointer;}
.bon_logo{padding:50px 0 50px 0; text-align:center;}
.bon_subtitle{font-size:16px; color:#999; padding:8px 0 0 0;}
.bon_menupac{text-align:center; padding:25px 0 10px 0; border-top:1px solid #ddd;}
.bon_head_left{display:inline-block; vertical-align:top; font-size:21px; font-weight:800; margin:0 8px 15px 8px; cursor:pointer;}
.bon_head_right{display:inline-block; vertical-align:top; font-size:21px; font-weight:800; margin:0px 8px 15px 8px; cursor:pointer; }
.bon_logo_img img{width:200px;}
.bon_logo_img{cursor:pointer;}




/* bon cont */
.bon_vol_pac{padding:30px 0 10px 0; text-align:center;}
.bon_vol_h1{font-size:23px; font-weight:bold; cursor:pointer;}
.bon_vol_h2{font-size:17px; color:#999; padding:4px 0 15px 0;}
.bon_now_pac{text-align: center; border-top:1px solid #eee; padding:30px 0 0 0;}
.bon_menu{padding:15px 0 30px 0;}
.bon_menu li{font-size:16px; color:#999; display:inline-block; margin:0 10px 0 10px; cursor:pointer;}

.prenext_pac{text-align:center; padding:0 0 40px 0;}
.btn_cont_prenext{border:1px solid #ddd; background-color:#fff; font-size:15px; border-radius:30px; display:inline-block; vertical-align:top; color:#999; padding:10px 16px 10px 16px; cursor:pointer;}
.off{opacity:0.5}
.onlymobile{display:block;}

.vol_info{padding:40px 0 0 0; position:relative;}
.menuon{color:#8266d6;}

/* bonaem cover  */
.bo_cover_thumb{width:70%; margin:30px auto; overflow:hidden; border-radius:200px; cursor:pointer;}
.cover_new{position:absolute; top:20px; right:20px;}
.cover_new img{width:30px;}
.bo_cover_area{text-align:center;}
.bo_cover_h1{font-size:22px; font-weight:bold; padding:0 0 10px 0;}
.bo_cover_h2{font-size:18px; padding:0 0 10px 0; color:#999;}
.bo_cover_h3{font-size:14px; color:#bbb; padding:0 0 30px 0;}

/* foot noti */
.foot_noti{background-color:#fff; padding:27px 0 23px 0; font-size:16px;}
.foot_noti dt{display:inline-block; vertical-align:top; font-size:16px; font-weight:bold; margin:0 0 0 0; padding:0 0 5px 0;}
.foot_noti dd{display:inline-block; vertical-align:top; margin:0 0 0 0;}
.white_bg{background-color:#fff;}
.bon_view_box{margin:30px 0 30px 0;}

/* bonaem view */
.bon_view_cate{font-size:18px; font-weight:bold; color:#8266d6; padding:15px 0 0 0;}
.bon_view_h1{font-size:23px; font-weight:bold; letter-spacing:-1px; padding:10px 0 0 0;}
.bon_view_h2{font-size:15px; color:#999; padding:10px 0 30px 0; border-bottom:1px solid #ddd;}
.bon_view_h2 div{display:inline-block; padding:0 20px 0 0;}
.bon_view_h2 div img{display:inline-block; vertical-align:top; margin-top:0px; cursor:pointer;}
.bon_contents{font-size:16px; line-height:26px; padding:30px 0 20px 0;}
.bon_contents img{width:100%;}

/* edit */
.bo_cont_edit{ border-top:1px solid #ddd;}
.bo_cont_edit li{font-size:13px; color:#999; display:inline-block; width:25%; text-align:center; padding:15px 0 15px 0; cursor:pointer;}
.write_cont_h1{font-size:22px; font-weight:bold; text-align:center; padding:10px 0 0 0;}
.write_cont_h2{font-size:16px; font-weight:bold; text-align:center; color:#999; padding:15px 0 30px 0;}
.bo_write_height{min-height:480px; text-align:center;}
.icon_plus_h0{padding:90px 0 0 0;}
.icon_plus_h1{padding:60px 0 0 0;}
.topmar30{margin:30px 0 0 0;}

/* publish */
.publish_left{text-align:center;}
.publish_h1{font-size:20px; font-weight:bold; letter-spacing:-1px; padding:20px 0 0 0;}
.publish_h1 span{display:block;}
.publish_h2 span{display:block;}
.publish_h2{font-size:15px; letter-spacing:-0.5px; color:#999; padding:15px 0 20px 0; word-break:keep-all;}
.pub_unit{ border-bottom:1px solid #ddd; padding:15px 0 15px 0;}
.pub_unit dt{font-size:15px; font-weight:bold; margin:0 0 0 0; padding:0 0 10px 0;}
.pub_unit dd{font-size:15px; margin:0 0 0 0;}
.pub_unit:nth-last-child(1){border-bottom:0px;}

input::placeholder {color:#ddd;}
.align_right{text-align:center;}
.btn_upload{border:1px solid #ccc; background-color:#f5f5f5; font-size:14px; display:inline-block; vertical-align:top; padding:10px 15px 10px 15px; border-radius:5px; cursor:pointer;}
.btn_box{text-align:center; padding:5px 0 0px 0;}

/* write */
.view_file{font-size:15px; color:#999; font-weight:normal; text-decoration:underline; border-top:1px solid #ddd; padding:20px 0 0 0;}
.view_file a:link{text-decoration:none; color:#666;}
.view_file a:visited{text-decoration:none; color:#666;}
.view_file a:active{text-decoration:none; color:#666;}
.view_file a:hover{text-decoration:none; color:#666;}

.view_file img{vertical-align:top; margin:0 8px 0 0;}
.web_editor{ font-size:15px; color:#bbb; min-height:400px;}

.select_phone{border:1px solid #ccc; padding:9px 0 10px 0; outline:none; font-size:15px; font-weight:normal; width:25%;}
.phone_width{width:25%;}

.main_btn_mar{margin:15px 0 0 0;}

/* join */
.join_box{padding:10px 30px 30px 30px; font-size:0px; background-color:#fff; border-radius:0px; border-top:1px solid #ddd;}
.join_box2{padding:10px 30px 30px 30px; font-size:0px; background-color:#fff; border-radius:0px; border-top:1px solid #ddd;}
.join_done_unit{padding:10px 0 30px 0;}
.join_done_unit dt{font-size:18px; background-color:#454ed4; border-radius:100px; display:inline-block; text-align:center; color:#fff; width:26px; padding:2px 0px 3px 0px; margin:0 0 0 0; vertical-align:top;}
.join_done_unit dd{font-size:17px; display:inline-block; vertical-align:top; margin:0 0 0 0; width:calc(100% - 45px); padding:0 0 0 10px; word-break:keep-all; color:#999;}
.join_done_unit dd p{font-weight:bold; font-size:20px; color:#333; padding:0 0 4px 0;}

/* rule */
.rule_cont{font-size:16px; padding:30px 0 30px 0;}
.bottom_mar{margin-bottom:30px;}

/* intro */
.intro_h1{font-size:27px; font-weight:bold; text-align:center; letter-spacing:-1px; padding:50px 0 6px 0; color:#fff;}
.intro_h2{font-size:17px; color:#fff; opacity:0.6; padding:0 0 20px 0;}
.intro_go{padding:0 0 40px 0;}
.intro_mainbanner{background-color:#454ed4; font-size:0px; text-align:center;}
.intro_mainbanner img{width:320px;}
.btn_gogo{display:inline-block; background-color:#fff; border-radius:30px; font-size:17px; font-weight:bold; padding:10px 25px 10px 25px; cursor:pointer;}

.intro_cont_01{background-color:#fff; text-align:center;}
.int_cont_h1{font-size:26px; font-weight:bold; letter-spacing:-2px; padding:50px 0 8px 0;}
.int_cont_h2{font-size:16px; color:#999; padding:0 0 30px 0; font-weight:500;}
.int_cont_h3{font-size:16px; color:#999; padding:0 0 20px 0; font-weight:500;}
.int_cont_unit{padding:30px 0 60px 0;}
.int_cont_unit img{width:120px;}
.int_cont_unit dt{font-size:22px; font-weight:bold; padding:30px 0 15px 0;}
.int_cont_unit dd{font-size:16px; padding:0 0 0 0; margin:0 0 0 0; color:#999; font-weight:500;}

/* int lasted  */
.int_lasted_box{text-align:center; padding:0 0 20px 0;}

/* int function */
.int_function_box{font-size:0px; }
.int_wide_img img{width:100%;}
.func_unit{display:inline-block; width:150px; padding:0 0 25px 0;}
.func_unit img{width:100px;}
.func_unit p{font-size:15px; color:#999; padding:5px 0 0 0;}
.func_box{padding:20px 0 40px 0;}

/* fee */
.fee_h1{font-size:20px; font-weight:bold; text-align:left; padding:20px 0 0 25px;}
.fee_h2{font-size:16px; text-align:left; padding:12px 0 0 25px; color:#bbb; text-decoration:line-through; min-height:22px;}
.fee_h3{font-size:18px; font-weight:bold; text-align:left; padding:0px 0 0 25px;}
.fee_h3 span.price{font-size:20px; display:inline-block; vertical-align:middle; padding:2px 0 0 0;}
.fee_h3 span.won{font-size:18px;font-weight:bold; padding:0px 0 0px 5px; display:inline-block; vertical-align:middle;}
.fee_h4{font-size:14px; text-align:left; padding:5px 0 0 25px; color:#999;}
.fee_h5{padding:0 0 0 0px; border-top:1px solid #ddd; margin:25px 25px 0 25px; padding:25px 0 0 0; min-height:120px;}
.fee_h5 li{font-size:14px; text-align:left; padding:0 0 8px 25px; color:#666; background-image:url("../images/icon_check.png"); background-repeat: no-repeat; background-size:20px;}
.icon_sale{display:inline-block; font-size:13px; font-weight:bold; color:#fa5757; background-color:#fcd4d4; border-radius:3px; padding:2px 7px 2px 7px; margin:3px 0 0 3px; vertical-align:middle;}

/* faq */
.faq_list{list-style:none; margin:0 0 0px 0; padding:0 0 40px 0; border-top:1px solid #ddd; text-align:left;}
.faq_list > li{padding:20px 0 20px 0; box-sizing:border-box;}
.faq_list > li:nth-child(n+2){border-top:1px solid #ddd;}
.faq_list > li:nth-last-child(1){border-bottom:1px solid #ddd;}
.faq_list input{display:none;}
.faq_list label{font-size:16px; cursor:pointer; margin:20px 0 0 0; color:#333; font-weight:bold;}
.faq_list div{display:none; font-size:15px; overflow:hidden; padding:30px 0 10px 26px; box-sizing:border-box; position:relative; border-top:1px dashed #ddd; margin:20px 0 0 0;}
.faq_list div span{position:absolute; top:30px; left:0px;}
.faq_list div p{padding:0 0 10px 0;}
.faq_list div p:nth-last-child(1){padding:0 0 0 0;}
.faq_list input:checked + label + div{display:block;}
.qna_a{font-size:16px;}

/* order */
.order_whitebox_01{background-color:#fff; border-radius:10px; min-height:100px; padding:25px 25px 15px 25px;}
.order_whitebox_02{background-color:#fff; border-radius:10px; min-height:100px; margin:20px 0 0 0; padding:25px; position: relative;}
.order_whitebox_03{ margin:20px 0 0 0;}
.order_contbox{position: relative; padding:0 0 40px 0; min-height:600px;}
.order_03_inbox{background-color:#fff; border-radius:10px; min-height:100px; padding:25px 25px 15px 25px;}
.order_h1{font-size:20px; font-weight:bold; text-align:left; padding:0 0 20px 0;}
.order_h1 span{color:#454ed4; font-size:17px; display:inline-block; vertical-align:top; padding:0px 6px 0 0;}
.order_term{ font-size:0px;}
.order_term li{border:1px solid #ddd; border-radius:5px; margin:0 0 10px 0; padding:20px 20px 20px 18px; text-align:left; position:relative; min-height:40px;}
.order_term li:nth-child(1){padding:20px 20px 6px 18px;}
.order_term li div.price_left{display:inline-block; vertical-align:middle; font-size:16px; width:100%;}
.order_term li div.price_right{display:inline-block; vertical-align:middle; font-size:16px; width:100%; text-align:right;}

[type="radio"]{vertical-align:middle; appearance:none; border:max(1px, 0.1em) solid #ddd; border-radius:50%; width:22px; height:22px;}
[type="radio"]:checked{border:7px solid #454ed4;}
[type="radio"]:disabled{opacity:0.7; cursor:not-allowed; background-color:#eee;}
.rule_check_unit input[type="checkbox"]{width:17px; height:17px; display:inline-block; vertical-align:top; outline:0;}
.rule_check_unit2 input[type="checkbox"]{width:17px; height:17px; display:inline-block; vertical-align:top; outline:0;}
.rule_check_unit{font-size:16px; color:#666; padding:0 0 10px 0; font-weight:bold;}
.rule_check_unit2{font-size:14px; color:#666; padding:0 0 10px 25px; background-image:url("../images/in_under.png"); background-repeat: no-repeat; background-size:15px; background-position:3px 0px; margin:0 0 0 5px;}
.rule_check_unit2 input{margin:0.5px 3px 0 0;}
.rule_check_unit2 a:link{text-decoration:underline; color:#999;}
.rule_check_unit2 a:visited{text-decoration:underline; color:#999;}
.rule_check_unit2 a:hover{text-decoration:underline; color:#999;}
.rule_check_unit2 a:active{text-decoration:underline; color:#999;}



.price_left span{display:inline-block; vertical-align:middle; margin:2px 0 0 0;}
.price_h1{font-size:15px; color:#bbb; text-decoration:line-through;}
.price_h2{font-size:16px; font-weight:bold; padding:0 0 0px 0;}
.first_ma{padding:0 0 15px 0;}
.card_plus{border:1px solid #ddd; border-radius:5px; font-size:15px; font-weight:bold; color:#454ed4; padding:15px 0 15px 0; cursor:pointer; text-align:center;}

.order_sum{font-size:0px;}
.order_sum dt{font-size:16px; color:#999; display:inline-block; vertical-align:top; width:50%; text-align:left; padding:0 0 9px 0;}
.order_sum dd{font-size:16px; color:#999; display:inline-block; vertical-align:top; width:50%; margin:0 0 0 0; padding:0 0 0 0; text-align:right; padding:0 0 9px 0;}
.order_sum dt.sale{font-weight:bold; color:#fb586f;}
.order_sum dt div.icon_sale{margin:0 0 0 2px;}
.order_sum dd.sale{font-weight:bold; color:#fb586f;}
.order_sum dt.sum_all{font-weight:bold; font-size:18px; color:#333; padding:9px 0 0 0;}
.order_sum dd.sum_all{font-weight:bold; font-size:18px; color:#333; padding:9px 0 0 0;}
.order_noti_h1{font-size:18px; font-weight:bold; text-align:left; border-top:1px solid #ddd; margin:30px 0 0 0; padding:20px 0 20px 0;}

.btn_order{background-color:#454ed4; color:#fff; margin:20px 0 0 0; border-radius:5px; padding:15px 0 15px 0; cursor:pointer; text-align:center;}
.btn_order_off{background-color:#d0d0d1; color:#fff; margin:20px 0 0 0; border-radius:5px; padding:15px 0 15px 0; cursor:pointer; text-align:center;}
.btn_order_red{background-color:#fc6464; color:#fff; margin:20px 0 0 0; border-radius:5px; padding:15px 0 15px 0; cursor:pointer; text-align:center;}

.order_info{ padding:0 0 0px 0;}
.order_info dt{font-size:15px; font-weight:bold; text-align:left; margin:0 0 0 0; padding:30px 0 0 0;}
.order_info dd{font-size:14px; color:#666; text-align:left; margin:0 0 0 0; padding:5px 0 0 0; word-break:keep-all;}
.order_info dd p{padding:0 0 8px 0;}

/* card plus */
.plus_card_wbox{background-color:#fff; position:relative; padding:30px; text-align:left;}
.plus_card_h1{font-size:20px; font-weight:bold; text-align:left; padding:0 0 20px 0;}
.plus_card_unit{}
.plus_card_unit dt{font-size:16px; font-weight:bold; color:#666; padding:0 0 10px 0;}
.plus_card_unit dd{font-size:16px; padding:0 0 20px 0; margin:0 0 0 0;}
.plus_card_unit dd span{margin:2px 0 0 0; display:inline-block; vertical-align:top;}
.in_st_cardnum{border:1px solid #ddd; font-size:16px; padding:10px 10px 10px 10px; outline:none; width:calc(25% - 27px);}

.plus_card_unit_left{display:inline-block; vertical-align:top; width:49%;}
.plus_card_unit_right{display:inline-block; vertical-align:top; width:45%;}
.plus_card_unit_left dt{font-size:16px; font-weight:bold; color:#666; padding:0 0 10px 0; letter-spacing:-1px;}
.plus_card_unit_left dd{padding:0 0 20px 0; margin:0 0 0 0;}
.plus_card_unit_right dt{font-size:16px; font-weight:bold; color:#666; padding:0 0 10px 0;}
.plus_card_unit_right dd{font-size:16px; padding:0 0 20px 0; margin:0 0 0 0;}
.card_month{border:0px solid #ddd; font-size:16px; padding:10px 10px 10px 10px; outline:none; display:inline-block; vertical-align:middle; width:40px;}
.card_term{border:1px solid #ddd;}
.in_st_birth{width:148px; border:1px solid #ddd; font-size:16px; padding:10px 10px 10px 10px; outline:none; font-family: "Pretendard"}
.card_modify{position:absolute; top:30px; right:30px; cursor:pointer; font-size:14px; color:#666;}
.card_info{border:1px solid #ddd; border-radius:5px; padding:15px 20px 15px 20px; font-size:0px;}
.card_info_h1{font-size:18px; font-weight:bold; text-align:left; padding:0 0 8px 0;}
.card_info_h2{font-size:16px; color:#666; text-align:left;}
.card_info_h2 span{display:inline-block; vertical-align:top; font-size:13px; margin:1px 0 0 0;}

/* order done */
.order_done_box{background-color:#fff; border-radius:10px; text-align:left; padding:0 30px 30px 30px;}
.done_btn{text-align:center; padding:15px 60px 0 0;}

/* admin */
.admin_search_pac{ padding:15px 0 0 0; border-top:1px solid #ddd; margin:10px 0 0 0;}
.adm_search{border:1px solid #ddd; background-color:#fff; border-radius:30px; display:inline-block; padding:6px 15px 6px 15px; }
.adm_search_style{border:0px; font-size:16px; width:150px; outline:0;}
.adm_customer_unit{border-bottom:1px solid #ddd; padding:20px 0 20px 0;}
.adm_customer_unit:nth-last-child(1){border-bottom:0px;}
.adm_customer_unit div{font-size:16px; display:inline-block; color:#666; vertical-align:middle;}

.customer_h1{font-size:17px; font-weight:bold; padding:0 0 10px 0; cursor:pointer;}
.customer_h1 span{font-size:16px; color:#999; font-weight:normal; padding:0 0 0 4px;}
.customer_h2{font-size:16px; color:#999; padding:0 0 7px 0;}
.customer_h3{font-size:16px; color:#999; padding:0 0 5px 0;}
.customer_h4{font-size:16px; color:#999; padding:0 0 7px 0;}
.customer_h5{font-size:16px; color:#999; padding:0 0 10px 0;}
.customer_h5 span{font-weight:bold; color:#454ed4;}
.customer_h5 span.term_out{color:#999;}
.customer_h6{text-align:right;}

.admin_table_set{font-size:16px; width:calc(100% - 20px); margin:10px 10px 15px 10px;}
.admin_table_set th{text-align:left; border-bottom:1px solid #ccc; padding:0 0 15px 0; font-size:15px;}
.admin_table_set td{text-align:left; border-bottom:1px solid #ddd; padding:15px 0 15px 0; font-size:15px; color:#666;}
.admin_table_set td.right_last{text-align:right;}
.admin_table_set td.ad_name{cursor:pointer; font-weight:bold;}
span.table_bold{color:#444cc2; font-weight:bold;}


/* payment */
.payment_h1{ font-size:26px; font-weight:bold; text-align:center; padding:50px 0 0 0;}
.payment_menu_pac{text-align:center; padding:30px 0 30px 0;}
.payment_menu_pac li{ display:inline-block; vertical-align:top; font-size:17px; margin:0 10px 0 10px; padding:0 0 10px 0; cursor:pointer;}
.payment_menu_pac li.on{font-weight:bold; border-bottom:2px solid #454ed4;}
.payment_whitebox{background-color:#fff; padding:20px; border-radius:10px; margin:0 0 40px 0;}
.payment_h2{font-size:18px; font-weight:bold; padding:0 0 15px 0;}
.payment_little_go{font-size:15px; text-align:center; color:#999; padding:15px 0 0 0; text-decoration: underline; cursor:pointer;}
.payment_h3{font-size:15px; color:#999; padding:0 0 20px 0;}
.gray_box{background-color:#f5f5f5; border-radius:10px; padding:20px;}
.term_change{ font-size:0px;}
.term_change dt{font-size:15px; display:inline-block; vertical-align:middle; width:45%; padding:0 0 20px 0;}
.term_change dd{font-size:15px; display:inline-block; vertical-align:middle; margin:0 0 0 0; padding:0 0 20px 0; width:55%;}
.term_ch_input{font-size:15px; border:1px solid #ddd; border-radius: 3px; padding:8px; width:100%; outline:0;}
.gray_in_info{border-top:1px solid #ddd; padding:20px 0 0 0; font-size:15px; word-break:keep-all; color:#666;}
.gray_in_info2{border-top:0px solid #ddd; padding:20px 0 0 0; font-size:15px; word-break:keep-all; color:#666;}
.cancle_letter{ text-align: center;}
.cancle_letter dt{font-size:18px; font-weight:bold; padding:10px 0 20px 0;}
.cancle_letter dd{font-size:15px; padding:0 0 10px 0; margin:0 0 0 0;}
.go_setpage{text-align:center; padding:0 0 50px 0; font-size:14px; text-decoration: underline; color:#999; cursor:pointer;}

/* share */
.share{display:inline-block; vertical-align:top; padding:5px 5px 0 0; cursor:pointer;}
.share img{width:20px; opacity:0.5}

/* free img */
.free_img_wbox{background-color:#fff; position:relative; padding:30px; text-align:left;}
.free_img_cate{width:100%; font-size:0px; padding:0 0 15px 0;}
.free_img_cate li{display:inline-block; vertical-align:top; padding:10px 15px 12px 15px; font-size:15px; color:#999; text-align:center; cursor:pointer;}
.free_img_cate li.on{background-color:#454ed4; color:#fff; border-radius:30px;}
.free_img_pac{width:100%; height:400px; padding:0px 0 0 0; font-size:0px; overflow-y:scroll;}
.free_img_pac div.free_img_unit{display:inline-block; vertical-align:top; width:calc(33.3% - 2px); margin:0 2px 2px 0; cursor:pointer;}
.free_img_pac div.free_img_unit img{width:100%;}

.view_p{font-size:14px; color:#999; position:absolute; top:0px; left:0px;}


/* Tablet & Desktop Device */
@media all and (min-width:768px) {
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/

.head_go_url{font-size:13px; display:inline-block; color:#9a9ea4; cursor:pointer; border:1px solid #ddd; border-radius:50px; padding:9px 18px 9px 15px; vertical-align:top; margin:-5px 0 0px 0;}

.sort_pac{text-align:center; padding:0px 0px 0px 20px; margin:20px 0 20px 0; display:inline-block;}
.sort_pac input{width:18px; height:18px; display:inline-block; vertical-align:bottom;}
.sort_pac img{border:1px solid #ddd; width:180px;}
.rightline{border-bottom:0px solid #ccc; border-right:1px solid #ccc; padding-right:22px;}
.sort_h1{font-size:16px; font-weight:bold; padding:10px 0 5px 0;}
.sort_h2{font-size:13px; color:#969696;}



.cover_thumb_view{border-radius:80px; overflow:hidden; width:80px; height:80px; display:inline-block; margin:10px 20px 0px 0;}
.cover_thumb_view img{width:80px;}
.cover_thumb_right{display:inline-block; vertical-align:top; padding:5px 0 0 0; width:calc(100% - 105px);}

/* send */
.send_left{padding:20px 0 20px 10px; width:200px; display:inline-block; vertical-align:top;}
.send_left img{width:100%;}
.send_h1{font-size:20px; font-weight:bold; padding:20px 0 10px 0;}
.send_h2{font-size:16px; opacity:0.5; padding:0 0 15px 0; word-break:keep-all; line-height:22px;}
.send_url{padding:0px 0 15px 0;}
.send_right{display:inline-block; vertical-align:top; padding:0 0 0 50px; width:calc(100% - 290px);}

.bon_login{font-size:18px; display:inline-block; vertical-align:top; border:1px solid #ccc; border-radius:30px; padding:8px 15px 8px 15px; margin:-7px 0 10px 30px; cursor:pointer;}

/* free img */
.free_img_wbox{background-color:#fff; position:relative; padding:30px; text-align:left; width:700px; margin:0 auto; border-radius:5px;}
.free_img_pac div.free_img_unit{display:inline-block; vertical-align:top; width:calc(20% - 4px); margin:0 4px 4px 0;}

/* payment */
.payment_whitebox{background-color:#fff; width:400px; padding:30px; border-radius:10px; margin:0 auto 50px;}

/* admin */
.admin_search_pac{border-top:0px; margin:0 0 0 0; text-align:right; padding:2px 0 0 0; position: absolute; top:30px; right:0px;}
.customer_h1{display:inline-block; vertical-align:middle; width:19%;}
.customer_h2{display:inline-block; vertical-align:middle; width:16%; text-align:center;}
.customer_h3{display:inline-block; vertical-align:middle; width:16%; text-align:center;}
.customer_h4{display:inline-block; vertical-align:middle; width:16%; text-align:center;}
.customer_h5{display:inline-block; vertical-align:middle; width:16%; text-align:center;}
.customer_h6{display:inline-block; vertical-align:middle; width:16%; text-align:right;}


.order_done_box{background-color:#fff; border-radius:10px; text-align:left; padding:0 30px 30px 30px; width:600px; margin:0 auto;}

/* card */
.plus_card_wbox{background-color:#fff; position:relative; padding:30px; width:350px; margin:0 auto; border-radius:10px;}
.card_info{border:1px solid #ddd; border-radius:5px; padding:20px 20px 20px 20px; font-size:0px;}
.card_info_h1{font-size:18px; font-weight:bold; text-align:left; padding:0 0 0px 0; display:inline-block; vertical-align:top; width:20%;}
.card_info_h2{font-size:16px; color:#666; text-align:right; display:inline-block; vertical-align:top; width:80%;}


/* order */
.order_whitebox_01{background-color:#fff; border-radius:10px; min-height:100px; width:calc(60% - 50px);}
.order_whitebox_02{background-color:#fff; border-radius:10px; min-height:100px; margin:20px 0 20px 0; width:calc(60% - 50px);}
.order_whitebox_03{margin:0px 0 0 0; width:calc(40% - 20px); position:absolute;; top:0px; right:0px;}
.order_03_inbox{background-color:#fff; border-radius:10px; min-height:100px;}
.order_term li div.price_left{display:inline-block; vertical-align:middle; font-size:16px; width:40%;}
.order_term li div.price_right{display:inline-block; vertical-align:middle; font-size:16px; width:60%; text-align:right;}
.order_term li{border:1px solid #ddd; border-radius:5px; margin:0 0 10px 0; padding:12px 20px 12px 18px; text-align:left; position:relative; min-height:40px;}
.first_ma{padding:0 0 0px 0;}
.order_bottom{min-height:810px;}


.mini_info_card dt{display:inline-block; font-size:14px; color:#999; width:calc(30% - 10px); margin:0 0 0 0; padding:0 0 4px 10px;}

.int_lasted_box{text-align:center; padding:20px 0 40px 0;}
.int_function_box{background-image:url("../images/int_img.png"); width:100%; height:384px; background-position:center;}
.int_wide_img{display:none;}
.func_unit{display:inline-block; width:200px; padding:0 0 25px 0;}

/* intro */
.intro_h1{padding:80px 0 6px 0; font-size:40px;}
.intro_h2{font-size:22px;}
.intro_mainbanner img{width:auto;}
.int_cont_unit{display:inline-block; vertical-align:top; width:350px;}
.intro_cont_01{background-color:#fff; text-align:center; padding:30px 0 30px 0;}
.int_cont_h1{font-size:32px; font-weight:bold; letter-spacing:-2px; padding:50px 0 8px 0; text-align:center;}
.int_cont_h2{font-size:18px; padding:5px 0 50px 0; text-align:center;}
.int_cont_h3{font-size:16px; color:#999; padding:0 0 10px 0;}

.board_letter{margin:30px 0 0 0; word-break:keep-all;}
.board_inbox{width:68%; margin:0 auto;}

.main_btn_mar{margin:-7px 0 0 0;}
.btn_box{text-align:center; padding:0 0 10px 0;}
.align_right{text-align:right;}

/* pub */
.publish_left{text-align:left; display:inline-block; vertical-align:top; width:calc(50% - 20px); padding:0 0 0 20px;}
.publish_right{text-align:left; display:inline-block; vertical-align:top; width:50%;}
.pub_unit dt{font-size:15px; font-weight:bold; margin:0 0 0 0; padding:10px 0 10px 0; display:inline-block; vertical-align:top; width:120px;}
.pub_unit dd{font-size:15px; margin:0 0 0 0; display:inline-block; vertical-align:top; width:calc(100% - 120px);}

.bo_write_height{min-height:444px;}
.bon_view_box{margin:40px 0 30px 0;}
.bon_view_inbox{width:70%; margin:0 auto; padding:30px 0 20px 0;}

.bottom_gologin{position:absolute; top:0px; right:0px;}
.onlymobile{display:none;}
.footer_info{width:60%;}
.foot_noti dt{display:inline-block; vertical-align:top; font-size:16px; font-weight:bold; margin:0px 20px 0 0; padding:0 0 5px 0;}

.cont_list_pac{font-size:0px; padding:40px 0 30px 0;}

/* bon head */
.bon_now_pac{text-align: center; border-top:0px solid #eee; padding:0px 0 0 0; width:50%; text-align:right; position:absolute; top:50%; right:30px; margin:-18px 0 0 0;}
.bon_head{font-size:0px;}
.bon_menu li{padding:5px 0 10px 8px;}
.bon_logo{text-align:left; display:inline-block; vertical-align:top; width:50%;}
.bon_menupac{text-align:center; padding:0px 0 0px 0; border-top:0px solid #ddd; top:50%; right:0px; position:absolute; margin:-14px 0 0 0;}
.bon_head_left{margin:0 0 0 0;}
.bon_head_right{margin:0px 0 0 30px;}
.bon_vol_h2{font-size:17px; color:#999; padding:4px 0 15px 0; position:absolute; top:40px; right:0px;}
.btn_gologin{ margin:0 0 0 5px;}


/* modal thumb view */
#banner_online {padding:70px 0 0 0; z-index: 9999; display: none; text-align:center; width:100%;}
.modal_img{margin:0 auto; display:block; margin:0 auto; position:relative;}
.modal_img img{width:auto;}
.mo_btn_pre{position:fixed; top:50%; left:20px; margin-top:-20px;}
.mo_btn_next{position:fixed; top:50%; right:20px; margin-top:-20px;}


/* file add */
.file_preview{width:200px; display:inline-block; vertical-align:top;}
.file_info_pac{display:inline-block; vertical-align:top; width:calc(100% - 220px); padding:12px 0 0 20px;}
.blueprint_preview{width:198px; display:inline-block; vertical-align:top;}


/* search */
.list_sort_w{font-size:14px; letter-spacing:-1px; border:1px solid #ccc; padding:5px; outline:none; width:auto;}
.cont_count2{display:inline-block; vertical-align:top; width:50%;}
.conts_sort2{display:inline-block; vertical-align:top; width:50%; text-align:right;}

/* support ask */
.cate_check_pac li{width:16%;}

/* support state */
.su_ask_unit{display:inline-block; vertical-align:top; border-bottom:0px; width:calc(20% - 1px); border-right:1px solid #ddd; min-height:70px; margin:10px 0 0 0;}
.su_ask_unit dt{display:block; text-align: center; width:100%; padding:0 0 10px 0;}
.su_ask_unit dd{display:block; text-align: center; width:100%; padding:10px 0 0 0;}
.su_ask_unit2 dt{display:block; padding:0 0 8px 0;}
.su_ask_unit2 dd{display:block; text-align: left;}
.su_ask_unit3{display:inline-block; vertical-align:top; border-bottom:0px; width:calc(16.6% - 1px); border-right:1px solid #ddd; min-height:70px; margin:10px 0 0 0;}
.su_ask_unit3 dt{display:block; text-align: center; width:100%; padding:0 0 10px 0;}
.su_ask_unit3 dd{display:block; text-align: center; width:100%; padding:10px 0 0 0;}

.no_rightline{border-right:0px;}
.pc_upmar{margin:-6px 0 0 0;}
.su_ask_unit2{border-top:1px solid #ddd; margin:20px 0 0 0;}

/* support */
.support_unit{text-align:left;}
.support_num{position:relative; display:inline-block; vertical-align:top; width:13%; font-size:30px; font-weight:normal; text-align:right; padding:10px 80px 0 0; }
.support_thumb{}
.support_txt{width:50%; padding:0 0 0 40px;}

/* point table */
.point_table td{padding:10px 10px 10px 10px;}

/* point */
.point_inbox{display:inline-block; vertical-align:top; border-bottom:0px; border-right:1px solid #ddd; width:24.5%; min-height:100px; padding:0 0 0 0; margin:20px 0 20px 0;}
.point_inbox:nth-child(4){border-right:0px;}
.my_profile_thumb{width:100px; height:100px;}
.my_profile_thumb{display:inline-block; vertical-align:top;}
.my_profile_name{display:inline-block; vertical-align:top; padding:36px 0 0 15px;}
.point_title{padding:17px 0 0 0;}
.mini_info_btn{padding:10px 0 0px 0;}


/* member */
.bo_mem_unit{padding:20px 0 15px 0;}
.bo_mem_join{display:inline-block; vertical-align:top; padding:0px 30px 0 0; }
.bo_mem_ship{display:inline-block; vertical-align:top; position:relative; margin:0 30px 0 0px; top:4px; width:15%;}
.bo_mem_period{display:inline-block; vertical-align:top; padding:5px 0px 0 0; width:25%;}
.bo_mem_term{display:inline-block; vertical-align:top; margin:5px 0 0 0px;  padding:0 0 0 0;}
.bo_mem_won{display:inline-block; vertical-align:top; width:15%; margin:0px 0 0 0;}
.bo_mem_info{display:inline-block; vertical-align:top; margin:0 0 0 0px; padding:0 0 0 0; position:absolute; top:20px; right:0px;}


/* myinfo */
.info_check{display:inline-block; vertical-align:top; padding:0 0 0 20px;}
.white_threebox{display:inline-block; vertical-align:top; min-height:152px; margin:0 20px 20px 0; width:329px;}
/*.white_threebox:nth-child(3){margin:0 0 0px 0;} */


/* mantoman */
.wr_unit dt{font-size:16px; font-weight:bold; margin:0 0 0 0; padding:8px 0 8px 0; display:inline-block; vertical-align:top; width:240px;}
.wr_unit dd{font-size:16px; margin:0 0 0 0; display:inline-block; vertical-align:top; width:calc(100% - 240px);}
.wr_unit dd.onlytxt{ padding:8px 0 0 0;}
.w_middle_in{width:110px;}

.cont_list_pac div.cont_unit:nth-child(4){margin:0 0 15px 0;}
.cont_list_pac div.cont_unit:nth-child(8){margin:0 0 15px 0;}
.cont_list_pac div.cont_unit:nth-child(12){margin:0 0 15px 0;}
.cont_list_pac div.cont_unit:nth-child(16){margin:0 0 15px 0;}
.cont_list_pac div.cont_unit:nth-child(20){margin:0 0 15px 0;}
.cont_list_pac div.cont_unit:nth-child(24){margin:0 0 15px 0;}

/* board_wirte */
.bo_write_unit dt{font-size:14px; font-weight:bold; padding:10px 0 0px 0; margin:8px 0 0 0; display:inline-block; vertical-align:top; width:150px;}
.bo_write_unit dd{padding:10px 0 10px 0; margin:0 0 0 0; display:inline-block; vertical-align:top; width:calc(100% - 150px);}
.underline{border-bottom:1px solid #ddd;}


/* board list */
.bo_check{display:inline-block; vertical-align:top;}
.bo_num{display:inline-block; vertical-align:top; margin:2px 0px 0 0; width:5%; text-align:center; padding:0 0 0 0;}
.bo_title{display:inline-block; vertical-align:top; width:69%; margin:0px 0 0 0; padding:0 0 0 0;}
.bo_cate{display:inline-block; vertical-align:top; width:10%; font-size:18px; margin:0px 0 0 0; padding:0 0 0 0;}
.bo_date{display:inline-block; vertical-align:top; padding:0 0 0 0; text-align:right; width:12%; margin:2px 0 0 0;}
.bo_view{display:inline-block; vertical-align:top;}
.inquiry_reply_pac{border-top:0px; position:absolute; top:12px; right:20px;}
.inquiry_reply_date{position:relative; text-align:right; padding:0 5px 0 0;}

/* inquiry */
.my_submenu_pac{ text-align:center; padding:40px 0 40px 0;}
.my_submenu_pac li{display:inline-block; vertical-align:top; margin:0 15px 0 15px; font-size:18px;}

/* contents view */
.co_in_info dt{display:inline-block; vertical-align:top; margin:0 0 0 0; font-size:15px; font-weight:bold; width:60px; padding:0 0 10px 0;}
.co_in_info dd{display:inline-block; vertical-align:top; margin:0 0 0 0; font-size:15px; width:100px; padding:0px 0 10px 0;}
.print_unit{border:1px solid #ddd; display:inline-block; vertical-align:top; margin:0 20px 20px 0; width:258px;}
.print_unit:nth-child(4){margin:0 0 10px 0;}
.print_unit:nth-child(8){margin:0 0 10px 0;}
.re_join_title span{display:inline-block;}
.cont_w_board{padding:0 30px 0 30px; background-color:#fff; margin:0 30px 0 30px; border-radius:10px;}
.cont_view_left{padding:30px 30px 0 0; display:inline-block; vertical-align:top; width:272px;}
.cont_view_right{display:inline-block; vertical-align:top; width:calc(100% - 302px);}
.co_in_like{padding:10px 0 20px 0; border-top:0px solid #ddd; display:inline-block; vertical-align:top;}
.co_in_info{padding:10px 0 10px 0; border-bottom:0px solid #d2dbe1; display:inline-block; vertical-align:top;}

/* contents */
.conts_cate_box{text-align:left; padding:40px 0px 30px 0px;}

.onlypc{display:inline-block;}

/* login */
.login_box{width:350px; margin:0 auto; padding:30px 0 40px 0;}

/* join */
.join_box{width:600px; margin:30px auto; padding:20px 30px 30px 30px; font-size:0px; background-color:#fff; border-radius:20px; border-top:0px;}
.join_unit_pac dt{display:inline-block; font-size:16px; font-weight:bold; color:#666; padding:8px 0 10px 0; vertical-align:top; width:150px;}
.join_unit_pac dd{display:inline-block; padding:0 0 0 0; margin:0 0 0 0; vertical-align:top; width:444px; font-size:16px;}
.w_middle{width:110px;}
.w_middle2{width:144px;}
.select_style{font-size:15px; border:1px solid #ccc; padding:9.5px; display:inline-block; vertical-align:top;}
.w_s_pc{width:153px;}
.w_long_btn{width:calc(70% - 22px);}
.w_long_s{width:calc(70% - 22px);}
.w_long_btn{width:101px;}
.btn_join_check{display:inline-block; background-color:#414252; color:#bebfcd; font-size:15px; padding:10px; text-align:center; border:1px solid #2c2d3b; cursor:pointer; margin:0px 0 0 0; vertical-align:middle;}
.up10{margin:10px 0 0 0;}

/* main_menu */
.main_menu_pac{text-align:center; padding:25px 0 0 0;}
.main_menu_pac li{display:inline-block; font-weight:bold; font-size:19px; padding:0 10px 50px 10px;}
.main_menu_pac li.left_line{background-image:url("../images/left_line.png"); background-repeat:no-repeat; background-position:0px 3px; padding:0 0 50px 20px; margin:0 0px 0px 10px;}

/* submenu */
.main_menu_pac li:hover{}
.main_menu_pac li:hover .menu_cont_01{height:329px; border:1px solid #ddd; z-index:10; display:inline;}
.menu_cont_01{height:0px; overflow:hidden; position:absolute; top:126px; left:0px; background-color:#fff; width:100%; border-radius:10px; display:none; z-index:0;}
.submenu_inpac{padding:40px 30px 0 30px; text-align:center;}
.menu_list_unit{font-size:18px; display:inline-block; width:15%; padding:0 0 20px 0; font-weight:normal; text-align:left; vertical-align:top;}
.menu_list_unit span{display:inline-block; vertical-align:text-top; margin:2px 0 0 0;}
.menu_sublist_unit{font-size:16px; padding:20px 0 0 0;}
.menu_sublist_unit a:link{color:#989898;}
.menu_sublist_unit a:visited{color:#989898;}
.menu_sublist_unit a:active{color:#989898;}
.menu_sublist_unit a:hover{color:#989898;}

/* submenu */
.main_menu_pac li div .main_cate_list li{font-size:18px; display:inline-block; width:50%; padding:0 0 12px 0;}
.btn_go_r{font-size:16px; font-weight:bold; background-color:#454ed4; border-radius:50px; padding:10px 25px 13px 25px; cursor:pointer; display:inline-block; color:#fff; margin:20px 0 0 0;}


.footer_pac{background-color:#2c2d3b; padding:40px 0 40px 0px;}
.footer_copy div li{padding:0 20px 5px 0; display:inline-block;}
.footer_copy2 div li{padding:0 15px 5px 0; display:inline-block;}
.main_cate_list li{font-size:18px; display:inline-block; width:16%; padding:0 0 20px 0;}


/* 추천 콘텐츠 */
.recom_thumb{width:50%; display:inline-block; vertical-align:top; height:210px; overflow:hidden; border-radius:10px 0px 0 10px; cursor:pointer;}
.recom_area{width:calc(50% - 40px); display:inline-block; vertical-align:top;}
.recom_t{font-size:20px; font-weight:bold; padding:10px 0 0 0; letter-spacing:-1.5px; height:105px; overflow:hidden; cursor:pointer;}
.main_frame{padding:0 30px 0 30px;}

/* menu */
.head_pac{padding:0px 0 0px 0; position:relative; margin:0 auto;}
.main_menu_pac{text-align:center; padding:50px 0 0 0;}
.member_pac{position:absolute; top:55px; right:0px;}

/* main banner */
.main_ban_pc{display:inline;}
.main_ban_mobile{display:none;}
.main_banner_pac{text-align:center;}
.main_ban_pc img{width:100%;}

.cont_unit{width:calc(25% - 15px); vertical-align:top; margin:0 20px 20px 0;}
.cont_new_pac{padding:50px 0 60px 0; }
.cont_recom_pac{padding:50px 0 60px 0; font-size:0px; background-color:#d2dbe1;}

.recom_unit{width:568px; margin:0 24px 24px 0;}
.recom_unit:nth-child(3){margin:0 0 24px 0;}
.recom_unit:nth-child(5){margin:0 0 24px 0;}

.main_cate_pac{background-color:#fff; padding:50px 0 60px 0; font-size:0px;}
.lasted_pac{padding:50px 0 60px 0; font-size:0px;}
.lasted_unit{border-radius:10px; width:272px; display:inline-block; vertical-align: top; margin:0 24px 15px 0;}
.lasted_unit_blank{border-radius:10px; width:272px; display:inline-block; vertical-align:top; margin:0 24px 0 0; cursor:pointer;}
.lasted_unit_blank:nth-child(5){margin:0 0 0 0;}



}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1024px) {
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/

.head_pac{position:relative; margin:0 auto;}
.member_pac{position:absolute; top:55px; right:0px;}

.bon_now_pac{text-align: center; border-top:0px solid #eee; padding:0px 0 0 0; width:50%; text-align:right; position:absolute; top:50%; right:30px; margin:-35px 0 0 0;}
.cont_t{font-size:18px; font-weight:bold; padding:10px 0 0 0; letter-spacing:-1.5px; height:52px; overflow:hidden; cursor:pointer;}

.bon_view_inbox{width:80%; margin:0 auto; padding:30px 0 20px 0;}

}
/* Desktop Device */
@media all and (min-width:1025px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/

.go_back{font-size:17px; font-weight:bold; vertical-align:top; color:#9aa6af; padding:40px 0px 30px 0px; border-bottom:0px solid #d2dbe1; cursor:pointer; width:1160px; margin:0 auto;}

.cont_w_board{padding:0 30px 0 30px; background-color:#fff; margin:0 auto; border-radius:10px; width:1100px; }

.main_frame{padding:0 0px 0 0px; width:1160px; margin:0 auto;}
.head_pac{position:relative; width:1160px; margin:0 auto;}
.main_banner_pac{width:1160px; margin:0 auto;}
.main_frame{padding:0 0px 0 0px;}

.bon_now_pac{text-align: center; border-top:0px solid #eee; padding:0px 0 0 0; width:50%; text-align:right; position:absolute; top:50%; right:0px; margin:-18px 0 0 0;}

/* order */
.order_whitebox_01{background-color:#fff; border-radius:10px; min-height:100px; width:calc(60% - 110px); margin:0 0 0 60px;}
.order_whitebox_02{background-color:#fff; border-radius:10px; min-height:100px; margin:20px 0 0 60px; width:calc(60% - 110px);}
.order_whitebox_03{ margin:0px 60px 0 0; width:calc(40% - 80px); position:absolute;; top:0px; right:0px;}
.order_03_inbox{background-color:#fff; border-radius:10px; min-height:100px;}

}