@charset "utf-8";
/* HTML ---------------------------------------------------------*/
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; margin: 0; padding: 0; border: 0; }

html, body { height: 100%;}
body { height: 100%; font-family: '맑은 고딕', Malgun Gothic, sans-serif; color: #4e5155; list-style: none; outline: 0; }
.blind, caption { visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0 }
.clear { clear: both; overflow: hidden; }
/* 전체 */
#wrapper { position: relative; min-width: 1300px; height: 100%; margin: 0; padding: 0; font-size: 13px; text-align: left;}
#wrapper_main { position: relative; min-width: 1300px; height: 100%; margin: 0; padding: 0; font-size: 13px; text-align: left; background:#f3f3f4}

#wrapper.hidden { overflow: hidden; }

.header-pc { position:fixed; left:0; right:0; min-width: 1300px; display: block; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); z-index: 99;}
.header-area { width: 100%; height: 45px; padding: 0;  *overflow: hidden; border: 0px solid red; }
.header-area:after { content: ""; clear: both; display: block; }
.header-area h1 { float: left; margin-top: 10px; border: 0px solid red; }
.header-area h1 a { width: 235px; display: block; padding-left: 15px; }
/* top menu */
.header-pc { display: block; background: #fff; z-index: 99; }
.header-pc .header-area { width: 100%; min-width: 1300px; min-height: 90px;  *overflow: hidden;border-bottom: 1px solid #4d4d4d; }
.header-area:after { content: ""; clear: both; display: block; }
.header-pc .header-area h1 { float: left; margin-top: 48px; border: 0px solid red; font-size:20px; color:#333333; font-weight:300 }
.header-pc .header-area h1 a, .header-pc .header-area h1 a:hover { display: block; color:#333333;}
.header-pc .header-area h1 a img { vertical-align:middle; padding-right:15px; padding-bottom:3px;}

.gnb {display: block; position: absolute; top:0; right:0; float: right; height: 36px; background: #fff; border: 0px solid red; z-index: 11;}
.gnb dl {float: left; /*width: 246px;*/ height: 36px;}
.gnb dl dt {float: left; width: 36px; height: 36px; background:url(../_Images/common/gnb_icon.gif) center center no-repeat;}
.gnb dl dt img {display: block;}
.gnb dl dd.dd01 {float: left; width: 120px; height: 36px; font-size:13px; color:#666; }
.gnb dl dd.dd02 {float: left; width: 36px; height: 36px; font-size:13px; padding-top:7px; color:#666;}
.gnb dl dd .language-info {	line-height: 36px; font-size:13px; color:#666; background:url(../_Images/common/dd_bg.gif) 93px 18px no-repeat;	}
.gnb dl dd .language-info.on { color:#222; }
.gnb dl dd .language-info a { display: block; padding-left: 13px; }
.gnb dl dd .language-list {	display: none; position: absolute; top: 36px; right: 30px; width: 175px; background: #fafafa; border-top: 1px solid #d1d1d1;}
.gnb dl dd .language-list li { display: block; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.gnb dl dd .language-list li a { display: block; width: 175px; height: 50px; line-height: 50px; text-align:center; color:#474747; }
.gnb dl dd .language-list li a:hover { color:#2d87e2; }
.gnb dl dd .language-list .li01 a { background:url(../_Images/common/gnbdd01.gif) 30px center no-repeat;}
.gnb dl dd .language-list .li02 a { background:url(../_Images/common/gnbdd02.gif) 30px center no-repeat;}
.gnb dl dd .language-list li a img { display: inline-block; vertical-align: middle; }

/*.userBox { position: absolute; right: 20px; top: 0px;z-index: 11;  }*/
.top_gnb {width: 100%; height: 30px; border-top: solid 0px #399fdd; background:#ffd602;}
.userBox {position: absolute; right: 0px; top: 0px; max-width: 900px; z-index: 11; }

.user_info { position: relative; display: inline-block; margin-top:5px; padding: 0px 15px; font-size:12px; color: #4e5155; }
.user_info span { color:#4e5155;}

.user_info .name { float: left; margin: 0px 10px 0px 0px }
.user_info .round_wrap { position: relative; float: left; height: 26px; width: 26px }
.user_info img.myphoto { width: 100%; height: auto }

.userBox ul.sidemenu { float: right; margin-top: 5px; margin-left: 5px; margin-right: 20px; }
.userBox ul.sidemenu li { float: left; text-align: left; padding-left:10px; position:relative;}
.userBox ul.sidemenu li a { display: inline-block; border: 0px solid #fff; font-size:12px; color:#4e5155; text-align: left; }
.userBox ul.sidemenu .icon_logout {background: url(../_Images/common/icon_logout.png) no-repeat left 50%;}
.userBox ul.sidemenu .icon_info {background: url(../_Images/common/icon_info.png) no-repeat left 50%;}
.userBox ul.sidemenu .icon_support {background: url(../_Images/common/icon_support.png) no-repeat left 50%;}

.sidemenu .support a {color: #fff; background-color: #1966af;}
.sidemenu .sign a {color: #fff; background-color: #7a859b;}/* 시간제 */


.potal { position: relative; float: left; }
.potal a { display: block; padding-left: 0px; }
.potal .round_wrap { position: relative; float: left; height: 26px; width: 26px }

.mymenu_info { position: relative; float: left;  margin-left:10px; margin-right:10px; }
.mymenu_info a { display: block; padding-left: 0px; }
.mymenu_info .name { float: left; margin: 2px 10px 10px 5px }
.mymenu_info .round_wrap { position: relative; float: left; height: 23px; width: 23px }
.mymenu_info img.myphoto { width: 100%; height: auto }

.user-list { display: none; position: absolute; top: 36px; right: 280px; width: 160px; background: #fafafa; border-top: 1px solid #d1d1d1; }
.user-list li { display: block; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.user-list li a { display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; color: #474747; }
.user-list li a:hover { color: #2d87e2; }
.user-list .li01 a { background: url(../_Images/common/gnbdd01.gif) 30px center no-repeat; }
.user-list .li02 a { background: url(../_Images/common/gnbdd02.gif) 30px center no-repeat; }
.user-list li a img { display: inline-block; vertical-align: middle; }

.mymenu-list { display: none; position: absolute; top: 36px; right: 0px; width: 150px; background: #fafafa; border-top: 1px solid #d1d1d1; }
.mymenu-list li { display: block; padding:10px 17px; background: url(../_Images/common/ico_mymenu.gif) 10px center no-repeat; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.mymenu-list li a { display: block; width: 150px; line-height: 20px; text-align:left; color: #474747; }
.mymenu-list li a:hover { color: #2d87e2; }
.mymenu-list .li01 a { background: url(../_Images/common/gnbdd01.gif) 30px center no-repeat; }
.mymenu-list .li02 a { background: url(../_Images/common/gnbdd02.gif) 30px center no-repeat; }
.mymenu-list li a img { display: inline-block; vertical-align: middle; }

/* top menu */
.top-menu { display: block; float: left; width: 1050px; margin-top: 0px; border: 0px solid red; }
.top-menu { border: 0px solid red; }
.top-menu ul { margin: 0; padding: 0; border: 0px solid red;  *overflow: hidden; }
.top-menu ul:after { content: ""; clear: both; display: block; }
.top-menu ul li { float: left; width:95px; text-align: center; margin:0px 40px; border: 0px solid red; }
.top-menu ul li.last { width: 14%; }
.top-menu ul li a { display: block; margin: 0 auto; color: #4e5155; height: 57px; line-height: 57px; font-size: 16px; font-weight: bold; }
.top-menu ul li a:hover { color: #4e5155; border-bottom: 3px solid #4d4d4d; }

/* total menu*/
.total-menu-area { display: none; position: absolute; padding-bottom: 20px; top: 90px; left: 0; width: 100%; background: #fff; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; z-index: 99; }
.total-menu-box { max-width: 1300px; overflow: hidden; }
.total-menu-info-area { float: left; width: 250px; text-align: left; background: #fff; }
.total-menu-box .total-menu-info-area .word-01 { margin-top: 150px; margin-right: 81px; margin-bottom: 4px; }
.total-menu-box .total-menu-info-area .word-02 { margin-right: 159px; }

/* sub menu */
.sub-menu-area { float: left; min-height: 252px; }
.sub-menu-area .sub-menu-box { float: left; width: 175px;}
.sub-menu-area .sub-menu-box dl { min-height: 211px; padding: 13px 0; border-left: 0px solid #e6e6e6; background: #fff; }
.sub-menu-area .sub-menu-box dl.last { border-right: 0px solid #e6e6e6; }
.sub-menu-area .sub-menu-box dl:hover { border-left: 0px solid #e54441; border-right: 0px solid #e54441; background: #fff; }

.sub-menu-area .sub-menu-box dl:hover a { color: #333; }

/* .sub-menu-area .sub-menu-box dl dd a { display: block; width: 130px; padding: 0 0 0 20px; font-size: 13px; font-weight: 400; color: #666; line-height: 26px; background: url(../_Images/common/sub_menu_dot.gif) 13px center no-repeat; }
.sub-menu-area .sub-menu-box dl dd a:hover { color: #fff; background: #98a0a7 url(../_Images/common/sub_menu_dot_on.gif) 13px center no-repeat; } */


.sub-menu-area .sub-menu-box dl dd a { display: block; width: 153px; padding: 0 0 0 14px; font-size: 13px; font-weight: 400; color: #333; line-height: 26px; background: url(../_Images/common/sub_menu_dot.gif) 7px center no-repeat; }
.sub-menu-area .sub-menu-box dl dd a:hover { color: #333; background: #ffd602 url(../_Images/common/sub_menu_dot.gif) 7px center no-repeat; }

.sub-menu-area .sub-menu-box dl dt a { display: block; width: 165px; text-align:center; padding: 0 0 0 0px; font-size: 13px; font-weight: 600; color: #333; line-height: 28px; background: #f0f0f0; border:1px solid #e1e1e1; margin:15px 0px 10px 0px; }
.sub-menu-area .sub-menu-box dl dt a:hover { color: #333; background: #f0f0f0; border:1px solid #e1e1e1; margin:15px 0px 10px 0px; }

.feather_gnb { width: 14px; height: 14px; color: #495057; margin: 0 3px 0 3px; vertical-align:middle; padding-bottom: 3px; }
.feather_type1 { width: 18px; height: 18px; margin: 0 10px 0 10px; vertical-align:middle; padding-bottom: 3px; }

/* Sidebar Footer */
.sidebar-footer { padding: 10px; margin-top: 20px; }
.sidebar-footer li { font-size: 14px; color: #666; background:#ffffff !important; border:1px solid #d4d4d4; margin-bottom:10px; }
.sidebar-footer li a {padding:0px !important;	}
.sidebar-footer li a.current {background:#ffffff !important;}
.sidebar-footer li span {display: block;  padding: 13px 15px 13px 50px !important; font-size: 14px !important; color:#666 !important;}


.sidebar-footer .btn-remote { background: url(../_Images/common/icon_remote.png) no-repeat 20px center !important;}
.sidebar-footer .btn-remote:hover, .sidebar-footer .btn-remote:active {}
.sidebar-footer .btn-call{ background: url(../_Images/common/icon_call.png) no-repeat 20px center !important;}