/*--------------- 기본설정---------------*/

BODY, TD, TR, TABLE, textarea {FONT-FAMILY:돋움,돋움체, Seoul,; font-size:9pt; color:#656566; line-height:130%; letter-spacing:-0px; scrollbar-3dlight-color:#C0C0C0; scrollbar-arrow-color:#6A6A6A; scrollbar-base-color:CFCFCF; scrollbar-darkshadow-color:#6A6A6A; scrollbar-face-color:CFCFCF; scrollbar-shadow-color:#FFFFFF;scrollbar-track-color:#F5F5F5;}
/*---- 옵션설명 : 돋움체, 어두운회색글씨, 자간약간좁히기, 스크롤컬러 설정. ----*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px;}

A:link, A:visited, A:active { color:#3A3A3A; text-decoration:none; letter-spacing:-0px;}
A:hover { color:#CCCCCC; text-decoration:underline; letter-spacing:-0px;}

#accessibility, .skip, hr, legend {
	position : absolute ;
	width : 0 ; 
	height : 0 ; 
	font-size : 0 ; 
	line-height : 0 ;
	overflow : hidden ; 
	visibility : hidden ;
}

/* skip */
#skipToContent {
	font-size: 0;
    left: 0;
    line-height: 0;
	position: absolute;
	top: -30px;
	width: 100%;
	z-index: 999999;
}
#skipToContent a:active, #skipToContent a:focus {
	font-size:13px;
	background-color: #333333;
	border: medium none;
	color: #FFFFFF;
	height: 30px;
	left: 0;
	position: absolute;
	text-align: center;
	text-decoration: underline;
	top: 30px;
	line-height: 30px;
	width: 100%;
	display: block;
}

/*--------------- 링크---------------*/

a.link-brand:link, a.link-brand:visited, a.link-brand:active { color:006666; text-decoration:none; letter-spacing:-0px;}
a.link-brand:hover { color:91C9D5; text-decoration:underline; letter-spacing:-0px;}/*---- 하늘색 글씨로 링크 ----*/

