@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {
	margin: 0px; padding: 0px; color: rgb(102, 102, 102); 
	font-family:"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif; 
	font-size: 13px;
}
html {}
body {line-height: 20px;}
body {background: rgb(255, 255, 255);}
ul {list-style: none; -ms-word-break: keep-all;}
ol {list-style: none; -ms-word-break: keep-all;}
dl {list-style: none; -ms-word-break: keep-all;}
li {list-style: none; -ms-word-break: keep-all;}
dt {list-style: none; -ms-word-break: keep-all;}
dd {list-style: none; -ms-word-break: keep-all;}
img {border: 0px; vertical-align: middle;}
input {vertical-align: middle;}
input {font: inherit; color: inherit; font-size-adjust: inherit; font-stretch: inherit;}
textarea {padding: 10px; border: 1px solid rgb(201, 201, 201); line-height: 1.4em;}
select {vertical-align: middle;}
caption {display: none;}
address {letter-spacing: -0.04em; font-style: normal;}
textarea {padding: 5px;}
p {-ms-word-break: keep-all;}
td {-ms-word-break: keep-all;}
th {-ms-word-break: keep-all;}
span {-ms-word-break: keep-all;}
#gnb .manu li a {color: rgb(34, 34, 34); font-weight: normal; display: block;}
hr {display: none;}
fieldset {border: currentColor;}
table {border-collapse: collapse;  border-spacing: 0; margin: 0px; padding: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline;}
a {text-decoration: none;}
a:link, a:visited, a:hover, a,active, a:focus { text-decoration:none; cursor:pointer;}
.font_middleline { text-decoration: line-through}

.bk_ty {display: block;}
.back_none {background-image: none !important;}
.ml5 {margin-left: 5px !important;}
.ml13 {margin-left: 13px !important;}
.ml22 {margin-left: 22px !important;}
.ml30 {margin-left: 30px !important;}
.mr5 {margin-right: 5px !important;}
.mr30 {margin-right: 30px !important;}
.mr50 {margin-right: 50px !important;}
.mhs00 {margin-top: 0px !important;}
.mhs05 {margin-top: 5px !important;}
.mhs10 {margin-top: 10px !important;}
.mhs15 {margin-top: 15px !important;}
.mhs20 {margin-top: 20px !important;}
.mhs25 {margin-top: 25px !important;}
.mhs30 {margin-top: 30px !important;}
.mhs35 {margin-top: 35px !important;}
.mhs40 {margin-top: 40px !important;}
.mhs45 {margin-top: 45px !important;}
.mhs50 {margin-top: 50px !important;}
.mhs55 {margin-top: 55px !important;}
.mhs60 {margin-top: 60px !important;}
.mhs65 {margin-top: 65px !important;}
.mhs70 {margin-top: 70px !important;}
.mhs75 {margin-top: 75px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}  /* 임의 */
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}



.mbt40 {margin: 10px 0 40px 20px !important;}  /* 임의 */



.mb50 {margin-bottom: 50px !important;}
.ml10 {margin-left: 10px !important;}
.blue {color: rgb(100, 135, 203) !important;}
.gray {color: rgb(78, 84, 90);}
.red {color: rgb(188, 32, 39);}
.orange {color: rgb(255, 125, 0);}
.bold {font-weight: 600 !important;}
.fr_left {float:left;}
.fr_right {float:right;}
.clear_both {clear: both;}
table td table {table-layout: auto !important;}


#skipnavition a {left: 30px; top: 0px; width: 1px; height: 1px; overflow: hidden; font-size: 1em; font-weight: bold; display: block; position: absolute; z-index: 9999;}
#skipnavition a:focus {background: rgb(100, 135, 187); padding: 3px 0px; width: 100px; height: auto; text-align: center; color: rgb(255, 255, 255); font-size: 12px;}
#skipnavition a:active {background: rgb(100, 135, 187); padding: 3px 0px; width: 100px; height: auto; text-align: center; color: rgb(255, 255, 255); font-size: 12px;}

