@charset "utf-8";
@import url("layout.css");

body, input, button, textarea, select, h1, h2, h3, h4, h5, h6 {font-size:12px; font-family:"돋움",Dotum,"굴림",Gulim; color:#717171;}
img, fieldset, button, iframe {border:0 none;}
li {list-style:none;}
a {color:#717171; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
table {border-collapse:collapse;}
em, address {font-style:normal;}

html:first-child select {padding-right:6px; height:18px;}
option {padding-right:6px;}
.fL {float:left}



div, a, th, td, span, strong, h1, h2, h3, h4, h5, h6, li, dt, dd, caption, del, address, p, select, input, textarea, pre, b, i, em, label, body, option
{font-size:12px; line-height:1.2em;  font-family:돋움, dotum, san-serif; color:#646464;}
h1, h2, h3, h4, h5 {font-weight:normal;}
img, table{border:0;}
dl, dt, dd, ul, li, form, h1, h2, h3, h4, h5 {margin:0; padding:0}
ul {list-style:none;}
a:link, a:visited, a:active {color: #525C65;text-decoration: none;cursor: pointer;}
a:hover {color: #F58028;text-decoration: none;cursor: pointer;}
img{img:expression(this.hideFocus=true);}


#contents h3 {height:42px; padding-top:5px;}

#lnb {float:left; width:200px; margin-right:20px;}
#lnb h2 {height:30px; padding:5px 0 0 13px; background:url(/images/common/bg_lnb.gif) no-repeat 0 27px;}
#lnb li {line-height:0px;}
#lnb a {display:block; padding:4px 0 3px 12px; line-height:14px; color:#5A71A2; text-decoration:none;}
#lnb .on a {padding:6px 0 3px 12px; background:url(/images/common/bg_lnb.gif) no-repeat 0 -150px; color:#FF6600; font-weight:bold;}
#lnb .on ul {padding:2px 0 5px;}
#lnb .on li a {padding:3px 0 0 18px; background:url(/images/common/bg_lnb.gif) no-repeat 13px -42px; color:#999;}
#lnb .on .on a {background:url(/images/common/bg_lnb.gif) no-repeat 13px -92px; color:#FF6600;}

#path {position:absolute; top:8px; right:1px; color:#0D3571; font-size:11px; line-height:13px;}
#path span {float:left; padding:0 11px 0 3px; margin-right:2px; background:url(/images/common/bul.gif) no-repeat right 4px;}
#path a {color:#A9A9A9; font-size:12px; line-height:14px; text-decoration:none;}
#path span .home {position:relative; top:-1px}

#content {position:relative; float:left; width:710px;}

#mainHeader{position:relative; width:934px; height:130px; margin-left:10px;padding:0;overflow:hidden;}
#mainHeader h1{position:absolute; top:10px; left:1px; margin:0; padding:0;}
#mainHeader .globalMenu{position:absolute; top:50px; right:10px;}
#mainHeader .globalMenu .login,
#mainHeader .globalMenu .logout{display:none;}
#mainHeader .globalMenu li{float:left; padding-left:12px;}
#mainHeader .globalMenu li img{vertical-align:top;}
#mainHeader ul{list-style:none; font-size:0;}
#mainHeader li.set img{position:relative; margin-top:-5px;}

#topNavi{position:relative; top:70px; background:url(/images/common/menu/menu_bg.gif) no-repeat right 0; zoom:1;}
#topNavi *{margin:0; padding:0;}
#topNavi .depth1{overflow:hidden;}
#topNavi .depth1 li{float:left; position:relative;}
#topNavi .depth1 li img.on{position:absolute; top:0; left:0; opacity:0;filter:alpha(opacity:0); zoom:1;}
#topNavi .depth2{position:absolute; top:35px; display:none;}
#topNavi .depth2 ul{position:absolute; top:0; width:700px; display:none;}
#topNavi .depth2 li{float:left;}
#topNavi .depth2 a{display:inline-block; padding:5px;}

#topHBar{position:absolute; z-index:100; top:0; left:0; width:100%; height:3px; background-color:#0F3671; font-size:0;}
#qSitemap{position:absolute; left:0; z-index:99; width:100%;}
#qSitemap *{margin:0; padding:0;}
#qSitemap .innerWrap{width:925px; padding:10px; background:#F5FAFF url(/images/common/sitemap_bg.gif) repeat-y right;}
#qSitemap .fold{margin-top:-254px;}
#qSitemap .scroll{height:234px; margin-left:-10px; overflow:hidden; overflow-y:auto;}
#qSitemap .jspTrack{background:url(/images/common/sitemap_scroll_track.gif) no-repeat center 0;}
#qSitemap .jspDrag{background:url(/images/common/sitemap_scroll_handle.gif) repeat-y center 0;}
#qSitemap .toggleBtn{position:absolute; margin-bottom:-21px; width:941px; border-top:3px solid #0F3671; text-align:right;}
#qSitemap .toggleBtn img{cursor:pointer;}
#qSitemap .menu{float:left; display:inline; width:185px; min-height:205px; _height:205px; background:url(/images/common/sitemap_bar.gif) no-repeat right 0;}
#qSitemap .menu a:hover{color:#FF6600;}
#qSitemap .last{width:170px; background:none;}
#qSitemap h3{margin:0 0 5px 12px; font-weight:bold;}
#qSitemap h3 a{display:block; width:148px; height:18px; padding:6px 0 0 6px; background:url(/images/common/sitemap_tit_bg.gif) no-repeat; font-size:12px !important;}
#qSitemap h3 a:hover{background-image:url(/images/common/sitemap_tit_bg_on.gif);}
#qSitemap .dep1{margin-left:25px;}
#qSitemap .dep1 li.d1{line-height:20px; font-weight:bold;}
#qSitemap .dep1 a{font-size:11px;}
#qSitemap .dep2{margin-left:5px;}
#qSitemap .dep2 li{font-weight:normal; line-height:14px;}

#bottomArea{clear:both; position:relative; z-index:50; min-width:940px; height:60px; line-height:normal; zoom:1;}

#footArea2{width:100%; height:31px;}
#footArea2 .fmenu,#footArea2 .fmenu li,#footArea2 p{list-style:none;margin:0;padding:0;}
#footArea2 .fmenu{position:relative; z-index:150; width:500px; height:19px; padding:7px 0 0;overflow:hidden;zoom:1;}
#footArea2 .fmenu li{float:left; margin:0; padding-left:13px; background:url(/images/main/fbul.gif) no-repeat 6px 5px; color:#666666; font-size:11px;}
#footArea2 .fmenu li.str{margin-left:10px;}
#footArea2 .addr{position:relative; z-index:10; clear:both; padding:9px 0 12px 11px; background-color:#C0C0C0;}
#footArea2 .addr p{margin:0; color:#FFFFFF; font-size:11px;}

#bottomHBar{position:absolute; z-index:101; bottom:28px; _bottom:34px; width:100%; height:3px; background-color:#FF6600; font-size:0;}
#qFamily{position:absolute; top:-295px; z-index:100; width:100%; height:420px; overflow:hidden; top:9px; _top:3px; height:21px;}
#qFamily .innerWrap{position:relative; width:945px; height:420px; margin-top:21px; background:#FEFDF4 url(/images/common/sitemap_bg.gif) repeat-y right;}
#qFamily .fold{}
#qFamily .toggleBtn{position:absolute; top:-21px; left:0; width:941px; border-bottom:3px solid #FF6700; text-align:right; font-size:0;}
#qFamily .toggleBtn img{cursor:pointer;}
#qFamily h2{position:absolute; top:20px; left:14px;}
#qFamily .list{position:absolute; top:20px; width:180px;}
#qFamily .ko{left:145px;}
#qFamily .ex{left:760px;}
#qFamily .list h3{height:25px; margin-bottom:1px; padding-left:10px; background:url(/images/common/qfamily_line1.gif) no-repeat 0 bottom;}
#qFamily .list ul{}
#qFamily .list li a{display:block; height:16px; padding:6px 0 0 10px; font-size:11px; color:#5A71A2;}
#qFamily .list li a.on,
#qFamily .list li a:hover{background:url(/images/common/qfamily_list_bg.gif) no-repeat;}
#qFamily .desc{position:absolute; top:20px; left:316px; width:437px;}
#qFamily .desc h4{height:24px; font-size:16px; color:#FF6701; font-weight:bold; background:url(/images/common/qfamily_line2.gif) no-repeat 0 bottom;}
#qFamily .desc .url{position:absolute; top:3px; right:3px; font-weight:normal;}
#qFamily .desc .url a{font-size:11px; font-family:verdana; color:#676767;}
#qFamily .desc .summary{height:60px; margin-top:3px; font-size:11px; color:#676767; line-height:14px;}
#qFamily .desc .box{width:433px; height:196px; padding:14px 0 0 12px; background:url(/images/common/qfamily_box.gif) no-repeat;}
#qFamily .desc h5{margin-bottom:9px;}
#qFamily .desc .scroll{width:415px; height:152px; overflow:hidden; overflow-y:auto; line-height:14px;}
#qFamily .desc .scroll dt{margin:0 0 2px 3px; font-size:11px; font-weight:bold; color:#666666;}
#qFamily .desc .scroll dd{width:385px; margin:0 0 23px 2px; font-size:11px; color:#666666;}
#qFamily .jspTrack{background:url(/images/common/family_scroll_track.gif) no-repeat center 0;}
#qFamily .jspDrag{background:url(/images/common/family_scroll_handle.gif) repeat-y center 0;}

/* main */
.main_visual {width:930px; height:278px;}
.main_content {width:930px;}

/* content */
div.onVisual {margin-bottom:20px;}

h4.onTitle {padding:0 0 10px 13px; background:url('/images/common/bul/bulh4.gif') no-repeat 0 0;}
.mB20 {margin-bottom:20px;}
.pcOr {color:#F17315;}

.rbox1 {width:100%; background:url(/images/common/rbox1.gif) repeat-y -710px 0;}
.rbox1 .bgt {height:13px; background:url(/images/common/rbox1.gif) no-repeat 0 0; font-size:0; line-height:0;}
.rbox1 .bgb {height:14px; margin-top:-1px; background:url(/images/common/rbox1.gif) no-repeat -1420px bottom; font-size:0; line-height:0;}
.rbox1 table {width:683px; margin-left:13px; background:url(/images/common/rbox1.gif) no-repeat -2130px 0; line-height:16px;}
.rbox1 thead th {padding:8px 0 6px; font-size:11px; color:#444;}
.rbox1 thead .bdl {border-left:1px solid #FFF;}
.rbox1 td {border-bottom:1px solid #ECECEC; text-align:center;}
.rbox1 tbody .bdl {border-left:1px solid #ECECEC;}
.rbox1 span.pcOr {padding:0 0 0 1px; vertical-align:top;}
.rbox1 table td input {vertical-align:middle;}
.rbox1 table td select {vertical-align:middle;}
.rbox2 {width:100%; background:url(/images/common/rbox2.gif) repeat-y -710px 0; text-align:center;}
.rbox2 .bgt {height:5px; background:url(/images/common/rbox2.gif) no-repeat 0 0; font-size:0; line-height:0;}
.rbox2 .bgb {height:5px; background:url(/images/common/rbox2.gif) no-repeat -1420px bottom; font-size:0; line-height:0;}

.img_cont {font-size:0; line-height:0;}
.img_cont .int_msg1 {margin:0 0 32px 33px;}
.img_cont .int_msg2 {margin:37px 0 0 507px;}
.img_cont .int_obey {margin:24px 0;}
.img_cont .int_obinfo {margin:30px 0;}

.int_org .rbox2 {margin-top:30px; text-align:left;}
.int_org .rbox2 img {margin:14px 0 26px 27px;}

/* 검색박스 */
.searchBox {width:100%;}
.searchBox .bgt {padding-top:7px;}

.searchBox .bgb {padding-bottom:8px;}
.searchBox img, .searchBox input {vertical-align:middle;}
.searchBox input.inImg {margin-top:2px;}

.historyList {margin-top:20px; width:100%; overflow:hidden;}
.historyList .pic {float:left;}
.historyList h4 {float:right; width:520px; padding:0 0 20px 10px;}
.historyList dl {float:right; width:530px; padding-bottom:10px; margin-bottom:20px; background:url(/images/common/line_dot.gif) repeat-x left bottom; overflow:hidden;}
.historyList dl dt {float:left; width:60px;}
.historyList dl dd {float:right; width:460px;}
.historyList dl dd img {float:left; margin-top:2px;}
.historyList dl dd p {float:right; width:420px; line-height:16px; padding:0; margin:0;}

.int_subsidiary img {vertical-align:top;}
.int_subsidiary .rbox2 {margin:24px 0 31px;}
.int_subsidiary .rbox2 dt {padding:10px 0 29px 25px; text-align:left;}
.int_subsidiary .rbox2 dd {padding-bottom:21px;}
.int_obeyinfo dt {height:20px; padding-top:30px;}
.int_obeyinfo dd {padding:0 0 9px 15px;}
.int_obeyinfo dd img {margin:0px 11px 2px 0; vertical-align:middle;}
.int_obeyinfo .rbox2 {text-align:left; padding:0;}
.int_obeyinfo .rbox2 img {margin:13px 0 13px 16px;}
.int_map {margin-top:-26px;}
.int_map dt {height:20px; padding-top:26px;}
.int_map dd {padding-left:15px; line-height:14px;}
.int_map dd img {margin:7px 0 0 -15px;}
.int_faq {width:100%; margin-top:-28px; background:url(/images/intro/faq_img.jpg) no-repeat 515px 47px;}
.int_faq dt {height:20px; padding-top:28px;}
.int_faq dd img {vertical-align:middle;}
.int_faq dd span {padding:0 15px 0 11px;}
.int_faq table {margin-top:5px; background:none;}
.int_faq th {width:86px; padding:7px 0 7px 15px; border-bottom:1px solid #ECECEC; text-align:left; vertical-align:top;}
.int_faq td {padding:3px 0; text-align:left;}
.int_faq input {height:13px; padding:3px 3px 0; border:1px solid #9C9C9C;}
.int_faq select {position:relative; top:1px; font-size:13px;}
.int_faq textarea {width:559px; height:190px; padding:2px 3px 0; margin-bottom:5px; border:1px solid #9C9C9C; line-height:18px;}
.int_faq_btn {text-align:center;}
.int_faq_btn img, .int_faq_btn input {margin:20px 2px 0;}
.int_faq_r {width:510px; margin:21px auto 19px; text-align:left;}
.int_faq_r dd {padding:11px 0 10px; background:url(/images/common/line_dot.gif) repeat-x left bottom; line-height:23px;}
.int_faq_r dd span {color:#F58028;}
.int_faq_r .btn {padding:0; margin-top:16px; background:none; text-align:center;}


.biz_biz dt {padding:30px 0 24px; font-size:0; line-height:0;}
.biz_biz dd img {margin:23px 0 21px; vertical-align:middle;}

.dis_toptxt {padding-bottom:20px;}
.dis_dis td, .dis_direct td {padding:6px 0 4px; font-size:11px; color:#888; line-height:16px; font-weight:bold;}
.dis_dis a, .dis_direct a {color:#444;}
.dis_dis a:hover, .dis_direct a:hover {color:#FF6600; text-decoration:none;}
.dis_dis tbody .bdl {width:284px; color:#444; font-weight:normal;}
.dis_direct tbody .bdl {width:384px; color:#444; font-weight:normal;}
.dis_cyber {position:relative; width:710px; height:550px;}
.dis_cyber iframe {position:absolute; top:0; left:-3px; width:721px; height:550px;}

.notice {padding-bottom:20px;}

.search {height:25px; padding-top:6px; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; background:#F5F5F5; text-align:center;}
.search * {vertical-align:middle;}
.search .in_text {width:207px; height:15px; padding:3px 3px 0; margin:-2px 4px 0;}

.search_result {position:relative; width:100%; margin:20px 0 -15px; font-size:11px; color:#888;}
.search_result p {float:left; padding:6px 5px 0 8px; background:url(/images/common/bul.gif) no-repeat 2px -30px;}
.search_result p span {color:#042B72; text-decoration:underline;}
.search_result p em {color:#FF6600; text-decoration:underline;}
.search_result img {float:left;}

.list_heard {height:15px; padding-top:10px; text-align:right; font-size:11px; color:#888;}
.list_heard em {margin-left:4px; color:#444;}

.board_list {width:100%; margin-top:20px; line-height:16px;}
.board_list th {padding:6px 0 3px; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; background:#EAEAEA; color:#444;}
.board_list td {padding:8px 0 5px; border-top:1px solid #ECECEC; font-size:11px; color:#888; text-align:center;}
.board_list .tit {font-size:12px; color:#444; text-align:left;}
.board_list .tit a {color:#444;}
.board_list .file {padding:0;}

.list_page {padding-top:14px; border-top:1px solid #CECECE; text-align:center;}
.list_page a, .list_page em {display:inline-block; margin-right:-6px; padding:2px 6px 1px 4px; background:url(/images/common/bul.gif) no-repeat 0 -76px; font-size:11px; color:#888; line-height:13px;}
.list_page .btn {position:relative; top:1px; _top:0; padding:0px 4px; background:none #fff;}
.list_page img {vertical-align:middle;}

.board_view {width:100%; border-top:2px solid #CECECE;}
.board_view th, .board_view td {border-bottom:1px solid #CECECE; color:#444; line-height:16px; vertical-align:top;}
.board_view th {width:85px; padding:8px 0 5px; background:#F5F5F5; letter-spacing:-1px;}
.board_view td {padding:8px 9px 5px;}
.board_view .file {width:414px; padding:0 9px; vertical-align:middle;}
.board_view .date {width:90px; padding-top:7px; font-size:11px; color:#888;}
.board_view .cont {width:607px; padding:8px 9px 21px;}
.board_view .next, .board_view .prev {width:75px; padding-right:10px; background:url(/images/common/bul.gif) no-repeat #F5F5F5;}
.board_view .next {background-position:59px -107px;}
.board_view .prev {background-position:59px -147px;}
.board_view_btn {padding-top:15px; text-align:right;}

/* 2018-08-08 footer 글로벌 네트워크  */
.gn {width:100% ; background:#ebebeb ; border-top:3px solid #fd6523 ;}
.gn .clear {clear:both ;}
.gn .inner {width:890px ; padding:25px ;}
.gn .inner:after {display:block ; clear:both ; content:"" ;}
.gn h3 {font-size:20px ; font-weight:bold ; color:#fd6523 ;}
.gn dl {width:127px ; float:left ;  padding:20px 0 ; border-top:1px solid #e2e2e3 ; color:#383d46 ;}
.gn dl.ko {width:763px ; border-top:none ;}
.gn dl.ko dd {margin-top:0 ;}
.gn dl.bd {border-top:none ;}
.gn dl.w {width:137px ;}
.gn dl.w1 {width:117px ;}
.gn dl dt {line-height:26px ; font-size:14px ; font-weight:bold ;}
.gn dl dt img {padding-right:10px ; vertical-align:middle ;}
.gn dl dd .en {letter-spacing:0 ;}
.gn dl dd {margin-top:12px ; }
.gn dl dd a {color:#383d46 ; display:inline-block ; letter-spacing:-1px ;}
.gn dl dd ul li {width:152px ; float:left ; margin-top:12px ;}
