@charset "utf-8";
/*텍스트아이콘 사용시 주석 풀기*/
/*@import url(http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{margin:0; padding:0;border:0 }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
html, body, td, p, button, textarea, select { 
	font-family:dotum,'돋음',sans-serif;
	font-size:13px; 
	color:#555555;
	}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}


#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;}
button {cursor:pointer}


ol,ul {list-style: none;}

img {border:0px;max-width:1010px;}

a:link, a:visited, a:active {text-decoration:none; color:#848484;} /************* 링크걸린 텍스트컬러 변경 **********/
a:hover												{text-decoration:underline;  color:#121212;} /************* 링크걸린곳 마우스 오버시 데코/텍스트컬러 변경 **********/

textarea, select {font-family:dotum;font-size:1em;border:1px solid #ccc;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}

.clear {content:"";display:block;clear:both;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

/* 전체 틀 */
#total_wrap {width:100%;}
#wrap {width:100%; margin:0 auto;}

/* 헤더 */
#wrap_header {width:100%; margin:0 auto; }

/* 메인 */
#wrap_main {width:100%; margin:0 auto;}

/* 서브 */
#wrap_sub {width:1200px; margin:0 auto;border-left:1px solid #e1e1e1;}

/* 푸터 */
#wrap_footer {width:100%; padding:30px auto;}


/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:1200px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:1200px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:dotum}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em;border:1px solid #ccc;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}


/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center};left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}


