li.1 { list-style-type : lower-roman } /* ·Î¸¶¼ýÀÚ ¼Ò¹®ÀÚÀ¸·ÎµÈ ¸ñ·Ï */
li.2 { list-style-type : upper-roman } /* ·Î¸¶¼ýÀÚ ´ë¹®ÀÚÀ¸·ÎµÈ ¸ñ·Ï */
li.3 { list-style-type : lower-alpha } /* ¾ËÆÄºª ¼Ò¹®ÀÚÀ¸·ÎµÈ ¸ñ·Ï */
li.4 { list-style-type : upper-alpha } /* ¾ËÆÄºª ´ë¹®ÀÚÀ¸·ÎµÈ ¸ñ·Ï */
li.5 { list-style-type : disc } /* Á¡À¸·Î µÈ ¸ñ·Ï */
li.6 { list-style-type : circle } /* ¼ÓÀÌ ÇÏ¾á»ö ¿øÀ¸·Î µÈ ¸ñ·Ï */
li.7 { list-style-type : square } /* »ç°¢ÇüÀ¸·Î µÈ ¸ñ·Ï */
li.8 { list-style-type : decimal } /* ¼ýÀÚ·Î µÈ ¸ñ·Ï */
li.9 { list-style-type : none } /* ¾Æ¹« Ç¥½Ã ¾øÀ½ */

li{list-style:none;}
ul{padding:0; margin:0;}


body {
    scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #DCDCDC;
	scrollbar-darkshadow-color: #DCDCDC;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #C4C4C4;
	
	font-family: µ¸¿ò;
	font-size:12px;
	color:#6B6B6B;
	line-height:140%;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/dongbgsub.gif);
	background-repeat: repeat-x;
	background-color: #fcfaed;
	
}

td,select,textarea,tr { 
    font-family: µ¸¿ò;
	font-size:12px;
	color:#6B6B6B;
	line-height:140%;
	}

select,textarea{
    background-color:#ffffff; 
	border-width:1px; 
	border-color:#DCDCDC; 
	border-style:solid;
	padding:7 7 7 7;
	font-size:12px;
	color:#000000;
}

table{border-collapse:collapse;}

