/* CSS reset */
/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess

@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(/font/NanumGothic-Bold.eot);
  src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/font/NanumGothic-Bold.woff) format('woff'),
       url(/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumGothic-Regular.eot);
  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/font/NanumGothic-Regular.woff) format('woff'),
       url(/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic ExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(/font/NanumGothic-ExtraBold.eot);
  src: url(/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/font/NanumGothic-ExtraBold.ttf) format('truetype');
}
 */

* {margin:0; padding:0; line-height:1.5em; font-family:"Nanum Gothic", "나눔고딕", NanumGothic, "돋움", sans-serif; font-size:12px; color:#555;}
body {font-size:12px; background:#fff; margin:0; padding:0;}
h1, h2, h3, h4, h5 {font-size:11px; margin:0; padding:0;}
form {margin:0; padding:0;}
p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px; margin:0px; padding:0px;}
table {border-collapse:collapse;}
table th, table td { /*font-family:Dotum,sans-serif;*/ font-size:12px; line-height:1.5em;}
th img, td img, input.inp, input.g_inp, input, label {vertical-align:middle;}
hr {display: none;}
caption, legend {visibility:hidden; font-size:0; height:0px;}
img {border:0 none; vertical-align:middle;}
frameset, frameborder, frame {border:0;}

/*form*/
textarea {border:1px solid #aaa; background:#fff; width:100%; height:100px;}
input.type-text:hover, input.type-text:focus, textarea:hover, textarea:focus{background:#FFF;}
input, select, textarea {vertical-align: middle; font-size: 1em; border:1px solid #ccc;}
input[type=image] {border:none !important;}
fieldset{border:none;}

/*input*/
label {color:#000;}
input {background:#fff; padding:1px 0;}

/*linkcolor*/
a, a:link, a:visited{text-decoration:none;}
a:hover, a:active  {text-decoration:underline;}

.contents a{color:#3366cc; font-weight:bold;}
.content_body_subpage  a{color:#3366cc !important; font-weight:bold;}

/*color*/
.cblack{color:#000000;}
.cred{color:#FE0000;}
.cwhite{color:#FFF !important;}
.cblue{color:#0089cd;}
.cdarkgrey {color:#444;}
.clightgrey {color:#999 !important;}
.c_or {color:#ff7800;}

/*text 효과*/
.line {text-decoration:underline;}

.hidden {display:none;}
hr {display:none;}
.blind {display:none;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

legend {display:none;}

/*etc*/
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;} 	
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}
.of_auto{overflow:auto;}
.clear {clear:both; height:0; line-height:0; font-size:0; }
.hid {position:absolute; visibility:hidden; font-size:0; height:0px;}
.bn {background:none !important; border:0 none !important;}
.fb {font-weight:bold;}
.fbr {font-weight:bolder;}
.fn {font-weight:normal;}
.pr {position:relative;}
.pa {position:absolute;}
.di {display:inline;}
.db {display:block;}
.dn {position:absolute; overflow:hidden; top:-1000000px;}
.brnon{border:none;}

.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;} 
.verT {vertical-align:top !important;} 
.verM {vertical-align:middle !important;}
.verB {vertical-align:bottom !important;} 

.fh_30{float:left; display:inline-block; height:30px; margin-right:3px;}
.fh_50{float:left; display:inline-block; height:50px; margin-right:3px;}
.fh_70{float:left; display:inline-block; height:70px; margin-right:3px;}

.accessibility{visibility:hidden; position:absolute; overflow:hidden; height:0; width:0; font-size:0; margin:0; padding:0;}


/* font */
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f30{font-size:30px;}

.ls_01 {letter-spacing:-1px;}
.ls_02 {letter-spacing:-2px;}
.ws_01 {word-spacing:-1px;}


/*margin,padding*/
.mt0 {margin-top:0px !important;}	 
.mt5 {margin-top:5px !important;}	 
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt55 {margin-top:55px !important;}

.mr0 {margin-right:0px !important;}	 
.mr5 {margin-right:5px !important;}	 
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr55 {margin-right:55px !important;}

.mb3 {margin-bottom:3px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}	
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}		
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}

.ml0 {margin-left:0px !important;}	 
.ml5 {margin-left:5px !important;}	 
.ml10 {margin-left:10px !important;}
.ml13 {margin-left:13px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml55 {margin-left:55px !important;}

.pl3 {padding-left:3px !important;} 
.pl5 {padding-left:5px !important;} 
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl45 {padding-left:45px !important;}
.pl55 {padding-left:55px !important;}

.pr3 {padding-right:3px !important;} 
.pr5 {padding-right:5px !important;} 
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}	
.pr27 {padding-right:27px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}

.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;} 
.pt8 {padding-top:8px !important;} 
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}

.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;} 
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;} 
.pb30 {padding-bottom:30px !important;} 
.pb35 {padding-bottom:35px !important;}    

.p0 {padding:0}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.m0 {margin:0}

.w10p {width:10%;}
.w20p {width:20%;}
.w25p {width:25%;}
.w28p {width:28%;}
.w30p {width:30%;}
.w40p {width:40%;}
.w45p {width:45%;}
.w50p {width:50%;}
.w55p {width:55%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w85p {width:85%;}
.w90p {width:90%;}
.w100p {width:100%;}

.l180 {line-height:180%;}

.fta {font-family:"tahoma"}
.fd {font-family:"Dotum"}
.fng {font-family:"Nanum Gothic";}
.fngb {font-family:"Nanum Gothic Bold";}
.fngex {font-family:"Nanum Gothic ExtraBold";}

.icon01 {background:url(/new_images/ico/ico_arrow03.gif) no-repeat 0 5px;padding-left:10px;}
.icon02 {background:url(/new_images/ico/ico_gray_dot.gif) no-repeat 0 6px;padding-left:10px;}

.cblue1 {color:#3d5995;}
.cblue2 {color:#0052af;}
.cwhite {color:#fff;}
.cgrey {color:#aaa;}
.cbcyan {background-color:#93a2ae;}

.bt {border-top:solid 1px #ccc !important;}
.bb {border-bottom:solid 1px #ccc !important;}
.bn {border:none;}

/* 페이지평가 */
#body_foot{
	clear:both;
	position:relative;
	width:100%;
	border:solid 1px #ccc;
	background-color:#fafafa;
	margin:50px 0px 30px 0px;
}

#charge{z-index:10;width:100%;height:38px;color:#586467;}
#charge *{list-style:none;margin:0;padding:0;background:transparent;font-size:1em;line-height:1.17;letter-spacing:-1px;text-align:left;}
#charge h3{display:none;}
#charge dl{padding:11px 0 0 12px;}
#charge dt,
#charge dd{display:inline;float:left;}
#charge dt{width:57px;height:14px;padding:4px 0 0 5px;background:#677276;color:#fff;font-size:.92em;background:url(/template/tongjin/images/subpage/bg_charge.gif) no-repeat 0 0;}
#charge dd{margin:0 1em 0 5px;padding-top:3px;}
#charge dl .phone{letter-spacing:0;}

#bodyutil{z-index:20;position:absolute;right:10px;top:6px;}
#bodyutil h3{display:none;}
#bodyutil ul{list-style:none;margin:0;padding:0;}
#bodyutil li{display:inline;}
#bodyutil li a{display:inline;float:left;margin:0 0 0 3px;}

#satisfaction{
	position:relative;
	left:0;
	top:0;
	width:100%;
	margin:0;
	padding:10px 0 0px 0;
	color:#666;
	border-top:solid 1px #ccc;
	background:url(/template/tongjin/images/subpage/bg_charge_title.gif) no-repeat 10px 10px;
}
#satisfaction *{list-style:none;margin:0;padding:0;background:transparent;font-size:1em;line-height:1.17;}
#satisfaction .question{float:left;padding:0 1em 6px 132px;letter-spacing:-1px;}
#satisfaction .question strong{color:#07c;}
#satisfaction .grade_dl{float:left;}
#satisfaction dt.grade{float:left;width:70px;height:14px;background:url(/template/tongjin/images/grade5.gif) no-repeat 0 1px;overflow:hidden;text-indent:-9999px;}
#satisfaction dd {width:270px;}
#satisfaction dd img{vertical-align:middle;}
#satisfaction dd.answer{clear:both;padding-left:130px;width: 630px;padding-bottom:10px;}
#satisfaction input.text{width:300px;height:14px;padding:4px 4px 3px;color:#666;border:solid 1px #aaa;background-color:#fff;}
#satisfaction .image{}
#satisfaction .bt1stats{}
#satisfaction .sat_total {float:left;padding-right:20px;}
#satisfaction .sat_total strong {color: #07c;font-weight:bolder;}
.satisfaction_comment {clear:both;padding:0px 10px 10px 10px !important;}
.satisfaction_comment > table {width:100%;border-collapse:collapse;border-top:dotted 1px #ccc;background-color:#fff !important;}
.satisfaction_comment > table caption {display:none;}
.satisfaction_comment > table tbody td {height:15px;border-top:dotted 1px #ccc !important;padding-left:10px !important;}
.satisfaction_comment > table tbody {border-bottom:dotted 1px #ccc !important;}

.slidesjs-previous {float:left;position:relative;top:-170px;left:37px;z-index:99;display:block;text-indent:-9999px;width:16px;height:14px;background:url(/template/tongjin/images/btn/btn_prev1.gif) no-repeat 0 0;}
.slidesjs-next {float:left;position:relative;top:-170px;left:37px;z-index:99;display:block;text-indent:-9999px;width:16px;height:14px;background:url(/template/tongjin/images/btn/btn_next1.gif) no-repeat 0 0;}
.slidesjs-play {float:left;position:relative;top:-170px;overflow:hidden;left:37px;z-index:99;display:block;text-indent:-9999px;width:16px;height:14px;background:url(/template/tongjin/images/btn/btn_pause.gif) no-repeat 0px -14px;}
.slidesjs-stop {float:left;position:relative;top:-170px;overflow:hidden;left:37px;z-index:99;display:block;text-indent:-9999px;width:16px;height:14px;background:url(/template/tongjin/images/btn/btn_pause.gif) no-repeat 0px 0px;}

.slidesjs-pagination {position:relative;top:-150px;left:-10px;z-index:99;height:15px;}
.slidesjs-pagination-item {float:left;width:15px;height:10px;margin-right:3px;}
.slidesjs-pagination-item a {font-size:8px;font-family:tahoma;background-color:#f0f0f0;border:solid 1px #ccc;padding:0px 3px 0px 3px;line-height:110%;width:15px;height:10px;}
.slidesjs-pagination .active {background-color:#0779c1;color:#fff !important;font-weight:bolder;border:solid 1px #1a638e;} 

/* layout */
html {height:100%;}
body {/*overflow-x:hidden*/;width:100%;height:100%;}

.skip_navigation { position:fixed;top:0px;left:0px;height:0px; overflow:hidden; font-size:0pt; line-height:0;background-color:#202a9c;color:#fff;text-indent:-9999px;z-index:99999;}
.skip_navigation_on { position:fixed;top:0px;left:0px;width:100%;height:30px; overflow:hidden; font-size:12pt; line-height:100%;background-color:#202a9c;color:#fff;text-indent:0px;z-index:99999;}
.skip_navigation_on ul {width:100%;padding-left:10px;}
.skip_navigation_on a {display:block;height:22px;color:#fff;padding-top:8px;text-decoration:none;padding-left:15px;background:url(/images/ico/icon_b.gif) no-repeat 0 50%;}

.wrap {display:display;margin:0px;padding:0px;width:100%;}
.header {display:block;width:100%;height:118px;background-color:#fff;z-index:999;}
.header #tnb {width:100%;height:36px;background-color:#f0f2f2;}
.header #tnb .tnb_inner {width:100px;height:100%;margin:0 auto;}
.header .logo_area {width:1000px;height:80px;margin:0 auto;}
.header .logo_area .logo1_area{position:absolute;margin-top:20px;z-index:999;}
.header .logo_area .logo2_area{position:absolute;width:973px;margin:0 auto;margin-top:25px;z-index:998;}

.logo1 {display:block;text-indent:-9999px;width:153px;height:30px;background:url(/template/tongjin/images/logo.gif) 50% 50%; margin:6px 0px 0px 6px;}

.tnb_area ul li {float:left;}
.tnb_area ul .tnb_li {display:block; text-indent:-9999px; background:url(/template/tongjin/images/tnb_li.gif) no-repeat 0 0; margin-right:6px;}

#gnb {position:absolute;left:0px;top:74px;min-width:1000px;width:100%;height:44px;background:url(/template/tongjin/images/menu/menu_back01.gif) repeat-x 0 0;overflow:hidden;z-index:9999;}
#gnb2 {position:absolute;left:50%;margin-left:346px;width:100%;background:url(/template/tongjin/images/menu/menu_back02.gif) repeat-x 0 0; height:44px; right:0px;z-index:10000;background-color:#d6eaee;}
#gnb #menu {position:absolute;width:1000px;left:50%;margin-left:-500px;z-index:10001;background:url(/template/tongjin/images/menu/menu_back.gif) no-repeat 0 0;background-color:#d6eaee;}
#gnb #menu .menu {float:left;}
#gnb #menu .mainmenu1 {display:block; width:172px;text-align:center;padding:13px 0px 13px 0px;}
#gnb #menu .mainmenu1:hover {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 46px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu1:focus {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 46px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu2 {display:block; width:178px;text-align:center;padding:13px 0px 13px 0px;}
#gnb #menu .mainmenu2:hover {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 36px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu2:focus {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 36px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu3 {display:block; width:164px;text-align:center;padding:13px 0px 13px 0px;}
#gnb #menu .mainmenu3:hover {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 36px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu3:focus {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 36px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu4 {display:block; width:146px;text-align:center;padding:13px 0px 13px 0px;}
#gnb #menu .mainmenu4:hover {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 34px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu4:focus {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 34px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu5 {display:block; width:186px;text-align:center;padding:13px 0px 13px 0px;}
#gnb #menu .mainmenu5:hover {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 54px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu5:focus {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 54px 50%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu6 {display:block; width:154px;text-align:center;padding:9px 0px 17px 0px;}
#gnb #menu .mainmenu6:hover {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 30px 40%;color:#ffeb0b !important;text-decoration:none;}
#gnb #menu .mainmenu6:focus {background:url(/template/tongjin/images/menu/icon_downarrow.gif) no-repeat 30px 40%;color:#ffeb0b !important;text-decoration:none;}

#gnb .submenu {display:block;height:210px;padding-top:10px;}
#gnb .submenu a {color:#636363;font-family:dotum;font-size:12px;padding-left:30px;}
#gnb .submenu a:hover {background:url(/template/tongjin/images/menu/icon_dot.gif) no-repeat 23px 50%;font-weight:bolder;}
#gnb .submenu a:focus {background:url(/template/tongjin/images/menu/icon_dot.gif) no-repeat 23px 50%;font-weight:bolder;}
#gnb .submenu li {padding:5px 0px 5px 0px;}

#footer {clear:both;}
#footer #footer_banner {height:80px;}
#footer .footer_banner_in {width:1000px;margin:0 auto;}
#banner_controller {float:left;margin:29px 15px 0px 0px;width:80px;}
#banner_controller a {float:left;display:block;text-indent:-9999px;width:18px;height:20px;margin-right:3px;}
.controller_left {background:url(/template/tongjin/images/btn/btn_cprev.gif) no-repeat 0 0;}
.controller_pause {background:url(/template/tongjin/images/btn/btn_cpause.gif) no-repeat 0 0;}
.controller_right {background:url(/template/tongjin/images/btn/btn_cnext.gif) no-repeat 0 0;}

#footer_banner_list {padding:3px;height:44px;overflow:hidden;}
#footer_banner_list ul li {width:125px;float:left;margin-bottom:10px;}
#footer_banner_list a {float:left;margin-right:10px;height:45px;overflow:hidden;}
#footer_banner_list iframe {float:right;}

#footer_banner_list_stop {height:80px;overflow:hidden;}
#footer_banner_list_stop ul li {width:175px;float:left;margin-bottom:10px; margin-top:18px;}
#footer_banner_list_stop a {float:left;margin-right:10px;height:45px;overflow:hidden;}
#footer_banner_list_stop iframe {float:right;}

.footer_quick {border-top:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd;height:20px;padding:10px 0px 10px 0px;}
.footer_quick_area {width:1000px;margin:0 auto;}

.privacy {color:#f88c00;text-weight:bolder;}

.footer_bottom {width:1000px;margin:0 auto;margin-top:10px;height:70px;}
.footer_bottom h4 {float:left;display:block;text-indent:-9999px;width:150px;height:30px;background:url(/template/tongjin/images/logo_footer.gif) no-repeat 50% 50%;margin-right:25px;}
.footer_address {float:left;;padding-top:10px;font-size:11px;}


.sitemapList {clear:both;margin:20px 0px 0px 0px;padding:10px;display:block;border:1px dashed #DDD;width:710px;background-color:#fff;}
.sitemapList:after {clear:both;content:"";display:block;}
.sitemapList .depth1 {width:160px; min-height:250px;float:left;padding-left:8px;padding-right:8px;padding-top:30px;margin-bottom:15px;border-top:1px dashed #DDD;}
.sitemapList .depth1_first {width:160px; min-height:250px;float:left;padding-left:8px;padding-right:8px;padding-top:30px;margin-bottom:15px;}
.sitemapList .depth1_first h3 {width:155px;border-bottom:0px solid #024b80;margin-bottom:0px;padding-bottom:10px; border-bottom:2px solid #666 !important;margin-bottom:15px;}
.sitemapList .depth1 h3 {width:155px;border-bottom:0px solid #024b80;margin-bottom:0px;padding-bottom:10px; border-bottom:2px solid #666 !important;margin-bottom:15px;}
.sitemapList ul.depth3 { padding-top:10px;padding-bottom:10px;font-size:11px; padding-left:20px;}
.sitemapList .depth2 li {padding:3px 0px 3px 0px;}
.sitemapList .depth2 a {display:block;background:url(/images/ico/ico_arrow01.gif) no-repeat 10px 5px;padding-left:25px;}