/* 테이블 */
table.table1 { border: 1px solid #b3b3b3; height: 25px; border-collapse: collapse;}
table.table0 { border: 0px solid #b3b3b3; height: 25px; border-collapse: collapse;}
tr.trtd1 td { border: 1px solid #b3b3b3; height: 25px; padding:3px;}
tr.trtd0 td { border: 0px solid #b3b3b3; height: 25px; padding:3px;}
tr.trtdbg td {background-color:#F4F7F9; border: 1px solid #b3b3b3; height: 25px; padding:3px;}
td.td1 { border: 1px solid #b3b3b3; height: 25px; padding:3px;}
td.td-left { border: 1px solid #b3b3b3; border-left:0px; height: 25px; padding:3px;}
td.td-right { border: 1px solid #b3b3b3; border-right:0px; height: 25px; padding:3px;}
tr.trth th { border: 1px solid #b3b3b3; height: 25px; padding:3px;}
tr.trthbg th { border: 1px solid #b3b3b3; height: 25px; padding:3px; background-color:#A7C942; color:#ffffff; font-family: Georgia;}

table.table2 { background-color:#fff; border-top:3px solid #22be01; height: 25px; border-collapse: collapse; }
.jm_head { text-align:center; height: 25px; padding:3px; font-weight:bold; background-color:#F4F7F9; }
.jm_sub { text-align:center; height: 25px; padding:3px; background-color:#F4F7F9; }
.jm_left { text-align:left; height: 25px; padding:3px; }
.jm_center {text-align:center; height: 25px; padding:3px; }
.jm_right { text-align:right; height: 25px; padding:3px; }

.jm_main_title {padding:7px 10px; background:#f2f2f2;font-size:1.2em;font-weight:bold; border-radius: 10px;display:inline-block; width:99%;border:1px solid #c2c2c2; }
.jm_h2_title {font-size:1.3em;color:#2f96fd;font-family:dotum;}

.jm_icon {font-size:1.15em;font-weight:bold;background:#95fdf2;border-radius: 20px;width:25px;height:25px;display:inline-block;line-height:25px;text-align:center}

.jm_red {padding:5px;background:#FF3061;color:#fff;font-weight:bold;text-align:center;display:inline-block;cursor:pointer;}
.jm_green {padding:5px;background:#5AD103;color:#fff;font-weight:bold;text-align:center;display:inline-block;cursor:pointer;}
.jm_purple {padding:5px;background:#878ED3;color:#fff;font-weight:bold;text-align:center;display:inline-block;cursor:pointer;}
.jm_gray {padding:5px;background:#978e91;color:#fff;font-weight:bold;text-align:center;display:inline-block;cursor:pointer;}


.sub_hd_bg {width:100%;height:50px;background:url('/img/sub_hd_bg.jpg') repeat-x center top;}


.left_t {background:url('../images/left_top_title.png') repeat-x center top;margin-bottom:1px;width:150px;height:100px;text-align:center;line-height:100px;font-size:1.8em;color:#fff;font-weight:bold;vertical-align: middle;}

.new_navi {}
.ns_1 {line-height:40px;}
.ns_1 a {width:130px;height:40px;line-height:36px;padding-left:20px;display:block;text-decoration:none;font-family:'Nanum Gothic', 'malgun gothic';font-size:13px;text-align:left;color:#707070;background:url('../images/left_off.png') no-repeat center top}
.ns_1 a:hover {color:#fff; text-align:left;background:url('../images/left_on.png') no-repeat center top;}
.dis_none {display:none; }

.sub_left {width:130px; float:left;}
.left_cus {border-bottom:1px solid #e1e1e1;}
.left_bank {border-bottom:1px solid #e1e1e1;}

.sub_content {width:1050px; float:right; border-left:1px solid #e1e1e1;}
.content_title {width:1010px; margin:0 0 30px 20px; padding:0 0 8px 0; border-bottom:1px solid #d7d7d7;}
.content_title .title_subject {float:left; font:normal 23px 'Nanum Gothic', 'malgun gothic'; color:#363636;}
.content_title .title_navi {float:right; margin-top:20px; text-align:right; font:normal 11px 'dotum'; color:#898989;}
.content_title .title_navi img {margin-top:-2px;}
.content_desc {padding:0 0 30px 20px;text-align:center;}
.content_desc img {margin-left:-20px;}


.header_t {width:100%;height:100px;}
.header_t_wrap {position:relative;width:1200px;margin:0 auto;}
.header_logo {position:absolute; width:100%; margin:0 auto; top:10px; text-align:left;}
.header_left {float:left;margin-top:7px;}
.header_right {float:right;}

.header_home_btn {padding-top:5px;text-align:right;}
.header_home_btn img {}
.header_home_btn a {font-family:'Dotum'; font-size:11px; color:#707070;}
.header_home_btn a:hover {text-decoration:none;}

.header_gnb_bg {width:1200px;min-width:100%;height:40px;background:url('../images/gnb_bg.jpg') repeat-x center top;}
.header_gnb {width:1200px;margin:0 auto;}


/* global navigation bar */
.gnb{width:1200px; position:absolute;z-index:99999;}
/* gnb Common */
.menu{position:relative;overflow:visible;line-height:normal;white-space:nowrap; border:0px solid red; }
.menu:after{content:"";display:block;clear:both}
.menu ul{float:left;list-style:none;margin:0;padding:0}
.menu ul:after{content:"";display:block;clear:both;}
.menu li{position:relative;z-index:1;float:left}
.menu li a{position:relative;float:left;padding:0;color:#111;text-decoration:none !important}
.menu li a span{display:inline-block;height:40px;margin:0;padding:10px 38px;font-size:15px !important;}

/* gnb Hover */
.menu .major li.active{z-index:2}
.menu .major li a{color:#ffffff;font-weight:bold;}
.menu .major li a:hover span,.menu .major li a:active span,.menu .major li a:focus span{height:28px;border-bottom:0px solid #fff200;color:#fff200}
.menu .major li.active a span{height:40px;border-bottom:0px solid #fff200;color:#fff200}
/*대메뉴 포커스 효과 변경시 */
.menu .major li.pactive a span{height:40px;border-bottom:0px solid #fff200;color:#fff200}
.menu .major li.pactive ul.sub{display:block;}
/*대메뉴 포커스 효과 변경시 */

/* gnb 2depth */
.menu .major ul.sub{position:absolute;top:45px;display:none}
.menu .major li.active ul.sub{display:block}

.menu .major ul.sub{margin:0;padding:0;font-size:12px !important;}
.menu .major ul.sub li{display:inline;margin:0;padding:11px 9px}
.menu .major ul.sub li a{color:#898989}
.menu .major ul.sub li a:hover{color:#6BB80C}

/* gnb 2depth  */
li.m1,li.m2,li.m3,li.m4	{background:url('../images/gnb_line.png') no-repeat right 14px;}
li.m1 ul.sub{left:0; width:175px; border:2px solid #E1E1E1;border-radius:8px; background:#F1F1F1;}
li.m2 ul.sub{left:0; width:410px; border:2px solid #E1E1E1;border-radius:8px; background:#F1F1F1;}
li.m3 ul.sub{left:0; width:515px; border:2px solid #E1E1E1;border-radius:8px; background:#F1F1F1;}
li.m4 ul.sub{left:30px; width:80px; border:2px solid #E1E1E1;border-radius:8px; background:#F1F1F1;}
li.m5 ul.sub{left:34px; width:80px; border:2px solid #E1E1E1;border-radius:8px; background:#F1F1F1;}
li.m6 ul.sub{left:-10px; width:144px; border:2px solid #E1E1E1;border-radius:8px; background:#F1F1F1;}
li.m7 ul.sub{left:-290px; width:414px; border:2px solid #E1E1E1;border-radius:8px; background:#F1F1F1;}


.left_lnb {}
.left_cs p {font-size:30px; border-top:2px solid #cdcdcd; margin:50px auto;}


.footer_t {width:1200px;min-width:100%;height:100px;background:url('../images/footer_bg.png'); border-top:1px solid #12709c;}
.footer_t_wrap {width:1200px;margin:0 auto;}
.footer_logo {float:left; margin-top:25px;}
.footer_txt {float:left; margin:22px 0 0 30px; font:normal 12px/18px 'dotum'; color:#cbe3f4;}
.footer_txt a {text-decoration:none;color:#cbe3f4;}

/*gaon body*/
.gbody {width:auto; margin-top:2px;}
.gtr { width:900px; height:120px; text-align:center; font-family:"나눔스퀘어" text-decoration:none; position:inherit;}
.gtr td { width:auto; height:120px; margin:auto; border:#09F solid 1px; background-color:#84CBDD;
		  font-size:18px; font-color:#fff; font-weight:bold; text-decoration:none;}
.gtr td:hover { width:auto; height:120px; border:#CCC solid 1px; background-color:#fff;
		  font-size:18px; font-color:#333; font-weight:bold; text-decoration:none;}

.gtable2 { width:900px; height:60px; background-color:#CCC; font:12px/16px "나눔스퀘어"; padding:5px;}

.index_gbn { width:900px; height:120px; background-color:#0FF;}
.index_gbn_a { width:300; height:120px; border:#CCC solid 1px;}

/*하단베너*/

.gdiv_wrap { width:920px; height:120px; background:#fff; padding-top:10px;}
.gdiv_container { width:100%; height:120px; background:#fff; border:1px solid #fff;}
.gdiv_content { float:left;
				 padding-top:40px; margin-left:9px; 
				 font-size:18px;  font-weight:bold; font-family:"나눔스퀘어"; 
				 text-align:center; 
				 width:292px; height:70px; 
				 background-color:#FFF; border:1px solid #CCC;
				 display:inline-block; text-decoration:none; }
				 
.gdiv_content:hover { float:left;
				 padding-top:40px; margin-left:9px; 
				 font-size:18px;  font-weight:bold; font-family:"나눔스퀘어";
				 text-align:center; 
				 width:292px; height:70px; 
				 background-color:#0984b1; border:1px solid #84CBDD;
				 display:inline-block; text-decoration:none; }
				 

				 
.gdiv_content a { color:#333; text-decoration:none; }
.gdiv_content a:hover { color:white; text-decoration:none; }