#gnb {width: 200px;border-top: rgb(230, 230, 230) 1px solid;}
#gnb ul.gnb_menu li.m_depth01 {width: 200px; height: 47px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid; display: block;background:url(/m/kr/img/arrow.gif) no-repeat 90% 50%;}
#gnb ul.gnb_menu li.m_depth01 a.menu01 {padding: 15px 26px 15px 32px; color: rgb(52, 52, 52); font-size: 15px; display: block; min-height: 16px; font-weight: 600;}
#gnb ul.gnb_menu li.m_depth01 a.menu01:hover {color: rgb(65, 113, 184);}
#gnb ul.gnb_menu li.m_depth01 a.menu01:active {background: rgb(65, 113, 184); color: rgb(255, 255, 255);}
#gnb ul.gnb_menu li.m_depth01 a.on01 {background-color: rgb(65, 113, 184); height: 17px; color: rgb(255, 255, 255); border-bottom-color: rgb(230, 230, 230); border-bottom-width: 0px; border-bottom-style: solid;}
#gnb ul.gnb_menu li.m_depth01 a.on01:hover {color: rgb(255, 255, 255);}

#gnb ul.gnb_menu li ul.sub_menu {margin: 0px; left: 201px; top: 97px; width: 158px; display: none; position: absolute;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 {background: rgb(243, 243, 243);  display: block; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: dashed;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 span {margin: 0px; padding: 0px;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 a.menu02 {padding: 10px 15px 10px 15px; letter-spacing: -1px; font-size: 13px; font-weight:600; display: block; -ms-word-break: keep-all;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 a.menu02:hover {color: rgb(0, 0, 0); background-color: rgb(243, 243, 243);}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 a.menu02:active {color: rgb(0, 0, 0); background-color: rgb(243, 243, 243);}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 a.on02 {background: rgb(126, 162, 215); color: rgb(255, 255, 255); line-height: 17px;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 a.on02:hover {background: rgb(126, 162, 215); color: rgb(255, 255, 255);}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 a.on02:active {background: rgb(126, 162, 215); color: rgb(255, 255, 255);}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 .sub_sub_menu {background: rgb(255, 255, 255); padding-top: 10px;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 .sub_sub_menu li.m_depth03 {padding: 0px 0px 10px 20px; text-indent: -2px;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 .sub_sub_menu li.m_depth03 a.menu03 {padding: 0px 2px 0px 0px; color: rgb(135, 135, 135); font-size: 12px; -ms-word-break: keep-all;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 .sub_sub_menu li.m_depth03 a.on03 {padding: 0px 2px 1px 0px; color: rgb(65,115,189); font-weight:600;}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 .sub_sub_menu li.m_depth03 a.menu03:hover {padding: 0px 2px 1px 0px; color: rgb(0, 0, 0);}
#gnb ul.gnb_menu li ul.sub_menu li.m_depth02 .sub_sub_menu li.m_depth03 a.menu03:active {padding: 0px 2px 1px 0px; color: rgb(0, 0, 0);}



#in-header {width: 360px; height:890px;}
#in-header h1 {margin-left: -1px;}

#left_util {top: 450px; position: absolute;}
#left_util {width: 140px; margin-left: 30px;}
#left_util .information {margin-bottom: 20px;}
#left_util .information ul {width: 140px; overflow: hidden; padding-bottom: 30px;}
#left_util .information li {width: 140px; height: 27px; line-height:27px; cursor: pointer; padding-left:25px;}
#left_util .information li a {height: 27px; display: block; }
#left_util .information .Info_bt01 {background:url("/images/icons/shape_align_bottom.png") no-repeat left center;}
#left_util .information .Info_bt02 {background:url("/images/icons/chart_organisation.png") no-repeat left center;}
#left_util .addr {padding-bottom: 24px;font-size: 11px;line-height:18px;}
#left_util .copyright {padding-bottom: 12px;font-size: 11px;line-height:18px;}


