@charset "utf-8";
/* SIR 지운아빠 */
html, body, div, span, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; 
vertical-align: baseline; background: transparent;
-webkit-text-size-adjust:none; list-style:none;
}

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:13px; letter-spacing:-0.5px; background:#e2e0e3; font-family:"돋움", "굴림", tahoma, sans-serif;}
body.idx{ background:url(../img/mobile/main_bg.jpg) #f5f3f6 no-repeat center top/100% auto}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration::none}
* {
    margin: 0;
    padding: 0;
    outline: none;
}

/* 버튼 아이콘 margin */
.fa{margin:0;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;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 { padding:0; top:0; width:100%; z-index:200; background:#fff; position:fixed; border-bottom:1px solid #ddd;}
body.idx #hd{position:relative; background:none; border-bottom:0;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_wrapper{ padding:20px 15px}

/* 서브 상단 레이아웃 */
#hd_sub{ background:#ac9dd4; position:relative}
#hd_sub #back{ position:relative; top:18px}
#hd_sub #back img{ height:20px}	

#logo {padding:0px 15px; text-align:center;}
#logo img{width:auto; height:40px;}

#hd .tnb{position:relative; z-index:200; display:block; padding:0;}
#hd .tnb img{width:22px;}
#hd .tnb_heart{position:relative; z-index:200; display:block; padding:0;}
#hd .tnb_heart img{width:30px;}
#hd .tnb .fa{color:#16385E; font-size:20px;}
#hd .nav_open{right:15px; position:relative; text-align:right}
#hd .mem{left:15px; position:relative; text-align: left;}
#hd .sch{top:25px; right:10px;}

#mask {position: absolute; z-index:500; top:0; left:0; background:#000; display:none;}

/* 상단 상태아이콘 */
#hd_icon{ position:relative;}
#hd_icon p{position:absolute; left:48px; top:-1px; bottom:-18px; padding-top:4px;}
/*#hd_icon p svg, #hd_icon p i{font-size:15px; color:#aaaaaa; position:absolute; left:6px; top:0;}*/
#hd_icon p i{ color:#fff !important; vertical-align: top; position:relative; top:2px; left:2px}
#hd_icon p span{display:inline-block; padding:5px 9px; width:65px; text-align:center; font-size:0.87em; font-weight:bold; line-height:1.4em; 
		   		border-radius:25px; background:#aaaaaa; color:#fff; letter-spacing:-1px;}
#hd_icon .on p svg, #hd_icon .on p i{ color:#df75c3;}
#hd_icon .on p span{background:#df75c3;}

/* 메인메뉴 */
.nav_close {padding:5px; position:absolute; z-index:1001; left:20px; top:20px; display:block; width:20px; height:20px; background:url(../img/common/icon_close.png) no-repeat 50%}
.setting {padding:5px; position:absolute; z-index:1001; right:20px; top:20px; display:block; width:29px; height:29px; background:url(../img/mobile/btn_setting.png) no-repeat; background-size:100%}
#navtoggle {position:absolute; z-index:1000; top:0; right:0; overflow:hidden; background:#fff; width:100%; padding:0 10px; height:100%; display:block; max-width:100%;} /* width:46.87%  display:none*/
#navtoggle .oys{position:relative; height:100%; overflow-y:scroll; padding:5%;}
#navtoggle ul li {padding:0 0}

#hd_tnb{margin:10px 0 15px!important;}
#hd_tnb li{float:left; width:50%;}
#hd_tnb li.adm, #hd_tnb li.mod{width:100%;}
#hd_tnb li.adm a{background:#3f8fc7;}
#hd_tnb li.mod a{}
#hd_tnb li a{color:#fff; background:#000; text-align:center; display:block; line-height:35px; margin:3px;}

#left_menu{width:100%; position:relative; height:100%; text-align:left; top:0; z-index:1000; text-indent:5%;}
#left_menu img{height:45px; vertical-align:middle}
#left_menu .close{top:0px; right:0;}
#left_menu .close img{height:33px; position:absolute; top:15px; right:0px;}

#left_menu .title{color:#000; line-height:40px; font-size:1.35em; padding:10px 0 5px; border-bottom:1px solid #9c9c9c; font-weight:bold; letter-spacing:-1px}
#left_menu .title img{height:13px; margin-top:-2px;}

#gnb_1dul{ width:calc(100% - 6px); margin:0 auto;}
/*1차메뉴*/
li.gnb_1dli a.gnb_1da{display:block; color:#fff; border-bottom:1px solid #8D8D8D; font-size:1.2em; line-height:3em; cursor:pointer; position:relative;}
li.gnb_1dli a.gnb_1da .fa{position:absolute; right:10%; top:15px;}
li.gnb_1dli a.selected{color:#FFF; font-weight:600; border-bottom:0;}			  
/*2차메뉴*/
.gnb_2dul{border-bottom:1px solid #8D8D8D; padding-bottom:15px!important; }
li.gnb_2dli a.gnb_2da:before{content:""; display:inline-block; width:2px; height:2px; background:#fff; margin-right:4px; margin-bottom:3px;}
li.gnb_2dli a.gnb_2da{color:#fff; display:block; font-size:1em; line-height:2em; text-indent:5%;}


/* 전체검색 */
#hd_sch_open {border:0;background:none;}
#hd_sch {display:none;border-top:1px solid #181818;background:#282828;text-align:center; position:absolute; top:0; left:0; width:100%; z-index:500;}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding:30px 0}
#hd_sch #sch_stx {height:30px;border:1px solid #181818;background:#323232 !important;line-height:2.5em;vertical-align:middle;color:#ccc}
#hd_sch #sch_submit {margin:0;padding:0 10px;height:32px;border:0;background:#000;color:#fff;vertical-align:middle}
#hd_sch #sch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

#lnb {}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}

/* 중간 레이아웃 */
#wrapper {margin:0px 0 20px 0; padding-top:60px;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* 페이지 경로 */
.location{width:100%; border-bottom:1px solid #D9E1E6; border-top:1px solid #D9E1E6; margin-bottom:0px; position:relative; bottom:0;}
.location h3{display:none}

/* 서브 2차메뉴 */
.snb_area{padding:0; position:absolute; top:8px; right:10px;}
   /*.snb_area a {overflow:hidden; display:block; padding:0; width:100%; height:60px; color:##9a8d86; font:bold 20px/42px 'Noto Sans KR',dotum;}*/
.snb_area a span {float:right; display:block; margin:0 0 0 0; width:32px; height:32px; background:url('../img/mobile/btn_lnb_off.gif') no-repeat;}
.btn_img.on {background:url('../img/mobile/btn_lnb_on.gif') no-repeat; }
.snb_box { width:97%; padding:0; margin:-1px auto 0 auto; position:relative; z-index:99;}
.snb_box ul {position:relative;  border:1px solid #b7b7b8; z-index:1; padding:0; margin:0}
.snb_box ul li { height:35px; background:#fff; line-height:35px; color:#6c6b6b;}
.snb_box ul li:nth-child(2n) {background:#f7f6f6;}
.snb_box ul li a {display:inline-block; padding-left:3%; width:97%; color:#6c6b6b; font-size:1em; font-weight:normal;}

#container {position:relative;min-height:500px; width:100%; margin:0 auto; padding-bottom: 50px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.4em;font-weight:bold; position:relative; padding:16px 0; text-align:center; width:100%; color:#fff;} 
.b_w {font-size:1.05em; font-weight:bold; padding:20px 0 0; letter-spacing:-1px; width:50px; right:10px;}
.b_w a{color:#fff !important}

.intro_con_area{background:#fff; width:75%; margin:30px auto 0; box-shadow:0px 0px 5px rgba(0,0,0,.3); padding:20px 20px; border-radius:20px; position:absolute;left: 50%; transform: translateX(-50%); z-index:100; text-align:center; bottom:5%}
.intro_con_area h3{padding:0; font-size:1.20em; font-weight:bold}
.intro_con_area h3 span{ color:#823c9a}
.c_box p{ font-size:0.87em; color:#606060; font-weight:bold; letter-spacing:-.070em;}
/*.intro_btn { position:fixed; bottom:0; width:100%; z-index:100}
.intro_btn li{ display:inline-block; width:50%}
.intro_btn li:first-child{ border-right:1px solid #5b5271}
.intro_btn li a{ background:#373341; text-align:center; font-size:1.20em; font-weight:bold; color:#fff; display:block; padding:15px}*/

/*인트로 new css*/
#intro_bg{ width:100%; height:100%;
	background: #e0daf2;
	background: -webkit-linear-gradient(#e0daf2,#bbafe3);
	background: -moz-linear-gradient(#e0daf2,#bbafe3);
	background: -o-linear-gradient(#e0daf2,#bbafe3);
	background:linear-gradient(#e0daf2,#bbafe3);}
	
body.intro_bg{ width:100%; height:100%; background: #bbafe3;}

.intro_logo{ text-align:center; width:50px; margin:0 auto; padding-top:12%;}
.intro_logo img{ width:100%;}

.intro_txt{ text-align:center; width:80%; margin:60px auto 40px auto;}
.intro_txt div{ margin-bottom:40px;}
.intro_txt img{ width:100%;}

.intro_review{ text-align:center;}
.intro_review a{ font-size:1.2em;; font-weight:bold; color:#333; text-decoration:underline;}	
	
.intro_btn { position:fixed; bottom:40px; width:100%; z-index:100}
.intro_btn li{ display:inline-block; width:49%}
.intro_btn li a{ text-align:center; font-size:1.20em; font-weight:bold; color:#645392; display:block; text-decoration:underline;}


/*인트로 new css 22.08.05*/
#intro_new{ width:100%; height:100%; position: fixed; background:url(../img/intro_bg.jpg) 50%/cover; overflow: hidden;}
#intro_new h1{ text-align: center; margin: 20% 0; position: fixed; width: 100%; position: absolute; animation: fadeIn 1s; animation-fill-mode: forwards;opacity: 0;}
#intro_new h1 img{width: 90px;}
#intro_new h1 p{font-size: 1.4em; color: #883891; letter-spacing: 5px; font-weight: 300; padding: 10px;font-family: "Noto Sans KR"}
#intro_new .btn_wrap{ position: fixed; bottom: 10%; left: 50%; transform: translateX(-50%); width: 75%; height: 250px;}
#intro_new .btn_wrap li{position: relative; height: 60px;}
#intro_new .btn_wrap li a{display: block; width: 100%; min-width: 200px; border: 2px solid #fff; border-radius: 50px; line-height: 50px;
  text-align: center; font-size: 1.1em; color: #411e65; font-family: "Noto Sans KR"; font-size: 1.3em; margin-bottom: 10px; background-color: rgba(255,255,255,0.3);
  position: absolute; animation: fadeIn 1s; animation-fill-mode: forwards;opacity: 0;}
#intro_new .btn_wrap li:nth-child(1) a{ animation-delay: 0s; }
#intro_new .btn_wrap li:nth-child(2) a{ animation-delay: 0.5s; }
#intro_new .btn_wrap li:nth-child(3) a{ animation-delay: 1s; }
#intro_new .btn_wrap li:nth-child(4) a{ animation-delay: 1.5s; }

#intro_new .btn_wrap li a:focus,
#intro_new .btn_wrap li a:hover{ background-color: #fff; font-weight: 600;}

.star i{
  border-radius: 50%;
  position: absolute;
  animation: scale .5s infinite ease-in-out;
  animation-direction: alternate;
  transform: translateX(-50%);
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff; z-index: 10;}
.star i:nth-child(1){top: 15%;  left: 70%; animation: scale 1s infinite ease-in-out;}
.star i:nth-child(2){top: 10%;  left: 40%; width: 3px; height: 3px;}
.star i:nth-child(3){top: 30%;  left: 30%; animation: scale 1s infinite ease-in-out;}
.star i:nth-child(4){top: 40%;  left: 20%;width: 3px; height: 3px;}
.star i:nth-child(5){top: 50%;  left: 70%; animation: scale 1s infinite ease-in-out;}
.star i:nth-child(6){top: 80%;  left: 10%;width: 3px; height: 3px;}
.star i:nth-child(7){top: 60%;  left: 65%; animation: scale 1s infinite ease-in-out;}
.star i:nth-child(8){top: 70%;  left: 35%;width: 3px; height: 3px;}
.star i:nth-child(9){top: 55%;  left: 45%; animation: scale 1s infinite ease-in-out;}
.star i:nth-child(10){top: 90%;  left: 20%;width: 3px; height: 3px;}
.star i:nth-child(11){top: 20%;  left: 90%; animation: scale 1s infinite ease-in-out;}

@keyframes fadeIn {
  from {
    top: 60px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes scale {
  0%   { transform: scale(0) }
  100%  { transform: scale(1) }
}

.m_btn_area{background:#fff; width:75%; margin:30px auto 0; box-shadow:0px 0px 5px rgba(0,0,0,.3); position:relative; padding:20px 20px; border-radius:20px;}
.m_btn_area h3{ border-bottom:1px solid #e0dfe3; padding:0 0 10px 0; font-size:1.20em; font-weight:bold}
.m_btn_area h3 span{ color:#823c9a}
.m_btn_area li{ width:50%; display:inline-block; font-weight:bold; font-size:1.10em}
.m_btn_area li span{ background:url(../img/main/icon_cate01.png) no-repeat center center #e28bc0; background-size:40%; width:80px; height:80px; border-radius:100%; display:block; margin:10px auto}
.m_btn_area li:nth-child(2) span{ background:url(../img/main/icon_cate02.png) no-repeat center center #6daefe; background-size:40%;}
.m_btn_area li:nth-child(3) span{background:url(../img/main/icon_cate03.png) no-repeat center center #ff7994; background-size:40%;}
.m_btn_area li:nth-child(4) span{background:url(../img/main/icon_cate04.png) no-repeat center center #fee02a; background-size:40%;}
.mbtn{ width:90%; margin:0px auto}

/* 헬퍼 프로필 */
.h_area{ background:url(../img/mobile/h_dot.png) repeat-y 87px 0; padding:0 0 20px}
.c_box{ background:url(../img/mobile/icon_helper.png) no-repeat 97% 12px #fff; background-size:35px; padding:20px; border-radius:0 0 0 30px; margin:0 0 40px}
.c_box h3{ color:#755cb8; font-size:1.35em; font-weight:bold; margin:0 0 5px; font-weight:bold}
.c_box p{ font-size:0.87em; color:#606060; font-weight:bold; letter-spacing:-.070em}
.h_list li{ display:block; margin:0px auto 30px}
.h_box{ background:#fff; width:92%; margin:0px auto; box-shadow:0px 0px 5px rgba(0,0,0,.1); position:relative; padding:20px 20px; border-radius:3px}
.h_box:after{ display:block;clear:both;content:""}
.h_box .switch_area{ position:absolute; right:10px; top:10px}
.h_box .mem_photo{ position:absolute; width:100px; top:-15px}
.h_box .mem_photo .mem{ width:100px; height:100px; border-radius:100%; margin:0px auto 5px; background:url() #ac9dd4}
.h_box .mem_photo .suc{color:#755cb8; font-size:1.65em; font-weight:bold; text-align:center}
.h_box .mem_photo .suc span{ display:block; font-size:0.55em; color:#888}
.h_box .mem_cont{ margin-left: 120px; position:relative}
.h_box .mem_cont dt{ color:#222; font-size:1.27em; font-weight:bold; margin:0 0 5px}
.h_box .mem_cont dt span{ font-size:0.55em; margin:0 5px 0 0}
.h_box .mem_cont dd{ font-size:0.92em; letter-spacing:-.070em; color:#838287}
.h_box .mem_cont a.btn_counsel{ background:#fede2b; text-align:center; padding:10px 17px; color:#483e3f; font-size:1.0em; font-weight:bold; display:inline-block}
.h_box .mem_cont .siren{ position:absolute; right:0px; bottom:0px}
.h_box .mem_cont .siren img{ height:15px}

/* 게시판 상단 소개글 */
.b_cont{ text-align:center; background:#fff; padding:11px 0; font-size:1.22em; font-weight:bold; margin:-19px 0 15px;}
.b_cont img{ height:19px; margin:0 0 0 3px}

/* 소개팅 신청하기 */
.c_area{background:url(../img/mobile/channel_bg.png) no-repeat center 90% #fff; background-size:70px; width:80%; margin:30px auto; box-shadow:0px 0px 5px rgba(0,0,0,.1); position:relative; padding:20px 20px 150px; border-radius:3px; text-align:center}
.c_area h3 img{ height:72px; margin:0 0 20px}
.c_area p{ font-size:0.87em; color:#606060; font-weight:bold; letter-spacing:-.070em}
.c_area a.btn_counsel{ display:block; width:80%; background:#fede2b; text-align:center; padding:15px 25px; color:#483e3f; font-size:1.25em; font-weight:bold; box-shadow:0px 0px 5px rgba(0,0,0,.1); margin:0px auto}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 26px;
  padding: 3px;
  background: #fff;
  border-radius: 18px;
  cursor: pointer;
  /*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);*/
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #755cb7;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 7px;
  left: 6px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 32px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}


/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center}
#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 하단 레이아웃 */
.copy{ color:#b3b1b3; font-size:0.85em; font-weight:bold}
#ft {padding:15px 10px; text-align:center; background:#667d8d; border-top:1px solid rgba(255,255,255,0.1);}
#ft a{color:#fff;}
#ft h1 {margin:0;padding:5px 0; font-size:1.1em; line-height:1.5em; color:#fff; font-weight:600;}
#ft address p{ color:#fff;}

#ft #ft_company{font-size:0.9em;}
#ft #ft_company p {line-height:1.5em; font-size:0.8em; letter-spacing:0px; margin-bottom:0px;}

#ft .ft_menu{text-align:center; margin-bottom:10px;}
#ft .ft_menu li{display:inline-block;}
#ft .ft_menu li:after{content:""; display:inline-block; margin:0 5px 0 8px; width:1px; height:10px; background:#ccc;}
#ft .ft_menu li:last-child:after{display:none;}

#ft_copy {padding:10px;background:#414141;color:#fff;line-height:2em}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a{display:inline-block;padding:5px 10px}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

#ft.sub{ background:#fff;}
#ft.sub h1{color:#666;}
#ft.sub a{ color:#666;}
#ft.sub address p{ color:#ccc;}

/*하단고정버튼*/
.ft_fix_area{ position:fixed; bottom:0; border-top:1px solid #d2d3d2; background:#fff; height:55px; z-index:100; width:100%;}
.ft_fix_area li{ display:inline-block; width:25%; text-align:center}
.ft_fix_area li img{ display:block; margin:13px auto 5px; height:25px}
.ft_fix_area li h3{ letter-spacing:0; font-size:1.0em; font-weight:bold; color:#aea8a6}
.ft_fix_area li.current h3{ color:#f55528}
.ft_fix_area li.current h3 a:visited{ color:#f55528}
.ft_fix_area li h3 a:link{ color:#aea8a6}
.ft_fix_area li h3 a:visited{ color:#aea8a6}


/*브라우저 상하단이동버튼*/
#gobtn{position:fixed; display:block; right:10px; bottom:20px; display:none; z-index:9999;}
.goHd, .goFt{width:30px; height:30px; background:#F7F7F7; z-index:9999; text-indent:-9999px; border:1px solid #CCC; position:relative; border-radius:4px; display:block; margin-bottom:3px;}
.goHd span{position:absolute; top:60%; left:9px; display:block; width:10px; height:10px; border-left:2px solid #666; border-top:2px solid #666; border-radius:2px;
    transform:translateY(-50%) rotate(45deg);}
.goFt span{position:absolute; top:40%; left:9px; display:block; width:10px; height:10px; border-left:2px solid #666; border-top:2px solid #666; border-radius:2px;
    transform:translateY(-50%) rotate(-135deg);}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 - PC */
#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;font-size:0}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-right:32px;vertical-align:top}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;width:31px;height:31px;background:url('../img/captcha.png') no-repeat  0 -30px;border:none;border-top:1px solid #ccc;overflow:hidden;cursor:pointer;text-indent:-9999px;}
#captcha #captcha_key {margin:0;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#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;display:block;}
#captcha.m_captcha #captcha_reload {width:31px;height:31px;background:url('../img/captcha.png') no-repeat  0 -30px;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;position:static}
#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/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}



/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.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:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 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:8px 7px 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:0;background:#ff3061;color:#fff;letter-spacing:-0.1em}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;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:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #666666;background:#666666;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 {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 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_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.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} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;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_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 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:150px;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:#666666}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.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;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;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}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;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:#333;color:#fff;font-weight:normal}

/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

/*메일인증*/
.rg_em_p{padding:0 5px}
.rg_em{margin:5px 5px 10px;}
.rg_em table{width:100%;border-collapse:collapse}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

/* 최근게시물 스킨 (latest)
.lt {position:relative;}
.lt ul {padding:0;list-style:none}
.lt li{color:#808080}
.lt a {display:block;color:#808080!important;text-decoration:none}
.lt .list a{display:inline-block; width:65%; white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.lt .list a img{margin-left:3px;}
.lt .lt_title {display:none;}
.lt .lt_more {position:absolute;top:2px;right:10px; font-size:0.8em;}
.lt .lt_more a{color:#fff!important;}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} */

/* MARGIN-TOP관련 */
.t_margin-20{margin-top:-20px;}
.t_margin-19{margin-top:-19px;}
.t_margin-18{margin-top:-18px;}
.t_margin-17{margin-top:-17px;}
.t_margin-16{margin-top:-16px;}
.t_margin-15{margin-top:-15px;}
.t_margin-14{margin-top:-14px;}
.t_margin-13{margin-top:-13px;}
.t_margin-12{margin-top:-12px;}
.t_margin-11{margin-top:-11px;}
.t_margin-10{margin-top:-10px;}
.t_margin-9{margin-top:-9px;}
.t_margin-8{margin-top:-8px;}
.t_margin-7{margin-top:-7px;}
.t_margin-6{margin-top:-6px;}
.t_margin-5{margin-top:-5px;}
.t_margin-4{margin-top:-4px;}
.t_margin-3{margin-top:-3px;}
.t_margin-2{margin-top:-2px;}
.t_margin-1{margin-top:-1px;}
.t_margin0{margin-top:0px;}
.t_margin1{margin-top:1px;}
.t_margin2{margin-top:2px;}
.t_margin3{margin-top:3px;}
.t_margin4{margin-top:4px;}
.t_margin5{margin-top:5px;}
.t_margin6{margin-top:6px;}
.t_margin7{margin-top:7px;}
.t_margin8{margin-top:8px;}
.t_margin9{margin-top:9px;}
.t_margin10{margin-top:10px;}
.t_margin11{margin-top:11px;}
.t_margin12{margin-top:12px;}
.t_margin13{margin-top:13px;}
.t_margin14{margin-top:14px;}
.t_margin15{margin-top:15px;}
.t_margin16{margin-top:16px;}
.t_margin17{margin-top:17px;}
.t_margin18{margin-top:18px;}
.t_margin19{margin-top:19px;}
.t_margin20{margin-top:20px;}
.t_margin21{margin-top:21px;}
.t_margin22{margin-top:22px;}
.t_margin23{margin-top:23px;}
.t_margin24{margin-top:24px;}
.t_margin25{margin-top:25px;}
.t_margin26{margin-top:26px;}
.t_margin27{margin-top:27px;}
.t_margin28{margin-top:28px;}
.t_margin29{margin-top:29px;}
.t_margin30{margin-top:30px;}
.t_margin31{margin-top:31px;}
.t_margin32{margin-top:32px;}
.t_margin33{margin-top:33px;}
.t_margin34{margin-top:34px;}
.t_margin35{margin-top:35px;}
.t_margin36{margin-top:36px;}
.t_margin37{margin-top:37px;}
.t_margin38{margin-top:38px;}
.t_margin39{margin-top:39px;}
.t_margin40{margin-top:40px;}
.t_margin41{margin-top:41px;}
.t_margin42{margin-top:42px;}
.t_margin43{margin-top:43px;}
.t_margin44{margin-top:44px;}
.t_margin45{margin-top:45px;}
.t_margin46{margin-top:46px;}
.t_margin47{margin-top:47px;}
.t_margin48{margin-top:48px;}
.t_margin49{margin-top:49px;}
.t_margin50{margin-top:50px;}
.t_margin100{margin-top:100px;}
.t_margin101{margin-top:101px;}
.t_margin102{margin-top:102px;}

/* MARGIN-LEFT관련 */
.l_margin-70{margin-left:-70px;}
.l_margin-50{margin-left:-50px;}
.l_margin-40{margin-left:-40px;}
.l_margin-35{margin-left:-35px;}
.l_margin-30{margin-left:-30px;}
.l_margin-25{margin-left:-25px;}
.l_margin-24{margin-left:-24px;}
.l_margin-23{margin-left:-23px;}
.l_margin-22{margin-left:-22px;}
.l_margin-21{margin-left:-21px;}
.l_margin-20{margin-left:-20px;}
.l_margin-19{margin-left:-19px;}
.l_margin-18{margin-left:-18px;}
.l_margin-17{margin-left:-17px;}
.l_margin-16{margin-left:-16px;}
.l_margin-15{margin-left:-15px;}
.l_margin-14{margin-left:-14px;}
.l_margin-13{margin-left:-13px;}
.l_margin-12{margin-left:-12px;}
.l_margin-11{margin-left:-11px;}
.l_margin-10{margin-left:-10px;}
.l_margin-9{margin-left:-9px;}
.l_margin-8{margin-left:-8px;}
.l_margin-7{margin-left:-7px;}
.l_margin-6{margin-left:-6px;}
.l_margin-5{margin-left:-5px;}
.l_margin-4{margin-left:-4px;}
.l_margin-3{margin-left:-3px;}
.l_margin-2{margin-left:-2px;}
.l_margin-1{margin-left:-1px;}
.l_margin0{margin-left:0px;}
.l_margin1{margin-left:1px;}
.l_margin2{margin-left:2px;}
.l_margin3{margin-left:3px;}
.l_margin4{margin-left:4px;}
.l_margin5{margin-left:5px;}
.l_margin6{margin-left:6px;}
.l_margin7{margin-left:7px;}
.l_margin8{margin-left:8px;}
.l_margin9{margin-left:9px;}
.l_margin10{margin-left:10px;}
.l_margin11{margin-left:11px;}
.l_margin12{margin-left:12px;}
.l_margin13{margin-left:13px;}
.l_margin14{margin-left:14px;}
.l_margin15{margin-left:15px;}
.l_margin16{margin-left:16px;}
.l_margin17{margin-left:17px;}
.l_margin18{margin-left:18px;}
.l_margin19{margin-left:19px;}
.l_margin20{margin-left:20px;}
.l_margin21{margin-left:21px;}
.l_margin22{margin-left:22px;}
.l_margin23{margin-left:23px;}
.l_margin24{margin-left:24px;}
.l_margin25{margin-left:25px;}
.l_margin26{margin-left:26px;}
.l_margin27{margin-left:27px;}
.l_margin28{margin-left:28px;}
.l_margin29{margin-left:29px;}
.l_margin30{margin-left:30px;}
.l_margin31{margin-left:31px;}
.l_margin32{margin-left:32px;}
.l_margin33{margin-left:33px;}
.l_margin34{margin-left:34px;}
.l_margin35{margin-left:35px;}
.l_margin36{margin-left:36px;}
.l_margin37{margin-left:37px;}
.l_margin38{margin-left:38px;}
.l_margin39{margin-left:39px;}
.l_margin40{margin-left:40px;}
.l_margin41{margin-left:41px;}
.l_margin42{margin-left:42px;}
.l_margin43{margin-left:43px;}
.l_margin44{margin-left:44px;}
.l_margin45{margin-left:45px;}
.l_margin46{margin-left:46px;}
.l_margin47{margin-left:47px;}
.l_margin48{margin-left:48px;}
.l_margin49{margin-left:49px;}
.l_margin50{margin-left:50px;}
.l_margin80{margin-left:80px;}
.l_margin85{margin-left:85px;}
.l_margin87{margin-left:87px;}
.l_margin90{margin-left:90px;}
.l_margin100{margin-left:100px;}

/* MARGIN-RIGHT관련 */
.r_margin-20{margin-right:-20px;}
.r_margin-19{margin-right:-19px;}
.r_margin-18{margin-right:-18px;}
.r_margin-17{margin-right:-17px;}
.r_margin-16{margin-right:-16px;}
.r_margin-15{margin-right:-15px;}
.r_margin-14{margin-right:-14px;}
.r_margin-13{margin-right:-13px;}
.r_margin-12{margin-right:-12px;}
.r_margin-11{margin-right:-11px;}
.r_margin-10{margin-right:-10px;}
.r_margin-9{margin-right:-9px;}
.r_margin-8{margin-right:-8px;}
.r_margin-7{margin-right:-7px;}
.r_margin-6{margin-right:-6px;}
.r_margin-5{margin-right:-5px;}
.r_margin-4{margin-right:-4px;}
.r_margin-3{margin-right:-3px;}
.r_margin-2{margin-right:-2px;}
.r_margin-1{margin-right:-1px;}
.r_margin0{margin-right:0px;}
.r_margin1{margin-right:1px;}
.r_margin2{margin-right:2px;}
.r_margin3{margin-right:3px;}
.r_margin4{margin-right:4px;}
.r_margin5{margin-right:5px;}
.r_margin6{margin-right:6px;}
.r_margin7{margin-right:7px;}
.r_margin8{margin-right:8px;}
.r_margin9{margin-right:9px;}
.r_margin10{margin-right:10px;}
.r_margin11{margin-right:11px;}
.r_margin12{margin-right:12px;}
.r_margin13{margin-right:13px;}
.r_margin14{margin-right:14px;}
.r_margin15{margin-right:15px;}
.r_margin16{margin-right:16px;}
.r_margin17{margin-right:17px;}
.r_margin18{margin-right:18px;}
.r_margin19{margin-right:19px;}
.r_margin20{margin-right:20px;}
.r_margin21{margin-right:21px;}
.r_margin22{margin-right:22px;}
.r_margin23{margin-right:23px;}
.r_margin24{margin-right:24px;}
.r_margin25{margin-right:25px;}
.r_margin26{margin-right:26px;}
.r_margin27{margin-right:27px;}
.r_margin28{margin-right:28px;}
.r_margin29{margin-right:29px;}
.r_margin30{margin-right:30px;}
.r_margin31{margin-right:31px;}
.r_margin32{margin-right:32px;}
.r_margin33{margin-right:33px;}
.r_margin34{margin-right:34px;}
.r_margin35{margin-right:35px;}
.r_margin36{margin-right:36px;}
.r_margin37{margin-right:37px;}
.r_margin38{margin-right:38px;}
.r_margin39{margin-right:39px;}
.r_margin40{margin-right:40px;}
.r_margin41{margin-right:41px;}
.r_margin42{margin-right:42px;}
.r_margin43{margin-right:43px;}
.r_margin44{margin-right:44px;}
.r_margin45{margin-right:45px;}
.r_margin46{margin-right:46px;}
.r_margin47{margin-right:47px;}
.r_margin48{margin-right:48px;}
.r_margin49{margin-right:49px;}
.r_margin50{margin-right:50px;}

/* MARGIN-BOTTOM관련 */
.b_margin-20{margin-bottom:-20px;}
.b_margin-19{margin-bottom:-19px;}
.b_margin-18{margin-bottom:-18px;}
.b_margin-17{margin-bottom:-17px;}
.b_margin-16{margin-bottom:-16px;}
.b_margin-15{margin-bottom:-15px;}
.b_margin-14{margin-bottom:-14px;}
.b_margin-13{margin-bottom:-13px;}
.b_margin-12{margin-bottom:-12px;}
.b_margin-11{margin-bottom:-11px;}
.b_margin-10{margin-bottom:-10px;}
.b_margin-9{margin-bottom:-9px;}
.b_margin-8{margin-bottom:-8px;}
.b_margin-7{margin-bottom:-7px;}
.b_margin-6{margin-bottom:-6px;}
.b_margin-5{margin-bottom:-5px;}
.b_margin-4{margin-bottom:-4px;}
.b_margin-3{margin-bottom:-3px;}
.b_margin-2{margin-bottom:-2px;}
.b_margin-1{margin-bottom:-1px;}
.b_margin-1{margin-bottom:-1px;}
.b_margin0{margin-bottom:0px;}
.b_margin1{margin-bottom:1px;}
.b_margin2{margin-bottom:2px;}
.b_margin3{margin-bottom:3px;}
.b_margin4{margin-bottom:4px;}
.b_margin5{margin-bottom:5px;}
.b_margin6{margin-bottom:6px;}
.b_margin7{margin-bottom:7px;}
.b_margin8{margin-bottom:8px;}
.b_margin9{margin-bottom:9px;}
.b_margin10{margin-bottom:10px;}
.b_margin11{margin-bottom:11px;}
.b_margin12{margin-bottom:12px;}
.b_margin13{margin-bottom:13px;}
.b_margin14{margin-bottom:14px;}
.b_margin15{margin-bottom:15px;}
.b_margin16{margin-bottom:16px;}
.b_margin17{margin-bottom:17px;}
.b_margin18{margin-bottom:18px;}
.b_margin19{margin-bottom:19px;}
.b_margin20{margin-bottom:20px;}
.b_margin21{margin-bottom:21px;}
.b_margin22{margin-bottom:22px;}
.b_margin23{margin-bottom:23px;}
.b_margin24{margin-bottom:24px;}
.b_margin25{margin-bottom:25px;}
.b_margin26{margin-bottom:26px;}
.b_margin27{margin-bottom:27px;}
.b_margin28{margin-bottom:28px;}
.b_margin29{margin-bottom:29px;}
.b_margin30{margin-bottom:30px;}
.b_margin31{margin-bottom:31px;}
.b_margin32{margin-bottom:32px;}
.b_margin33{margin-bottom:33px;}
.b_margin34{margin-bottom:34px;}
.b_margin35{margin-bottom:35px;}
.b_margin36{margin-bottom:36px;}
.b_margin37{margin-bottom:37px;}
.b_margin38{margin-bottom:38px;}
.b_margin39{margin-bottom:39px;}
.b_margin40{margin-bottom:40px;}
.b_margin41{margin-bottom:41px;}
.b_margin42{margin-bottom:42px;}
.b_margin43{margin-bottom:43px;}
.b_margin44{margin-bottom:44px;}
.b_margin45{margin-bottom:45px;}
.b_margin46{margin-bottom:46px;}
.b_margin47{margin-bottom:47px;}
.b_margin48{margin-bottom:48px;}
.b_margin49{margin-bottom:49px;}
.b_margin50{margin-bottom:50px;}

/* PADDING-TOP관련 */
.box-rpad{ padding-right:15px}
@media screen and (max-width:767px) {
.box-rpad{ padding-right:0px}
}
.t_padding0{padding-top:0px;}
.t_padding1{padding-top:1px;}
.t_padding2{padding-top:2px;}
.t_padding3{padding-top:3px;}
.t_padding4{padding-top:4px;}
.t_padding5{padding-top:5px;}
.t_padding6{padding-top:6px;}
.t_padding7{padding-top:7px;}
.t_padding8{padding-top:8px;}
.t_padding9{padding-top:9px;}
.t_padding10{padding-top:10px;}
.t_padding11{padding-top:11px;}
.t_padding12{padding-top:12px;}
.t_padding13{padding-top:13px;}
.t_padding14{padding-top:14px;}
.t_padding15{padding-top:15px;}
.t_padding16{padding-top:16px;}
.t_padding17{padding-top:17px;}
.t_padding18{padding-top:18px;}
.t_padding19{padding-top:19px;}
.t_padding20{padding-top:20px;}
.t_padding21{padding-top:21px;}
.t_padding22{padding-top:22px;}
.t_padding23{padding-top:23px;}
.t_padding24{padding-top:24px;}
.t_padding25{padding-top:25px;}
.t_padding26{padding-top:26px;}
.t_padding27{padding-top:27px;}
.t_padding28{padding-top:28px;}
.t_padding29{padding-top:29px;}
.t_padding30{padding-top:30px;}
.t_padding31{padding-top:31px;}
.t_padding32{padding-top:32px;}
.t_padding33{padding-top:33px;}
.t_padding34{padding-top:34px;}
.t_padding35{padding-top:35px;}
.t_padding36{padding-top:36px;}
.t_padding37{padding-top:37px;}
.t_padding38{padding-top:38px;}
.t_padding39{padding-top:39px;}
.t_padding40{padding-top:40px;}
.t_padding41{padding-top:41px;}
.t_padding42{padding-top:42px;}
.t_padding43{padding-top:43px;}
.t_padding44{padding-top:44px;}
.t_padding45{padding-top:45px;}
.t_padding46{padding-top:46px;}
.t_padding47{padding-top:47px;}
.t_padding48{padding-top:48px;}
.t_padding49{padding-top:49px;}
.t_padding50{padding-top:50px;}
.t_padding60{padding-top:60px;}
.t_padding70{padding-top:70px;}

/* PADDING-LEFT관련 */
.l_padding0{padding-left:0px;}
.l_padding1{padding-left:1px;}
.l_padding2{padding-left:2px;}
.l_padding3{padding-left:3px;}
.l_padding4{padding-left:4px;}
.l_padding5{padding-left:5px;}
.l_padding6{padding-left:6px;}
.l_padding7{padding-left:7px;}
.l_padding8{padding-left:8px;}
.l_padding9{padding-left:9px;}
.l_padding10{padding-left:10px;}
.l_padding11{padding-left:11px;}
.l_padding12{padding-left:12px;}
.l_padding13{padding-left:13px;}
.l_padding14{padding-left:14px;}
.l_padding15{padding-left:15px;}
.l_padding16{padding-left:16px;}
.l_padding17{padding-left:17px;}
.l_padding18{padding-left:18px;}
.l_padding19{padding-left:19px;}
.l_padding20{padding-left:20px;}
.l_padding21{padding-left:21px;}
.l_padding22{padding-left:22px;}
.l_padding23{padding-left:23px;}
.l_padding24{padding-left:24px;}
.l_padding25{padding-left:25px;}
.l_padding26{padding-left:26px;}
.l_padding27{padding-left:27px;}
.l_padding28{padding-left:28px;}
.l_padding29{padding-left:29px;}
.l_padding30{padding-left:30px;}
.l_padding31{padding-left:31px;}
.l_padding32{padding-left:32px;}
.l_padding33{padding-left:33px;}
.l_padding34{padding-left:34px;}
.l_padding35{padding-left:35px;}
.l_padding36{padding-left:36px;}
.l_padding37{padding-left:37px;}
.l_padding38{padding-left:38px;}
.l_padding39{padding-left:39px;}
.l_padding40{padding-left:40px;}
.l_padding41{padding-left:41px;}
.l_padding42{padding-left:42px;}
.l_padding43{padding-left:43px;}
.l_padding44{padding-left:44px;}
.l_padding45{padding-left:45px;}
.l_padding46{padding-left:46px;}
.l_padding47{padding-left:47px;}
.l_padding48{padding-left:48px;}
.l_padding49{padding-left:49px;}
.l_padding50{padding-left:50px;}
.l_padding80{padding-left:80px;}

/* PADDING-RIGHT관련 */
.r_padding0{padding-right:0px;}
.r_padding1{padding-right:1px;}
.r_padding2{padding-right:2px;}
.r_padding3{padding-right:3px;}
.r_padding4{padding-right:4px;}
.r_padding5{padding-right:5px;}
.r_padding6{padding-right:6px;}
.r_padding7{padding-right:7px;}
.r_padding8{padding-right:8px;}
.r_padding9{padding-right:9px;}
.r_padding10{padding-right:10px;}
.r_padding11{padding-right:11px;}
.r_padding12{padding-right:12px;}
.r_padding13{padding-right:13px;}
.r_padding14{padding-right:14px;}
.r_padding15{padding-right:15px;}
.r_padding16{padding-right:16px;}
.r_padding17{padding-right:17px;}
.r_padding18{padding-right:18px;}
.r_padding19{padding-right:19px;}
.r_padding20{padding-right:20px;}
.r_padding21{padding-right:21px;}
.r_padding22{padding-right:22px;}
.r_padding23{padding-right:23px;}
.r_padding24{padding-right:24px;}
.r_padding25{padding-right:25px;}
.r_padding26{padding-right:26px;}
.r_padding27{padding-right:27px;}
.r_padding28{padding-right:28px;}
.r_padding29{padding-right:29px;}
.r_padding30{padding-right:30px;}
.r_padding31{padding-right:31px;}
.r_padding32{padding-right:32px;}
.r_padding33{padding-right:33px;}
.r_padding34{padding-right:34px;}
.r_padding35{padding-right:35px;}
.r_padding36{padding-right:36px;}
.r_padding37{padding-right:37px;}
.r_padding38{padding-right:38px;}
.r_padding39{padding-right:39px;}
.r_padding40{padding-right:40px;}
.r_padding41{padding-right:41px;}
.r_padding42{padding-right:42px;}
.r_padding43{padding-right:43px;}
.r_padding44{padding-right:44px;}
.r_padding45{padding-right:45px;}
.r_padding46{padding-right:46px;}
.r_padding47{padding-right:47px;}
.r_padding48{padding-right:48px;}
.r_padding49{padding-right:49px;}
.r_padding50{padding-right:50px;}

/* PADDING-BOTTOM관련 */
.b_padding0{padding-bottom:0px;}
.b_padding1{padding-bottom:1px;}
.b_padding2{padding-bottom:2px;}
.b_padding3{padding-bottom:3px;}
.b_padding4{padding-bottom:4px;}
.b_padding5{padding-bottom:5px;}
.b_padding6{padding-bottom:6px;}
.b_padding7{padding-bottom:7px;}
.b_padding8{padding-bottom:8px;}
.b_padding9{padding-bottom:9px;}
.b_padding10{padding-bottom:10px;}
.b_padding11{padding-bottom:11px;}
.b_padding12{padding-bottom:12px;}
.b_padding13{padding-bottom:13px;}
.b_padding14{padding-bottom:14px;}
.b_padding15{padding-bottom:15px;}
.b_padding16{padding-bottom:16px;}
.b_padding17{padding-bottom:17px;}
.b_padding18{padding-bottom:18px;}
.b_padding19{padding-bottom:19px;}
.b_padding20{padding-bottom:20px;}
.b_padding21{padding-bottom:21px;}
.b_padding22{padding-bottom:22px;}
.b_padding23{padding-bottom:23px;}
.b_padding24{padding-bottom:24px;}
.b_padding25{padding-bottom:25px;}
.b_padding26{padding-bottom:26px;}
.b_padding27{padding-bottom:27px;}
.b_padding28{padding-bottom:28px;}
.b_padding29{padding-bottom:29px;}
.b_padding30{padding-bottom:30px;}
.b_padding31{padding-bottom:31px;}
.b_padding32{padding-bottom:32px;}
.b_padding33{padding-bottom:33px;}
.b_padding34{padding-bottom:34px;}
.b_padding35{padding-bottom:35px;}
.b_padding36{padding-bottom:36px;}
.b_padding37{padding-bottom:37px;}
.b_padding38{padding-bottom:38px;}
.b_padding39{padding-bottom:39px;}
.b_padding40{padding-bottom:40px;}
.b_padding41{padding-bottom:41px;}
.b_padding42{padding-bottom:42px;}
.b_padding43{padding-bottom:43px;}
.b_padding44{padding-bottom:44px;}
.b_padding45{padding-bottom:45px;}
.b_padding46{padding-bottom:46px;}
.b_padding47{padding-bottom:47px;}
.b_padding48{padding-bottom:48px;}
.b_padding49{padding-bottom:49px;}
.b_padding50{padding-bottom:50px;}