@charset "utf-8";
@import url("font.min.css");
@import url("set.css");

/* common */
body {min-width:1200px; max-width:1920px; overflow-x:hidden; margin:0 auto; font-family:'Noto Sans KR','Nanum Gothic',Dotum,Sans-serif; }

#wrap, #header, #footer, .section {width:100%; max-width:1920px; margin:0 auto; box-sizing:border-box; }
#wrap {position:relative;width:100%;min-width:1200px; }

/* ===================== header =======================*/
#header {position:relative;top:0;left:0;width:100%;height:99px;border-bottom:1px solid #d3d3d3;background:#fff;z-index:16; }
#header .header_inner {margin:0 auto;width:1200px;overflow:hidden;}
#header .header_inner .logo {margin-top:10px;float:left;}

#header .nav {margin-top:34px;float:left;overflow:hidden;}
#header .nav ul {float:right;}
#header .nav ul li  {font-family:'roboto','Noto Sans KR','Nanum Gothic',Dotum,Sans-serif; width:auto; margin-left:64px;  padding-bottom:45px;float:left;font-size:21px;font-weight:700;line-height:32px; color:#333}
#header .nav ul li a{}
#header .nav a:hover {color:#EE1C25;}
#header .nav a.active {color:#EE1C25;}
#header .nav a.now {color:#EE1C25;}

#header .nav_button {position:relative; right:0; overflow:hidden; text-align:right; }
#header .nav_button .nav_button_link {margin:25px 25px 0 50px;}
#header .nav_button .nav_button_link a {float:left;display:block; width:47px; height:47px; background:url('../img/blog.png') center center no-repeat; background-size:47px 47px ;  border-radius:5px; overflow:hidden;}
#header .nav_button .nav_button_link a  span {font-size:16px; color:#333;}

#header .nav_button .nav_button_user {margin:39px 0 0 40px; }
#header .nav_button .nav_button_user .user_link a,
#header .nav_button .nav_button_user .logout a {font-size:15px;line-height:23px; padding:0 4px; font-weight:700;}
#header .nav_button .nav_button_user .user_link a:hover {color:#EE1C25;}
#header .nav_button .nav_button_user .logout {overflow:hidden;}
#header .nav_button .nav_button_user .logout a {float:left; }
#header .nav_button .nav_button_user .logout span {margin:0 15px;float:left;display:block;line-height:23px;color:#d3d3d3;}

#header.fix {position:fixed; height:70px; box-shadow:2px 2px 2px rgba(0,0,0,0.1); transition:.3s}
#header.fix .header_inner .logo {margin-top:5px; height:100%; transition:.3s }
#header.fix .header_inner .logo img {height:55px; width:auto; transition:.3s}
#header.fix .nav {margin-top:19px;margin-left:54px; transition:.3s}
#header.fix .nav_button .nav_button_link {margin-top:22px; transition:.3s}
#header.fix .nav_button .nav_button_link a {width:40px; height:40px; background:url('../img/blog.png') center 0 no-repeat; transform:translateY(-8px); background-size:40px 40px;transition:.3s}
#header.fix .nav_button .nav_button_user {margin:24px 0 0 30px; transition:.3s}


/* =========================  footer  =========================*/

#footer {position:relative;padding:20px 0 30px 0;background:#111111;text-align:center; height:240px;}
#footer .footer_logo {position:absolute; z-index:-1;width:1200px;left:50%; margin-left:-600px;text-align:left; height:120px; background:url(../img/ft_logo.png) 0 0 no-repeat; background-size:auto 100px;}
#footer .footer_info {  z-index:3;position:absolute;  width:1200px; left:50%; margin-left:-600px;  padding-left:180px;box-sizing:border-box; text-align:left;}
#footer .footer_info .footer_link_top a {display:inline-block;font-size:16px;color:#888; line-height:20px; font-weight:500;}
#footer .footer_info .footer_link_top a:hover {color:#ccc}
#footer .footer_info .footer_link_top span {margin:0 10px;display:inline-block;font-size:16px;color:#595959;}
#footer .footer_certi {position:absolute;right:0;top:0}

