/* style Guide ver1.0 written by 박주현 */
/* 2009.09.21 */
/* style Guide ver1.1 written by 고석만 */
/* 2012.12.12 */

@charset "utf-8";
@import url("layout_css.css");
@import url("board_css.css");
@import url("button_css.css");
@import url("typo_css.css");


/* 2009.09.21 */

/* common style */
html, body {margin: 0px; padding: 0px; }
table {border-collapse:collapse; empty-cells:show;}
form {margin: 0px; padding: 0px;}
textarea {overflow:auto; border:solid 1px #e5e5e5; background:#fefefe; margin:5px 0;}
input {margin: 0; padding: 0; vertical-align:middle;}
select {height: 20px; vertical-align: middle;}
div {margin:0px; padding:0px;}
p, ul, ol, pre {margin:0px;}
ul { list-style: none; padding: 0px;}
ol { padding: 0px;}
dl {margin: 0px;}
dt, dd {margin:0px; padding:0px;}
img {vertical-align: middle;}
a img {border: none; }
caption {display: none;}
input.type_text {height:18px; margin:0; padding:0 2px 0 2px; border:solid 1px #c7c7c7; background:#fefefe; width: 100px;}
input.type_subject {height:18px; margin:0; padding:0 2px 0 2px; border:solid 1px #c7c7c7; background:#fefefe; width: 95%;}
input.type_read { background:#999; color: #FFF; height:18px; margin:0; padding:0 2px 0 2px; }
input.type_inquiry {border: 2px solid #2d739d; background:url(../images/layout/infoInquiry_txt2_css.gif) top center no-repeat #fefefe; font-size: 1.35em; font-weight: bold; font-family: Georgia; color: #55a903 ; padding: 0 0 0 5px;}  
input.none { border: 0px; height:18px; margin:0; padding:0 2px 0 2px; background:#fefefe;}

/* posiotion guide */
.floatL {float:left !important; width: auto;}
.floatR {float:right !important;  width: auto;} 
.floatC {margin:0 auto !important;  width: auto;} 
.clear {clear:both !important;}
.overFlow {overflow:hidden;} 
.alignL {padding: 0 0 0 5px; text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {padding: 0 5px 0 0; text-align:right !important; }
.vSpace1 {margin: 0 0 20px 0;}
.vSpace2 {margin: 10px 0;}
.hSpace1 {margin: 0 auto 20px auto; width: 95%;} /*가로부분을 리사이즈하면서 중앙에 위치 */
.lSpace1 { margin: 0 0 0 15px;}

/* button guide */
ul.btnPos1 {margin-top:15px; text-align:right;}
ul.btnPos1 li{display: inline;}

/* boxstyle1 */
#boxStyle1 { width: 660px; background: url(../images/common/boxStyle1_body.gif) left bottom no-repeat; padding: 8px 0 8px 0; min-height: 40px; height: 40px;}
#boxStyle1 .head { width: 660px; background: url(../images/common/boxStyle1_head.gif) left top no-repeat; height: 8px; font-size: 0px;}

/* boxStyle2 */
#boxStyle2 {border: 3px solid #b9dde2; width: 900px;}
#boxStyle2 .divStyle2 { line-height: 24px; padding: 5px; border: 1px solid #59b0ba; border-color:#59b0ba #59b0ba #d7d7d7 #d7d7d7; background: #fff;}

/* boxStyle3 */
#boxStyle3 .box3Top { background:  url(../images/common/boxStyle3_topL.gif) no-repeat 0px 0px; }
#boxStyle3 .box3Top .corner { background:  url(../images/common/boxStyle3_topR.gif) no-repeat right 0px; height: 13px;}
#boxStyle3 .box3Body { background:  url(../images/common/boxStyle3_bodyL.gif) repeat-y 0px 0px;}
#boxStyle3 .box3Body .corner { background:  url(../images/common/boxStyle3_bodyR.gif) repeat-y right 0px;}
#boxStyle3 .box3Bottom { background:  url(../images/common/boxStyle3_bottomL.gif) no-repeat 0px 0px;}
#boxStyle3 .box3Bottom .corner { background:  url(../images/common/boxStyle3_bottomR.gif) no-repeat right 0px; height: 15px;}
#boxStyle3 .box3Content { padding: 5px 10px 5px 10px; font-family: dotum; font-size: 1em; width: 95%; margin: 0 5px 0 0;}
#boxStyle3 .box3Content .contentStyle {border-bottom: 1px solid #d7d7d7; margin: 10px 0 20px 0; padding: 0px;}

/* boxStyle3_1 */
#boxStyle3_1 .box3Top { background:  url(../images/common/boxStyle3_topL.gif) no-repeat 0px 0px; }
#boxStyle3_1 .box3Top .corner { background:  url(../images/common/boxStyle3_topR.gif) no-repeat right 0px; height: 13px;}
#boxStyle3_1 .box3Body { background:  url(../images/common/boxStyle3_bodyL.gif) repeat-y 0px 0px;}
#boxStyle3_1 .box3Body .corner { background:  url(../images/common/boxStyle3_bodyR.gif) repeat-y right 0px;}
#boxStyle3_1 .box3Bottom { background:  url(../images/common/boxStyle3_bottomL.gif) no-repeat 0px 0px;}
#boxStyle3_1 .box3Bottom .corner { background:  url(../images/common/boxStyle3_bottomR.gif) no-repeat right 0px; height: 15px;}
#boxStyle3_1 .box3Content { padding: 5px 10px 5px 10px; font-family: dotum; font-size: 1em; width: 95%; margin: 0 5px 0 0;}
#boxStyle3_1 .box3Content .contentStyle {border-bottom: 1px solid #d7d7d7; margin: 10px 0 20px 0; padding: 0px;}

/* boxStyle3_2 */
#boxStyle3_2 .box3Top { background:  url(../images/common/boxStyle3_topL.gif) no-repeat 0px 0px; }
#boxStyle3_2 .box3Top .corner { background:  url(../images/common/boxStyle3_topR.gif) no-repeat right 0px; height: 13px;}
#boxStyle3_2 .box3Body { background:  url(../images/common/boxStyle3_bodyL.gif) repeat-y 0px 0px;}
#boxStyle3_2 .box3Body .corner { background:  url(../images/common/boxStyle3_bodyR.gif) repeat-y right 0px;}
#boxStyle3_2 .box3Bottom { background:  url(../images/common/boxStyle3_bottomL.gif) no-repeat 0px 0px;}
#boxStyle3_2 .box3Bottom .corner { background:  url(../images/common/boxStyle3_bottomR.gif) no-repeat right 0px; height: 15px;}
#boxStyle3_2 .box3Content { padding: 5px 10px 5px 10px; font-family: dotum; font-size: 1em; width: 95%; margin: 0 5px 0 0;}
#boxStyle3_2 .box3Content .contentStyle {border-bottom: 1px solid #d7d7d7; margin: 10px 0 20px 0; padding: 0px;}

/* boxStyle4 */
#boxStyle4 .box4Top { background:  url(../images/common/boxStyle4_topL.gif) no-repeat 0px 0px; }
#boxStyle4 .box4Top .corner { background:  url(../images/common/boxStyle4_topR.gif) no-repeat right 0px; height: 12px;}
#boxStyle4 .box4Body { background:  #EEE;}
#boxStyle4 .box4Body .corner { background: #EEE;}
#boxStyle4 .box4Bottom { background:  url(../images/common/boxStyle4_bottomL.gif) no-repeat 0px 0px;}
#boxStyle4 .box4Bottom .corner { background:  url(../images/common/boxStyle4_bottomR.gif) no-repeat right 0px; height: 12px;}
#boxStyle4 .box4Content { padding: 5px; width: 95%; margin: 0 auto; min-height: 20px;}

/* paging area */
ol.pagingList1 { margin-top:20px; text-align:center; width: 100%;}
ol.pagingList1 li { line-height: 100%; font-size:0.93em; font-family:tahoma; display:inline;  color: #000;}
ol.pagingList1 li strong { padding:5px; color:#db1922; }
ol.pagingList1 li.btn img { margin-top:1px; }
ol.pagingList1 li a {padding:3px;}
ol.pagingList1 li.btn a {padding:0;}

/* tab style */
ul.tabStyle1 { height: 25px; margin: 15px 0 0 0; font-weight: normal; letter-spacing: -1px; font-size: 1em;  line-height:25px;}
ul.tabStyle1 li.on {float:left; min-width:50px; margin-right:1px; background:url(../images/common/tab_bg1_left.gif) no-repeat left 0px; padding: 0 0 0 10px; width: auto;}
*:first-child+html ul.tabStyle1 li.on .txt{padding: 7px 10px 9px 0px;} /* ie7에서만 적용되게 */
ul.tabStyle1 li.on .txt{ background:url(../images/common/tab_bg1_right.gif) no-repeat right top; text-align:center; padding: 6px 10px 8px 0px; color: #FFF;}

ul.tabStyle1 li.off {float:left; min-width:50px; margin-right:1px; background:url(../images/common/tab_bg2_left.gif) no-repeat left 0px;  padding: 0 0 0 10px;color: #295fa4; width: auto;}
*:first-child+html ul.tabStyle1 li.off .txt{padding: 7px 10px 9px 0px;} /* ie7에서만 적용되게 */
ul.tabStyle1 li.off .txt{ background:url(../images/common/tab_bg2_right.gif) no-repeat right top; text-align:center; padding: 6px 10px 8px 0px;}

ul.tabStyle1 li.off a:link {color: #2d739d;}
ul.tabStyle1 li.off a:hover {color: #2d739d;}
ul.tabStyle1 li.off a:visited {color: #2d739d;}
ul.tabStyle1 li.off a:active {color: #2d739d;}

ul.tabStyle1 a:hover {color: #FFFFFF; text-decoration: none;}
ul.tabStyle1 a:link {color:#FFFFFF; text-decoration:none;}
ul.tabStyle1 a:visited {color:#FFFFFF; text-decoration:none;}
ul.tabStyle1 a:active {color:#FFFFFF; text-decoration:none;}

ul.tabStyle2 {min-width:100px; margin-right:1px; height: 26px; margin: 0 0 10px 0; }
ul.tabStyle2 li  {background:url(../images/common/tab_bg3_left.gif) no-repeat left top; line-height: 26px; padding: 0 0 0 12px; height: 26px; display: block;}
ul.tabStyle2 li .txt{ background:url(../images/common/tab_bg3_right.gif) no-repeat right top; text-align:center; padding:7px 10px 8px 5px; color:#FFF; font-weight: bold; letter-spacing: -1px;} 
* html ul.tabStyle2 li .txt{padding: 6px  10px 6px 5px;}  /* ie6에서만 적용되게 */
ul.tabStyle3 { border-bottom: 2px solid #2f759f; height: 30px; margin: 0 0 20px 0;}
ul.tabStyle3 li{line-height: 29px; float: left; width: 107px; display: block;}
ul.tabStyle4 { display:inline-block; width:100%; margin: 0 0 20px 0; padding-top:52px; background:url(../images/common/tab4_hr1.gif) repeat-x 0 30px;}
ul.tabStyle4 li.tab_bx{ float:left; width:100%; }
ul.tabStyle4 h3{margin:0;padding:0;font-size:12px;}
ul.tabStyle4 .tab{position:absolute;top:0;line-height: 29px; width: 133px; display: block;}
ul.tabStyle4 .tab1{left:0;}
ul.tabStyle4 .tab2{left:133px;}
ul.tabStyle4 .tab3{left:266px;}
ul.tabStyle4 .tab4{left:399px;}

ul.tabStyle4 .tabA{position:absolute;top:0;line-height: 29px; width: 107px; display: block;}
ul.tabStyle4 .tabA1{left:0;}
ul.tabStyle4 .tabA2{left:107px;}
ul.tabStyle4 .tabA3{left:214px;}
ul.tabStyle4 .tabA4{left:321px;}


ul.tabStyle5 { display:inline-block; width:100%; margin: 0 0 20px 0; padding-top:52px; background:url(../images/common/tab4_hr1.gif) repeat-x 0 30px;}
ul.tabStyle5 li.tab_bx{ float:left; width:100%; }
ul.tabStyle5 h3{margin:0;padding:0;font-size:12px;}
ul.tabStyle5 .tab{position:absolute;top:0;line-height: 29px; width: 111px; display: block;}
ul.tabStyle5 .tab1{left:0;}
ul.tabStyle5 .tab2{left:111px;}
ul.tabStyle5 .tab6{left:222px;}
ul.tabStyle5 .tab3{left:333px;}
ul.tabStyle5 .tab4{left:444px;}

ul.tabStyle5 .tabA{position:absolute;top:0;line-height: 29px; width: 107px; display: block;}
ul.tabStyle5 .tabA1{left:0;}
ul.tabStyle5 .tabA2{left:107px;}
ul.tabStyle5 .tabA3{left:214px;}
ul.tabStyle5 .tabA4{left:321px;}




/* list Style */
ul.listStyle1 { font-weight: normal; color: #000; margin: 0 auto; width: 95%; font-size: 0.93em;}
ul.listStyle1 li { display: inline;}
ul.listStyle1 li.bar { border-left: 1px solid #d7d7d7; margin: 0 0 0 15px; padding: 0 0 0 10px;}
ul.listStyle1 li.fontStyle1 {font-weight: normal;}

ul.listStyle2 { margin: 10px 0 0 20px;}
ul.listStyle2 li{margin: 5px 0 0 0; }

/* comment */
dl.comment1 {}
dl.comment1 dt{background: Url(../images/common/bullet_red.gif) 0 50% no-repeat; padding: 0 0 0 10px; }
dl.comment1 dd {}
dl.comment1 dd.commentCont {width: 70%; padding: 0 0 0 5px;}
dl.comment1 dd.commentBtn {width: 25%; padding: 0 10px 0 0;}

/* explanation */
.explanation {height: 20px; padding: 0 0 0 10px;}

/* popstyle1 */
#popWrapper {background: URL(../images/popup/popStyle1_bg.gif) top left repeat-x;  font-family: dotum; }
#popWrapper .popStyle1 {position:relative; width: 98%; margin: 0 auto; padding: 10px 0 15px 0;}
#popWrapper .popStyle1 ul.popHeader {line-height: 25px; height: 30px; font-family: "malgun gothic","dotum"; font-weight: bold; color: #FFF; font-size: 1.5em; letter-spacing: -1px; }
#popWrapper .popStyle1 ul.popHeader li {display: inline;}
#popWrapper .popStyle1 ul.popHeader li.popTitle {background: url(../images/popup/pop_arrow1.gif) 0 50% no-repeat;color: #035485; padding: 0 0 0 20px;}
#popWrapper .popStyle1 ul.popHeader li.popClose {text-align: right; margin: 0 10px 0 0; }
#popWrapper .popStyle1 .popTop { background:  url(../images/popup/popStyle1_topL.gif) no-repeat 0px 0px; }
#popWrapper .popStyle1 .popTop .c { background:  url(../images/popup/popStyle1_topR.gif) no-repeat right 0px; height: 15px;}
#popWrapper .popStyle1 .popBody { background:  url(../images/popup/popStyle1_bodyL.gif) repeat-y 0px 0px;}
#popWrapper .popStyle1 .popBody .c { background:  url(../images/popup/popStyle1_bodyR.gif) repeat-y right 0px;}
#popWrapper .popStyle1 .popBottom { background:  url(../images/popup/popStyle1_bottomL.gif) no-repeat 0px 0px;}
#popWrapper .popStyle1 .popBottom .c { background:  url(../images/popup/popStyle1_bottomR.gif) no-repeat right 0px; height: 15px;}
#popWrapper .popStyle1 .popContent { padding: 5px;}
#popWrapper .popStyle1 .popContent .resultStyle3 {width: 100%; padding:5px 0; border-bottom: 2px solid #2d739d; border-top: 2px solid #2d739d; text-align: center;}

#popWrapper .popStyle1 div.popHeader {line-height: 25px; height: 30px;  }
#popWrapper .popStyle1 div.popHeader h1 {display: inline; line-height: 25px; font-family: "malgun gothic","dotum"; font-weight: bold; color: #FFF; font-size: 1.5em; letter-spacing: -1px; background: url(../images/popup/pop_arrow1.gif) 0 50% no-repeat;color: #035485; padding: 0 0 0 20px;}
#popWrapper .popStyle1 p.popClose2 {position:absolute; top:10px; right:10px; }

/* loginStyle */
#loginStyle1 { background: url(../images/common/login_bg1.gif) top left no-repeat; position: relative; width: 550px; height: 210px;}
#loginStyle1 h3{ overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0; }
#loginStyle2 { background: url(../images/common/login_bg2.gif) top left no-repeat; position: relative; width: 550px; height: 210px;}
#loginStyle2 h3{ overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0; }
#loginStyle3 { background: url(../images/common/login_bg3.gif) top left no-repeat; position: relative; width: 563px; height: 210px;}
#loginStyle3 h3{ overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0; }
#loginStyle4 { background: url(../images/common/login_bg4.gif) top left no-repeat; position: relative; width: 563px; height: 210px;}
#loginStyle4 h3{ overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0; }
ul.loginSection { width: 300px; top: 20px; left: 230px; position: absolute;  font-family: dotum; font-size: 0.93em; min-height: 120px;}
ul.loginSection li.etc { background: url(../images/common/bullet_red.gif) 0 40% no-repeat; padding: 0 0 0 5px; padding: 0 0 3px 10px; margin: 0 0 0 22px;}
.findSection { width: 320px;}
.findResult { position: absolute; top: 100px; left: 60px; }

div.loginSection { width: 320px; top: 20px; left: 230px; position: absolute;  font-family: dotum; font-size: 0.93em; min-height: 120px;}
div.loginSection div.etc { background: url(../images/common/bullet_red.gif) 0 40% no-repeat; padding: 0 0 0 5px; padding: 0 0 3px 10px; margin: 0 0 0 0;}
div.loginSection span.tx { display:inline-block;width: 180px;}

/* siteMap */
.siteMap { width: 660px; margin: 0 0 20px 0; clear:both;}
.siteMap p{ border: 1px solid #d7d7d7; padding: 4px 0 0 8px; height: 25px; width: 640px; font: bold 1.18em "malgun Gothic"; color: #000;}
.siteMap dl{margin: 15px 0 0 0; width: 190px; padding: 0 0 0 20px; float: left;}
.siteMap dl dt{background: url(../images/common/bullet_blue.gif) 0 40% no-repeat; padding: 0 0 0 10px; font-family: dotum; font-size: 1em; line-height: 20px; height: 20px; width: 23%; width: 165px;margin: 0px;}
.siteMap dl dd{background: url(../images/common/bullet_blue2.gif) 0 50% no-repeat; padding: 0 0 0 10px; font-family: dotum; font-size: 0.93em;; line-height: 18px;; height: 18px; margin: 0 0 0 10px; width: 165px;}
.siteMap a:link  {color:#333333; text-decoration:none;}
.siteMap a:visited {color:#333333; text-decoration:none;}
.siteMap a:hover {color:#388600; text-decoration:none;}
.siteMap a:active {color:#333333; text-decoration:none;} 
.siteMap h3{ border: 1px solid #d7d7d7; margin:0; padding: 4px 0 0 8px; height: 25px; width: 640px; font: bold 1.18em "malgun Gothic"; color: #000;}

/* content page Style */
p.titleStyle1{ margin : 10px 0 15px 0;}
p.titleStyle2{ margin : 0 0 10px 10px;}
p.textStyle1{ margin: 0 0 10px 10px;}
p.textStyle2{ margin: 0 0 10px 20px;}
p.textStyle3{ margin: 0 0 30px 20px;}
p.textStyle4{ margin: 0 0 30px 10px;}
p.textStyle5{ margin: 0 0 5px 20px;}
p.imgStyle1{ margin: 0 0 30px 0; text-align: center;}
h3.titleStyle1{ margin : 10px 0 15px 0; padding:0; font-size:12px;}
h3.titleStyle1_first{ margin : 0 0 15px 0; padding:0; font-size:12px;}
h4.titleStyle1{ margin : 10px 0 15px 0; padding:0; font-size:12px;}
h4.titleStyle1_first{ margin : 0 0 15px 0; padding:0; font-size:12px;}
h5.titleStyle2{ margin : 0 0 10px 10px; padding:0; font-size:12px;}

li.textStyle1{ margin: 0 0 9px 10px; line-height:1.1;}
li.textStyle2{ margin: 0 0 9px 20px; line-height:1.1;}
li.textStyle3{ margin: 0 0 29px 20px; line-height:1.1;}
li.textStyle4{ margin: 0 0 29px 10px; line-height:1.1;}
li.textStyle5{ margin: 0 0 4px 20px; line-height:1.1;}
li.imgStyle1{ margin: 0 0 29px 0; text-align: center; line-height:1.1;}

dd.textStyle1{ margin: 0 0 9px 10px; line-height:1.1;}
dd.textStyle2{ margin: 0 0 9px 20px; line-height:1.1;}
dd.textStyle3{ margin: 0 0 29px 20px; line-height:1.1;}
dd.textStyle4{ margin: 0 0 29px 10px; line-height:1.1;}
dd.textStyle5{ margin: 0 0 4px 20px; line-height:1.1;}
dd.imgStyle1{ margin: 0 0 29px 0; text-align: center; line-height:1.1;}

/* process */
.process {width: 660px;}
.process p.img { background: url(../images/intro/process_img_bg.gif) top left no-repeat; width: 125px; height: 125px; float: left;}
.process p.img img {margin: 9px 0px 1px 10px;}
.process dl.cont {float: left; margin: 0 0 0 10px; width: 525px;}
.process dl.cont dt {margin: 0 0 10px 0;}
.process dl.cont dd { margin: 5px 0 0 16px; color: #333;}
.process dl.cont dd.bu { padding-left:8px; background:url(../images/common/bullet_green.gif) no-repeat 0 4px;}
.process dl.cont dd em { color: #0b427f;}
/* textarea */
.textarea_f12 textarea{font-size:12px;}

/* 웹접근성 */
.textHidden { overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0; }