/* link */
A:link 			{ font-size:12px; color: #6B6B6B; text-decoration: none}
A:visited 		{ font-size:12px; color: #6B6B6B; text-decoration: none}
A:active 		{ font-size:12px; color: #6B6B6B; text-decoration: none}
/* A:hover 			{ font-size:12px; color: #FF6702; text-decoration: underline} */


.sitemap                    { font-size:11px; color: #363636; text-decoration: none}
.sitemap A:link 			{ font-size:11px; color: #363636; text-decoration: none}
.sitemap A:visited 		{ font-size:11px; color: #363636; text-decoration: none}
.sitemap A:active 		{ font-size:11px; color: #363636; text-decoration: none}
.sitemap A:hover 		{ font-size:11px; color: #FF6702; text-decoration: underline}


.location               { color: #6C6855; font-size:11px; text-decoration: none; padding:10px 0px 35px 0px; text-align:right;letter-spacing:-1px;}
.location A:link		{ color: #6C6855; font-size:11px; text-decoration: none}
.location A:visited 	{ color: #6C6855; font-size:11px; text-decoration: none}
.location A:active 	    { color: #6C6855; font-size:11px; text-decoration: none}
.location A:hover 		{ color: #F0750A; font-size:11px; text-decoration: none}

.link_main 						{ color: #616252; text-decoration:none;word-spacing:-1pt;line-height:150%;font-size:11px;}
.link_main A:link 				{ color: #616252; text-decoration:none;word-spacing:-1pt;line-height:150%;font-size:11px;}
.link_main A:visited 			{ color: #616252; text-decoration:none;word-spacing:-1pt;line-height:150%;font-size:11px;}
.link_main A:active 			{ color: #616252; text-decoration:none;word-spacing:-1pt;line-height:150%;font-size:11px;}
.link_main A:hover 			 { color: #222222; text-decoration:none;word-spacing:-1pt;line-height:150%;font-size:11px;}

.link_photo 						{ color: #222222; text-decoration:none;word-spacing:-1pt;line-height:130%;font-size:11px;padding:5px 0px 0px 0px;}
.link_photo A:link 				{ color: #222222; text-decoration:none;word-spacing:-1pt;line-height:130%;font-size:11px;}
.link_photo A:visited 			{ color: #222222; text-decoration:none;word-spacing:-1pt;line-height:130%;font-size:11px;}
.link_photo A:active 			{ color: #222222; text-decoration:none;word-spacing:-1pt;line-height:130%;font-size:11px;}
.link_photo A:hover 				{ color: #000000; text-decoration:none;word-spacing:-1pt;line-height:130%;font-size:11px;}


/* bg */
.bg_sub1 {
    margin-left: 0px;
	margin-top: 0px;
	margin:0 auto;
	background-image:url(../images/common/sub_bg1.gif);
}

.bg_main {
    background-image:url(../images/main/bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	width:1091px;
}
.main{
    margin-left: 0px;
	margin-top: 0px;
	margin:0 auto;
	background-image:url(../images/main/bg3.gif);
}
.bg_board{
    margin-left: 0px;
	margin-top: 0px;
	text-align:center;
	background-image:url(../images/common/board_bg.jpg);
}


/* line */
.line_bottom {border-style:solid;border-width:0px 0px 1px 0px;border-color:#E7E7E7;}
.ap{border-style:solid;border-width:0px 0px 1px 0px;border-color:#D0D1AC;padding:3 0 3 0;font-size:11px;letter-spacing:-1px;}
.ap2{border-style:solid;border-width:0px 0px 0px 0px;border-color:#D0D1AC;padding:3 0 3 0;font-size:11px;letter-spacing:-1px;}
.re{border-style:solid;border-width:0px 0px 1px 0px;border-color:#D0D1AC;padding:0 0 3 0;font-size:11px;letter-spacing:-0.5px;color:292929;}
.re2{border-style:solid;border-width:0px 0px 0px 0px;border-color:#D0D1AC;padding:5 0 0 0;font-size:11px;letter-spacing:-0.5px;color:292929;}
.re3{font-size:11px;letter-spacing:-0.5px;color:292929;}
.line_right{border-style:solid;border-width:0px 1px 0px 0px;border-color:#D0D1AC;}


/* width */
.contents {width:580px;}
.right{text-align:right;}
.center{text-align:center;}


/* input */
.input1 {	background-color: #F7F7F6;height:18px;border:solid 1 #BEBEBE;solid;; padding-top:1px; padding-right:2px; padding-bottom:1px; padding-left:2px}
.input2 {background-color:#F8F8F8;border-width:1px;border-color:#DFDFDF;border-style:solid;}
.input3 {background-color:#F6F6F6;border-width:1px;border-color:#DDDDDD;border-style:solid;height:19px;}
.none {background-color:#ffffff;border-width:0px;border-color:#ffffff;border-style:none;}


/* select */
.select2{behavior: url('/include/selectBox2.htc');}


/* padding */
.padding_main{padding:0px 0px 40px 36px;}
.title_padding{ padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px}
.padding_sub {  padding-top: 33px; padding-right: 0px; padding-bottom: 0px; padding-left: 18px}



/* small_font */
.small_common {font-family: µ¸¿ò;font-size:11px;color:#575757;line-height:120%;}
.dotum11 {  font-family: "µ¸¿ò"; font-size: 11px; color: 666666;letter-spacing: -1px;}
.news {font-family: µ¸¿ò;font-size: 11px; color: 858584; letter-spacing: -1px}


/* bold_font */
.b_orange {font-family: "µ¸¿ò";font-size:11px;color:#F5A110;font-weight:bold;letter-spacing: -1px;}


/* color_font */
.color_gray {font-family: µ¸¿ò;color:#535353;font-size:12px;letter-spacing:0px;}
.blue_title {  font-family: "µ¸¿ò"; font-size: 12px; font-weight: bold; color: 5D86A4}
.green_title {  font-family: "µ¸¿ò"; font-size: 12px; font-weight: bold; color: 6633CC}
.sub_title {  font-family: "µ¸¿ò"; font-size: 12px; font-weight: bold; color: 0E598F}


/* board */
.board3{border-style:solid;border-width:1px 0px 0px 0px;border-color:#BBBC9A;padding:18px 0px 0px 0px;height:25px;text-align:center;}.left10 {  padding-right: 7px; padding-left: 10px}
.padding_view {  padding-top: 20px; padding-bottom: 20px}
.write {  padding-top: 3px; padding-bottom: 3px; padding-left: 15px}
.class {  padding-top: 28px; padding-right: 140px; padding-bottom: 0px; padding-left: 20px}
.padding_top15 {  padding-top: 13px; line-height: 120%}
.class_title {  font-family: "µ¸¿ò"; font-size: 12px; font-weight: bold; color: #6d47d9}
.w11 {  font-size: 11px; font-weight: bold; color: #FFFFFF}
.program {  font-family: "µ¸¿ò"; font-size: 11px; color: 808080; letter-spacing: -0.5px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; line-height: 140%}
.unnamed1 {  }
.siitemap {  font-family: "µ¸¿ò"; font-size: 12px; color: #000066; padding-top: 10px; padding-left: 0px; font-weight: bold; border: solid; border-color: #FFFFFF #FFFFFF #CCCCCC; border-width: thick thick 1px}



/* 21.02.05 header */
#gnb {height:48px; position:relative; margin-top:10px; border-radius:10px 0 0 10px; box-sizing:border-box;}
#gnb ul:after {content:""; display:block; clear:both;}
#gnb .mn_l1 {float:left; padding:12px 0; line-height:100%; width:16.66%; box-sizing:border-box; transition:all 0.3s;}
#gnb .mn_l1.over {padding-top:8px;}
#gnb .mn_l1:hover .mn_a1 span:hover{color:#FF6600;}
#gnb .mn_a1 span {display:block; position:relative; color:#777; text-align:center; font-weight:bold;}
#gnb .mn_a1 span:hover{color:#FF6600;}
#gnb .mn_a1 span:after {content:""; display:block; position:absolute; top:-3px; left:0; width:1px; height:28px; background:rgba(255, 255, 255, 0.2);}
#gnb .mn_l1:first-child .mn_a1 span:after {display:none;}
#gnb .mn_a1 .eng {display:block; font-style:normal; font-size:10px; color:rgba(255, 255, 255, 0.5); text-align:center;  font-weight:normal;}
#gnb .depth2_wrap {display:none; position:absolute; top:37px; left:0; width:100%; background:#F1F1E6; z-index:1; border-radius:20px;}
#gnb .depth2 {padding:0 20px;}
#gnb .mn_l2 {float:left; padding:10px 20px; position:relative;}
#gnb .mn_l2:after {content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:50%; right:0; margin-top:-5px;}
#gnb .mn_l2:last-child:after {display:none;}
#gnb .mn_a2 span {font-weight:bold; transition:all 0.3s;}

#gnb a:hover, #gnb a:focus {text-decoration:none !important;}
#gnb .mn_a2:hover span, #gnb .mn_a2:focus span{color:#999;}

/* 21.02.05 leftmenu */
.sn_01{background:url("../02_introduce/images/left_img01.jpg") no-repeat center;  width: 160px; height: 218px;}
.sn_02{background:url("../02_introduce/images/left_img02.jpg") no-repeat center;  width: 160px; height: 218px;}
.sn_03{background:url("../02_introduce/images/left_img03.jpg") no-repeat center;  width: 160px; height: 218px;}
.sn_04{background:url("../02_introduce/images/left_img04.jpg") no-repeat center;  width: 160px; height: 218px;}
.sn_05{background:url("../02_introduce/images/left_img05.jpg") no-repeat center;  width: 160px; height: 218px;}
.sn_06{background:url("../02_introduce/images/left_img06.jpg") no-repeat center;  width: 160px; height: 218px;}
#subNavi .lm-wrap {padding:70px 10px 41px 10px; box-sizing:border-box;}
#leftmenu .depth2 {text-align:center; padding:10px;}
#leftmenu .depth2 .lm_l2:hover .lm_a2{background:#336600;  border-radius:10px;}
#leftmenu .depth2 .lm_l2:hover .lm_a2 span{color:#fff;}
#leftmenu .depth2 .lm_a2 {display:block; position:relative; padding:5px;}
#leftmenu .depth2 .lm_a2 span {position:relative; font-weight:bold; color:#888; transition:all 0.3s;}
#leftmenu .depth2 .lm_l2.over .lm_a2 span,
#leftmenu .depth2 .lm_a2:hover span,
#leftmenu .depth2 .lm_a2:focus span{color:#004382;}

/* 21.02.05 ½Ã¼³¾È³» ½½¶óÀÌµå */
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}

.tb_main_vis{width:591px;}
.main_vis_wrap {position:relative;}
.main_vis {border-radius:10px 0 0 10px; overflow:hidden;}
.main_vis .main_vis_item img {width:100%;}
.main_vis_wrap .sld_btn {position:absolute; bottom:35px; left:75px;}
.main_vis_wrap .sld_btn button {display:inline-block; width:22px; height:22px; border:1px solid #fff; border-radius:3px; background:none; cursor:pointer; transition:all 0.3s; background:rgba(255, 255, 255, 0.1)}

.main_vis_wrap .sld_btn button:hover, 
.main_vis_wrap .sld_btn button:focus {background:#fff;}
.main_vis_wrap .sld_btn .prev:hover #prev_svg path,
.main_vis_wrap .sld_btn .prev:focus #prev_svg path {fill:#0081a9; stroke:#0081a9}
.main_vis_wrap .sld_btn .next:hover #next_svg path,
.main_vis_wrap .sld_btn .next:focus #next_svg path{fill:#0081a9; stroke:#0081a9}
.main_vis_wrap .sld_btn .pause:hover #pause_svg line,
.main_vis_wrap .sld_btn .pause:focus #pause_svg line {fill:#0081a9; stroke:#0081a9}
.main_vis_wrap .sld_btn .play:hover #play_svg path,
.main_vis_wrap .sld_btn .play:focus #play_svg path{fill:#0081a9; stroke:#0081a9}
