@charset "utf-8";
/* CSS Document */


/*---------------------------------

  LAYOUT

----------------------------------*/
#wrap_login { width:100%; position:relative; min-height:100%; height:auto !important;  background:#f9f9f9; }
#wrap { width:100%; position:relative; min-height:100%; height:auto !important;  background:url(../_img/bg_left.gif) left top repeat-y; }
#container {  clear:both; position:relative; height: auto !important; min-width:980px; max-width:1920px;}

#header { position:relative; width:100%; height:70px; background:#fff; padding:0; margin:0; }
#header h1 { padding:5px 0 5px 20px; margin:0;}
#header h1 img {  vertical-align:top;}

.topmenu { position:absolute; top:6px; right:20px; }
.topmenu ul { height:20px; }
.topmenu ul li { display:block; float:left; font-size:11px; padding:0 10px; margin:0; letter-spacing:-0.5px; color:#666; background:url(../_img/bg_verline.gif) right center no-repeat;}
.topmenu ul li img { vertical-align:middle;}
.topmenu ul li span { color:#1cabf5; font-weight:bold;}
.topmenu ul li:last-child { background:none; padding-right:0;}

#contents { position:relative; padding:30px 20px 60px 20px; margin-left:200px; min-width:1180px; max-width:1680px;}

#footer { position:absolute; bottom:0; width:100%; text-align:center; clear:both;  height:30px; background:#fff; border-top: solid 1px #ddd; line-height:30px; color:#999; font-size:10px;}
#footer span { color:#666;}


/*---------------------------------

  LOGIN 

----------------------------------*/
#loginarea { width:320px; height:270px; position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-135px;}

#loginarea h1 { font-size: 30px; font-weight:bold; color:#fff; margin:0 0 0 0; padding:0 0 6px 0; line-height:30px; float:left; font-family: Arial, 'NanumGothic','나눔고딕','NanumGothicWeb'; }
#loginarea span.r_btn { float:right; padding:8px 5px;}
#loginarea ul { margin:0; padding:0;}
#loginarea ul li { font-family: Arial, 'NanumGothic','나눔고딕','NanumGothicWeb'; color:#909090;}

input#ip_id,input#pad_name { width:300px; height:46px; background:url(../_img/bg_input.png)left top no-repeat; border:none; padding:0 10px; line-height:46px;  font-size:14px; font-family: Arial, 'NanumGothic','나눔고딕','NanumGothicWeb'; margin:0 0 12px 0; color:#909090;}
input#ip_id:focus,input#pad_name:focus { background:url(../_img/bg_input_over.png)left top no-repeat; outline:none;}
input#ip_pw { width:300px; height:46px; background:url(../_img/bg_input.png) left top no-repeat; border:none; padding:0 10px; line-height:46px;  font-size:14px; font-family: Arial, 'NanumGothic','나눔고딕','NanumGothicWeb'; margin:0 0 10px 0; color:#909090;}
input#ip_pw:focus { background:url(../_img/bg_input_over.png) left top no-repeat; outline:none;}
input#ip_change_pwd { width:300px; height:46px; background:url(../_img/bg_input.png) left top no-repeat; border:none; padding:0 10px; line-height:46px;  font-size:14px; font-family: Arial, 'NanumGothic','나눔고딕','NanumGothicWeb'; margin:0 0 10px 0; color:#909090;}
input#ip_change_pwd:focus { background:url(../_img/bg_input_over.png) left top no-repeat; outline:none;}

#btn_login,#btn_pad { width:320px; height:46px; line-height:46px;  background:#2d67b2; text-align:center; color:#fff; font-size:16px; display:block; margin-top:15px; border-radius:2px;}

#loginarea p { text-align:center; margin-top:15px; color:#909090; font-size:10px;}




/*---------------------------------

  GNB 

----------------------------------*/

#gnb { cursor:pointer; position:absolute; width:100%; height:40px; top:30px; left:0; background:#333645;}
div#gnb ul { min-width:1400px; max-width:1920px;}
div#gnb ul li { float:left; padding:0 20px; margin:0;  text-align:center;background: url(../_img/bg_line.gif) right top repeat-y;background-color:#333645;  }
div#gnb ul li.on { background:#0f94dc;}
div#gnb ul li.on a	 { color:#fff;  }

div#gnb ul li a			 { color:#bdbec1; line-height:40px; display:block; font-size:13px; font-weight:bold;/* For IE6 */ }
div#gnb ul li a:hover span { color:#fff;  display:block;}

/*---------------------------------

  LNB 

----------------------------------*/
#leftarea { width:200px; height:auto; position:absolute; left:0; top:0;}
#leftarea ul { width:199px;}
#leftarea ul li { width:199px; height:39px; display:block; border-bottom: solid 1px #d1d6da; line-height:39px; letter-spacing:-0.5px;  vertical-align:middle; text-indent:15px; font-size:13px; background:#eef2f6; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; }
#leftarea ul li a {color:#6b757d; font-weight:bold;}
#leftarea ul li span { display:block;}
#leftarea ul li.on  { background:#fff url(../_img/bg_arrow.gif) 180px center no-repeat;  width:199px;  text-indent:15px;}
#leftarea ul li.on a{ color:#3596da; width:180px; display:block; overflow:hidden;}




/*---------------------------------

  DEFAULT 

----------------------------------*/

.clear { clear:both; }
.mt5 { margin-top:5px; }
.mt4 { margin-top:4px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt19 { margin-top:19px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pr15 { padding-right:15px; }

.mb5 { margin-bottom:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml26 { margin-left:26px; }
.ml30 { margin-left:30px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }

.mr10 { margin-right:10px; }
.mr30 { margin-right:30px; }

.float_r { float:right; }
.float_l { float:left; }

.txtleft { text-align:left; }
.txtcenter { text-align:center; }
.txtright { text-align:right; }
.ver_middle	 { vertical-align:middle; }
.ver_top	 { vertical-align:top; }
.txtbold { font-weight:bold; }

.txt_blue { color:#29a5fb; }
.txt_orange { color:#ef870c; }
.txt_gray { color:#878787; }

a			 { color:#777;  text-decoration:none; background:none; }
a:active	 { color:#000;  text-decoration:none; }
a:link	 	 { color:#777;  text-decoration:none; }
a:visited	 { color:#777;  text-decoration:none; }
a:hover 	 { color:#000;  text-decoration:none; }

a.list_key { font-weight: bold; color:#000; }

.w5p { width:5%; }
.w10p { width:10%; }
.w13p { width:13%; }
.w15p { width:15%; }
.w20p { width:20%; }
.w30p { width:30%; }
.w40p { width:40%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w70p { width:70%; }
.w80p { width:80%; }
.w98p { width:98%; }


/*컨텐츠*/
#contents h2 { font-size:14px; color:#333; padding:0 0 10px 15px; margin:0; line-height:18px; background:url(../_img/icon_bullet.png) left 3px no-repeat; border-bottom: solid 1px #ccc;}

#contents h3 { font-size:12px; padding:10px 0 10px 10px; margin:15px 0 0 0; color:#333; background:url(../_img/icon_bluetri.png) left center no-repeat;}
#contents h3.main { font-size:12px; padding:3px 0 3px 10px; margin:0; color:#333; background:url(../_img/icon_bluetri.png) left center no-repeat;}

table.list_tb { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #e5e5e5;  border-right: solid 1px  #e5e5e5; margin-top:15px; }
table.list_tb caption { text-align:left; padding-bottom:5px; font-size:11px;}
table.list_tb caption span { color:#ff5400; font-weight:bold;}
table.list_tb th { font-weight:normal; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5;line-height:18px; padding:5px 0; background:#f6f6f6;}
table.list_tb td { text-align:center; letter-spacing:-0.5px; padding:6px 2px; font-size:12px; color:#333; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; position:relative; word-break:break-all; }
table.list_tb input, table.list_tb select, table.list_tb textarea { padding:3px 3px; font-size:12px; border: solid 1px #c6c6c6; color:#666; vertical-align:middle;}
table.list_tb input:focus, table.list_tb select:focus, table.list_tb textarea:focus { border: solid 1px #6896d0; background:#f5f9ff;}
table.list_tb td img.thumb { vertical-align:bottom; width:90px;}
table.list_tb th.txtleft, table.list_tb td.txtleft { text-align:left; padding-left:10px; }
table.list_tb th.txtright, table.list_tb td.txtright, table.write_tb th.txtright, table.write_tb td.txtright { text-align:right; padding-right:10px; }
table.list_tb td.txtleft a { font-weight:bold;}
table.list_tb td span.cmt_num { padding-left:10px; color:#F00;}
table.list_tb td a { color:#333; font-weight:bold;}
table.list_tb td a:hover { color:#1c68cb; font-weight:bold; text-decoration:underline;}
table.list_tb tr:hover td{ background:#f4f8ff;}


table.list_tb td span.pro_img { padding-right:10px; float:left; width:50px; height:50px; vertical-align:bottom; }
table.list_tb td span.pro_img img { vertical-align:bottom;  width:50px; height:50px;}
/**table.list_tb td a img { position:absolute; left:0;  z-index:10; vertical-align:top;  width:50px; height:50px;}**/




span.btn_edit { line-height:20px; height:20px; width:54px; display:inline-block; border: solid 1px #ccc; font-size:12px; text-align:center; color:#999;}
span.btn_delete { line-height:20px; height:20px; width:54px; display:inline-block; border: solid 1px #cd6868; font-size:12px; color:#cd6868; text-align:center;}

span.btn_search { line-height:24px; height:24px; padding:0 10px 0 22px; display:inline-block; border: solid 1px #2c6ab6; border-radius:2px; font-size:11px; text-align:center; background:#4680c7 url(../_img/icon_search.png) 8px 6px no-repeat; vertical-align:middle; color:#fff;}

span.btn_view{ line-height:20px; height:20px; width:54px; display:inline-block; border: solid 1px #80b0ec; font-size:12px; text-align:center; color:#5b94da;}

span.btn_tb { position:absolute; right:20px; top:25px; display:inline-block; background:#333; text-align: center; color:#fff; font-size: 14px; width:90px; height:30px; line-height:30px;}

table.setup_tb { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 2px #333;  }
table.setup_tb th { font-weight:normal; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; padding:10px 0;}
table.setup_tb td { text-align:left; padding:10px 0 10px 20px; font-size:13px; color:#333; border-bottom: solid 1px #ccc;}
table.setup_tb td#editor { text-align:left; padding:10px 0 10px 20px; }
table.setup_tb td#editor span { margin:0;}

table.setup_tb td dl.set_type1 { width:170px;}
table.setup_tb td dl.set_type1 dt { line-height:30px; width:100px; display:inline-block; float:left;}
table.setup_tb td dl.set_type1 dd { text-align:right; display:inline-block; float:left; line-height:30px;}
table.setup_tb td dl.set_type1 dd select { width:50px;}

table.setup_tb td dl.set_type2 { width:500px;}
table.setup_tb td dl.set_type2 dt { line-height:30px; width:110px; display:inline-block; float:left;}
table.setup_tb td dl.set_type2 dt img { width:100px; height:30px; vertical-align:bottom;}
table.setup_tb td dl.set_type2 dd { text-align:right; display:inline-block; float:left; line-height:30px;}
table.setup_tb td dl.set_type2 dd select { width:50px;}
table.setup_tb td dl.set_type2 dd span.btn_find { line-height:20px; height:20px; width:54px; display:inline-block; border: solid 1px #ccc; font-size:12px; text-align:center; padding:0; margin:4px 5px; clear:both;}

table.setup_tb tr.bg_gr th, table.setup_tb tr.bg_gr td{ background:#f7f7f7;}
td.photoarea img { width:120px; height:90px; vertical-align:bottom;}


table.setup_tb td span { font-size:12px; color:#999; margin-left:20px;}
table.setup_tb td select { text-align:center; height:22px;}
table.setup_tb td input { height:22px;}

.btn_area_left { padding:10px 0 0 0; text-align:left; float:left;}
.table_btnarea { padding:20px 0 0 0; text-align:right; height:15px; float:right;}
a.btn_tb_r { display:inline-block; border: solid 1px #1f272d; background:#37414a; color:#fff; padding:4px 10px; border-radius:2px;}


.btn_area { padding:15px 0 25px 0; text-align:center; height:30px;}
a.btn_save { font-size:13px; color:#fff !important; width:88px; line-height:28px; height:28px; border: solid 1px #2464b8; background:#2974d7; display:inline-block; text-align:center;  border-radius:2px;}
a.btn_cancel { font-size:13px; color:#fff !important; width:88px; line-height:28px; height:28px; border: solid 1px #2c2c2c; background:#4a4a4a; display:inline-block; text-align:center;  border-radius:2px; }

.search_bar { padding:8px; text-align:left; border-bottom: solid 1px #ddd; background:#f9f9f9;}
.search_bar select { height:26px; margin-right:5px; border: solid 1px #ccc; vertical-align:middle;}
.search_bar input { height:22px;  border: solid 1px #bbb; vertical-align:middle;}

.page_list { text-align:right; margin:15px 0;}
.page_list a { border: solid 1px #c5c5c5; padding:6px 10px; font-weight:bold; margin:0 1px;}
.page_list a:hover { border: solid 1px #5a97e6; color:#5a97e6;}
.page_list a.selected { background:#2d68b2;  border: solid 1px #2d68b2; color:#fff;}

.write_form { border-top: solid 2px #333; padding:20px;  border-bottom: solid 1px #ccc;}
.write_form dl { width:100%;}
.write_form dt input { width:90%; margin-left:10px; height:22px; float:right; vertical-align:middle;}
.write_form dd { padding-top:20px;}
.write_form dd textarea{ width:100%;}

.view_form { border-top: solid 2px #333;  }
.view_form ul { width:100%;}
.view_form li {  border-bottom: solid 1px #ddd; display:block; position: relative;}
.view_form li img { vertical-align:middle;}
.view_form li.info_line span { padding-right:10px; margin-right:10px; background: url(../_img/bg_verline.gif) right center no-repeat; color:#999;}
.view_form li.info_line { padding: 0 15px 10px 10px;}
.view_form li span.txt_point { background:none; }
.view_form li span.txt_point a { color:#39F; border-bottom: solid 1px #39F; }
.view_form li.tit { font-size:15px; font-weight:bold; border-bottom:none; padding:15px 10px; }
.view_form li.tit span.edit_area { position: absolute; right:20px; top:30px; font-size:12px; font-weight:normal;}
.view_form li.tit span.edit_area a.edit { color:#999; border: solid 1px #ccc; padding:4px 10px; margin-left:5px;}
.view_form li.tit span.edit_area a.del { color:#cd6868; border: solid 1px #cd6868; padding:4px 10px; margin-left:5px;}
.view_form li p { font-size:14px; line-height:24px; padding:20px; text-indent:0; margin-bottom:60px;}



.commentarea { padding-top:10px;}
span.btn_cmt_left { background:url(../_img/btn/btn_cmt_left.gif) left top no-repeat; height:24px; line-height:24px; width:10px; display:inline-block; vertical-align:middle; text-indent:0; cursor:pointer;}
span.btn_cmt { background:url(../_img/btn/btn_cmt_right.gif) right top no-repeat; padding-right:10px; height:24px; line-height:24px; display:inline-block; vertical-align:middle; font-size:12px;text-indent:0;  cursor:pointer;}
span.btn_cmt strong { color:#ea252c;}
span.btn_cmt img {vertical-align:middle;}


ul.cmt_list {  padding:0; display:block; margin-bottom:-1px;}
.cmt_list li { background:#f6f7f8; border-bottom: solid 1px #e3e3e3; padding:16px 10px; position:relative;  vertical-align:top; display:block; text-indent:0;}

.cmt_list li span.pro_img { padding-right:10px; float:left; width:50px; height:50px; vertical-align:bottom; }
.cmt_list li span.pro_img img { vertical-align:bottom;  width:50px; height:50px;}
.cmt_list li a img { position:absolute; left:10px;  z-index:10; vertical-align:top;  width:50px; height:50px;}

.cmt_list li dl { float:left; width:90%;  display:block;  vertical-align:bottom;}
.cmt_list li dt { font-weight:bold;}
.cmt_list li dt span { padding-left:10px; font-weight:normal; color:#888d91; font-size:12px;}
.cmt_list li dt img { vertical-align:middle; margin-right:3px;}
.cmt_list li dd { padding-top:6px; font-size:14px; line-height:22px; position:relative;}
.cmt_list li dd span { position:absolute; top:-20px; right:0; font-size:12px;}
.cmt_list li input.insert_txt { width:87%; height:28px; border: solid 1px #ccc; vertical-align:middle;}
span.btn_bl { background:#6e97bf; height:30px; padding:0 30px ; line-height:30px; color:#fff; font-weight:bold; display:inline-block; text-align:center; vertical-align:middle;}


ul.cmt_list2 { margin-top:10px; border-top: solid 1px #e3e3e3; padding:0; display:block;}
.cmt_list2 li { background:#f6f7f8; border-bottom: solid 1px #e3e3e3; padding:16px 10px; position:relative;  vertical-align:top; display:block; }

.cmt_list2 li span.pro_img { padding-right:10px; float:left; width:50px; height:50px; vertical-align:bottom; }
.cmt_list2 li span.pro_img img { vertical-align:bottom;  width:50px; height:50px;}
.cmt_list2 li a img { position:absolute; left:10px;  z-index:10; vertical-align:top;  width:50px; height:50px;}

.cmt_list2 li dl { float:left; width:90%;  display:block;  vertical-align:bottom;}
.cmt_list2 li dt { font-weight:bold;}
.cmt_list2 li dt span { padding-left:10px; font-weight:normal; color:#888d91; font-size:12px;}
.cmt_list2 li dt img { vertical-align:middle; margin-right:3px;}
.cmt_list2 li dd { padding-top:6px; font-size:14px; line-height:22px; position:relative;}
.cmt_list2 li dd span { position:absolute; top:-20px; right:0; font-size:12px;}
.cmt_list2 li input.insert_txt { width:87%; height:28px; border: solid 1px #ccc; vertical-align:middle;}
span.btn_bl { background:#6e97bf; height:30px; padding:0 30px ; line-height:30px; color:#fff; font-weight:bold; display:inline-block; text-align:center; vertical-align:middle;}



.btn_area_info { padding:10px 0 25px 0; height:30px; text-align:right;}
span.btn_info_del { font-size:12px; color:#fff;  line-height:30px; height:30px; text-align:center; margin-right:3px; display:inline-block; background:#e34a4a;  color:#fff; padding: 0 20px;}

span.btn_info_basic { font-size:12px; color:#fff;  line-height:30px; height:30px; text-align:center; margin-right:3px; display:inline-block; background:#aaa;  color:#fff; padding: 0 20px;}

span.btn_info_send{ font-size:12px; color:#fff;  line-height:30px; height:30px; text-align:center; margin-right:3px; display:inline-block; background: #3c70b3;  color:#fff; padding: 0 20px;}


/*레이어팝업*/
#layer_pop { width:700px; height:400px; background:#fff; border: solid 1px #aaa; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-350px; z-index:10;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);}

#layer_pop h2 { padding:30px 20px 0 20px; margin:0;}
.popup_con { margin:20px; position:relative; overflow:auto; height:250px;}

/* new_add */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
/*.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}*/
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../_img/common/bg_layer.png);}
/*.layer .pop-layer {display:block;}*/

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; height:auto;  background-color:#fff; z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}


span.btn_close { position:absolute; right:20px; top:20px;}
.popup_btn { position:absolute; width:100%; text-align:center; bottom:30px;}

ul.navigator { position:absolute; right:20px; top:30px; display:block; height:22px;}
ul.navigator li { float:left; margin-right:2px; line-height:22px; vertical-align:middle; letter-spacing:-0.5px; padding-right:10px; background:url(../_img/icon_arrow2.gif) right center no-repeat;}
ul.navigator li.thispage { background:none; color:#666; padding-right:0; }
ul.navigator li a { color:#9ca1a9;}

.item_top {margin-bottom:20px; border-top:2px solid #333; border-bottom:1px solid #999;}
.item_top ul:after { content: ""; display: block; clear: both; }
.item_top li {float:left;}
.item_top li div {background:#f1f1f1; border:1px solid #cfcfcf; margin:5px 2px; height:30px; line-height:32px; padding:0 10px; cursor:move;}
.item_top li div:hover {background:#4f9dfc; color:#fff;}

.item_contect {clear:both;}
.item_contect table {border-top:2px solid #333; background:#ccc; border-spacing:1px;}
.item_contect table th {height:30px; background:#f1f1f1}
.item_contect table td {background:#fff url(../_img/ico_plus.png) no-repeat 50% 50%; height:100px;}
.item_contect table td:first-child {background-image:none; text-align:center}
.item_contect table td.over{ background:#4f9dfc;}
.item_contect table td .assigned{ width:100%; height:100%; line-height:100px; max-width:600px; max-height:100px; text-align:center; background:#328efe; color:#fff; font-weight:bold; border:0 none;}
.item_contect table td .assigned.trash{ background-color:#f00;}
.item_contect table td.bnn_con {background-image:none; background-color:#f1f1f1; text-align:center;}
.item_contect .etc_info {font-size:11px; color:#f00; margin-top:20px;}

/*마이페이지*/
.myinfo_box { background:url(../_img/bg_mypage.jpg) left top no-repeat; position:relative; height:356px; width:760px; overflow:hidden;}
.my_photo { position:absolute; width:126px; height:126px; top:30px; left:317px;}
.my_photo span { position:absolute;}
.mynickname { position:absolute; top:166px; left:50%; margin-left:-125px; text-align:center; width:250px;  color:#fff; font-size:20px; font-weight:bold;}

ul.myinfo { padding-top:205px; margin:0 auto; width:500px;}
ul.myinfo li { float:left; color:#fff; font-size:16px; padding: 0 20px; text-align:center;}

ul.myranking { width:760px; position:absolute; top:277px;}
ul.myranking li { float:left; width:189px; padding-right:1px; text-align:center; }
ul.myranking li dt { color:#fff; font-size:13px;}
ul.myranking li dd { color:#fff; font-size:34px; line-height:40px;}


#layer_pop { width:570px; height:auto; border: solid 1px #666; position: relative;}
.layer_pop2 { width:800px; height:auto; border: solid 1px #666; position: relative;}
.pop_contents { padding:28px 20px;}
.pop_contents h5.tit { font-size:24px; line-height:24px; padding:0 0 15px 0; margin:0; border-bottom: solid 2px #5e5e5e;}
.pop_contents h5.tit_non_bd { font-size:24px; line-height:24px; padding:0 0 15px 0; margin:0;}
span.btn_close { position:absolute; right:20px; top:28px;}

.pop_contents textarea.modify_txt {margin-top:15px; font-size:14px; line-height:24px; width:95%; height:250px;  border: solid 1px #dcdcdc; padding:10px;}

.po_right { text-align:right; height:30px; padding-top:10px; color:#888d91;}
.po_right img { vertical-align:middle; margin:0 3px;}

/* new_add */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
/*.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}*/
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../_img/bg_layer.png);}
/*.layer .pop-layer {display:block;}*/

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; height:auto;  background-color:#fff; z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

.pop-layer.sitemap {width:980px;}


/*글쓰기테이블*/

table.write_tb {width:100%; border-collapse:collapse;  border-spacing:0;border-top: solid 1px  #e5e5e5;  border-right: solid 1px  #e5e5e5; margin-top: 25px;}
table.write_tb th { padding:5px 0; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; font-size:12px; background:#f6f6f6; font-weight:normal; width:15%;}
table.write_tb td { padding:5px 0 5px 10px;  border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; }
table.write_tb td.content {height:150px;vertical-align: top;}
table.write_tb input, table.write_tb select, table.write_tb textarea { padding:5px 3px; font-size:12px; border: solid 1px #c6c6c6; color:#666; vertical-align:middle;}
table.write_tb input:focus, table.write_tb select:focus, table.write_tb textarea:focus { border: solid 1px #6896d0; background:#f5f9ff;}
span.btn_zipcode { font-size:12px; color:#2d68b2; width:88px; line-height:26px; height:26px; border: solid 1px #2d68b2; background:#fff; display:inline-block; text-align:center; vertical-align:middle; }

.ad_title { width:98%; }
.ad_file { width:70% }
.ad_addr { width:80%; }
.ad_email { width:40%; }

#no_style,
#no_style tr,
#no_style td {
    margin:0;
    padding:0;
    border: 0 none;
}

table.file_image_box_wrap td {border-bottom: 0; border-left: 0; width: 25%; vertical-align: top; text-align: center; padding: 5px 5px 5px 0;}

table.file_image_box { border-collapse: collapse; text-align: left; width: 100%; border: 1px solid #c6c6c6 !important;}
table.file_image_box tr {border: 0 !important;}
table.file_image_box td {padding: 5px 0 5px 10px;}
table.file_image_box td.num { background-color: #eeeeee; width: 5%; border: solid 1px #c6c6c6 !important; text-align: center; padding:11px 8px 0 6px; }
table.file_image_box td.file {background-color: #eeeeee; text-align: left; width: 95%; border: solid 1px #c6c6c6 !important;}
table.file_image_box td.file input[type=file] { width: 75%; border: 0; margin-left: 5px; }
table.file_image_box td img { vertical-align:middle !important; max-width: 100%; max-height: 50px;}

.no_data {
    text-align:center; height:100px;
}

/*0417-추가*** 0424 수정함****/
a.btn_grn:link { background:#6bad1d; text-align:center; color:#fff; padding:3px 5px 4px 5px; margin:1px 2px; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_grn:hover {color:#fff;}
a.btn_grn:active {color:#fff;}
a.btn_grn:visited {color:#fff;}

a.btn_red:link { background:#c71414; text-align:center; color:#fff; padding:3px 5px 4px 5px; margin:1px 2px; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_red:hover {color:#fff;}
a.btn_red:active {color:#fff;}
a.btn_red:visited {color:#fff;}

table.list_tb td a.btn_grn:hover {color:#fff; text-decoration:none; font-weight:normal; }
table.list_tb td a.btn_red:hover {color:#fff; text-decoration:none; font-weight:normal; }

a.btn_sm:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #e8e8e8 100%); text-align:center; color:#000; padding:3px 6px 4px 6px; border: solid 1px #ccc; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_sm:hover {background:linear-gradient(to bottom, #e8e8e8 0%, #fff 100%); color:#000; border: solid 1px #878fa9;}
a.btn_sm:active {color:#000; border: solid 1px #ccc;}
a.btn_sm:visited {color:#000; border: solid 1px #ccc;}

a.btn_dm:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #e8e8e8 100%); text-align:center; color:#000; padding:3px 10px 4px 10px; border: solid 1px #ccc; border-radius:2px; font-weight:normal; display:inline-block; margin: auto;}
a.btn_dm:hover {background:linear-gradient(to bottom, #e8e8e8 0%, #fff 100%); color:#000; border: solid 1px #878fa9;}
a.btn_dm:active {color:#000; border: solid 1px #ccc;}
a.btn_dm:visited {color:#000; border: solid 1px #ccc;}

table.list_tb td a.btn_sm:hover {color:#000; text-decoration:none; font-weight:normal; border: solid 1px #878fa9;}
table.write_tb td a.btn_sm:hover {color:#000; text-decoration:none; font-weight:normal; border: solid 1px #878fa9;}
table.list_tb td a.btn_dm:hover {color:#000; text-decoration:none; font-weight:normal; border: solid 1px #878fa9;}
table.write_tb td a.btn_dm:hover {color:#000; text-decoration:none; font-weight:normal; border: solid 1px #878fa9;}

p.infotxt { padding-bottom:5px; color:#de0000; font-size:11px;}
span.essential { color:#de0000; font-size:16px; margin-right:2px;}

a.btn_add:link {  background:#fff url(../_img/icon_add.png) 5px center no-repeat; text-align:center; color:#126ecc; padding:3px 15px; border: solid 1px #5b94e3; border-radius:2px; font-weight:normal;  vertical-align:middle; display:inline-block;}
a.btn_add:hover { color:#126ecc; border: solid 1px #5b94e3;}
a.btn_add:active {color:#126ecc; border: solid 1px #5b94e3;}
a.btn_add:visited {color:#126ecc; border: solid 1px #5b94e3;}

/*0424-추가*/
a.btn_dm_red:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #fff6f5 100%); text-align:center; color:#ff0000; padding:3px 10px 4px 10px; border: solid 1px #fca198; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_dm_red:hover {background:linear-gradient(to bottom, #fff6f5 0%, #fff 100%); color:#ff0000; border: solid 1px #e63c3c;}
a.btn_dm_red:active {color:#ff0000; border: solid 1px #fca198;}
a.btn_dm_red:visited {color:#ff0000; border: solid 1px #fca198;}

table.list_tb td a.btn_dm_red:hover {color:#ff0000; text-decoration:none; font-weight:normal; border: solid 1px #e63c3c;}
table.write_tb td a.btn_dm_red:hover {color:#ff0000; text-decoration:none; font-weight:normal; border: solid 1px #e63c3c;}


a.btn_dm_blue:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #e5eff6 100%); text-align:center; color:#1778b5; padding:3px 10px 4px 10px; border: solid 1px #66abd7; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_dm_blue:hover {background:linear-gradient(to bottom, #e5eff6 0%, #fff 100%); color:#1778b5; border: solid 1px #2c8dca;}
a.btn_dm_blue:active {color:#1778b5; border: solid 1px #66abd7;}
a.btn_dm_blue:visited {color:#1778b5; border: solid 1px #66abd7;}

table.list_tb td a.btn_dm_blue:hover, table.list_tb_intb td a.btn_dm_blue:hover {color:#1778b5; text-decoration:none; font-weight:normal; border: solid 1px #2c8dca;}
table.write_tb td a.btn_dm_blue:hover {color:#1778b5; text-decoration:none; font-weight:normal; border: solid 1px #2c8dca;}


a.btn_dm_grn:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #e1eadc 100%); text-align:center; color:#098b09; padding:3px 10px 4px 10px; border: solid 1px #80b980; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_dm_grn:hover {background:linear-gradient(to bottom, #e1eadc 0%, #fff 100%); color:#098b09; border: solid 1px #0da40d;}
a.btn_dm_grn:active {color:#098b09; border: solid 1px #80b980;}
a.btn_dm_grn:visited {color:#098b09; border: solid 1px #80b980;}

table.list_tb td a.btn_dm_grn:hover {color:#098b09; text-decoration:none; font-weight:normal; border: solid 1px #0da40d;}
table.write_tb td a.btn_dm_grn:hover {color:#098b09; text-decoration:none; font-weight:normal; border: solid 1px #0da40d;}

.inout_txt { padding:5px 0 0 0; text-align:right; height:15px; float:right;}
ul.num_list li { display:inline-block; padding:0 5px; color:#666;}
ul.num_list li:nth-child(1)  {font-weight:bold;}
ul.num_list li:nth-child(1) span { font-weight:bold; color:#e63c3c;}
ul.num_list li span { font-weight:bold; color:#2c8dca;}

p.infotxt_bk { padding-bottom:5px; color:#666; font-size:11px;}
span.essential_bk { color:#666; font-size:16px; margin-right:2px;}

table.write_tb_intb {width:100%; border-collapse:0;  border-spacing:0;border-top: solid 1px  #e5e5e5;  border-right: solid 1px  #e5e5e5;}
table.write_tb_intb th { padding:5px 0; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; font-size:12px; background:#f6f6f6; font-weight:normal;}
table.write_tb_intb td { padding:5px;  border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; }
table.write_tb_intb input, table.write_tb select, table.write_tb textarea { padding:3px 3px; font-size:12px; border: solid 1px #c6c6c6; color:#666; vertical-align:middle;}
table.write_tb_intb input:focus, table.write_tb select:focus, table.write_tb textarea:focus { border: solid 1px #6896d0; background:#f5f9ff;}

table.list_tb_intb { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #e5e5e5;  border-right: solid 1px  #e5e5e5; margin-top:0; }
table.list_tb_intb caption { text-align:left; padding-bottom:5px; font-size:11px;}
table.list_tb_intb caption span { color:#ff5400; font-weight:bold;}
table.list_tb_intb th { font-weight:normal; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5;line-height:18px; padding:5px 0; background:#f6f6f6;}
table.list_tb_intb td { text-align:center; letter-spacing:-0.5px; padding:6px 2px; font-size:12px; color:#333; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; position:relative; word-break:break-all; }
table.list_tb_intb input, table.list_tb select, table.list_tb textarea { padding:3px 3px; font-size:12px; border: solid 1px #c6c6c6; color:#666; vertical-align:middle;}
table.list_tb_intb input:focus, table.list_tb select:focus, table.list_tb textarea:focus { border: solid 1px #6896d0; background:#f5f9ff;}
table.list_tb_intb td img.thumb { vertical-align:bottom; width:90px;}
table.list_tb_intb th.txtleft, table.list_tb_intb td.txtleft { text-align:left; padding-left:10px;}
table.list_tb_intb th.right, table.list_tb_intb td.right { text-align:right; padding-right:10px;}
table.list_tb_intb td.txtleft a { font-weight:bold;}
table.list_tb_intb td.txtleftnb { text-align:left; padding-left:10px;}
table.list_tb_intb td span.cmt_num { padding-left:10px; color:#F00;}
table.list_tb_intb td a { color:#333; font-weight:bold;}
table.list_tb_intb td a:hover { color:#1c68cb; font-weight:bold; text-decoration:underline;}
table.list_tb_intb tr:hover td{ background:#f4f8ff;}

table.list_tb_intb td span.pro_img { padding-right:10px; float:left; width:50px; height:50px; vertical-align:bottom; }
table.list_tb_intb td span.pro_img img { vertical-align:bottom;  width:50px; height:50px;}

/*0425 추가*/
a.btn_add_new:link {background:#fff url(../_img/icon_arrow3.png) center 30px no-repeat; text-align:center; color:#2c8dca; padding:10px 15px 25px 15px; border: solid 2px #2c8dca; border-radius:2px; font-weight:normal; margin-top:5px; display:inline-block; font-weight:bold;}
a.btn_add_new:hover { color:#126ecc; border: solid 1px #5b94e3;}
a.btn_add_new:active {color:#126ecc; border: solid 1px #5b94e3;}
a.btn_add_new:visited {color:#126ecc; border: solid 1px #5b94e3;}

div.dashboard {clear:both; position:relative; margin-top:10px;}
div.dashboard div.half {width:48%;padding:0 1%; float: left;}
div.dashboard div.half div.left {height:25px; width:46%;padding:0 1%; float: left; padding:3px 0 3px 10px;}
div.dashboard div.half div.right {height:25px; width:46%;padding:0 1%; float: right; padding:6px 0 3px 10px;text-align:right; vertical-align: bottom;}



.filebox3 {position: relative;width:100%;}
.filebox3 input {width:100%;height:40px;position: absolute;left:0;top:0;opacity: 0.0;}
.filebox3 input.caption_tit {position: relative; height: 20px; opacity:1; margin: 0 3px 3px 0;}
.filebox3 label {
    display: inline-block;
    height: 40px;
    color: #fff;
    border: 0;
    background: #000000 url(../images/sub/icon_write_p.png) no-repeat 25px center;
    width: 160px;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 50px;line-height:40px;cursor:pointer;
}
.filebox3 ul.line span {float:left;height:30px;display:inline-block;}
.filebox3 ul.line span:nth-child(1) {width:40px;line-height:30px;text-align:center;margin-left:10px;background:#eee;border:solid 1px #c6c6c6;border-right:0;}
.filebox3 ul.line span:nth-child(2) {width:100px;}

.upimg-thim {clear:both;margin-top:10px;}
.upimg-thim li {float:left;margin-right:10px;margin-top:15px;width:100%;}
.upimg-thim li .thum {width:700px;height:500px;overflow:hidden;border:1px solid #ccc;background:#f2f3f3;}
.upimg-thim li .thum img {width:100%;}

.first_thumb {border:1px solid #000;}

.option_tit {font-size: 13px; font-weight: bold; text-align: center; color: #000; padding-bottom: 7px; border-bottom: 1px solid #ddd; display: block; text-align: left; margin-bottom: 12px; margin-top: 10px; clear: both;}
.option-list {padding-bottom: 5px; overflow: hidden;}
.option-list li {float: left; width: 11%; margin-bottom: 5px;}
.filebox3 label {width: 120px;}

.cal-tit {text-align:center;padding:10px;}
.cal-tit select {height:35px;border:1px solid #ccc;padding:0 10px;}
.calbox  {clear:both;margin-top:10px;position:relative; background-color: #fff;}
.calbox table.caltable {width:100%;border-top:2px solid #333333;    table-layout: fixed;}
.calbox table.caltable thead th {text-align:center;height:45px;vertical-align:middle;font-size:18px;background:#f5f5f5;border:1px solid #dbdbdb;}
.calbox table.caltable tbody td {text-align:left;vertical-align:top;font-size:16px;}
.calbox table.caltable tbody td .daybox {padding:5px 0 10px 0px;height:130px;position:relative;overflow:hidden;}
.calbox table.caltable tbody td.holyday .day,
.calbox table.caltable thead th.holyday {color:#d50000;}
.calbox table.caltable tbody td .day {display:block;padding:0px 10px 10px 10px}
.calbox table.caltable tbody td .sc00 {width:100%;display:block;background:#fff;color:#fff !important;font-size:12px;height:20px;margin:1px 0;line-height:20px;}
.calbox table.caltable tbody td .sc01 {width:100%;display:block;background:#f09300;color:#fff !important;font-size:12px;margin:1px 0;line-height:20px;}
.calbox table.caltable tbody td .sc02 {width:100%;display:block;background:#7986cb;color:#fff !important;font-size:12px;margin:1px 0;line-height:20px;}
.calbox table.caltable tbody td .sc03 {width:100%;display:block;background:#33b679;color:#fff !important;font-size:12px;margin:1px 0;line-height:20px;}
.calbox table.caltable tbody td a {color:#fff !important;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.calbox table.caltable tbody td {text-align:left;vertical-align:top;font-size:16px;border:1px solid #dbdbdb;overflow:hidden;}



.caltable2 {width:98%;border-top:2px solid #333333;margin-top:3px;text-align: center;}
.caltable2 thead th {text-align:center;height:45px;vertical-align:middle;font-size:18px;background:#f5f5f5;border:1px solid #dbdbdb;}
.caltable2 tbody td {text-align:left;font-size:14px;border:1px solid #dbdbdb;height:25px;padding:5px;}

.caltable table.tbl_day {width: 100%;box-sizing:border-box;}
.caltable table.tbl_day tbody td::before {border-left: 0;}
.caltable table.tbl_day tbody td {height: 25px; text-align: center !important; padding: 3px; vertical-align: middle;}
.caltable table.tbl_day tbody td::after {border-right: 0;}
.caltable table.tbl_day tbody td {border:0 !important;border-top:1px solid #dbdbdb !important;}
.caltable table.tbl_day tbody td:nth-child(1) {border-right:1px solid #dbdbdb !important;}

.caltable_week {width:98%;border-top:2px solid #333333;margin:auto;text-align: center;font-size:12px;text-align:center;}
.caltable_week_box div.title {width: 98%; margin: auto; padding: 15px; font-size: 20px; font-weight: bold; text-align: center;}
.caltable_week thead th {vertical-align:middle;background:#f5f5f5;border:1px solid #dbdbdb;width: 14.28%;height:25px;}
.caltable_week tbody td {border:1px solid #dbdbdb;height:25px;padding:3px;}
.caltable_week tbody td.name {width: 9.14%;}
.caltable_week tbody td.active {border: 2px solid #ff0000; !important;}
.caltable_week tbody td.score {width: 5.14%;}
.caltable_week tbody td.total {color:#d50000; font-weight: bold;}
.caltable_week thead th.holyday, .caltable_week tbody td.holyday {color:#d50000;}

.caltable_week_num {width: 15px; height: 15px; font-size:14px; font-weight: bold; color: #0974ce; text-align: center; vertical-align: middle; position: absolute; right: 0; bottom: 0;}

.article_team {display:inline-block;float:right;height: 25px; width: 25px; text-align: center; margin: 0; padding: 6px 3px 0 3px;vertical-align:middle;font-weight:bold;color:#fff;}

ul.marker_status_bar {height: 41px; position: absolute; top:155px; left:3%; background-color: #fff; }
ul.marker_status_bar li {display: block; float: left; padding: 9px 5px 9px 5px; font-size: 12px; border:1px solid #cfcfcf; width: 80px; text-align: center; background-color: #fff;}
ul.marker_status_bar li.active {background-color: #4f9dfc; color:#fff; font-weight: bold;}
ul:after.marker_status_bar {content: ""; display: block; clear: both}

ul.marker_status_bar_small {top:100px !important;}

div.marker_alert {display:none; width: 600px; text-align: center; background-color: #e3e3e3; position: absolute; top:470px; left:15%; padding: 15px; border: 1px solid #888d91;  border-radius:3px;}
div.marker_alert h2 {font-size: 22px; font-weight: bold;}
div.marker_alert h3 {font-size: 17px; font-weight: bold; color:#ff0000;}
div.marker_alert div.action { text-align: center; width: 300px; margin: auto;}
div.marker_alert div.action button {
    background-color:#eee;
    border-radius:5px;
    border:1px solid #999;
    margin:15px 7px 5px 7px;
    height:40px;
    width:50px;
    font-size: 16px;
    font-weight: bold;
}

div.marker_alert_small {left:3px !important;}

/** sosa marge start **/
.sosa_box { width: 100%; text-align: center; margin-top: 20px; border: 2px solid #888d91; border-radius: 5px; border-collapse:collapse; background-color: #ffffff;}
.sosa_box td.btn-sosa-article {cursor: pointer; }
.sosa_box td.active { background-color: #3367d6; color: #fff;}
.sosa_box td {border: 1px solid #888d91; font-size: 16px; line-height: 30px; font-weight: bold; color:#000000;}

div.www_multi {
    position: absolute; top: -1px; left: -216px; height: auto;
    padding: 10px;
    border: 1px solid #7681a8; background: #fff;
}

div.www_multi select { width: 192px; }

div.sosa_www_buttons {position: absolute; right:20px; top:50px; display: flex; flex-direction: column;}
div.sosa_buttons {
    right: -216px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #7681a8;
    top: -1px;
}
div.sosa_buttons span {
    position: absolute;
    left:-525px;
    top:-1px;
}

div.www_buttons {
    left: 420px;
    top: 1px;
    width: 25%;
}
div.www_buttons span {
    position: absolute;
    left:-421px;
    top:-2px;
}

div.sosa_www_buttons span {
    padding: 5px;
    border: 1px solid #888d91;
    background-color: #eee;
    width: 80px;
    text-align: center;
    font-weight: bold;
}

div.sosa_www_buttons button {
    height: 30px;
    width: 100px;
    cursor: pointer;
    background:#fff;
    border:1px solid #999;
    border-radius:3px;
    font-size: 12px;
    font-weight: bold;
    margin: 2px 0;
}
div.sosa_www_buttons button:hover,
div.sosa_www_buttons button.active {background-color: #3367d6; color: #fff;}
div.sosa_www_buttons button { margin-bottom: 10px;}
div.box_content {display: flex; }
table.box_table_sosa:before { content: ' '; position: absolute; display: block; width: 1px; height: 97%; background-color: #888d91;}

button#zipDown {
    position: absolute;
    right: 80px;
    top: 13px;
    background: #666;
    height: 30px;
    width: 60px;
    line-height: 19px;
    color: #fff;
    border-radius: 2px;
    font-size: 13px;
    border: 0;
    cursor: pointer;
}
/** sosa marge end **/

.invalid_row td {
    background: rgb(255, 145, 145);
}