@charset "utf-8";

#slide-container{display: none;}
#header-container .content-header{display: none;}
#content-container{margin: 0 auto; padding-top: 355px; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;}


#visualArea{position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 585px; overflow: hidden;}
#visualArea .bx-wrapper .bx-controls{position: absolute; z-index: 60; top: 267px; left: 500px; padding: 0 26px;}
#visualArea .bx-wrapper .bx-controls a{display: block; width: 25px; height: 23px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction a{position: absolute; top: 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left: 0; background-position: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right: 0; background-position: -25px 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active{display: none;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{background-position: -50px 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start{background-position: -75px 0;}

#visualArea .visualText{display:none;position: absolute; z-index: 60; top: 90px; left: 500px; width: 1000px;}
#visualArea .visualText .item-01{line-height: .9; font-size: 20px;color: #5f5f5f; font-weight: bold;}
#visualArea .visualText .item-01 strong{display: block; line-height: .9; font-size: 40px; color: #715a1b; margin-top: 8px;}
#visualArea .visualText .item-02{line-height: 20px; font-size: 14px; color: #5d5c5c; margin-top: 20px; font-weight: bold;}


#mainCont{position: relative; z-index: 2;}
#mainCont:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}


#mainCont .latest-posts{float: left; padding: 20px; width: 460px; height: 190px; background-color: #5c442d; background-color: rgba(9,6,10,0.6);}


