/* * Nanum Gothic (Korean) (400,700)*/
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);


body {
	background-color:#FFFFFF;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
}

img {border-width:0px;}



tr, td, select, input, div, textarea
{
	font-family:"±¼¸²", "±¼¸²Ã¼", "µ¸¿ò", "µ¸¿òü";
	font-size:12px;
	color:#444444;
	line-height:16px;
}

table.style01
{
	border-width:2px;
	border-color:#c7e1c7;
	border-collapse:collapse;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	table-layout:fixed;
}
td.bDot
{
	line-height:20px;
	padding-left:5px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#dddddd;
}
td.tName
{
	padding:5px 5px 5px 5px;
	text-align:center;
	font-weight:bold;
	color:#333333;
}


td.bottom_bot88
{
	border-bottom-color:#888888;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

td.bottom_botdd
{
	border-bottom-color:#dddddd;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}	

td.bottom_solid88
{
	border-bottom-color:#888888;
	border-bottom-style:solid;
	border-bottom-width:1px;
}	

td.side_soliddd
{
	border-right-color:#dddddd;
	border-right-style:solid;
	border-right-width:1px;
}

td.top_soliddd
{
	border-top-color:#dddddd;
	border-top-style:solid;
	border-top-width:1px;
}	

td.bottom_soliddd
{
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-bottom-width:1px;
}	

td.padding5 {padding:5px 5px 5px 5px;}
td.padding10 {padding:10px 10px 10px 10px;}

td.notice
{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	height:20px;
}	

input, textarea
{
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	background-color:#fdfdfd;
}

.fcgray{color:#888888}
.fcblue {color:#0033FF}
.fcred {color:#FF0000}
.fcorange {color:#FF6600}
.fcwhite {color:#FFFFFF}
.fcblack {color:#000000}

.b {font-weight:bold;}

.fs04 {font-size:4px;}
.fs06 {font-size:6px;}
.fs08 {font-size:8px;}
.fs09 {font-size:9px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}

.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}

.ls-1 {letter-spacing:-1px;}


a:link {
	font-family: "±¼¸²", "±¼¸²Ã¼", "µ¸À½", "µ¸À½Ã¼";
	font-size: 12px;
	color: #444444;
	text-decoration: none;
}
a:hover {
	font-family: "±¼¸²", "±¼¸²Ã¼", "µ¸À½", "µ¸À½Ã¼";
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
a:visited {
	font-family: "±¼¸²", "±¼¸²Ã¼", "µ¸À½", "µ¸À½Ã¼";
	font-size: 12px;
	color: #444444;
	text-decoration: none;
}

form{display:inline;}

/*210121_»çÀÌÆ® ¼öÁ¤*/
.header_top { position: relative; width: 100%;}
.header_top .header_con {position: relative; width: 100%; min-width: 1000px; }
.header_con .top_btn { position: absolute; top: 0px; left:680px; padding-left: 20px; background-color: rgba(0,0,0,0.40);border-radius: 0px 0px 20px 20px; z-index: 2; }
.header_con .top_btn>a { position: relative; display: inline-block; padding: 0px 15px 0px 10px; font-size: 13px; font-weight: 700; line-height: 40px; color: #FFF; font-family:'Nanum Barun Gothic'; }
.header_con .top_btn>a:before { position: absolute; left: 2px; top: 17px; width: 3px; height: 3px; border-radius: 50%; background-color: #FFF; content: "";}
.header_con .top_btn>a:hover { color: #ffe400;}
.header_con .top_btn>a:hover:before { background-color: #ffe400;}


.header_con .main_menu { position: relative; left:250px; width: 750px; overflow: hidden; padding: 0px; margin: 0px; list-style: none; z-index: 1;}
.header_con .main_menu li { position: absolute; bottom: 0px; width: 120px; height: 44px;}
.header_con .main_menu li>a { position: absolute; bottom: 0px; left: 0px; width: 100%; display: block; font-size: 16px; font-weight: 700; line-height: 44px; color: #222; font-family:'Nanum Barun Gothic'; text-align: center; border-radius: 0px 0px 10px 10px;}
.header_con .main_menu li>a:before { position: absolute; top: 17px; right: 0px; width: 1px; height: 10px; background-color: #CCC; content: "";}
.header_con .main_menu li:last-child>a:before { display: none;}

.header_con .main_menu li.active { height: auto;}
.header_con .main_menu li.active>a {background-color: rgba(0,0,0,0.80); color: #FFF;}
.header_con .main_menu li.active>a:before { display: none;}
.header_con .main_menu li>div { display: none; position: absolute; width: 100%; bottom: 44px; background-color: rgba(0,0,0,0.80); padding: 10px 0px; border-radius: 10px 10px 0px 0px; }
.header_con .main_menu li>div>a { display: block; font-size: 13px; line-height: 30px; color: #BBB; font-family:'Nanum Barun Gothic'; text-align: center; }
.header_con .main_menu li>div>a:hover { color: #ffe400;}

.header_con .main_menu li:nth-child(1) { left: 0px;}
.header_con .main_menu li:nth-child(2) { left: 120px;}
.header_con .main_menu li:nth-child(3) { left: 240px;}
.header_con .main_menu li:nth-child(4) { left: 360px;}
.header_con .main_menu li:nth-child(5) { left: 480px;}

.header_top.main { height:380px; background-image:url(/images/sub_visual00_bg.jpg); background-repeat: repeat-x;}
.header_top.main .header_con { height: 380px; background-image:url(/images/sub_visual00.jpg); background-repeat: no-repeat; }
.header_top.main .main_menu { height: 380px; }


.header_top.sub01 { height:340px; background-image:url(/images/sub_visual01_bg.jpg); background-repeat: repeat-x;}
.header_top.sub01 .header_con { height: 340px; background-image:url(/images/sub_visual01.jpg); background-repeat: no-repeat; }
.header_top.sub01 .main_menu { height: 340px; }

.header_top.sub02 { height:340px; background-image:url(/images/sub_visual02_bg.jpg); background-repeat: repeat-x;}
.header_top.sub02 .header_con { height: 340px; background-image:url(/images/sub_visual02.jpg); background-repeat: no-repeat; }
.header_top.sub02 .main_menu { height: 340px; }

.header_top.sub03 { height:340px; background-image:url(/images/sub_visual03_bg.jpg); background-repeat: repeat-x;}
.header_top.sub03 .header_con { height: 340px; background-image:url(/images/sub_visual03.jpg); background-repeat: no-repeat; }
.header_top.sub03 .main_menu { height: 340px; }

.header_top.sub04 { height:340px; background-image:url(/images/sub_visual04_bg.jpg); background-repeat: repeat-x;}
.header_top.sub04 .header_con { height: 340px; background-image:url(/images/sub_visual04.jpg); background-repeat: no-repeat; }
.header_top.sub04 .main_menu { height: 340px; }


.left_menu { width: 230px; padding-left: 30px; padding-right: 10px; box-sizing: border-box;  }
.left_menu>h1 { width: 100%; text-align: right; font-size: 20px; color: #333; line-height: 50px; background-color: #DDD; border-radius: 5px; font-family:'Nanum Barun Gothic'; padding-right: 30px; box-sizing: border-box;    }

#left_gnb { padding: 10px; margin: 0px; list-style: none; box-sizing: border-box;  }
#left_gnb a { position: relative; display: block; width: 100%; border-bottom: 1px solid #CCC; font-size: 15px; color: #666; line-height: 36px; text-align: right; padding-right: 30px; box-sizing: border-box; font-family:'Nanum Barun Gothic'; }
#left_gnb a:before { position: absolute; top:12px; right: 10px; width: 5px; height: 5px; border: 2px solid #888; border-radius: 50%; content: ""; }
#left_gnb a:hover { color: #000;}
#left_gnb a:hover:before {border: 2px solid #000;}

#left_gnb .left_sub_menu a { font-size: 12px; background-color: #F4F4F4; border-bottom: 0px; line-height: 30px;}
#left_gnb .left_sub_menu a:before { display: none;}

.main_banner_wrap { width: 100%; overflow: hidden; }
.main_banner_wrap .bx-wrapper { margin-bottom: 0px;}
.main_banner_wrap .bx-wrapper .bx-prev, .main_banner_wrap .bx-wrapper .bx-next { display:block; width:30px; height:30px; background-image:url(/images/controls_brand.png); background-size: 60px 60px; background-repeat:no-repeat; transition:all 0ms ease-in-out;-o-transition:all 0ms ease-in-out;-ms-transition:all 0ms ease-in-out;-moz-transition:all 0ms ease-in-out;-webkit-transition:all 0ms ease-in-out; z-index: 10; }
.main_banner_wrap .bx-wrapper .bx-prev { left:0px; background-position:0px 0px; }
.main_banner_wrap .bx-wrapper .bx-prev:hover { background-position: 0px -30px;}
.main_banner_wrap .bx-wrapper .bx-next {right:0px; background-position: -30px 0px; }
.main_banner_wrap .bx-wrapper .bx-next:hover { background-position: -30px -30px;}