a.link-notice:link, a.link-notice:visited, a.link-notice:active { color:4E4325; text-decoration:none; letter-spacing:-0px;}
a.link-notice:hover { color:#FF6600; text-decoration:underline; letter-spacing:-0px;}/*---- 갈색 글씨로 링크 ----*/

a.link-technology:link, a.link-technology:visited, a.link-technology:active { color:333333; text-decoration:none; letter-spacing:-0px;}
a.link-technology:hover { color:9999CC; text-decoration:none letter-spacing:-0px;}/*---- 보라색 글씨로 링크 ----*/

a.link-foreign:link, a.link-foreign:visited, a.link-foreign:active { color:006699; text-decoration:none; letter-spacing:-0px;}
a.link-foreign:hover { color:6699CC; text-decoration:none letter-spacing:-0px;}/*---- 파란색 글씨로 링크 ----*/

a.link-buyer:link, a.link-buyer:visited, a.link-buyer:active { color:333333; text-decoration:none; letter-spacing:-0px;}
a.link-buyer:hover { color:006633; text-decoration:underline; letter-spacing:-0px;}/*---- 그린색으로 링크 ----*/

a.link-forum:link, a.link-forum:visited, a.link-forum:active { color:333333; text-decoration:none; letter-spacing:-0px;}
a.link-forum:hover { color:CC3300; text-decoration:underline; letter-spacing:-0px;}/*---- 오렌지색으로 링크 ----*/

a.link-offer:link, a.link-offer:visited, a.link-offer:active { color:333333; text-decoration:none; letter-spacing:-0px;}
a.link-offer:hover { color:0066CC; text-decoration:underline; letter-spacing:-0px;}/*---- 파란색으로 링크 ----*/

a.link-buniness:link, a.link-buniness:visited, a.link-buniness:active {color:333333; text-decoration:none; letter-spacing:-0px;}
a.link-buniness:hover {color:6699CC; text-decoration:underline letter-spacing:-0px;}/*---- 파란색 글씨로 링크 ----*/

a.link-tariff:link, a.link-tariff:visited, a.link-tariff:active {color:333333; text-decoration:none; letter-spacing:-0px;}
a.link-tariff:hover {color:6699CC; text-decoration:underline letter-spacing:-0px;}/*---- 파란색 글씨로 링크 ----*/

a.link-white:link, a.link-white:visited, a.link-white:active { color:#FFFFFF; text-decoration:none; letter-spacing:-0px;}
a.link-white:hover { color:#CCFF00; text-decoration:underline; letter-spacing:-0px;}/*---- 하얀색 글씨로 링크 ----*/

a.line:link, a.line:visited, a.line:active { color:#606060; text-decoration:none; letter-spacing:-0px;}
a.line:hover { text-decoration:none; color:#000080; border:1 dotted #0000FF; letter-spacing:-1px; padding:2 2 0}/*---- 어두운회색 글씨에 푸른색 라인으로 링크 ----*/

a.link-blue:link, a.link-blue:visited, a.link-blue:active { FONT-SIZE:11px; color:#0000FF; text-decoration:none; letter-spacing:-0px;}
a.link-blue:hover {FONT-SIZE:11px; color:91C9D5; text-decoration:underline; letter-spacing:-0px;}/*---- 하늘색 글씨로 링크 ----*/

a.link-orange:link, a.link-orange:visited, a.link-orange:active { color:#993300; text-decoration:none; letter-spacing:-1px;}
a.link-orange:hover { color:#DCA79A; text-decoration:none letter-spacing:-1px;}/*---- 파란색 글씨로 링크 ----*/


/*--------------- input/Textarea---------------*/

.input-login  {
	font-family: "돋움";
	font-size: 9pt;
	letter-spacing:-0px;


height=17px;
	border: 1px solid #CCCCCC;
	background-attachment: fixed;
	background-position: center center;
	color: #000000;
	background-color: F4F1EE;
	background-image: url(images/main/img_id.gif);


}

.input-search  {BACKGROUND-COLOR:#FFFFFF; letter-spacing:-0px; height=20px; color: #585858; border: 1px solid #CCCCCC;}

.box {
	font-family: "굴림"; font-size: 12pt; color: #000000; vertical-align: baseline; border: 1px solid #9B9B9B}

/*--------------- submit---------------*/

.submit {border:solid 1 #C1C1C1; color:#FFFFFF; border-style:groove; background-color:#565656; height=21px}/*---- 회색 버튼 ----*/

/*--------------- TEXT---------------*/

.color-red       { COLOR:#FF0000;}
.color-white     { COLOR:#FFFFFF;}
.color-blue      { COLOR:#044C94;}
.color-brown     { COLOR:#AC5009;}
.color-orange    { COLOR:#EE7000;}
.color-sky       { COLOR:#147EC4;}

.small   {
	FONT-FAMILY:"돋움", "돋움체";
	FONT-SIZE:11px;
	letter-spacing:-0px;
	color: #996600;
}

.small-orange     {FONT-FAMILY:돋움,돋움체; color:#FF6600; FONT-SIZE:11px; letter-spacing:-0px;}

.small-logon   {FONT-FAMILY:돋움,돋움체; FONT-SIZE:11px; letter-spacing:-0px;}

.small-date   {FONT-FAMILY:돋움,돋움체; FONT-SIZE:11px; letter-spacing:-0px;}

.Hmenu {
	BORDER-RIGHT: #efeddd 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #efeddd 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #efeddd 1px solid; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #efeddd 1px solid
}

.small-orange     
{FONT-FAMILY:돋움,돋움체; COLOR: #3e8ffc; TEXT-DECORATION: none}

	
/*--------------- 이미지 ---------------*/

IMG {border: none;} /*---- 이미지 border를 무조건 없앰 ----*/
.over {
	text-decoration: underline;
}
.small-table {
	font-size: 11px;
	color: #006699;
}
.input-loginCopy {

	font-family: "돋움";
	font-size: 9pt;
	letter-spacing:-0px;


height=17px;
	border: 1px solid #CCCCCC;
	background-attachment: fixed;
	background-position: center center;
	color: #000000;
	background-color: F4F1EE;
	background-image: url(images/main/img_pw.gif);
}
.navigation {
	FONT-FAMILY:"돋움", "돋움체";
	FONT-SIZE:11px;
	letter-spacing:-0px;
	color: #5BB1D7;
	font-weight: bold;
}
.navigation_01 {

	FONT-FAMILY:"돋움", "돋움체";
	FONT-SIZE:11px;
	letter-spacing:-0px;
	color: #A3A3A3;
}
.table_title {
	FONT-FAMILY:"돋움", "돋움체";
	FONT-SIZE:12px;
	letter-spacing:-0px;
	color: #0085BF;
}

/* wrap */
#wrap { width:1000px;  margin:0 auto;}


/* header */


.in_header {width:585px; height:80px; box-sizing: border-box; margin:0 auto; position:relative; color: #fff; z-index:101;}
#header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {display: block; }


/* GNB */
.w_gnb {padding:0px; }
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb {max-width:585px; margin: 0 auto; padding:0px 10px;} 
.w_gnb .gnb > ul {font-size:0px; display: table; width: 100%; text-align: center; padding: 0px; background-color:#f3f5fa; border:1px solid #ddd; border-radius:15px;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; position:relative; padding : 0px 2.3%; box-sizing: border-box;}
.w_gnb .gnb > ul > li > a {display:block; color:#000; text-align: left; font-family:Noto Sans, dotum, gulim;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:13px; line-height:45px; height:45px; color:#000000; transition: all 0.2s 0s ease-in-out; font-weight:400; box-sizing: border-box; font-family:Noto Sans, dotum, gulim;}
.w_gnb .gnb > ul > li:hover > a > span {color:#0085be; }
.w_gnb .gnb > ul > li.on > a > span {color:#0085be;}

.w_gnb .gnb > ul > li.on .sub_menu {display:block;}
.w_gnb .sub_menu  {position:absolute; left:0%; width:585px; box-sizing:border-box; overflow:hidden; top:40px; line-height:50px; display:none; padding-left:0px;}
.w_gnb .sub_menu li {float:left; padding:0px 5px; }
.w_gnb .sub_menu li:first-child{  border-radius:15px 0px 0px 15px;}
.w_gnb .sub_menu li:last-child{  border-radius:0px 15px 15px 0px;}

.w_gnb .gnb02 .sub_menu {left:-80%;}
.w_gnb .gnb03 .sub_menu {left:0%;}
.w_gnb .gnb04 .sub_menu {left:0%;}
.w_gnb .gnb05 .sub_menu {left:13%;}
.w_gnb .gnb06 .sub_menu {left:-30%;}
.w_gnb .sub_menu > li > a {display:block; color:#333; font-size:13px; line-height:30px; text-decoration:none; font-family:Noto Sans; font-weight:400;}
.w_gnb .sub_menu > li > a:hover {color:#0085be; }
.w_gnb .sub_menu > li.on > a {color:#0085be;}
.w_gnb .three_depth { display:none;}

/* visual */
.main_visual {width: 100%; overflow: hidden; position: relative;}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {max-width: 1200px; margin: 0 auto; position: relative;}
.main_visual .v_frame img {max-width: 100%; display: inline-block}
.main_visual .v_frame .m_visual {display: none;}
.main_visual .v_bt {position: absolute; top:50%; z-index:99;}
.main_visual .v_bt > a {display: none; color: #fff; line-height: 14px; font-size: 18px;}
.main_visual .v_bt > a img {vertical-align: top; margin: 2px;}
.main_visual #proprev1 {left:50%; margin-left: -640px;}
.main_visual #pronext1 {right:50%; margin-right: -640px;}
.main_visual #visual_counter {position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom:50px; z-index:98; line-height:20px; color: #fff; font-size:22px; font-weight:400}
.main_visual #visual_counter > span {font-weight: 600; font-size: 1.2em;}


.main_visual .v_txt {text-align: center; position: absolute; width: 100%; left:0%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: -3%;}

.main_visual li.on .v_txt {opacity:1; transition: all 0.8s 0s ease-in-out; margin-top:-20px;}

.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:5%; width: 100%; max-width: 1200px; box-sizing: border-box; z-index: 99;}
.main_visual .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:7px 10px 0px 0px; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; text-align: center; background: #333333; border-radius: 100%; padding-top:7px; box-sizing: border-box; width: 24px; height: 24px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align: top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height:12px; margin:0 4px; background:#a5a7ad; border:none; -moz-border-radius:100%;  -webkit-border-radius:100%; border-radius:100%; box-sizing:border-box; position:relative; opacity:1;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity:1; background: #007fdb;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1;  background: #007fdb; width:60px; border-radius:10px; }
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}

.main_slider .bx-controls {position:absolute; right:0px; top:-30px; z-index: 99;}
.main_slider .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:10px 0px 0px 0px; z-index: 99;}
.main_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; text-align: center; padding-top:8px;}
.main_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}
.main_slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align: top;}
.main_slider .bx-wrapper .bx-pager.bx-default-pager a {width:18px; height:18px; margin:0 4px; background:none; border:2px solid #0095d7; -moz-border-radius:100%;  -webkit-border-radius:100%; border-radius:100%; box-sizing:border-box; position:relative;}

.main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover { background:none;}
.main_slider .bx-wrapper .bx-pager.bx-default-pager a.active {background:#0095d7;}
.main_slider .bx-wrapper .bx-controls-auto .active {display: none;}

.bx-wrapper .bx-next{display:none;}
.bx-wrapper .bx-prev{display:none;}

/*lnb_wrap*/
#lnb_wrap {width:216px; float: left; margin-left: 10px; z-index: 9; background: #0085bf;  border-radius:20px; padding-bottom: 15px;}
#lnb_wrap .lnb {max-width:186px; margin:0 auto; position:relative; background-color:#fff; padding:5px;  border-radius:10px; }
#lnb_wrap .lnb:after {clear:both; content:""; display:block;}
.lnb ul:after { clear:both; content:""; display:block;}

.lnb ul li {margin-top:5px;}
.lnb ul li a {color:#555555; font-size:16px; display:block; line-height:20px; min-height:20px; padding:5px 0px 5px 0px;  font-family:Noto Sans, dotum, gulim; text-decoration:none; }
.lnb ul li.on {background: #fff; border-radius:30px; border:1px solid #0085bf;}
.lnb ul li.on a {color:#0085bf; font-weight: 500;  text-decoration:none; font-family:Noto Sans, dotum, gulim; }

.lnbs1 {display: none;}
.lnbs2 ul {text-align: left; font-size: 0px;}
.lnbs2 ul li {color:#666666; padding: 0px 20px;}

.lnbs2 ul li a {color:#666666; font-size:13px; display:block; line-height:20px; min-height:20px; box-sizing:border-box; font-weight:300; font-family:Noto Sans, dotum, gulim;}
#lnb_tit2 {display: none}

#lnb_tit {font-size:13px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:13px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}

#lnb_title {text-align: center; width: 100%; height:45px; box-sizing: border-box; background: #0085bf; color: #fff; font-size: 18px; line-height: 140%; font-weight: 700; display:table; position: relative; margin:10px 0px; border-radius:20px 20px 0px 0px;}

#lnb_title > span {display: table-cell; vertical-align: middle;font-family:Noto Sans, dotum, gulim;}

.lnb .three_depth {padding: 5px; display: none;}
.lnb .three_depth > li {border: none; padding:0px; margin:0px;  color:#666;}
.lnb .three_depth > li.on{ padding:0px; border: none; }
.lnb .three_depth > li > a {background: none; position: relative; font-size: 12px;  color:#666; line-height:18px; padding:5px 0px; font-family:Noto Sans, dotum, gulim;}
.lnb .three_depth > li.on > a {font-weight: 400; color:#222;}
.lnb .on .three_depth {display: block;}

.quick_W{width:205px; height:77px; position: relative; background:url(../images/common/quick_bottom_bg.jpg) no-repeat right bottom; }
.quick_W > ul{position: absolute; left: 23px; top: 0px;}
.quick_W > ul > li{line-height:18px;  position: relative;}

.quick_W > ul > li.q01:after{display: block; content: ""; width: 80px; height: 77px; background:url(../images/common/quick_bottom01.jpg) no-repeat right bottom; position: absolute; left: 100px; top: -6px;}

.quick_W > ul > li > a{display:block; font-family:Noto Sans; }
.quick_W > ul > li > a:hover{padding-left:8px; position: relative; color:#0085bf; text-decoration:none;}
.quick_W > ul > li > a:hover:before{display: block; content: ""; width: 3px; height: 3px; background: #0085bf; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}

.quick_W > ul > li.q01:hover:after{display: block; content: ""; width: 80px; height: 77px; background:url(../images/common/quick_bottom01.jpg) no-repeat right bottom; position: absolute; left: 100px; top: -6px;}
.quick_W > ul > li.q02:hover:after{display: block; content: ""; width: 80px; height: 77px; background:url(../images/common/quick_bottom02.jpg) no-repeat right bottom; position: absolute; left: 100px; top: -26px;}
.quick_W > ul > li.q03:hover:after{display: block; content: ""; width: 80px; height: 77px; background:url(../images/common/quick_bottom03.jpg) no-repeat right bottom; position: absolute; left: 100px; top: -44px;}