.tab_list{position: relative;}
.tab_list>ul{list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li{float: left; line-height: .9;}
.tab_list>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.tab_list>ul>li>a{float: left; line-height: inherit;}
.tab_list>ul>li>a span{display: block; font-weight: bold; line-height: inherit; letter-spacing: -1px;}
.tab_list>ul>li>ul{position: absolute; left: 0; right: 0; list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li>ul li{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_list>ul>li>ul li a{text-decoration: none;}
.tab_list>ul>li>ul li a:focus,
.tab_list>ul>li>ul li a:hover{text-decoration: underline;}
.tab_list>ul>li>ul li span{position: absolute; right: 0; top: 0;}
.tab_list>ul>li>ul li.more{position: static;}
.tab_list>ul>li>ul li.more a{display: block; position: absolute; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}


.tab_list>ul>li+li:before{content: '/'; float: left; width: 32px; color: inherit; text-align: center; vertical-align: top; color: #ebd7b5;}
.tab_list>ul>li>a{font-size: 16px; color: #ebd7b5;}
.tab_list>ul>li>a span.over{color: #edf094;}
.tab_list>ul>li>ul{top: 36px;}
.tab_list>ul>li>ul li{padding-right: 60px;}
.tab_list>ul>li>ul li a{line-height: 25px; font-size: 13px; color: #ffffff;}
.tab_list>ul>li>ul li span{line-height: 25px; font-size: 13px; color: #ffffff;}
.tab_list>ul>li>ul li.more a{top: -36px; right: 0; width: 20px; height: 20px; background-image: url(./../../mycodyimages/m_btn_more.png);}

.tab_list>ul>li>ul .tabboard-nodata{color:#fff;}


#mainCont .popup-zone{float: left; width:250px;}


#mainCont .shortcut-01{float: right; width: 250px;}
#mainCont .shortcut-01:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .shortcut-01 li{vertical-align: top;}
#mainCont .shortcut-01 li a{display: block; padding: 32px 0 0 35px; height: 83px; line-height: 22px; color: #24594f; background-color: #dbe3de; background-image: url(./../../mycodyimages/m_content.png); background-repeat: no-repeat;}
#mainCont .shortcut-01 li a:focus *,
#mainCont .shortcut-01 li a:hover *{text-decoration: underline;}
#mainCont .shortcut-01 li a .title{display: block; font-size: 12px;color:#0087b5;}
#mainCont .shortcut-01 li a .subtitle{display: block; font-size: 17px;color:#3e4e4d;}
#mainCont .shortcut-01 li.item-01 a{background-position: 0 0;}
#mainCont .shortcut-01 li.item-02 a{background-position: 0 -115px;}


#mainCont .shortcut-02{float: left;}
#mainCont .shortcut-02:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .shortcut-02 li{float: left;}
#mainCont .shortcut-02 li a{display: block;height: 70px; line-height: 24px; background-image: url(./../../mycodyimages/m_content.png); background-repeat: no-repeat;}
#mainCont .shortcut-02 li a:focus *,
#mainCont .shortcut-02 li a:hover *{text-decoration: underline;}

#mainCont .shortcut-02 li a .title{display: block; font-size: 16px;}
#mainCont .shortcut-02 li a .subtitle{display: block; font-size: 13px;}
#mainCont .shortcut-02 li.item-01 a{background-color: #e4e4e4; background-position: 0 -230px;padding: 12px 0 0 26px;width: 224px;height: 78px;}
#mainCont .shortcut-02 li.item-01 a .title{color: #404040;font-size:0;line-height:0;height:0;width:0; text-indent:-9999px;}
#mainCont .shortcut-02 li.item-01 a .subtitle{color: #636363;padding-top: 32px;line-height: 18px;letter-spacing: -1px; text-indent:-9999px;}
#mainCont .shortcut-02 li.item-02 a{background-color: #f7f7f7; background-position: 0 -320px;padding: 20px 0 0 76px; width: 174px; }
#mainCont .shortcut-02 li.item-02 a .title{color: #444444;}
#mainCont .shortcut-02 li.item-02 a .subtitle{color: #b0501c;font-size:12px; }
#mainCont .shortcut-02 li.item-03 a{background-color: #e8ad22; background-position: 0 -410px; padding: 20px 0 0 76px; width: 174px; }
#mainCont .shortcut-02 li.item-03 a .title{color: #444444;}
#mainCont .shortcut-02 li.item-03 a .subtitle{color: #b0501c;font-size: 12px;}
#mainCont .shortcut-02 li.item-04 a{background-color: #359683; background-position: 0 -500px; padding: 20px 0 0 76px; width: 174px; }
#mainCont .shortcut-02 li.item-04 a .title{color: #444444;}
#mainCont .shortcut-02 li.item-04 a .subtitle{color: #2f6b81;font-size: 12px;}


/* 포토존 */
#mainCont .photo-gallery														{float: left; position: relative; width: 250px; height: 230px;}
#mainCont .photo-gallery h2														{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .miniBox																{position: static !important;}
#mainCont .miniBox .miniGallery-container h2									{display: none;}
#mainCont .miniBox .miniGallery-container ul									{list-style: none; margin: 0; padding: 0; height: auto;}
#mainCont .miniBox .miniGallery-container ul li									{float: none; width: 250px; height: 230px; position:relative;}
#mainCont .miniBox .miniGallery-container ul li .thumb							{width: 250px; height: 230px;}
#mainCont .miniBox .miniGallery-container ul li .thumb a						{display: block; position: relative; width: 100%; height: 100%;}
#mainCont .miniBox .miniGallery-container ul li .thumb a img					{vertical-align: top;}
#mainCont .miniBox .miniGallery-container ul li .title							{position: absolute; right: 10px; bottom: 10px; left: 10px; width: auto; background-color: #000000; text-align: left; background-color: rgba(0,0,0,0.8)}
#mainCont .miniBox .miniGallery-container ul li .title a						{display: block; margin: 0; padding: 10px 0 0 8px; height: 26px; line-height: .9; font-size: 14px; color: #ffffff; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainCont .miniBox .miniGallery-container ul li .title a:focus,
#mainCont .miniBox .miniGallery-container ul li .title a:hover					{text-decoration: underline;}
#mainCont .miniBox .miniGallery-container a.more								{display: block; position: absolute; top: auto; bottom: 10px; right: 10px; width: 36px; height: 36px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more_gallery.png) no-repeat 0 0;}



#footer .copyright{line-height:12px !important;}
#footer {padding-top:0px !important;}
#footer .copyright a,a:hover color:#666666;font-size:11px !important;}
								

#contents{width:96%}
 #title{width:94% !important}
 #userName{width: 96%;}


 #mail1 {width:28% !important}
 #mail2 {width:52% !important}
  #mailDomain{width:60% !important;margin-top:5px;}
 #userPhone,#phone2,#phone3{width:25% !important}
 .write table{}

#txtaContent  {width:96% !important;}
 #upFile  {width:45% !important;}  

.wizUser .write table td.editor {height:auto !important;}