@charset "utf-8";
.w30, .w50, .w70, .w100 { height: 40px; float: left; display: inline-block; width: 100%; margin-top: 13px; }
.w50 { width: 46%; }
#leftcolumn1 { background: #ffffff; height: 273px; float: left; }
#content1 { float: left; background: #FFFFFF; width: 685px; height: 273px; }
#content10 { float: left; background: #FFFFFF; width: 900px; height: 250px; }
#rightcolumn1 { background: #FFFFFF; width: 168px; height: 273px; float: left; margin-left: 12px; }
#rightcolumn10 { background: #CC33FF; width: 158px; height: 250px; float: left; margin-left: 12px; text-align: center; }
#leftcolumn2 { background: #ffffff; height: 100%; float: left; z-index: -1; }
#content2 { float: left; background: #FFFFFF; width: 900px; height: 180px; font-size: 14px; font-weight: bold; color: #9867ab; }
#order_write { height: 20px; background: #9867ab; }
#rightcolumn2 { background: #f6eeff; width: 178px; height: 180px; float: left; margin-left: 20px; font-size: 1.2em; font-weight: bold; color: #9867ab; }
#leftcolumn3 { background: #ffffff; height: 350px; float: left; }
#content3 { float: left; background: #FFFFFF; width: 685px; height: 350px; margin: 0 0px 0 0; }
#rightcolumn3 { background: #CC33FF; width: 135px; height: 350px; float: left; }
#mid_1_left { margin-bottom: 15px; float: left; background: #ffffff; height: 360px; }
#mid_1_rightcolumn { background: #ffffff; width: 800px; float: left; height: 323px; }
#mid_2_left { float: left; background: #ffffff; width: 220px; height: 100%; }
#mid_2_rightcolumn { background: #ffffff; float: left; width: 865px; height: 358px; margin-left: 15px; }
#mid_3_left { float: left; background: #ffffff; height: 100%; z-index: 1; }
#mid_3_rightcolumn { background: #ffffff; width: 1100px; float: left; height: 100%; }
#mid_4_left { margin-top: 10px; float: left; background: #ffffff; height: 80px; z-index: 1; }
#mid_4_rightcolumn { background: #ffffff; width: 850px; float: left; height: 80px; }
#mid_5_left { float: left; height: 100%; }
#mid_5_rightcolumn { background: #ffffff; width: 1100px; float: left; height: 100%; margin-top: 5px; }
.round { margin-left: 15px; font-size: 14px; font-weight: bold; width: 2em; border-radius: 3em; line-height: 2em; border: 3px solid #fa2626; display: inline-block; text-align: center; }
.more_button { margin-bottom: 20px; padding: 20px; text-align: center; background: #be80ff; cursor: pointer; color: #fff; }
.more_button > i { font-size: 40px; }
@media screen and (max-width:1200px) { .gall_img img { width: 100% !important; } }
@media screen and (max-width:700px) { .mb_disp_no { display: none; } .gall_row > li { width: 33.33333333% !important; } .gall_img img { width: 100% !important; } }
@media screen and (max-width:600px) { .gall_row > li { width: 50% !important; } }
.num { padding: 0px 0px 0px 100px; font-size: 1.4em; text-align: center; }
#th1, #td1 { height: 45px; background: #b99bc5; margin-top:10px; height: 30px; padding:0px; border:solid #b99bc5; border-width:2px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 0.2em 0 0; color:#FFF; text-align: center; }
#footer { overflow:hidden; clear:both; margin:auto; padding:22px 0 10px; border-top:2px solid #8a8a8a; color:#333; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,Sans-serif; text-align:center; }
#footer a { color:#444; text-decoration:none; }
#footer a:visited { color:#666; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer ul { margin:0 0 10px; }
#footer ul li { display:inline; position:relative; padding:0 5px 0 7px; background:url(../images/bu_bar.gif) 0 50% no-repeat; _background-position:0 10%; font-size:12px; white-space:nowrap; }
#footer ul li a:hover, #footer ul li a:hover strong { color:#438a01; }
#footer ul li.first { padding:0 3px 0 0; background:none; }
#footer address { font-family:verdana; font-size:9px; line-height:14px; }
#footer address img { vertical-align:middle; }
#footer address a { color:#444; font-family:tahoma; font-size:9px; font-weight:bold; }
#footer address a:hover { color:#009bc8; }
#footer address span { padding-left:2px; }
#footer address em { padding-left:6px; }
#footer address .logo { display:inline-block; *display:inline; *vertical-align:baseline; }
html { overflow-y:scroll; }
body { margin:0; padding:0; font-size:0.75em; font-family:dotum; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border: 0; }
.ac-container { max-width: 400px; }
.ac-container label { height: 30px !important; line-height: 21px !important; font-size: 12px !important; font-family: 'Open Sans','Arial Narrow',Arial,sans-serif !important; padding: 5px 20px; position: relative; z-index: 1; display: block; height: 30px; cursor: pointer; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px; font-size: 19px; background: #fff; background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%); background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%); background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%); background: linear-gradient(top,#fff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 ); box-shadow: 0 0 0 1px rgba(155,155,155,0.3),1px 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1); font-size: 12px; height: 30px; line-height: 20px; }
.ac-container { width: 100%; text-align: left; }
.ac-container label:hover { background: #fff; }
.ac-container input:checked + label, .ac-container input:checked + label:hover { background: #D29BB7; color: #fff; text-shadow: 0 1px 1px rgba(255,255,255,0.6); box-shadow: 0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1); height: 30px; line-height: 21px; font-size: 13px; }
.ac-container label:hover:after, .ac-container input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; }
.ac-container input:checked + label:hover:after { background-image: url(); }
.ac-container input { display: none; }
.ac-container article { background: rgba(255,255,255,0.5); margin-top: -1px; overflow: hidden; height: 0; position: relative; z-index: 1; -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear; transition: height 0.3s ease-in-out,box-shadow 0.6s linear; }
.ac-container article p { font-style: normal; color: #777; line-height: 23px; font-size: 10px; padding: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); font: normal normal 12px 'Open Sans'; }
.ac-container input:checked ~ article { -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear; transition: height 0.5s ease-in-out,box-shadow 0.1s linear; box-shadow: 0 0 0 1px rgba(155,155,155,0.3); }
.ac-container input:checked ~ article.ac-small { height: 240px; line-height: 20px; padding: 10px; }
.ac-container input:checked ~ article.ac-medium { height: 180px; padding: 10px; }
.ac-container input:checked ~ article.ac-large { height: 230px; padding: 10px; }
.saying { border: 2px solid #b99bc5; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
#hd ul, nav ul, #ft ul { list-style: none; }
legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
label, select, img { vertical-align: middle; }
input, button { margin: 0; padding: 1px; font-family: dotum; }
button { cursor: pointer; }
textarea, select { font-family: dotum; font-size: 1em; }
select { margin: 0; }
p { margin: 0; padding: 0; word-break: break-all; line-height: 20px; }
hr { display: none; }
pre { overflow-x: scroll; font-size: 1.1em; }
a:link, a:visited { color: #1F6196; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }
#hd_pop { z-index: 1000; position: relative; margin: 0 auto; width: 1100px; height: 0; }
#hd_pop h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.hd_pops { position:absolute; border: 1px solid #e9e9e9; background: #fff; }
.hd_pops_con {}
.hd_pops_footer { padding: 10px 0; background: #000; color: #fff; text-align: right; }
.hd_pops_footer button { margin-right: 5px; padding: 5px 10px; border: 0; background: #393939; color: #fff; }
#hd { z-index: 4; position: relative; min-width: 1100px; background: #fff; }
.hd_zindex { z-index: 10 !important; }
#hd_h1 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#hd_wrapper { position: relative; margin: 0 auto; width: 1100px; zoom: 1; }
#hd_wrapper:after { display: block; visibility: hidden; clear: both; content: ""; }
#logo { float: left; padding: 5px 0 0; }
#hd_sch { padding: 0; height: 35px; }
#hd_sch legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
#hd_sch #sch_stx { padding-left: 5px; width: 142px; height: 24px; border: 1px solid red; background: #fff; line-height: 1.9em !important; line-height: 1.6em; }
#hd_sch #sch_submit { padding: 0 5px; height: 26px; border: 0; background: #e2e6eb; color: #333; cursor: pointer; }
#text_size { float: left; margin: 0 0 0 10px; letter-spacing: -3px; }
#text_size button { margin: 0; padding: 1px 2px; border: 1px solid #c3c6ca; background: transparent; vertical-align: middle; cursor: pointer; }
.ts_up { font-size: 1.167em !important; }
.ts_up2 { font-size: 1.3em !important; }
#tnb { float: right; margin: 0; padding: 0; list-style: none; zoom: 1; }
#tnb:after { display: block; visibility: hidden; clear: both; content: ""; }
#tnb li { float: left; margin: 0 0 0 10px; }
#tnb a { display: inline-block; padding: 0 10px; height: 28px; color: #333; letter-spacing: -0.1em; line-height: 2.4em; }
#tnb a:focus, #tnb a:hover, #tnb a:active { text-decoration: none; }
#tnb img { margin-right: 3px; }
#gnb { position: relative; }
#gnb h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#gnb_1dul { margin: 0 auto !important; padding: 0; width: 1100px; zoom: 1; }
#gnb_1dul:after { display: block; visibility: hidden; clear: both; content: ""; }
.gnb_1dli { z-index: 10; position: relative; float: left; }
.gnb_1da { display: inline-block; padding: 0 40px 0 10px; height: 35px; background: url('../img/gnb_bg00.gif') center right no-repeat; font-weight: bold; line-height: 2.95em; text-decoration: none; }
.gnb_1da:focus, .gnb_1da:hover { background: url('../img/gnb_bg00.gif') #333 center right no-repeat; text-decoration: none; }
.gnb_1dli_air .gnb_1da { background-color: #333; color: #fff; }
.gnb_1dli_on .gnb_1da { background-color: #333; color: #fff; }
.gnb_2dul { display: none; position: absolute; top: 35px; width: 180px; }
.gnb_2da { display: block; padding: 13px 10px; text-align: left; text-decoration: none; }
.gnb_1dli_air .gnb_2da { background-color: #333; color: #fff; }
.gnb_1dli_on .gnb_2da { background-color: #333; color: #fff; }
.gnb_2da:focus, .gnb_2da:hover { background: #666; text-decoration: none; }
.gnb_1dli_over .gnb_2dul { display: block; left: 0; background: #fff; }
.gnb_1dli_over2 .gnb_2dul { display: block; right: 0; background: #fff; }
#gnb_empty { padding: 10px 0; width: 100%; text-align: center; line-height: 2em; }
#gnb_empty a { text-decoration: underline; }
#gnb #menu_left li.gnb_al { width: 37px; background: none; }
#gnb #menu_left li { color: #4c4e4d; text-align: center; }
#gnb #menu_left li a { display: inline-block; padding: 0 10px; color: #4c4e4d; width: 63px; background: url('../img/main/gnb_bg.jpg') no-repeat left 14px; font-weight: bold; letter-spacing: -1px; }
#gnb #menu_left .gnb-gnucommerce a { width: 68px; }
#gnb #menu_left .gnb-vas a { width: 75px; }
#gnb #menu_left li .gnb-shoppingmall { font-weight: bold; }
#gnb #menu_left li .gnb-shoppingmall i { font-size: 13px; margin: 0 3px 2px 0; }
#gnb #menu_left li a:hover { color: #FF5191; }
#gnb #menu_right { float: right; }
#gnb #menu_right li { padding-left: 18px; background: url('../img/main/gnb_bg1.jpg') no-repeat 8px 16px; }
#gnb #menu_right li:first-child { background: none; }
#gnb #menu_right li a { color: #909090; }
#gnb #menu_right li a:hover { color: #000; }
#gnb #all_cate_op { background: #fff; width: 1078px; border: 2px solid #ff3397; position: absolute; top: 37px; left: 50%; margin-left: -557px; z-index: 319993339; display: none; overflow: hidden; }
#gnb #all_cate_op h3 { font-size: 0; height: 0; }
#gnb #all_cate_op .alct_icon { float: left; width: 67px; background: #eee; height: 471px; }
#gnb #all_cate_op .alct_icon li { clear: both; padding: 0; margin: 0; width: 67px; height: 35px; line-height: 35px; text-align: center; background: #f7f7f7; border-bottom: 1px solid #e7e7e7; text-align: left; }
#gnb #all_cate_op .alct_icon li a { background: none; color: #535353; display: block; height: 35px; padding: 0; font-size: 0.93em; font-weight: normal; }
#gnb #all_cate_op .al_mn { float: left; border-right: 1px solid #eee; background: #fff; width: 82px; padding: 10px; }
#gnb #all_cate_op .al_gnucommerce { width: 89px; }
#gnb #all_cate_op .al_vas { width: 90px; border-right: 0; }
#gnb #all_cate_op .al_mn li { clear: both; width: 82px; background: none; height: 23px; text-align: left; font-size: 0.92em; line-height: 23px; }
#gnb #all_cate_op .al_vas li { width: 97px; }
#gnb #all_cate_op .al_mn li a { width: 70px; background: none; height: 23px; overflow: hidden; font-weight: normal; }
#gnb #all_cate_op .al_mn li a:hover { background: none; }
#gnb #all_cate_op .al_mn li.topline { background: #eee; height: 1px; margin: 5px 0; }
#wrapper { z-index: 5; margin: 0 auto; width: 1100px; margin-top: 20px; }
#wrapper:after { display: block; visibility: hidden; clear: both; content: ""; }
#alim_wrapper { z-index: 5; margin: 0 auto; width: 850px; }
#alim_wrapper:after { display: block; visibility: hidden; clear: both; content: ""; }
#aside { float: left; width: 220px; }
#container { position: relative; float: left; width: 865px; margin: 0 0 0 15px; min-height: 500px; height: auto !important; font-size: 1em; zoom: 1; }
#board_container { position: relative; float: left; padding: 15px 0px 0px 15px; width: 865px; min-height: 500px; height: auto !important; font-size: 1em; zoom: 1; }
#acco_container { position:relative; height:auto !important; height:500px; background:#fff; font-size:1em; zoom:1; }
#container:after { display:block; visibility:hidden; clear:both; content:""; }
#container_title { margin-bottom:20px; font-size:1.2em; font-weight:bold; }
#ft { margin:0 auto; text-align:center; margin-top:35px; width: 1100px; }
#ft h1 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#ft_wr { max-width:1240px; margin-top:40px; padding:35px 0; position:relative; display:inline-block; text-align:left; }
#ft_wr:after { display:block; visibility:hidden; clear:both; content:""; }
#ft_wr .ft_cnt { width:25%; float:left; padding:0 20px; }
#ft_link { text-align:left; }
#ft_link a { display:block; color:#fff; line-height:2em; font-weight:bold; }
#ft_company h2 { font-size:1.2em; margin-bottom:20px; }
#ft_company { font-weight:normal; color:#e3e3e3; line-height:2em; }
#ft_catch { margin:20px 0 10px; }
#ft_copy { text-align:center; width:1100px; margin:0 auto; padding:20px 0; color:#5b5b5b; font-size:1.2em; border-top:1px solid #383838; }
#top_btn { position:fixed; bottom:20px; right:20px; width:50px; height:50px; border:2px solid #333; color:#333; text-align:center; font-size:15px; z-index:90; background:rgba(255,255,255,0.5); }
#top_btn:hover { border-color:#3059c7; background:#3059c7; color:#fff; }
#ft h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p{margin:0;padding:10px 0;line-height:1.8em}
#ft_catch{position:relative;margin:0 auto;padding:20px 0 0;width:1100px;text-align:center}
#ft_company{text-align:center}
#ft_copy{background:#414141}
#ft_copy div{position:relative;margin:0 auto;padding:10px 0;width:1100px;color:#fff}
#ft_copy a{display:inline-block;margin:0 10px 0 0;color:#fff}
#ft_copy #ft_totop{position:absolute;top:10px;right:0}
#copymove{}
.copymove_current{float:right;color:#ff3061}
.copymove_currentbg{background:#f4f4f4}
#skip_to_container a{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active{width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
.img_fix{width:100%;height:auto}
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
.img_fix {width:100%;height:auto}
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
.cke_sc{margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:30px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def{margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after{display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd{float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt{width:20%;font-weight:bold}
.cke_sc_def dd{width:30%}
.btn_b01 { display: inline-block; padding: 7px; border: 1px solid #be80ff; border-radius: 2px; background: #f2f5f9; color: #000; text-decoration: none; vertical-align: middle; cursor: pointer; }
a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover{text-decoration:none}
button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover{text-decoration:none}
button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm{text-align:center}
.btn_submit{padding: 8px; border: 1px solid #8011f5; border-radius: 2px; background: #c092f1; color: #fff; text-decoration: none; vertical-align: middle; cursor:pointer}
.submit{padding:8px;background:#e64ff7;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit{padding:0 7px;height:29px;line-height:1em}
a.btn_cancel{display:inline-block;padding:8px;border: 1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel{display:inline-block;padding:8px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline{display:inline-block;padding:0 5px;height:32px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top}
a.btn_frmline{line-height:24px}
button.btn_frmline{font-size:1em}
a.btn_b01{display:inline-block;padding:7px;font-size:12px;border:1px solid #be80ff;border-radius:2px;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle; cursor:pointer}
a.btn_b01:focus, .btn_b01:hover{text-decoration:none}
a.btn_b02{display:inline-block;padding:7px 7px;border:1px solid #8011f5;border-radius:2px;background:#e86ccd;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover{text-decoration:none}
a.btn_b03{display:inline-block;cursor:pointer;margin-bottom:5px;padding:3px;border:1px solid #b6b7b6;border-radius:2px;background:#f2f5f9;color:#000;text-decoration: none;vertical-align:middle}
a.btn_b03:focus, .btn_b03:hover{text-decoration:none}
a.btn_b04{display:inline-block;padding:7px 7px;border:1px solid #b6b7b6;border-radius:2px;background:#f2f5f9;color:#000;text-decoration: none;vertical-align:middle}
a.btn_b04:focus, .btn_b04:hover{text-decoration:none}
a.btn_b05{display:inline-block;width:35px;padding:68px 2px;border:1px solid #b6b7b6;border-radius:2px; font-size:14px; background:#f2f5f9;color:#b1333c;text-decoration: none;vertical-align:middle}
a.btn_b05:focus, .btn_b05:hover{text-decoration:none}
a.btn_b06{display:inline-block;padding:2px 10px;border:1px solid #3b3c3f;border-radius:2px;background:#ff9700;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b06:focus, .btn_b06:hover{text-decoration:none}
a.btn_copy_qd { display: inline-block; padding: 7px; border: 1px solid #0c77e8; border-radius: 2px; background: #0c77e8; color: #fff; text-decoration: none; vertical-align: middle; }
a.btn_admin{display:inline-block;padding:7px;border:1px solid #8011f5;border-radius:2px;background:#be80ff;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_copy { display: inline-block; padding: 7px; border: 1px solid #0c77e8; border-radius: 2px; background: #0c77e8; color: #fff; text-decoration: none; vertical-align: middle; }
a.btn_copy_report { display: inline-block; padding: 7px; border: 1px solid #787878; border-radius: 2px; background: #787878; color: #fff; text-decoration: none; vertical-align: middle; }
a.btn_step{display:inline-block;padding:10px 20px 10px 20px;border:1px solid #be80ff;border-radius:2px;background:#be80ff;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_images{display:inline-block;padding:10px 15px 10px 15px;border:1px solid #be80ff;border-radius:2px;background:#be80ff;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_out{display:inline-block;padding:10px 20px 10px 20px;border:1px solid #0c9545;border-radius:2px;background:#0c9545;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_admin:focus, a.btn_admin:hover{text-decoration:none}
.cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold}
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01{}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th{padding:12px 0;border-top:1px solid #78C8E0;;border-bottom:1px solid #78C8E0;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a{color:#383838}
.tbl_head01 thead th input{vertical-align:top}
.tbl_head01 tfoot th, .tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td{padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a{}
.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top}
.tbl_head02 tfoot th, .tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a{}
.tbl_head03{margin:0 0 10px}
.tbl_head03 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th{padding:12px 0;border-top:1px solid #78C8E0;;border-bottom:1px solid #78C8E0;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head03 thead a{color:#383838}
.tbl_head03 thead th input{vertical-align:top}
.tbl_head03 tfoot th, .tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th{padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td{padding:1px;border-top:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head03 a{}
.tbl_frm01{width:1100px !important; margin:20px 0 20px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th{width:130px; padding:15px 15px 7px 15px;border:1px solid #e9e9e9;background:#f5f8f9;text-align:center}
.tbl_frm01 td{padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input{border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea{padding:2px 2px 3px}
.frm_input{height:25px}
.tbl_frm01 textarea{width:100%;height:100px}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;text-align:center}
.required, textarea.required{background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}
.td_board{width:120px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center}
.td_date{width:60px;text-align:center}
.td_datetime{width:125px;text-align:center}
.td_group{width:100px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width:100px;text-align:left}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center}
.td_numbig{width:80px;text-align:center}
.td_stat{width:60px;text-align:center}
.txt_active{color:#5d910b}
.txt_done{color:#e8180c}
.txt_expired{color:#ccc}
.txt_rdy{color:#8abc2a}
.new_win{}
.new_win .tbl_wrap{margin:0 0px}
.new_win #win_title{margin:0 0 0px;padding:10px; border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv{font-size:0.75em;line-height:1.2em}
.new_win .win_ul{margin:0 0 10px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;margin-left:-1px}
.new_win .win_ul a{display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc{padding:10px}
.new_win .win_btn{clear:both;padding:10px;text-align:center}
.new_win .win_btn button{width:80px;display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input{padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a{display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn2 a{display:inline-block;margin:0 auto;padding:5px 20px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover{text-decoration:none}
.sch_word{color:#ff3061}
#validation_check{margin:100px auto;width:500px}
#validation_check h1{margin-bottom:20px;font-size:1.3em}
#validation_check p{margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}
.sv_wrap{display:inline-block;position:relative;font-weight:bold}
.sv_wrap .sv{z-index:1000;display:none;margin:5px 0 0;border:1px solid #ccc}
.sv_wrap .sv a{display:inline-block;margin:0;padding:3px;width:150px;text-align:center;border-bottom:1px solid #ccc;background:#23adf2;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active{text-decoration:none}
.sv_on{display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto;border-radius:3px;font-size:13px}
.sv_nojs .sv{display:block}
.pg_wrap{clear:both;margin:0 0 10px;padding:10px 0 0;text-align:center}
.pg{}
.pg_page, .pg_current{display:inline-block;padding:6px 14px;height:25px;color:#f4f5f6;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover{text-decoration:none}
.pg_page{background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev{}
.pg_end, .pg_next{}
.pg_current{display:inline-block;margin:0 4px 0 0;background:#e86ccd;color:#fff;font-weight:normal}
#device_change{display:block;padding:0px 0px 5px;width:100%;margin:0 auto;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}
#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
#captcha.m_captcha #captcha_key{margin-left:3px}
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha #captcha_reload{position:relative;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}
.btn_tg{border:1px solid #be80ff;padding:5px 20px; margin-top:5px;border-radius:2px;line-height:18px;cursor:pointer;background:#b883ff;color:#FFF;font:1em 'Malgun Gothic',돋움,dotum;}
.btn_tg:hover{border:1px solid #DB4700;background:#DB4700;}
#sidebar { width: 100%; height: 88px; margin: 10px 0px 20px; background-color: #4ad0e2; }
#text { float:left; width:200px; font-size:16px; background:#4ad0e2; text-align: center; padding:25px }
#my-soon-watch-red { background-color:#4ad0e2; }
#my-soon-watch-red .soon-reflection { background-color:#030303; background-image:linear-gradient(#030303 25%,rgba(3,3,3,0)); }
#my-soon-watch-red { color:#ffffff; }
#my-soon-watch-red .soon-label { color:#ffffff; color:rgba(255,255,255,0.75); }
#my-soon-watch-red { font-family:"Comfortaa",sans-serif; }
#my-soon-watch-red .soon-ring-progress { background-color:#410918; }
#my-soon-watch-red .soon-ring-progress { border-top-width:14px; }
#my-soon-watch-red .soon-ring-progress { border-bottom-width:13px; }
#convert_div{ margin:0 auto; padding:5px; background:#F80000;font-size:12pt;font-weight:bold; border-radius:5px; color:#FFF; font-family:'Malgun Gothic', dotum; }
#convert_div:hover{background:#0069D2;}
#convert_div a{color:#FFF; text-decoration:none;}
.fa-repeat{color:#FFFF80; font-size:13pt;}
#convert_div2{ position:relative; top:-60px; float:right; padding:7px 15px; box-shadow:3px 3px 3px #ddd; background:#41b6fa;font-size:12pt;font-weight:bold;border:1px solid #FFF;border-radius:5px; color:#FFF; font-family:'Malgun Gothic', dotum; }
#convert_div2:hover{background:#F80000;}
#convert_div2 a{color:#FFF; text-decoration:none;}
.fa-repeat{color:#FFFF80; font-size:13pt;}
#convert_div3{ margin:auto; width:70px; padding:5px 10px; box-shadow:3px 3px 3px #ddd; background:#41b6fa;font-size:12pt;font-weight:bold;border:1px solid #FFF;border-radius:5px; color:#FFF; font-family:'Malgun Gothic', dotum; }
#convert_div3:hover{background:#F80000;}
#convert_div3 a{color:#FFF; text-decoration:none;}
.fa-repeat{color:#FFFF80; font-size:13pt;}
@keyframes blink { 0% {background-color: #f65050;} 50% {background-color: #0af;} }
@-webkit-keyframes blink { 0% {background-color: #f65050;} 50% {background-color: #12c079;} }
.blinkcss { font-weight:bold; animation: blink 1s step-end infinite; -webkit-animation: blink 1s step-end infinite; }
ul { list-style: none; margin: 0px; padding: 0; }
.notification-drop { font-family: 'Ubuntu', sans-serif; color: #444; float:left; }
.notification-drop .item { margin:0 auto; font-size: 16px; position: relative; border-bottom: 1px solid #ddd; }
.notification-drop .item:hover { cursor: pointer; }
.notification-drop .item i {}
.notification-drop .item ul { display: none; position: absolute; top: 100%; left: -70px; right: 0; z-index: 1; }
.notification-drop .item ul li { font-size: 13px; padding: 5px; }
.notification-drop .item ul li:hover { background: #ddd; color: rgba(0, 0, 0, 0.8); }
@media screen and (min-width: 500px) { .notification-drop { display: flex; justify-content: flex-end; } .notification-drop .item { border: none; } }
.notification-bell{ font-size: 20px; }
.btn__badge { background: #FF5D5D; color: white; font-size: 12px; font-weight: bold; position: absolute; top: -5px; right: 5px; padding: 3px 8px; border-radius: 50%; z-index:9; }
.btn__badge2 { background: #FF5D5D; color: white; font-size: 12px; padding: 3px 10px; border-radius: 50%; }
.pulse-button2 { box-shadow: 0 0 0 0 #0af; -webkit-animation: pulse 1.5s infinite; }
.pulse-button { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5); animation: pulse 1.5s infinite; }
@keyframes pulse { 0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 40px rgba(255, 0, 0, 0); } 100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); } }
.notification-text{ font-size: 14px; font-weight: bold; }
.notification-text span{ float: right; }
.bt_loginwrap{ position:relative; }
.bt_alim_cnt{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; font-size: 1.0em; height: 25px; margin: 0; padding: 0; width: 66px; }
.bt_alim_cnt span{ border-radius: 15px; color: #FFFFFF; font-weight: bold; padding: 3px 7px; vertical-align: top; background: none repeat scroll 0 0 #ff4200 }
.bt_alimlist{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #818F98; display: none; left: 0; list-style: none outside none; margin: 0; padding: 0; position:absolute; width:218px; z-index: 1005; }
.bt_alimlist li{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: -moz-use-text-color -moz-use-text-color #D4DBE0; border-image: none; border-style: none none solid; border-width: 0 0 1px; margin: 0; position: relative; padding:5px; }
.bt_alimlist #bt_alimlist_empty{ padding: 20px 0; text-align: center; width: 100%; }
.bt_alimlist #bt_alimlist_all a{ display: block; padding: 7px 0; text-align: center; width: 198px }
.circle {-webkit-appearance: none; border-radius: 50%; height: 30px; width: 30px; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin: 0.3rem 0.1rem 0.3rem 0.35rem; outline: none; position:relative; z-index: 1;}
.circle:hover {background: #9faab7;}
.circle:checked {background: #f32b1e;}
.circle.circle-blue:checked {background: #0af;}
.circle.circle-orange:checked {background: #ff9700;}
.circle:checked::before {height: 30px; width: 30px; position: absolute; content: '✔'; display: inline-block; font-size: 26.66667px; text-align: center; line-height: 30px;}
.circle:checked::after {-webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #40e0d0; content: ''; display: block; position: relative; z-index: 100;}
.circle.radio::after {border-radius: 50%;}

.circle-small {-webkit-appearance: none; border-radius: 50%; height: 20px; width: 20px; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin: 0.3rem 0.1rem 0.3rem 0.35rem; outline: none; position: relative; z-index: 1;}
.circle-small:hover {background: #9faab7;}
.circle-small:checked {background: #f32b1e;}
.circle-small.circle-small-blue:checked {background: #0af;}
.circle-small.circle-small-orange:checked {background: #ff9700;}
.circle-small:checked::before {height: 20px; width: 20px; position: absolute; content: '✔'; display: inline-block; font-size: 20px; text-align: center; line-height: 20px;}
.circle-small:checked::after {-webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #40e0d0; content: ''; display: block; position: relative; z-index: 100;}
.circle-small.radio::after {border-radius: 50%;}