@charset "utf-8";

* {margin:0; padding:0;}
body {font-size:75%; line-height:1.8; font-family:Dotum; color:#66666;  background:url(../images/subtop_bg.gif) 50% 0 no-repeat; border-top:2px solid #9fbcd1;}
*+html body {overflow-y:hidden;}
a {text-decoration:none; color:#0d53a4;}
a:hover, a:active, a:focus {text-decoration:none;}
input.type-image {margin:0; padding:0; border:0 none;}
input, select {vertical-align:middle;}
.hidden {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}

#wrapper {width:1004px; margin:0 auto;} 
#header {position:relative; height:84px; background:url(../images/menu_bg.gif) no-repeat;}
#header .logo {position:absolute; top:10px; left:60px;}
#header .user ul {position:absolute; top:3px; left:730px; width:250px;}
#header .user ul li {float:left; padding-left:8px; padding-right:8px; background:url(../images/h_bar.gif) 0em 0.5em no-repeat;}
#header .user ul li.first-child{background:none;}
#gnbwrap {position:absolute; top:40px; left:300px; width:700px;}
ul#gnb {float:left; height:60px; padding:0px;}
ul#gnb li.gnb_menu {height:33px;float:left; background:url(../images/menu_bar.gif) 0em 0em no-repeat;}
ul.gnb_submenu {display:none; position:absolute; overflow:hidden; top:22px; padding-left:10px; padding-top:3px; background:url(../images/menu_sbg2.gif) left top no-repeat; }
ul.gnb_submenu.sub01 {left:0px; width:350px; height:30px; background:url(../images/menu1_sbg.gif) right top no-repeat;}
ul.gnb_submenu.sub02 {left:-230px; width:850px; height:30px; background:url(../images/menu2_sbg.gif) left top no-repeat;}
ul.gnb_submenu.sub02 a {letter-spacing:-1pt;}
ul.gnb_submenu.sub03 {left:50px; width:607px; height:30px; background:url(../images/menu5_sbg.gif) left top no-repeat;}
ul.gnb_submenu.sub04 {left:400px; width:250px; height:30px; background:url(../images/menu4_sbg.gif) left top no-repeat;}

ul.gnb_submenu li {float:left;  font-weight:bold; }
ul.gnb_submenu li a {color:#fff; margin-left:10px; padding:2px 10px; background: url(../images/icn_navi.gif) 0 0.5em no-repeat;}
ul.gnb_submenu li a:hover, ul.gnb_submenu li a.on {color:#feef00; background: url(../images/icn_navi_over.gif) 0 0.3em no-repeat;}
.sub_over {color:#feef00;}
 
#container1 {overflow:hidden; width:1004px; background:url(../images/sub_visual1.gif) 25.5em 1.5em no-repeat; }
#container2 {overflow:hidden; width:1004px; background:url(../images/sub_visual2.gif) 50.5em 1.5em no-repeat; }
#container3 {overflow:hidden; width:1004px; background:url(../images/sub_visual3.gif) 50.5em 1.5em no-repeat; }
#container4 {overflow:hidden; width:1004px; background:url(../images/sub_visual4.gif) 50.5em 1.5em no-repeat; }
#container5 {overflow:hidden; width:1004px; background:url(../images/sub_visual5.gif) 50.5em 1.5em no-repeat; }
#container6 {overflow:hidden; width:1004px; background:url(../images/sub_visual6.gif) 50.5em 1.5em no-repeat; }
#container7 {overflow:hidden; width:1004px; background:url(../images/sub_visual7.gif) 50.5em 1.5em no-repeat; }

#leftmenu {float:left; width:178px; padding:0px;  margin-top:90px; margin-left:30px;}
#snb {float:left; width:178px; padding:0px;  margin-bottom:30px; background:url(../images/sub_bgbottom.gif) left bottom no-repeat;}
#banner {margin-left:-3px;height:300px;}
*html  #leftmenu {float:left; width:178px; padding:0px;  margin-top:90px; margin-left:15px;}
*html #snb {float:left; width:178px; padding:0px; margin-top:0px; margin-left:0px; background:url(../images/sub_bgbottom.gif) left bottom no-repeat;}

#snb h2 {height:45px; padding:0px;}
#snb ul.menu {margin:20px 20px 0 20px; padding-bottom:23px;}
#snb ul.menu li {padding-top:9px; font-size:1.1em; background:url(../images/submenu_ico.gif) 0.2em 1.1em no-repeat;  border-top:1px solid #e0e0e0;}
*html #snb ul.menu li {padding-top:9px; padding-bottom:5px; background:url(../images/submenu_ico.gif) 0.2em 1.1em no-repeat;}
#snb ul.menu li a {display:block; padding:0 0 0 18px; color:#454545; font-family:돋움; font-weight:bold; letter-spacing:-1px;}
#snb ul.menu li a:hover, #snb ul.menu li a.on {font-weight:bold; color:#0d646f;}
#snb ul.menu li.first-child {border:none;}
*html #snb ul.menu li.first-child {border:none; padding:0px; margin:0px; height:22px; background:url(../images/submenu_ico.gif) 0.2em 0.4em no-repeat;}

#snb ul.menu li ul.smenu {margin-top:5px; margin-bottom:10px; padding:5px 0 5px 0; background-color:#e8f4f6;}
*html #snb ul.menu li ul.smenu li {height:20px;}
#snb ul.menu li ul.smenu li {padding:0px; background:none;  border:none; font-weight:normal; font-size:0.9em;}
#snb ul.menu li ul.smenu li a {display:block; padding:0 0 0 19px; color:#454545; font-weight:normal;}
#snb ul.menu li ul.smenu li a:hover, #snb ul.menu li ul.smenu li a.on {font-weight:normal; color:#0d646f; background:url(../images/submenu_ico2.gif) 1em 0.7em no-repeat;}


#quick {float:left; width:104px; height:412px; margin:90px 0px 0px 15px; background:url(../images/subquick.gif) no-repeat;}
#quick h2 {height:23px; padding:0px; margin:0;}
#quick ul {margin-top:25px; margin-left:10px;}
#quick ul li img {margin-top:0px;  padding:0px;}
.search2 {width:104px; height:33px; margin-top:10px; background:url(../images/sub_searchbg.gif) no-repeat;}
.search2 input.searchText {float:left; width:72px; height:18px; margin-top:6px; margin-left:3px; border:1px solid #bfbfbf;}
.search2 input.bt {margin-top:6px;}


#content {float:left; display:inline; position:relative; width:635px; min-height:550px; margin-top:90px; margin-left:15px; margin-bottom:65px; color:#5d5d5d;}
*html #content {float:left; display:inline; position:relative; width:635px; height:550px; margin-top:90px; margin-left:15px; margin-bottom:65px; color:#5d5d5d;}
#content h2 {font-family:"나눔고딕", "Malgun Gothic"; font-weight:bold; font-size:1.3em; padding-left:15px; padding-bottom:10px; color:#484848; background:url(../images/h2_ico.gif) 0em 0.2em no-repeat; border-bottom:1px solid #d6d6d6;}
#location {float:right; margin-top:-25px; margin-right:2px;}

#location a {color:#5d5d5d;}
#location a.current {font-weight:bold;}
#footer {width:100%; margin:20px auto; height:205px;  background:url(../images/footer_bg.gif) left top repeat-x;}
.copyright {width:1004px; margin:0 auto; height:205px;  background:url(../images/footer_img.gif) 0em 2.8em no-repeat;}
.copyright  ul {overflow:hidden; float:none; padding-top:90px;}
.copyright  ul li {float:left; padding-left:20px; margin-left:20px; background:url(../images/copy_bar.gif) 0em 0.5em no-repeat;}
.copyright  ul li a {color:#424242;}
.copyright  ul li.first-child {background:none; margin-left:0px; }
.copyright address {margin-top:0px; margin-left:20px; line-height:25px; color:#727272;}

/*신청폼*/
.join p.etc {margin-top:20px; padding-left:10px; color:#FB6705;}
.join table {width:96%; table-layout:fixed; border-top:2px solid #606060; margin:0 auto; margin-top:10px;}
.join th {width:120px; padding:6px 20px 6px 10px; border-bottom:1px solid #efefef; text-align:right; background:#fbfbfb url(../images/bg_dotline.gif) right top repeat-y;}
.join th.last-child {border-bottom:1px solid #ccc;}
.join td {padding:6px 10px; border-bottom:1px solid #efefef;}
.join td span {display:block; padding-top:2px; color:#418e00;}
.join td span.warning {float:right; padding-top:2px; color:#418e00;}
.join td.last-child {border-bottom:1px solid #ccc;}
.join .inputText {border:1px solid #e1e1e1; padding:2px 4px 3px 4px; font-family:돋움;}
.join .inputText.full {width:350px;}
.join .inputText.shot {width:100px;}
.join .inputFile {border:1px solid #e1e1e1; padding:2px 4px 4px 4px; height:23px; font-family:돋움;}
.join textarea{border:1px solid #e1e1e1; padding:10px; overflow:auto; margin-bottom:5px; font-family:돋움; font-size:1em;}
.join img {vertical-align:middle;}

/* 버튼 */
.buttonRight {float:right; width:635px; text-align:right; margin:15px 5px 0 0;}
.buttonRight img {margin-right:3px;}
.buttonRight input {margin-bottom:13px; margin-right:3px;}
.buttonCenter {margin:0 auto; text-align:center; padding:15px 5px 11px 0;}
.buttonCenter img {margin-right:3px;}
.buttonCenter input {margin-bottom:13px; margin-right:3px;}

/*탭버튼*/
.devicetab {margin-left:5px; margin-top:20px; height:38px; background:url(/oss/images/intro/tab_bg.gif) left bottom no-repeat;}
.devicetab ul {margin-left:90px;  padding-top:7px;}
.devicetab ul li {float:left; margin-right:10px; }

/*탭버튼*/
ul.tab {margin-left:5px; margin-top:20px; height:25px; background:url(../images/tab_bg.gif) left bottom no-repeat;}
*html ul.tab {margin-left:5px; margin-top:20px; height:23px; background:url(../images/tab_bg.gif) 0 1.8em no-repeat;}
ul.tab li {float:left;}

/*서브컨텐츠*/
p.img {margin:0 auto; margin-top:20px;}
p.title {width:95%; margin-top:20px; }

ul.con {width:90%; margin-top:10px; margin-left:40px;}
ul.con li {padding-left:10px; margin-bottom:5px; background:url(/oss/images/intro/sub_ico.gif) 0em 0.5em no-repeat;}
ul.con li span.bold {font-weight:bold;}

ul.consub {margin-top:0px; margin-left:0px;}
ul.consub li {padding-left:10px; margin-bottom:0px; background:url(/oss/images/intro/sbar_ico.gif) 0em 0.5em no-repeat;}

ul.lsb {width:90%; margin-top:10px; margin-left:22px;}
ul.lsb li {padding-left:10px; margin-bottom:5px; background:none;}

ul.process {width:100%; margin-top:10px; }
ul.process li {float:left; margin-left:10px;}
ul.process li h3 {margin-left:0px; margin-bottom:10px;}

h3 {margin-top:20px;  margin-left:20px;} 

/*패딩 마진 속성*/
.pl30 {padding-left:30px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl13 {padding-left:13px;}
.tl8 {padding:8px 0 0 8px;}

/* table design */
.dataTable {border:0; width:96%; font-family:Sans-serif; cellspacing:0px; margin-left:10px;  margin-top:20px; margin-bottom:10px;  background:url(../images/table_bottom.gif) left bottom repeat-x;}
.dataTable caption {text-align:left;}
.dataTable caption.none {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
.dataTable th {height:31px; border:0; text-align:center; background:url(../images/table_bar.gif) repeat-x top;}
.dataTable th.first {padding:0 10px 0 10px; background:url(../images/table_bar.gif) no-repeat left top; }
.dataTable th.end {background:url(../images/table_bar.gif) no-repeat right top;}
.dataTable th.subject { border-bottom:1px solid #dedede; border-right:1px solid #dedede; background:url(/oss/images/table_bar.gif) no-repeat right top;}
.dataTable td {border:0; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding:6px 10px; line-height:1.5em;}
.dataTable td.end{border-right:0;}
.dataTable td ul.con {width:100%; margin-left:0; margin-bottom:0;}
.dataTable td ul.con li {background:url(../images/g_dot.gif) 0em 0.5em no-repeat;}
.dataTable .center {text-align:center;}
.dataTable .right {text-align:right;}


.dataTable2 {border:0; width:96%; font-family:Sans-serif; margin-left:-20px;  margin-top:20px; margin-bottom:10px;  background:url(../images/table_bottom.gif) left bottom repeat-x;}
.dataTable2 caption {text-align:left;}
.dataTable2 caption.none {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
.dataTable2 th {height:31px; border:0; text-align:center; background:url(../images/table_bar.gif) repeat-x top;}
.dataTable2 th.first {padding:0 10px 0 10px; background:url(../images/table_bar.gif) no-repeat left top; }
.dataTable2 th.end {background:url(../images/table_bar.gif) no-repeat right top;}
.dataTable2 th.subject { border-bottom:1px solid #dedede; border-right:1px solid #dedede; background:url(/oss/images/table_bar.gif) no-repeat right top;}
.dataTable2 td {border:0; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding:6px 10px; line-height:1.5em;}
.dataTable2 td.end{border-right:0;}



.graybox {margin-top:20px;  margin-left:13px; height:175px; background:url(/oss/images/business/gray_bg.gif) no-repeat;}
ul.gray {margin-top:20px; margin-left:20px;}
ul.gray li {font-weight:bold; margin-bottom:10px;}
ul.graysub li {font-weight:normal; margin-bottom:0px; padding-left:10px; background:url(/oss/images/intro/sbar_ico.gif) 0em 0.5em no-repeat;}

/*정보마당*/
ul.information {margin-top:10px;}
ul.information li	 {width:298px; height:145px; margin-left:10px; margin-bottom:10px; float:left;}
ul.information li.infor1 {background:url(/oss/images//intro/infor_bg1.gif) no-repeat;}
ul.information li.infor2 {background:url(/oss/images//intro/infor_bg2.gif) no-repeat;}
ul.information li.infor3 {background:url(/oss/images//intro/infor_bg3.gif) no-repeat;}
ul.information li.infor4 {background:url(/oss/images//intro/infor_bg4.gif) no-repeat;}
ul.information li.infor5 {background:url(/oss/images//intro/infor_bg5.gif) no-repeat;}
ul.information li.infor6 {background:url(/oss/images//intro/infor_bg6.gif) no-repeat;}
ul.information li h3.infor {padding-left:20px; background:url(/oss/images//intro/blue_ico.gif) no-repeat;}
ul.information li p.infor {width:150px; margin-top:10px; margin-left:15px; padding-top:10px; padding-left:25px; background:url(/oss/images/intro/col_dot.gif) left top repeat-x;}
ul.information li p.bt{width:100px; margin-top:5px; margin-left:40px;}

/*개인보호정책*/
.perbox {background-color:#fbfbfb; border:1px solid #dfdfdf; margin-top:20px; margin-bottom:20px; padding:20px;}
.perbox p.bottom {margin-bottom:20px;}

.per dl dt{margin-bottom:20px;}
.per dl dd span.site {display:block; margin-bottom:10px; margin-top:10px; color:#ff5a00;}
.per dl dd span.site a {color:#ff5a00;}

.per ul {width:98%; margin-left:10px;}
.per ul li{color:#3b3a3a; padding-left:10px; margin-bottom:20px; font-weight:bold;  background: url(/oss/images/intro/b_dot.gif) 0 0.5em no-repeat;}
.per ul li ul {width:99%; margin-left:3px;}
.per ul li ul li{font-weight:normal; padding-left:10px; margin-bottom:10px; background: url(/oss/images/intro/subtop_ico.gif) 0 0.4em no-repeat;}
.per ul li ul li ul li{font-weight:normal; padding-left:10px; margin-bottom:0px; background:url(/oss/images/intro/sbar_ico.gif) 0em 0.5em no-repeat;}
.per ul li ul li ul li dl dt {float:left; font-weight:bold; width:60px; height:14px;  margin-bottom:5px;}
.per ul li ul li ul li dl dd {float:none; font-weight:normal; height:14px; margin-bottom:5px;}
.per ul li ul li ul li.none {padding:0px; background:none;}
.per ul li ul li ul li ul li {padding-left:5px; background: url(../../images/Common/bg_dotB1px.gif) 0 0.7em no-repeat;}

.emailbox {position:relative;background-color:#fbfbfb; border:1px solid #dfdfdf; margin:0 auto; margin-top:20px; }
.emailbox p.email{width:25%; height:163px; }
.emailbox p.txt {position:absolute; width:70%; top:20px; left:170px;}

/* 사이트맵 */
.depth {width:182px; margin-left:20px; float:left; }
.depth h3 {background:none; padding-left:0px; margin-left:0px;}
.depth.line{float:none;}
.depth ul {width:165px; padding-left:0px; margin-top:5px; margin-left:10px; }
.depth ul li {width:145px;  padding:3px 0 3px 25px;}
.depth ul li a { color:#5a5a5a;}

.depth ul.outline1 {width:165px; height:250px;}
.depth ul.outline1 li {margin-top:5px; background:url(/oss/images//intro/blue_ico.gif) 0 0.3em no-repeat; }
.depth ul.outline1 li a {font-weight:bold;}
.depth ul.outline1 ul.depth2 {width:120px; padding:0px; margin-top:0px; margin-left:0px;}
.depth ul.outline1 ul.depth2 li { background:url(/oss/images/intro/sbar_ico.gif) 0em 0.6em no-repeat; margin-top:0px; padding:2px 0 2px 10px; border:none;}
.depth ul.outline1 ul.depth2 li a {color:#5a5a5a; font-weight:normal;}


/*에러페이지*/
.error {width:799px; height:409px; background:url(/oss/images/intro/error_bg.gif) no-repeat; border:1px solid red;}