@charset "utf-8";

* { margin: 0; padding: 0;  box-sizing: border-box; outline: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0;}
fieldset,img{border:0 none}
img {vertical-align: middle;}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;outline: none;}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff;direction:ltr;-webkit-text-size-adjust:none; overflow-x: hidden; height: 100vh; width: 100vw;}
/*
body.no-scroll {
  overflow: hidden;
}
*/
body,th,td,input,select,textarea,button{font-size:13px;line-height:1.5;font-family:'Pretendard Variable','Noto Sans KR',AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',sans-serif;color:#333;}
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button{letter-spacing:0}
a{color:#333;text-decoration:none}
a:hover{color:#888;}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
legend {display:none;}
hr {border:0;padding:10px 0;}
.chkboxWrap { position:relative; }
.chkboxWrap input.blind { width: 19px; height: 20px; margin-top: 2px; margin-left: 1px; }
input[type="checkbox"] {  }
input[type="radio"],input[type="radio"] + label ,input[type="checkbox"], input[type="checkbox"] + label {cursor:pointer;}
table { border-collapse: collapse; border-spacing: 0; }

/*font*/
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/Pretendard/woff2/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* SCore Dream */
@font-face {
    font-family: 'Open Sans';
    font-weight: 100; 
    font-style: normal; 
    src: url('../fonts/OpenSans/OpenSans1.woff') format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 300; 
    font-style: normal; 
    src: url('../fonts/OpenSans/OpenSans2.woff') format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 400; 
    font-style: normal; 
    src: url('../fonts/OpenSans/OpenSans3.woff') format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 500; 
    font-style: normal; 
    src: url('../fonts/OpenSans/OpenSans4.woff') format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    font-weight: bold; 
    font-style: normal; 
    src: url('../fonts/OpenSans/OpenSans5.woff') format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 800; 
    font-style: normal; 
    src: url('../fonts/OpenSans/OpenSans6.woff') format('woff'),
    font-display: swap;
}


/* SCore Dream */
@font-face {
    font-family: 'SCoreDream';
    font-weight: 100; 
    font-style: normal; 
    src: url(../fonts/SCoreDream/SCDream1.woff) format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300; 
    font-style: normal; 
    src: url(../fonts/SCoreDream/SCDream3.woff) format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400; 
    font-style: normal; 
    src: url(../fonts/SCoreDream/SCDream4.woff) format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500; 
    font-style: normal; 
    src: url(../fonts/SCoreDream/SCDream5.woff) format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600; 
    font-style: normal; 
    src: url(../fonts/SCoreDream/SCDream6.woff) format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700; 
    font-style: normal; 
    src: url(../fonts/SCoreDream/SCDream7.woff) format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800; 
    font-style: normal; 
    src: url(../fonts/SCoreDream/SCDream8.woff) format('woff'),
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900; 
    font-style: normal; 
    src: url(../fonts/SCoreDream/SCDream9.woff) format('woff'),
    font-display: swap;
}

/*animation*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes colorchange
    {
      0%   {color: white;}
      25%  {color: yellow;}
      50%  {color: blue;}
      75%  {color: green;}
      100% {color: red;}
    }

@-webkit-keyframes colorchange
    {
      0%   {color: white;}
      25%  {color: yellow;}
      50%  {color: blue;}
      75%  {color: green;}
      100% {color: red;}
    }


.fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.2s;
  animation-fill-mode: both;
}

.colorchange {
  animation-name: colorchange;
  animation: colorchange 3s;
  -webkit-animation: colorchange 3s;
  animation-iteration-count : infinite;
  -webkit-animation-iteration-count : infinite;
}


.sound_only {display:none;}
.clearfix:after {content:"";display:block;clear:both;width:0; height:0;}
.hide {display: none;}
.bg_blue {background:#337ab7!important;color:#fff;border-color: #337ab7!important;}
span.bg_blue {padding:2px 6px;}
.bg_blue a {color:#fff;}

.bg_green {background: #337A53;color:#fff;}
span.bg_green {padding:2px 6px;}
.bg_green a {color:#fff;}

.bg_red {background: #E84855!important;color:#fff;}
span.bg_red {padding:2px 6px;}
.bg_red a {color:#fff;}

.bg_yellow {background: #FFFD82;color:#000;}
span.bg_yellow {padding:2px 6px;}
.bg_yellow a {color:#000;}
.bg_yellow02 {background: #ffffeb;color:#000;}

.bg_purple {background:#8000ff!important;color:#fff;border-color: #8000ff!important;}
span.bg_purple {padding:2px 6px;}
.bg_purple a {color:#fff;}

/*layout*/

#wrap {width: 100%;}
#n_head {background: #fff;position:relative;box-shadow: -2px 0px 5px rgba(0, 0, 0,.1), 2px 5px 10px rgba(0, 0, 0,.2);}
#n_body {}
#n_foot {padding:10px 15px;}
.inner_wrap {width: 1024px;margin: 0 auto;}
.inner_wrap > h2 { padding:1em 0; }

/*header*/
#n_head nav div {padding:5px 0;}
#n_head nav div a {padding: 0 10px;}
#n_head nav div a:first-child {padding-left:0;}
#n_head nav div a:last-child {padding-right:0;}
#nav_left {float: left;}
#nav_right {float: right;}
#nav_right a:last-child {color: #ff8043;}
#nav_right a:last-child:hover {color:#337ab7;}
#n_head > .inner_wrap {height:60px;padding:0;position: relative;}
/*
#hd_cont01 {position: absolute;top: 10px;left: 15px;}
#hd_cont01 dl dt {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
#hd_cont01 dl dd {float: left;margin-right: 10px;}
#hd_cont01 dl dd a {display: inline-block;line-height: 23px;}
#hd_cont01 dl dd:last-child {margin-right: 0;}
*/
#logo {position: relative;padding-top:5px;}
#logo a {display:block;width: 158px;height:39px;background:url(../img/logo.png) no-repeat;text-indent:-9999px;}
#hd_cont02 {position: absolute;top: 0px;right: 0px;text-align: right;}
#hd_cont02 p {font-size: 16px;letter-spacing: 1px;font-weight: bold;}
#hd_cont02 p:last-child {color: #337ab7;letter-spacing: 0;font-weight: normal;margin-top:5px;}


#n_homepage {margin:5px 0 0;background:url(../img/bg_line.gif);}
#n_homepage .nh_tit li:nth-child(1), #n_homepage .nh_list ul:nth-child(1) {width:184px;}
#n_homepage .nh_tit li:nth-child(2), #n_homepage .nh_list ul:nth-child(2) {width:200px;}
#n_homepage .nh_tit li:nth-child(3), #n_homepage .nh_list ul:nth-child(3) {width:200px;}
#n_homepage .nh_tit li:nth-child(4), #n_homepage .nh_list ul:nth-child(4) {width:200px;}
#n_homepage .nh_tit li:nth-child(5), #n_homepage .nh_list ul:nth-child(5) {width:120px;}
#n_homepage .nh_tit li:nth-child(6), #n_homepage .nh_list ul:nth-child(6) {width:120px;}

/*
#n_homepage .nh_tit li:nth-child(1), #n_homepage .nh_list ul:nth-child(1) {width:120px;}
#n_homepage .nh_tit li:nth-child(2), #n_homepage .nh_list ul:nth-child(2) {width:170px;}
#n_homepage .nh_tit li:nth-child(3), #n_homepage .nh_list ul:nth-child(3) {width:165px;}
#n_homepage .nh_tit li:nth-child(4), #n_homepage .nh_list ul:nth-child(4) {width:165px;}
#n_homepage .nh_tit li:nth-child(5), #n_homepage .nh_list ul:nth-child(5) {width:155px;}
#n_homepage .nh_tit li:nth-child(6), #n_homepage .nh_list ul:nth-child(6) {width:120px;}
#n_homepage .nh_tit li:nth-child(7), #n_homepage .nh_list ul:nth-child(7) {width:129px;}
*/



#n_homepage .nh_tit {background:#337ab7;border-top:1px solid #337ab7;border-bottom:1px solid #eee;}
#n_homepage .nh_tit li {float:left;cursor:default;text-align:center;}
#n_homepage .nh_tit li a {display:block;margin:6px 0;font-weight:bold;color:#fff;font-size:15px;border-right:1px dashed #ddd;}
#n_homepage .nh_tit li i {font-size:20px;margin-right:5px; color:#fff;}
#n_homepage .nh_tit li:nth-child(5), #n_homepage .nh_tit li:nth-child(6) {background:rgba(0,0,0,0.3);}
#n_homepage .nh_tit li:nth-child(6) a {border-right:0;}
#n_homepage .nh_list {background:rgba(255,255,255,0.8);}
#n_homepage .nh_list ul {float:left;width:14%;}
#n_homepage .nh_list ul:nth-child(-n+3) {border-right:1px solid #eee;}
#n_homepage .nh_list ul:nth-child(5) {border-left:1px dashed #ddd;}
#n_homepage .nh_list ul:nth-child(5) ,#n_homepage .nh_list ul:nth-child(6) {background:#f8f8f8;} 
#n_homepage .nh_list ul:nth-child(5) li a ,#n_homepage .nh_list ul:nth-child(6) li a {text-align:center;} 
#n_homepage .nh_list ul:last-child {border-right:0;}
#n_homepage .nh_list ul li {height:35px;position:relative;}
#n_homepage .nh_list ul li.none {height:35px;text-indent:-9999px;font-size:14px;}
#n_homepage .nh_list ul li a {display:block;line-height:35px;font-size:13px;text-align:center;}
#n_homepage .nh_list ul li a i {color:#5ba4e6;}

#n_homepage .nh_list ul .nh_more {height:35px;text-align:center;position:relative;z-index:999;cursor:pointer;}
#n_homepage .nh_list ul .nh_more > a {display:block;padding:0;border-top:1px solid #ddd;line-height:34px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 50%, rgba(238,238,238,1) 51%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 50%,rgba(238,238,238,1) 51%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 50%,rgba(238,238,238,1) 51%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
#n_homepage .nh_list ul .nh_more i {margin-left:5px;color:#ff8043;}
#n_homepage .nh_list ul .nh_more .more_list {text-align:left;display:none;position:absolute;top:35px;left:-1px;width:100%;background:#fff;border:1px solid #c4c4c4;box-sizing:content-box;}
#n_homepage .nh_list ul .nh_more .more_list a {display:block;}


#n_homepage .nh_list ul li .thumb {display:none;position:absolute;top:0;right:-250px;width:250px;z-index:9999;border:3px solid #337ab7;}
#n_homepage .nh_list ul li .thumb img {width:100%;}

/*.n_scroll {position:fixed;top:368px;width:170px;background:rgba(255,255,255,0.5);}*/
.n_scroll {position:absolute;top:469px;width:170px;background:rgba(255,255,255,0.5);}
.n_scroll ul li:hover {opacity:0.8;}
#n_scroll_l {left:50%;margin-left:-732px;}
#n_scroll_l ul li {margin-top:10px;}
#n_scroll_l ul li:first-child {margin-bottom:0;}
#n_scroll_l ul .scroll_ba01 {height:62px;background:url(../img/scroll_fa.png) no-repeat;}
#n_scroll_l ul .scroll_ba02 {height:62px;background:url(../img/scroll_tw.png) no-repeat;}
#n_scroll_l ul .scroll_ba03 {height: 213px;*background:url(../img/scroll_talk.png) no-repeat;}
#n_scroll_l ul .scroll_ba04 { height: 380px; background: url(../img/scroll_mobile.jpg) no-repeat; }
#n_scroll_l ul li a {display:block;width:170px;height:100%;}

#n_scroll_r {right:50%;margin-right:-732px;}
#n_scroll_r ul li {margin-bottom:10px;}
#n_scroll_r ul .scroll_ba01 {height:78px;background:url(../img/scroll_ba01.png) no-repeat;}
#n_scroll_r ul .scroll_ba02 {height:78px;background:url(../img/scroll_ba02.png) no-repeat;}
#n_scroll_r ul .scroll_ba03 {height:62px;background:url(../img/scroll_ba03.png) no-repeat;}
#n_scroll_r ul .scroll_ba04 {height:62px;background:url(../img/scroll_ba04.png) no-repeat;}
#n_scroll_r ul .scroll_ba05 {height:62px;background:url(../img/scroll_ka.png) no-repeat;}
#n_scroll_r ul .scroll_ba06 {height:62px;background:url(../img/scroll_ka02.png) no-repeat;}
#n_scroll_r ul .scroll_ba07 {height:62px;background:url(../img/ezhelp_img.png) no-repeat;}
#n_scroll_r ul .scroll_btn {margin-bottom:0;text-align:center;}
#n_scroll_r ul .scroll_btn a {display:inline-block;font-size:11px;width:30%;border:1px solid #c4c4c4;border-radius:10px;text-align:center;padding:0 4px;}
#n_scroll_r ul .scroll_btn a:first-child {margin-right:10px;}
#n_scroll_r ul li a {display:block;width:170px;height:100%;}



/*btn*/
.basic_btn {text-align:center;margin:40px 0;}
.basic_btn a {font-size:14px;background: #337ab7;color:#fff;border-radius: 4px;padding: 8px 10px;}
.basic_btn a:hover {opacity:0.8;}

.adm_btn {float:left;}
.adm_btn li {float:left;margin-right:10px;}
.adm_btn li input, .adm_btn li a {border:0;display:inline-block;background:#666;color:#fff;padding:4px 10px;font-size:14px;}
.adm_btn li input:hover {cursor:pointer;border-color:#337ab7;}

.bo_btn {float:right;}
.bo_btn li {float:right;margin-left:10px;}
.bo_btn li a {display:inline-block;padding:4px 15px;background:#fcfcfc;border:1px solid #c4c4c4;font-size:14px}

.submit_btn {text-align:center;margin:40px 0;}
.submit_btn input {font-size:14px;cursor:pointer;border:0;background: #337ab7;color:#fff;border-radius: 4px;padding: 8px 10px;}
.submit_btn input:hover ,.submit_btn a:hover, .submit_btn button:hover {opacity:0.8;}
.submit_btn input + a {margin-left:10px;vertical-align:bottom;}
.submit_btn a {font-size:14px;display:inline-block;border:0;background: #666;color:#fff;border-radius: 4px;padding: 8px 10px;}
.submit_btn input + button {margin-left:10px;}
.submit_btn button {font-size:14px;display:inline-block;border:0;background: #666;color:#fff;border-radius: 4px;padding: 8px 10px;}


/*main*/
#n_body > div {width: 100%;padding:40px 15px;}


/*f_banner*/
#f_banner {padding: 30px 15px;}
.f_banner {padding:15px;}
.f_banner > div {float:left;}
.f_banner .b_tit {width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #c4c4c4;}
.f_banner .b_tit > span {font-size:16px;color:#eee;}
.f_banner .b_tit strong {display:block;font-size:20px;color:#fbd043;}
.f_banner .b_tit strong span {float:right;color:#eee;letter-spacing:1px;}
.f_banner div:nth-child(2) {width:50%;}
.f_banner .b_phone {height:80px;text-align:center;padding:10px 20px 0 140px;background:url(../img/b_phone.png) no-repeat 40px;}
.f_banner .b_phone input {margin-top:8px;}
.f_banner .b_p01 {width:180px;height:40px;color:#666;font-size:14px;padding: 5px 10px;background:#fff;border:1px solid #c4c4c4;border-radius:5px;margin-right:5px;letter-spacing:2px;}
.f_banner .b_p02 {width:100px;height:40px;line-height:28px;background:#5ba4e6;color:#fff;cursor:pointer;border:0;font-size:14px;}
.f_banner .b_p02:hover {background:#337ab7;}
.f_banner div:nth-child(3) {width:50%;}
.f_banner div:nth-child(3) ul {padding-top:18px;}
.f_banner div:nth-child(3) ul li {float:left;width:45%;margin-right:10%;text-align:center;}
.f_banner div:nth-child(3) ul li:last-child {margin-right:0;}
.f_banner div:nth-child(3) ul li a {display:block;line-height:40px;font-size:16px;font-weight: bold;padding-left:30px;}
.f_banner div:nth-child(3) ul li a:hover {opacity:0.8;}
.f_banner div:nth-child(3) ul li .naver {background: url(../img/n_login.jpg) no-repeat;color: #fff;}
.f_banner div:nth-child(3) ul li .kakao {background: url(../img/k_login.jpg) no-repeat;color: #3c1e1e;}


/*footer*/
#n_foot {padding:40px 0 20px;border-top:1px solid #ccc;}
#n_foot .f_cont {margin-bottom:20px;}
#n_foot .f_cont  > div > div {float:left;width:241px;margin-right:20px;}
#n_foot .f_cont dt {font-size:16px;font-weight:bold;border-bottom:1px solid #337ab7;padding-bottom:10px;margin-bottom:20px;}
#n_foot .f_cont dd {margin-bottom:10px;}
#n_foot .f_cont .f_cs dd:nth-child(2) {font-size:12px;}
#n_foot .f_cont .f_cs dd:nth-child(4) {margin-bottom:20px;}
#n_foot .f_cont .f_cs dd:nth-child(5) a {border:1px solid #e4ebeb;padding:8px 15px;}
#n_foot .f_cont .f_cs dd {font-size:15px;}
#n_foot .f_cont .f_cs dd span {margin-left:10px;color:#337ab7;}
#n_foot .f_cont .f_nameserver {margin-right:0;}
#n_foot .f_cont .f_price dd a {display:block;float:left;border:1px solid #e4ebeb;width:48%;text-align:center;padding:8px 0;}
#n_foot .f_cont .f_price dd a:first-child {margin-right:4%;}
#n_foot .f_cont .f_price dd span.account {display: inline-block;height: 20px;line-height:20px;background: url(../img/kb.jpg) no-repeat left;padding-left:100px;letter-spacing:1px; /* ../img/account.jpg */ }
#n_foot .f_cont .f_sns dd a {display:block;float:left;border:1px solid #e4ebeb;font-weight:bold;width:48%;text-align:center;padding:18px 0;}
#n_foot .f_cont .f_sns dd a:hover {opacity:0.8;}
#n_foot .f_cont .f_sns dd:nth-child(2) a {background:#ffef34;color:#3c1e1e;border-color:#ffef34;letter-spacing:-1px;}
#n_foot .f_cont .f_sns dd:nth-child(3) a:first-child {background:#29487d;color:#fff;border-color:#29487d;}
#n_foot .f_cont .f_sns dd:nth-child(3) a:last-child {background:#1EC801;color:#fff;border-color:#1ec801;}
#n_foot .f_cont .f_sns dd a:first-child {margin-right:4%;}
#n_foot .f_cont .f_nameserver dd dl {position:relative;padding:0 0 0 60px;}
#n_foot .f_cont .f_nameserver dd dt {position:absolute;left:14px;top:14px;border-bottom:0;font-weight:normal;}
#n_foot .f_cont .f_nameserver dd dd {text-align:center;}
#n_foot .f_copy {border-top:1px solid #337ab7;padding:20px 0;}
#n_foot .f_copy .f_btn {margin-bottom:20px;}
#n_foot .f_copy .f_btn ul li {float:left;}
#n_foot .f_copy .f_btn ul:first-child {float:left;}
#n_foot .f_copy .f_btn ul:first-child li {border-right:1px solid #ebe4e4;padding-right:10px;margin-right:10px;}
#n_foot .f_copy .f_btn ul:first-child li:last-child {border-right:0;padding-right:0;margin-right:0;}
#n_foot .f_copy .f_btn ul:last-child {float:right;}
#n_foot .f_copy .f_btn ul:last-child li {border-left:1px solid #ebe4e4;padding-left:10px;margin-left:10px;}
#n_foot .f_copy .f_btn ul:last-child li:first-child {border-left:0;padding-left:0;margin-left:0;}
#n_foot .f_copy .f_address li {margin-bottom:5px;}
#n_foot .f_copy .f_address li:last-child {margin-bottom:0;}
#n_foot .f_copy .f_address span {margin-right:10px;}
#n_foot .f_copy .f_address span:last-child {margin-right:0;}

/*
#n_foot {background: #323232;text-align: center;padding: 20px 0;color:#e4ebeb;}
#n_foot a {color:#e4ebeb;}
#n_foot a:hover {color:#337ab7;}
#n_foot .f_cont {border-bottom: 1px solid #c4c4c4;margin-bottom: 20px;}
#n_foot .f_cont h3 {margin-bottom: 12px;}
#n_foot .f_cont > div {float: left;width: 25%;height: 140px;border-right: 1px solid #c4c4c4;}
#n_foot .f_cont .bank p {font-size: 14px;letter-spacing: 0.5px;line-height: 30px;}
#n_foot .f_cont .bank a {border:1px solid #c4c4c4;display:inline-block;width: 80%;margin-top: 8px;line-height: 24px;}
#n_foot .f_cont .cs_center p {line-height: 30px;font-size: 14px;}
#n_foot .f_cont .sns_id ul li {float: left;width: 50%;margin: 10px 0;}
#n_foot .f_cont .sns_id ul li a {display: inline-block;line-height: 28px;}
#n_foot .f_cont .f_btn {border-right: 0;}
#n_foot .f_cont .f_btn a {display: block;height: 33.33%;line-height: 46px;border-bottom: 1px dotted #c6c6c6;}
#n_foot .f_cont .f_btn a:last-child {border-bottom: 0;}
*/


/*sns*/
.sns_facebook {background: url(../img/fa.png) no-repeat left;padding-left: 30px;}
.sns_kakao {background: url(../img/ka.png) no-repeat left;padding-left: 30px;}
.sns_talktalk {background: url(../img/talk.png) no-repeat left;padding-left: 30px;}


/*admin*/
#admin01 {position:absolute;}
.ctt_admin {position:absolute;width:120px!important;height:40px;right:20px;}
.ctt_admin a {display:block;line-height:40px;text-align:center;background:rgba(0,0,0,0.5);color:#fff;}


/*board(list)*/

.new, .notice, .update, .event, .close {border:1px solid;padding:0 6px;margin-right:5px;border-radius:10px 0 10px 0;}

#board_list td .new {color:#ff8043;border-color:#ff8043;}
#board_list td .notice {color:#337A53;border-color:#337A53;}
#board_list td .update {color:#5ba4e6;border-color:#5ba4e6;}
#board_list td .event {color:#E84855;border-color:#E84855;}
#board_list td .close {color:#888;border-color:#888;}

#board_select {margin: 10px 0 0;}
.bo_select > ul {font-size:18px;}
.bo_select > ul > li {float:left;font-size:13px;height:30px;line-height:30px;padding-left: 15px;margin:0 10px 0 10px;border:1px solid #c4c4c4;position:relative;background:#fff;}
.bo_select > ul > li span {display:inline-block;height:28px;border-left:1px solid #c4c4c4;width:33px;text-align:center;margin-left:15px;color:#222;}
.bo_select .bos_s01 {padding-right:10px;border:0;margin-left:0;padding-left:0;background:none;}
.bo_select .bos_s02 {cursor:pointer;}
.bo_select .bos_arrow {width:30px;height:30px;background:url(../img/arrow_r.png) no-repeat;border:0 none;margin:0;padding:0;}
.bos_more {display:none;width:100%;border:1px solid #c4c4c4;border-top:0;position:absolute;left:-1px;top:29px;box-sizing:content-box;background:#fff;}
.bos_more li a {display:block;padding-left:10px;}

.bo_v_nb {float:left;}
.bo_v_nb li {margin-right:10px;}
.bo_v_nb li a {display:inline-block;border:1px solid #c4c4c4;background:#f8f8f8;padding:8px 10px;border-radius:10px;}
.bo_v_com {float:right;}
.bo_v_com li {margin-left:10px;}
.bo_v_com li a {border:0;background:#333;color:#fff;padding:8px 10px;border-radius:10px;}


#board_list_wrap {padding:15px!important;}
#board_list_wrap h2 {margin-bottom:20px;}
#board_list {width:100%;margin:20px 0;border-top:1px solid #337ab7;border-bottom:1px solid #337ab7;border-collapse:collapse;}
#board_list tr {border-bottom:1px solid #c4c4c4;}
#board_list tr:last-child {border:0;}
#board_list th {background:#fafcfc;border:0;border-bottom:1px solid #c4c4c4;}
#board_list th, #board_list td {text-align:center;line-height:40px;}
#board_list td, #board_list td span {color:#666;}
#board_list td.td_subject {border-left:1px solid #c4c4c4;color:#000;}
#board_list th:last-child, #board_list td:last-child {border-right:0;}
#board_list td:hover {background:#fafcfc;}

#board_list .td_subject {text-align:left;padding-left:20px;} 
#board_list .td_subject a:hover {text-decoration:underline;}
#board_list .td_subject img {margin-left:5px;}

#board_list_wrap .pg_wrap {text-align:center;margin:20px 0;}
#board_list_wrap .pg_wrap strong {font-size:14px;background:#5ba4e6;color:#fff;padding:8px 12px;margin:0 5px;}
#board_list_wrap .pg_wrap a {font-size:14px;border:1px solid #c4c4c4;padding:8px 12px;margin:0 5px;}
#board_list_wrap .pg_wrap a.p_now {background:#337ab7;color:#fff;}

#bo_sch {text-align:center;margin:40px 0;}
#bo_sch label {display:none;}
#bo_sch select, #bo_sch input {height:30px;padding:0 10px;margin: 0 4px;border:1px solid #c4c4c4;}
#bo_sch select {padding:0 0 0 10px;}
#bo_sch .btn_submit {background:#337ab7;color:#fff;border:0;cursor:pointer;}

#board_view {border-bottom:1px solid #c4c4c4;}
#bo_v_title {border-top:2px solid #337ab7;border-bottom:1px solid #5ba4e6;padding-left:10px;line-height:60px;}
#bo_v_title > span {font-size:14px;font-weight:normal;float:right;}
#bo_v_title > span strong {font-weight:normal;margin-left:10px;}
#bo_v_info {text-align:left;margin:20px 0;}
#bo_v_info strong {margin-left:10px;font-weight:normal;}

#bo_v {margin:20px 0;}
#bo_v_bot {margin-bottom:20px;}
#bo_v_top li, #bo_v_bot li {float:left;}


#bo_v_link img {margin-right:10px;}

#bo_v_atc {}
#bo_v_con {margin:40px 0;padding:0 15px;border-bottom:1px solid #c4c4c4;min-height:400px;}

#btn_autosave {margin-left:10px;}
#autosave_pop {display:none;}
#autosave_pop {margin:20px 0;}
#autosave_pop strong {margin-bottom:20px;}
#autosave_pop strong .autosave_close {margin-left:10px;font-size:14px;color:#ff8043;vertical-align:bottom;}
#autosave_pop ul {border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;}
#autosave_pop li {line-height:30px;padding-left:10px;}
#autosave_pop li span {margin-left:10px;}
#autosave_pop li .autosave_del {margin-left:10px;}

/*게시글 복사/이동*/
#copymove h1 {text-align:center;}
#copymove table {width:100%;border-collapse:collapse;border:1px solid #c4c4c4;margin:20px 0;}
#copymove table caption {margin-bottom:20px;}
#copymove table th {background:#fafcfc;}
#copymove table th, #copymove table td {padding:8px 10px;}
#copymove table td.td_chk {text-align:center;background:#fafcfc;}
#copymove table td {border:1px solid #c4c4c4;}
#copymove table td:hover {background:#fafcfc;}
#copymove table td label {cursor:pointer;}
#copymove .win_btn {text-align:center;}
#copymove .win_btn input, #copymove .win_btn button {display:inline-block;border:1px solid #c4c4c4;background:#fafcfc;padding:6px 10px;margin:0 5px;cursor:pointer;}














/*login*/
#n_login {margin:50px 0;}
#n_login .inner_wrap {width:820px;}
#n_login .inner_wrap > div {float:left;}
.nl_logo {width:100%;text-align:center;margin-bottom:40px;}
.nl_logo a {display:inline-block;width: 158px;height:39px;background:url(../img/logo.png) no-repeat;text-indent:-9999px;}
.nl_login_box {border:1px solid #c4c4c4;padding:20px;position:relative;}
.nl_login_box label {display:inline-block;width:70px;}
.nl_login_box label + input {border:1px solid #e8e8e8;}
.nl_login_box span input {padding-left:10px;}
.nl_id {display:block;margin-bottom:5px;}
#nl_id {width:230px;height:35px;}
.nl_pw {display:block;margin-bottom:10px;}
#nl_pw {width:230px;height:35px;}
.nl_login_box .btn_submit {width:100px;height:75px;position:absolute;top:20px;right:20px;font-weight: bold;font-size: 16px;color: #fff;background: #5ba4e6;cursor: pointer;border: 0;}
.nl_login_box .btn_submit:hover {opacity:0.8;}
.nl_aside a {margin:0 13px;}
.nl_aside label {width:70px;vertical-align: middle;}

.nl_login_sns {width:296px;padding:23px 25px;margin-left:20px;border:1px solid #c4c4c4;}

.nl_login_sns .sns_login a {width:240px;line-height:43px;display:block;float:left;text-align:center;font-size:15px;border-radius:4px;}
.nl_login_sns .sns_login a:hover {opacity:0.8;}
.nl_login_sns .naver {background:url(../img/n_login02.png) no-repeat;color:#fff;padding-left:30px;margin-bottom:10px;}
.nl_login_sns .kakao {background:url(../img/k_login02.png) no-repeat;color:#3c1e1e;padding-left:30px;}

#nl_banner {padding:30px 0;background:#fafcfc;}

/*register*/
#n_register01 h2 {border-bottom: 1px solid #337ab7;margin-bottom:20px;}
.nr_agree p {margin-bottom:20px;}
.nr_agbox {border: 1px solid #c4c4c4;padding:10px 20px;margin: 20px 0;height: 200px;overflow-y: auto;background:#fafcfc;}
.nr_agchk input {vertical-align:middle;}
.nr_agchk label {vertical-align:middle;margin-left:5px;}
.nr_agree01 {margin-bottom:20px;}
.nr_agree01 textarea {width:100%;height:200px;margin:20px 0;background:#fafcfc;padding:10px 20px;border:1px solid #c4c4c4;}
.nr_agree02 table {width:100%;margin:20px 0;text-align:center;border:1px solid #c4c4c4;border-collapse:collapse;}
.nr_agree02 table th, .nr_agree02 table td {padding:8px 10px;border-right:1px solid #c4c4c4;}
.nr_agree02 table th {background:#fafcfc;}

/*
.register_btn_sns {text-align:center;margin:40px 0;}
.register_btn_sns .r_btn {display:inline-block;width:204px;height:54px;background:#}
*/

.register_btn {text-align:center;margin:40px 0;}
.register_btn input {font-size:14px;cursor:pointer;border:0;background: #337ab7;color:#fff;border-radius: 4px;padding: 8px 10px;}
.register_btn input.np {font-size:18px;padding:12px 24px;}
.register_btn input:hover, .register_btn a:hover {opacity:0.8;}
.register_btn input + a {margin-left:10px;vertical-align:middle;}
.register_btn a {font-size:14px;display:inline-block;border:0;background: #666;color:#fff;border-radius: 4px;padding: 8px 10px;}


#n_register02 h2 {border-bottom: 1px solid #337ab7;margin-bottom:20px;}
#n_register02 p {text-align:right;margin-bottom:10px;}
#n_register02 p i {color:#f33;}
#n_register02 caption {display:none;}
#n_register02 table {width:100%;margin-bottom:20px;border-collapse:collapse;border:1px solid #c4c4c4;}
#n_register02 table th, #n_register02 table td {padding:8px 10px;border:1px solid #e4ebeb;}
#n_register02 table th {width:200px;text-align:left;background:#fafcfc;font-weight:normal;}
#n_register02 table th i {color:#f33;margin-left:5px;}
#n_register02 table td strong {display:block;color:#5ba4e6;margin-bottom:5px;}
#n_register02 table td input[type="text"], #n_register02 table td input[type="password"] {width:200px;padding:2px 0 2px 10px;border:1px solid #c4c4c4;}
#n_register02 table td input + span {margin-left:20px;}
#n_register02 table td input[type="checkbox"] {margin-right:5px;}
#n_register02 table td i {color:#ff8043;margin-right:5px;}


/*captcah*/
#captcha {position:relative;}
#captcha button {position:absolute;border:1px solid #c4c4c4;border-radius:10px;padding:2px 5px;}
#captcha #captcha_reload {left:250px;}
#captcha_key {width:80px!important;margin-top:25px;}
#captcha_key + span {position:absolute;left:250px;top:35px;}

/*회원정보찾기*/
#find_idpw {width:540px;padding:10px 20px;margin:10px auto 0;border:1px solid #e4ebeb;}
#find_idpw h1 {color:#337ab7;margin-bottom:20px;text-align:center;}
.fip_email {text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e4ebeb;}
.fip_email p {margin-bottom:10px;}
.fip_email label {margin-right:10px;}
.fip_email input {padding-left:10px;}
#find_idpw #captcha {width:500px;margin:0 auto;}
#find_idpw .submit_btn {margin:20px 0 0;}

/*포인트지급내역*/
#point {padding:20px;}
#point h1 {font-size:16px;margin-bottom:20px;}
#point table {width:100%;border-collapse:collapse;}
#point table caption {display:none;}
#point table th, #point table td {padding:4px 0;text-align:center;border:1px solid #eee;}
#point table th {background:#fafcfc;}
#point .win_btn {text-align:center;}
#point .win_btn button {background: #337ab7;color:#fff;border-radius: 4px;padding: 8px 10px;}
#point .pg_wrap {text-align:center;margin:20px 0;}
#point .pg_wrap a {border:1px solid #c4c4c4;padding:2px 6px;margin:0 5px;}
#point .pg_wrap .pg_current {background:#5ba4e6;color:#fff;padding:2px 6px;}

/*비밀번호확인*/
#mb_confirm {text-align:center;}
#mb_confirm h1 {font-size:18px;border-bottom:1px solid #333;padding-bottom:20px;margin-bottom:20px;}
#mb_confirm p {line-height:40px;}
#mb_confirm_id {color:#337ab7;font-size:16px;margin-right:20px;}

#mb_confirm .btn_submit {background: #337ab7;height:23px;color:#fff;border-radius: 4px;border:0;padding:0 5px;cursor:pointer;}
#mb_confirm .btn_confirm {text-align:center;margin:40px 0 0;}
#mb_confirm .btn_confirm a {background: #337ab7;color:#fff;border-radius: 4px;padding: 8px 10px;}

#pw_confirm {text-align:center;}
#pw_confirm h1 {font-size:18px;border-bottom:1px solid #333;padding-bottom:20px;margin-bottom:20px;}
#pw_confirm p {line-height:40px;}
#pw_confirm_id {color:#337ab7;font-size:16px;margin-right:20px;}

#pw_confirm .btn_submit {background: #337ab7;height:23px;color:#fff;border-radius: 4px;border:0;padding:0 5px;cursor:pointer;}
#pw_confirm .btn_confirm {text-align:center;margin:40px 0 0;}
#pw_confirm .btn_confirm a {background: #337ab7;color:#fff;border-radius: 4px;padding: 8px 10px;}

#confirm_mb_password, #password_wr_password {padding-left:4px;margin-left:10px;}


.blind  {  position: absolute;width:1px !important;height:1px !important;clip: rect(0 0 0 0);margin: -1px;overflow: hidden;}



/* new, hot 아이콘 */
.iconNew{position:absolute;left:10px;top:0;width:60px;height:60px;background: url(/images/icons/icon_new2.png) no-repeat;background-size:cover;z-index:1000;}
.iconHot{position:absolute;left:0;top:0;width:60px;height:60px;background: url(/images/icons/icon_hot.png) no-repeat;background-size:cover;z-index:1000;}