#footer address {margin-top:16px;font-style:normal;font-size:14px;color:#888;font-weight:500;}
#footer address p {line-height:24px;}
#footer address p.contact_info {font-size:15px; line-height:28px; color:#c1c1c1; font-weight:700;}

#footer address p.contact_info .mobile { font-weight:700;}
#footer address p.account_info span{ font-size:14px;background: #838383; color:#000; padding:2px 10px; font-weight:500;}
#footer address p span{ color:#AFAFAF; font-weight:500; }
#footer address p strong{color:orangered; font-weight:500}
#footer .copyright {font-size:14px;color:#888;margin-top:16px}

#top_btn {position:fixed; bottom:20px; right:20px; width:40px;height:40px; line-height:40px; color:#ee1c25; background:transparent;  border:0; padding:0; overflow:hidden; text-align:center;  outline:0;font-size:40px; z-index:90; cursor:pointer }
#top_btn:hover{opacity:.7; border:0; outline:0;}
#top_btn.off {display:none}

/*====================== main section ========================*/

.section {position:relative;width:100%;  }
.section  h2 {font-family:'roboto','Noto Sans KR','Nanum Gothic', Dotum,Sans-serif;height:24px; color:#333; font-size:24px; width:100%; max-width:1200px; margin:0 auto; text-indent:10px; border-left:4px solid #ff0000; }

#m_vis {height:520px; overflow:hidden;  z-index:1}
#products  { width:100%; height:640px; padding:40px 0; z-index:2;}

#products ul {width:1200px; height:auto; margin:20px auto; }
#products ul li {float:left; display:block; width:25%; height:240px;text-align:center;;box-sizing:border-box;overflow:hidden;}
#products ul li a {width:100%;line-height:240px; display:block; background:rgba(0,0,0,0.2);font-family: 'roboto','Noto Sans KR'.Sans-serif;font-size:24px; color:#fff; text-shadow: 0 0 0px #fff, 0 0 1px #fff, 0 0 2px gold, 0 0 3px #ee1c25, 0 0 4px #ee1c25; }

#products ul .pro01 {background:url(../img/pro01.png) center center no-repeat; background-size:100% 100%; filter:grayscale(40%); background-color:lightgray} 
#products ul .pro02 {background:url(../img/pro02.png) center center no-repeat; background-size:100% 100%; filter:grayscale(40%); } 
#products ul .pro03 {background:url(../img/pro03.png) center center no-repeat; background-size:100% 100%; filter:grayscale(40%);background-color:lightgray} 
#products ul .pro04 {background:url(../img/pro04.png) center center no-repeat; background-size:100% 100%; filter:grayscale(40%)} 
#products ul .pro05 {background:url(../img/pro05.png) center center no-repeat; background-size:100% 100%; filter:grayscale(40%);} 
#products ul .pro06 {background:url(../img/pro06.png) center center no-repeat; background-size:100% 100%; filter:grayscale(40%); background-color:lightgray} 
#products ul .pro07 {background:url(../img/pro07.png) center center no-repeat; background-size:100% 100%; filter:grayscale(40%);} 
#products ul .pro08 {background:url(../img/pro08.png) center center no-repeat; background-size:100% 100%; filter:grayscale(40%); background-color:lightgray}

#products ul li:nth-child(2n) {}
#products ul li:nth-child(n+5):nth-child(-n+8) {}

#products ul li:hover { filter:grayscale(0%); background-color:#fff; transition:.3s}
#products ul li:hover a {opacity:0;transition:.3s;}

#bottom_info {font-family:'roboto','Noto Sans KR'.Sans-serif; width:100%;height:460px; background:#f3f3f3; padding:40px 0;}
#bottom_info .wrapper {width:100%; max-width:1200px; margin: 0 auto;}
#bottom_info .wrapper > div {float:left; padding-bottom:20px ;}
#bottom_info .wrapper #notice {width:25%}
#bottom_info .wrapper #dataroom {}
#bottom_info .wrapper #cs  {width: 33%}

#bottom_info .wrapper #notice ul {margin:20px 0; padding:20px; height:210px; overflow:hidden;border: 1px solid #c6cacc;background:#fff}
#bottom_info .wrapper #notice ul li {position:relative;line-height:28px; font-size:14px; color:#666; font-weight:400;}
#bottom_info .wrapper #notice ul li  a {padding-left:10px;}
#bottom_info .wrapper #notice ul li a:before {position: absolute;top: 12px;left: 0px;width: 3px;height: 3px;background: #ee1c25;content: '';border-radius: 50%;}
#bottom_info .wrapper #notice ul li:hover {color:#333;}
#bottom_info .wrapper #notice ul li .lt_date{position:absolute;top:3px;right:0;color:#888; }
#bottom_info .wrapper #notice ul li  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
#bottom_info .wrapper #notice ul li  .empty_li:before{background:none;padding:0}
#bottom_info .wrapper #notice ul li.notice_more {padding:10px 0; margin:20px 0 10px 0; border-top:1px solid #ccc; text-align:center; }
#bottom_info .wrapper #notice ul li.notice_more a {padding-left:0; text-align:right; letter-spacing:4px;}
#bottom_info .wrapper #notice ul li.notice_more a:before {display:none;}
#bottom_info .wrapper #notice ul li.notice_more i {color:#ee1c25}
#bottom_info .wrapper #notice ul li.notice_more:hover {color:#ee1c25;}

.blog{width:100%; padding:10px; border:1px solid #ccc; background:#fff; text-align:center; margin:20px 0 0 0; }
.blog p{margin:10px 0; font-size:16px; color:#666; font-weight:500}
.blog p > img {height:36px}
.blog:hover {background:#fff; border:1px solid #2DB400}
.blog:hover p {color:#2db400}

#bottom_info .wrapper #dataroom {width:38%; height:380px; margin:0 2%; padding:0 2%;  box-sizing: border-box; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#bottom_info .wrapper #dataroom ul {width:100%; text-align:center;  margin:20px 0;}
#bottom_info .wrapper #dataroom ul li{width:22%;height:auto; margin:1.5%; float:left; overflow:hidden; background:#fff;}
#bottom_info .wrapper #dataroom ul li a {display:block;}
#bottom_info .wrapper #dataroom ul li a img {width:100%;}
#bottom_info .wrapper #dataroom ul li a:hover img{ transform:scale(1.05); transition:.3s; }

#bottom_info .wrapper #cs ul {margin:20px 0; color:#ee1c25}
#bottom_info .wrapper #cs ul li {font-size:14px; color:#333; font-weight:400; margin-bottom:10px;padding-left:10px}
#bottom_info .wrapper #cs ul li  h3 {font-size:15px; margin-top:16px; margin-bottom:8px; margin-left:-4px; }
#bottom_info .wrapper #cs ul li.mail  {margin:20px 0; }
#bottom_info .wrapper #cs ul li  strong {font-family:'roboto','Noto Sans KR'.Sans-serif; font-size:20px;}
#bottom_info .wrapper #cs ul li > a.btn  { line-height:32px; height:32px; font-size:14px; background:#ee1c25; color:#fff; width:120px;  text-align:center; display:block; margin-left:10px; }
#bottom_info .wrapper #cs ul li > a.btn:hover { background:#cc0000; }
#bottom_info .wrapper #cs .fa-mobile {font-size:20px}
#bottom_info .wrapper #cs .account { margin:20px 0;}
#bottom_info .wrapper #cs b {color:#ee1c25; font-size:12px; font-weight:500; padding-right:4px;}



/* ====================  sub ====================*/

.tit {font-family:'roboto','Noto Sans KR','Nanum Gothic', Dotum,Sans-serif;height:24px; color:#333; font-size:24px; width:100%; max-width:1200px; margin:0 auto; text-indent:10px; border-left:4px solid #ff0000; }

#sub_visual {width:100%; height:10px; background:url(../img/m_vis01.png)  center 0 no-repeat; background-size:cover;}
.contents { background:#fff; width:1200px; margin:0 auto;overflow:hidden; box-shadow:0 0 8px rgba(0,0,0,0.1); }
.contents.on .menu, .contents.on .content {padding-top:180px;}
.menu {width:240px;  padding-bottom:8040px;  margin-bottom:-8000px;padding-right:20px; padding-left:20px;  float:left; box-shadow:0 0 6px rgba(0,0,0,0.3);box-sizing:content-box; white-space: normal }
.content {width:870px;   padding-bottom:8040px; margin-bottom:-8000px; float:right; padding-right:25px;  padding-left:25px ; box-sizing:content-box; white-space: normal}
.menu h2, .content h2 {font-family:'roboto','Noto Sans KR'.Sans-serif;line-height:60px; font-size:24px;  font-weight:700; border-bottom:1px solid #ee1c25; margin:20px 0; color:#565656; 
text-transform: uppercase; }
.content h2 {color:#ee1c25;}
.content h3 {font-family: 'roboto','Noto Sans KR'.Sans-serif;color:#555; font-size:20px; line-height:36px; margin-bottom:10px; text-transform:capitalize; }
.content p {color:#535353; line-height:24px;  font-size:16px; }
.content p > img {max-width:100%;}
.content .c_tit {text-align:left; line-height:16px; margin:20px 0 8px 0;  font-size:16px; font-weight:500;  border-left: 2px solid orangered; text-indent:10px; }
.menu:after,
.content :after {clear:both; display:block; content:'';}
.menu ul li {font-family: 'roboto','Noto Sans KR'.Sans-serif;font-weight:500;  width:240px; margin-bottom:10px; ; font-size:16px; border-bottom:1px dotted #ccc;padding-bottom:10px;}
.menu ul li a {line-height:24px; padding-left:12px;text-transform: uppercase; }
.menu ul li a p {padding-left:12px;padding-bottom:0; margin-bottom:0; height:0; }
.menu ul li a:before {width:4px; height:4px; position:absolute; content:'·'; margin-left:-12px; color:#888}
.menu ul li:hover a{ color:#888;  transition:.3s; /*text-shadow: 0 0 0px #fff, 0 0 1px #fff, 0 0 2px #666, 0 0 4px #333; transition:.3s*/}
.menu ul li a.on {font-size:16px;color:#ee1c25; /*text-shadow: 0 0 0px #fff, 0 0 1px #fff, 0 0 2px gold, 0 0 3px #ee1c25, 0 0 4px #ee1c25;*/ }
.menu ul li a.on:before {width:4px; height:4px; position:absolute; content:'·'; margin-left:-12px; color:#ee1c25}


/*location*/
.location {float:right;  height:40px; text-align:right;min-width:20px; margin-top:15px;}
.location li { float:left; }
.location:after {clear:both; display:block; content:'';}
.location a {line-height:18px; display:block;  color:#8a8a8a; font-weight:normal;  font-size:14px; margin:10px 8px 10px 0; padding-left:8px; border-left:1px solid #ccc;  }
.location i {width:18px; height:18px; font-size:18px}
.location a strong {color:#333; }
.location a:hover {color:#EE1C25}
.location li:first-child a {border-left:0}
.location li:last-child a {margin-right:4px;}

/* TAB */
.tab {width:100%; height:40px; margin:20px 0; border-bottom:1px solid #cfcfcf; overflow-y:visible; }
.tab:after {clear:both; display:block; content:'';}
.tab > li { float:left; width:auto; min-width:80px; padding:0 20px; line-height:40px;height:39px; text-align:center; background:#fafafa; border:1px solid #cfcfcf; border-left:0; }
.tab > li > a {display:block; color: #888; font-size:16px; font-family:'roboto','Noto Sans KR'.Sans-serif;font-weight:500; cursor:pointer}
.tab > li > a > span { color:orangered}
.tab > li > a:hover {color:#333;}
.tab > li:first-child {border-left:1px solid #cfcfcf}
.tab > li.on {background:#fff; border-bottom:1px solid #fff;}
.tab > li.on a {color:#ed1c24; }
#tab1 {display:block;}
.tab_cont {padding:10px; display:none; margin-bottom:20px;}

.tab_cont h3 span {}
.tab_cont p {color:#535353; line-height:24px; font-size:16px;margin-bottom:10px;}
.tab_cont .add_desc, p.add_desc {color:#888; font-size:14px;}

/*DOWNLOAD*/
.download  { float:right;} 
.download a {padding:0 12px; height:30px; line-height:30px; font-size:14px; display:inline-block; color:#ff6600; font-weight:normal;  border:1px solid #ff6600;}
.download a  i {padding-right:4px;}
.download:hover a {border:1px solid #ee1c25; color:#EE1C25;transition:.3s;}

/* TABLE */

.table01 {font-family:'roboto','Noto Sans KR'.Sans-serif;width:100%; margin:10px 0; }
.table01 caption {text-align:left; line-height:16px; margin:8px 0;  font-size:16px; font-weight:500;  border-left: 2px solid orangered; text-indent:10px; }
.table01 td, .table01 th {font-size:14px; line-height:20px; height:20px; padding: 4px;  font-weight:400; vertical-align:middle; letter-spacing:0;}
.table01 thead {background:#efefef;  border-top:1px solid #888;}
.table01 thead td, .table01 thead th  {text-align:center; font-weight:500; }
.table01 tbody td  {text-align:center;}
.table01 tbody { border-top:1px solid #888;}
.table01 tbody th {background:#f5f5f5; font-weight:500; }
.table01 .odd td:nth-child(odd) {background:#efefef;}
.table01 .even td:nth-child(2n) {background:#efefef;}
.table01 .tb td , .table01 .tb th {border-right:1px solid #ccc;}
.table01 .tb td:last-child, .table01 .tb th:last-child {border-right:0;}
.table01 .tb td.bn {border-right:0;} 
.tb_bottom td, .tb_bottom th  {border-bottom:1px solid #ccc;}
.tb_left {border-left:1px solid #ccc;}
.left, .table01 .left td,  .table01 .left {text-align:left;}
.wbg td {background:#fff }

.w100 {width:100%}
.w60 {width:60%}
.w55 {width:55%}
.w50 {width:50%}
.w45 {width:45%}
.w40 {width:40%}
.w30 {width:30%}
.w25 {width:25%}
.w20 {width:20%}
.w17 {width:17%}
.w16 {width:16%}
.w15 {width:15%}
.w14 {width:14%}
.w12 {width:12%}
.w10 {width:10%}
.w6 {width:6%}
.w4 {width:4%}

.center {text-align:center;}
.right{text-align:right}
.border {border:3px solid #eee; box-sizing:border-box; padding:10px; }
.bg {background:#f8f8f8;}
.red {color:#cc0000}
.fl {float:left;}
.fr {float:right;}


/*company*/
.map_info { padding:20px; box-sizing:border-box; margin:10px 0; border:1px solid #dedede; background:#fafafc}
.map_info > h3 {color:#565656; font-size:20px; line-height:40px; border-bottom:2px solid #eaeaea; padding-bottom:4px; margin-bottom:20px;}
.map_info > p {margin-bottom:10px}
.map_info i {color:#6FACFF; margin-right:8px;}

#ctt {margin:10px 0;padding:20px 0;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {font-family:'roboto','Noto Sans KR'.Sans-serif;line-height:60px; font-size:24px;  font-weight:700; border-bottom:1px solid #ee1c25; margin:20px 0; color:#565656; 
text-transform: uppercase;}
#ctt_con { line-height:1.8em; font-size:16px;}
#ctt_con > h2 { color:#a2a2a2; font-size:26px; font-weight:500;line-height:1.8; padding-bottom:40px;border-bottom:1px solid #cfcfcf; margin-bottom:40px}
#ctt_con > h3 {color:#565656; font-size:22px; margin-bottom:40px;}
#ctt_con > p {font-size:18px; margin-bottom:10px;}
#ctt_con > p.sign {font-weight:bold; margin:60px 10px; text-align:right;  }
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
#ctt_con strong {color:#037; }


/*login*/
#ht_login {position:fixed; width:580px; height:260px; left:50%; margin-left:-260px; top:50%; margin-top:-180px; border:2px solid #eee; background:#fff; padding: 40px 20px; box-sizing:border-box; text-align:center;}
#ht_login h1 {line-height:40px; font-size:24px; color:#ee1c25}
#ht_login h1 span{color:#333}
#ht_login .under_line { position:relative; display:block; width:180px; height:2px; margin:10px auto 20px auto; background:#eee; text-align:center; }
#ht_login input {margin:0 2px; height:40px; line-height:40px; padding:0 8px;}
#ht_login .btn_submit { width:100px; height:40px; line-height:40px;  border-radius:4px; margin:10px 0; background:#EE1C25}
#ht_login .go_home {margin:20px 0; color:#333;}
#ht_login .go_home i {color:#ee1c25}

/* adm */
.adm_btn {float:right;background:#fff; color:#333; border:1px solid #eee; border-radius:3px;  padding: 4px 8px; margin-right:20px; font-size:14px; line-height:20px}
.adm_btn:hover {border:1px solid #ee1c25; color:#ee1c25; transition:.3s}


/* ====================  board ====================*/

/* online */
.write_div {margin:10px 0;}
.btn_cke_sc {display:none;}
.write_form {background:#f5f5f5; padding:20px;}
.agreementZone {height:260px; border:1px solid #ccc; padding:20px; overflow-x:hidden; overflow-y: scroll; }
.agreementZone  .agreeCover p {color:#666; font-size:14px; line-height:26px}
.agreementZone  .agreeCover p strong {font-size:16px; line-height:50px; color:#037;}
.agreementZone  .agreeCover ul {margin:10px 0; padding:10px; background:#f3f3f3;}
.agreementZone  .agreeCover ul li {font-size:14px; line-height:26px; color:#666}
.checkCover {margin:10px 0 20px 0; text-align:right; }
.checkCover input {width:18px; height:18px; border:1px solid #037; line-height:24px;}
.checkCover label { font-size:15px; margin-left:5px; line-height:24px}
.bo_fx { margin:20px 0 }

/* gall list */

#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px -10px 0;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_box {position:relative;margin:0 0 25px 0;border:1px solid #cfcfcf ;background:#fff;border-radius:0 0 2px 2px}
#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:50%}
.gall_row .col-gn-3{width:33.33333333%}
.gall_row .col-gn-4{width:25%}
.gall_row .col-gn-5{width:20%}
.gall_row .col-gn-6{width:16.66666667%}
.gall_row .col-gn-7{width:14.28571428%}
.gall_row .col-gn-10{width:10%}
.gall_row .box_clear{clear:both}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img{border-bottom:1px solid #eee;text-align:center; overflow:hidden;}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}
#bo_gall .gall_img img{max-width:100%;height:auto !important}
#bo_gall .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:14px;color:#777}

#bo_gall .gall_box:hover { box-shadow:2px 3px 3px rgba(0,0,0,0.2); transition:.3s;}
#bo_gall .gall_box:hover  .gall_img img{ transform:scale(1.05); transition:.3s;}

#bo_gall .gall_text_href {margin:10px}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit{display:block;font-weight:bold;color:#000;font-size:14px}
#bo_gall .bo_tit .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);}
#bo_gall .profile_img img{border-radius:50%}
#bo_gall .gall_name{margin:10px}

#bo_gall .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_gall .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .fa-lock{display: inline-block;line-height: 16px;color: #999;text-align: center;vertical-align:middle;}


#bo_gall .gall_info{line-height:1.5em;padding:10px;font-size:0.92em;background:#f6f6f6;line-height:20px}
#bo_gall .gall_info strong{ display:inline-block;margin:0 0 0 10px }
#bo_gall .gall_info i{font-size:12px}
#bo_gall .gall_info .gall_date{position:absolute;bottom:10px;right:10px;font-style:italic;display:inline-block;color:#777;}

/* search */
#bo_sch { float:left;border:1px solid #ddd;background:#fff;border-radius:3px }
#bo_sch:after { display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend { position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{ border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd; }
#bo_sch .sch_input{ height:38px;border:0;padding:0;background-color:transparent;float:left }
#bo_sch .sch_btn{ height:38px;float:left;background:none;border:0;width:40px;font-size:15px }
#bo_sch .sch_btn i { color:#565656; }
#bo_sch .sch_btn:hover i { color:#ee1c25; }

/* view */
#bo_v h2 { border-bottom:0; color:#333; overflow:hidden; white-space:nowrap; line-height:40px; margin-bottom:10px;}
#bo_v_info {margin-bottom:20px; border-bottom:1px solid #e1e1e1; border-top:1px solid #888; padding:10px 0;}
#bo_v_info strong { padding:0 10px; }
#bo_v_atc { padding:20px 0 40px 0; }
#bo_v_con { padding:10px 0;}

#bo_v_file {margin: 0; border-bottom:1px solid #ddd;}
#bo_v_file h2 {padding:10px;background: #f3f3f3;  font-size:20px; line-height:40px;}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative; margin-bottom:10px;}
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_link {margin: 0;border-bottom:1px solid #ddd;}
#bo_v_link h2 {padding:10px;background: #f3f3f3 ; font-size:20px; line-height:40px;}
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;margin-bottom:10px;}
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_top {zoom:1; border-top:1px solid #e1e1e1;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none}

.bo_v_com {margin:20px 0;float:right}
.bo_v_com li {float:left;margin-left:5px}

.bo_v_left {margin:20px 0;float:left}
.bo_v_left li {float:left;margin-right:5px}

.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px; color:#888;}
.bo_v_nb li .nb_tit i {color:#EF3C41}
.bo_v_nb li .nb_date{float:right;color:#888; display:none}


/* pw */
.mbskin.pw { position: fixed; border:1px solid #ddd;width:500px; height:280px; top:50%;margin-top:-250px; left:50%; margin-left:-250px; background:#fff;text-align:center; padding:20px; box-sizing:border-box; overflow:hidden;}
.mbskin.pw > * { line-height:32px; }
.mbskin.pw h1 { font-size:20px; border-bottom:1px solid #ddd; line-height:40px; margin-bottom:10px; white-space:nowrap; }
.mbskin.pw p {padding:20px 0;}
.mbskin.pw strong { display:block; line-height: }
.mbskin.pw input  { border-radius:0;}
.mbskin.pw .btn_submit { line-height:40px; width:60px; background:#ff0000; border:0;}

/* btn */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

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_submit {border:0;background:#ee1c25; color:#fff;cursor:pointer;border:0}
.btn_submit:hover { background:#D10E16;}

a.btn_cancel {display:inline-block;background:#efefef;color:#555;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#efefef;color:#555;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#e1e1e1;}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

a.btn_b01,.btn_b01 {display:inline-block;background:#636363;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#353535}
a.btn_b02,.btn_b02 {display:inline-block;background:#ee1c25;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#d10e16}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#fff;color:#333; border:1px solid #ccc; box-sizing:border-box;text-decoration:none;vertical-align:middle} 
.btn_admin:hover, a.btn_admin:hover {background:#fff;color:#ee1c25; border:1px solid #ee1c25;}