#header_m {width: 100%; display: none;}
#header_m h1 {text-align: center; background: rgb(255, 255, 255);}
#header_m h2.seem {background:url("../_Image/Common/btn_gnb.gif") no-repeat left center; left: 10px; top: 12px; width: 34px; height: 30px; display: block; position: absolute; cursor: pointer;}
#header_m h2.seem span {margin: 4px 0px 0px 60px; text-align: left; color: rgb(47, 47, 47); line-height: 13px; letter-spacing: 0.05em; font-size: 11px; display: none;}
#header_m .gnbw {background: rgb(37, 57, 146); left: -234px; top: 0px; width: 155px; position: absolute; z-index: 20;}
#header_m #gnb_m {margin: 0px; padding: 50px 0px 0px; width: 155px; height: 10000px;}
#header_m #gnb_m li.dep1 {margin: 0px; padding: 15px 0px 12px 20px; color: rgb(47, 47, 47); border-bottom-color: rgb(81, 97, 168); border-bottom-width: 1px; border-bottom-style: solid;}
#header_m #gnb_m li.on.dep1 {padding-bottom: 0px; margin-top: 0px;}
#header_m #gnb_m li.dep1 a.d1 {color: rgb(255, 255, 255); padding-left: 10px; font-size: 16px; font-weight:600;}
#header_m #gnb_m li.on.dep1 a.d1 {color: rgb(255, 222, 57); font-size: 16px; font-weight:600;}
#header_m #gnb_m li.dep1 ul {background: rgb(17, 33, 107); margin: 12px 0px 0px -20px; padding: 0px 17px 3px 28px; width: 110px; display: none;}
#header_m #gnb_m li.dep1 ul li.dep2 {padding: 11px 0px 6px; color: rgb(47, 47, 47); font-size: 13px; font-weight:600;border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; position: relative;}
#header_m #gnb_m li.dep1 ul li.dep2 ul {background: rgb(17, 33, 107); margin: 12px 0px 0px -20px; padding: 0px 17px 3px 20px; width: 110px; display: block;}
#header_m #gnb_m li.dep1 ul li.dep2 ul li.dep3 {padding: 11px 0px 6px; color: rgb(47, 47, 47); font-size: 12px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; position: relative;}
#header_m #gnb_m li.dep1 ul li.bold.dep2 {font-weight: 600;}
#header_m #gnb_m li.dep1 ul li.dep2 a {color: rgb(193, 204, 255);}
#header_m #gnb_m li.dep1 ul li.on.dep2 a {color: rgb(255, 222, 57);}
#header_m #gnb_m li.dep1 ul li.bold.dep2 ul li.dep3 {font-weight: 600;}
#header_m #gnb_m li.dep1 ul li.dep2 ul li.dep3 a {color: rgb(255, 255, 255); font-weight: normal;}
#header_m #gnb_m li.dep1 ul li.on.dep2 ul li.dep3 a {color: rgb(255, 222, 57);}
#header_m .g_close {top: 16px; right: 18px; display: block; position: absolute;}






.product_deskBg {display:none; position: fixed; left:0; top:0; z-index:90; width:100%; height:100%; background:rgb(0,0,0); opacity:0.5; filter: alpha(opacity=50);}
.product_desk {display:none; position:fixed; left:50%; top:50%; z-index:91; max-width:650px; width:96%; border:1px solid rgb(126,162,215); background:#fff; text-align:left;}
.product_desk .product_deskInner {padding:2% 3%;}
.product_desk h4 {margin-top:10px; margin-bottom:19px; font-size:24px; color: rgb(65, 113, 184); font-weight:500;}
.product_desk p {color: rgb(0, 0, 0); margin-bottom:10px; height:28px;}
.product_desk p label {width:19%; height:28px; line-height:28px; color: rgb(0, 0, 0); font-weight:600; float:left;}
.product_desk p input[type=text] {padding:0 2%; width:75%; height:28px; line-height:28px; border:1px solid rgb(220,220,220); background:rgb(246,246,246); color:rgb(0,0,0); float:right;}
.product_desk p input[type=password] {padding:0 2%; width:75%; height:28px; line-height:28px; border:1px solid rgb(220,220,220); background:rgb(246,246,246); color:rgb(0,0,0); float:right;}
.product_desk p.textarea {height:60px;}
.product_desk p textarea {width:75%; padding:12px 2%; height:auto; border:1px solid rgb(220,220,220); background:#f6f6f6; color:rgb(0,0,0); float:right;}
.product_desk p select {width:100%; height:30px; padding:4px 5px; border:1px solid rgb(220,220,220); color:rgb(0,0,0);} 
.product_desk .btnSend {clear:both; overflow:hidden; margin-top:10px; text-align:right;}
.product_desk .close {position:absolute; right:18px; top:18px;}