@charset "utf-8";

/*  */
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

/* (element)  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
	margin:0;
	padding:0;
	font-family:'Nanum Gothic','나눔고딕','돋움', 'arial';
	}

/*  */
h1, h2, h3, h4, h5, h6 {  
	font-size:100%;   
	font-weight:normal;   
	} 

/* ׵θ ֱ */
fieldset, img, abbr,acronym { border:0 none; } 

/**/
img{
	vertical-align:top;
}

label, select, input, textarea{
	vertical-align:middle;

}


/*  */
ol, ul { list-style:none; }

/* ̺ - ũ 'cellspacing="0"'   */
table {
	border-collapse:collapse;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	font-weight: normal;
	border:0;
}

/* */
address, caption, strong, em, cite {
	font-weight:normal;
	font-style:normal;
	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* */
hr { display:none; }

/* */
a { text-decoration:none;}@charset "utf-8";

#wrap { width:100%; height:auto; margin:0; padding:0; font-size:12px; color:#666; font-family:'Nanum Gothic','나눔고딕','돋움', 'arial'; min-width:1120px; line-height:20px; }
#header { width:100%; height:102px; border-bottom:1px solid #aeaeae; margin:0; position:relative;}
#header .headerin { width:1120px; margin:0 auto; position:relative; height:102px;}
.headerin h1.mainLogo { position:absolute; top:53px; left:0;}
.headerin .gnb { line-height:11px; height:10px; position:absolute; top:15px; right:0;  }
.headerin .gnb li { display:inline-block; flot:left; padding-left:9px; padding-right:9px; background:url(../images/gnb_bar.gif) left top no-repeat;}
.headerin .gnb li:first-child { background:none; padding-left:0;}
.headerin .gnb a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888; }
.headerin .gnb a:hover { color:#333;}
.headerin .lnb {height:auto;  position:relative;}
.headerin .lnb ul.mainMenu { height:41px; position:absolute; right:0; top:61px;}
.headerin .lnb ul.mainMenu li { display:block; float:left; margin-left:53px;}
.headerin .lnb ul.mainMenu li:first-child { margin-left:0;}

.headerin .lnb ul.mainMenu_2 { height:41px; position:absolute; right:0; top:61px;}
.headerin .lnb ul.mainMenu_2 li { display:block; float:left; margin-left:86.7px;}
.headerin .lnb ul.mainMenu_2 li:first-child { margin-left:0;}

.headerin .lnb .subMenu { z-index:1000; height:auto; position:relative; }
.headerin .lnb .subMenu ul { width:110px; height:auto; border:1px solid #aeaeae; border-top:none; background:#FFF; padding:15px;}
.headerin .lnb .subMenu ul li { margin-bottom:10px;}
.headerin .lnb .subMenu ul.sub_menu_1 { position:absolute; top:102px; left:314px; display:none;}
.headerin .lnb .subMenu ul.sub_menu_2 { position:absolute; top:102px; left:457px; display:none;}
.headerin .lnb .subMenu ul.sub_menu_3 { position:absolute; top:102px; left:626px; display:none;}
.headerin .lnb .subMenu ul.sub_menu_5 { position:absolute; top:102px; left:878px; display:none;}
.headerin .lnb .subMenu ul.sub_menu_6 { position:absolute; top:102px; right:-1px; display:none; }

.headerin .lnb .subMenu_2 { z-index:1000; height:auto; position:relative; }
.headerin .lnb .subMenu_2 ul { width:110px; height:auto; border:1px solid #aeaeae; border-top:none; background:#FFF; padding:15px;}
.headerin .lnb .subMenu_2 ul li { margin-bottom:10px;}
.headerin .lnb .subMenu_2 ul.sub_menu_1 { position:absolute; top:102px; left:314px; display:none;}
.headerin .lnb .subMenu_2 ul.sub_menu_2 { position:absolute; top:102px; left:490px; display:none;}
.headerin .lnb .subMenu_2 ul.sub_menu_3 { position:absolute; top:102px; left:693px; display:none;}
.headerin .lnb .subMenu_2 ul.sub_menu_5 { position:absolute; top:102px; left:845px; display:none;}
.headerin .lnb .subMenu_2 ul.sub_menu_6 { position:absolute; top:102px; right:-1px; display:none; }

.headerin .lnb .subMenu a { color:#555; font-size:13px; font-weight:bold;}
.headerin .lnb .subMenu a:hover { color:#0452a1; font-weight:bold;}

.headerin .lnb .subMenu_2 a { color:#555; font-size:13px; font-weight:bold;}
.headerin .lnb .subMenu_2 a:hover { color:#0452a1; font-weight:bold;}

/* sub header */
.headerin .sublnb { height:auto; position:relative;}
.headerin .sublnb ul.mainMenu { height:41px; position:absolute; right:0; top:61px;}
.headerin .sublnb ul.mainMenu li { display:block; float:left; margin-left:53px;}
.headerin .sublnb ul.mainMenu li:first-child { margin-left:0;}

.headerin .sublnb ul.mainMenu_2 { height:41px; position:absolute; right:0; top:61px;}
.headerin .sublnb ul.mainMenu_2 li { display:block; float:left; margin-left:86.7px;}
.headerin .sublnb ul.mainMenu_2 li:first-child { margin-left:0;}

.sub_subMenu { width:100%; height:36px; border-bottom:1px solid #68aff6; background:#FFF; position:relative; line-height:36px; z-index:999999;}
.sub_subMenu ul li { display:block; float:left; margin-left:30px;}
.sub_subMenu ul li:first-child { margin-left:0;}

.sub_subMenu_2 { width:100%; height:36px; border-bottom:1px solid #68aff6; background:#FFF; position:relative; line-height:36px; z-index:999999;}
.sub_subMenu_2 ul li { display:block; float:left; margin-left:30px;}
.sub_subMenu_2 ul li:first-child { margin-left:0;}

.sub_subMenu ul.sub_menu_1 { position:absolute; left:50%; margin-left:-245px; display:none;}
.sub_subMenu ul.sub_menu_2 { position:absolute; left:50%; margin-left:-100px; display:none; }
.sub_subMenu ul.sub_menu_3 { position:absolute; left:50%; margin-left:70px; display:none;}
.sub_subMenu ul.sub_menu_5 { position:absolute; left:50%; margin-left:325px; display:none;}
.sub_subMenu ul.sub_menu_6 { position:absolute; left:50%; margin-left:385px; display:none;}

.sub_subMenu_2 ul.sub_menu_1 { position:absolute; left:50%; margin-left:-245px; display:none;}
.sub_subMenu_2 ul.sub_menu_2 { position:absolute; left:50%; margin-left:-69px; display:none; }
.sub_subMenu_2 ul.sub_menu_3 { position:absolute; left:50%; margin-left:135px; display:none;}
.sub_subMenu_2 ul.sub_menu_5 { position:absolute; left:50%; margin-left:287px; display:none;}
.sub_subMenu_2 ul.sub_menu_6 { position:absolute; left:50%; margin-left:385px; display:none;}

.sub_subMenu a { color:#555; font-size:13px; font-weight:bold; }
.sub_subMenu a:hover {  color:#0452a1; font-weight:bold;}

.sub_subMenu_2 a { color:#555; font-size:13px; font-weight:bold; }
.sub_subMenu_2 a:hover {  color:#0452a1; font-weight:bold;}
@charset "utf-8";

.hidden { position:absolute; left:-3000px; }

#container { width:1120px; margin:25px auto; height:auto; overflow:hidden; }
#container .main_visual { width:1120px; height:377px; overflow:hidden;} /*20150814 수정*/
.visualImg { width:505px; float:left; } /*20150814 수정*/
.quickmenu_01 { width:615px; float:left; height:377px;} /*20150814 수정*/
.quickmenu_01 ul { width:615px; }
.quickmenu_01 ul li { display:block; width:200px; margin:5px 0 0 5px; float:left; text-align:center;}
.quickmenu_01 ul li.mt0 { margin-top:0;}
.quickmenu_01 ul li a { display:block; width:200px; height:186px; color:#465262; font-size:11px;}
.quickmenu_01 ul li a:hover { color:#263447; }
.quickmenu_01 ul li a span.txt { display:inline-block; padding-top:50px;}
.quickmenu_01 ul li a.quick01 {  background:url(../images/quick_bg_1.gif) no-repeat; }
.quickmenu_01 ul li a.quick01:hover {  background:url(../images/quick_bg_1_on.gif) no-repeat; }
.quickmenu_01 ul li a.quick02 {  background:url(../images/quick_bg_2.gif) no-repeat; }
.quickmenu_01 ul li a.quick02:hover {  background:url(../images/quick_bg_2_on.gif) no-repeat; }
.quickmenu_01 ul li a.quick03 {  background:url(../images/quick_bg_3.gif) no-repeat; }
.quickmenu_01 ul li a.quick03:hover {  background:url(../images/quick_bg_3_on.gif) no-repeat; }
.quickmenu_01 ul li a.quick04 {  background:url(../images/quick_bg_4.gif) no-repeat; }
.quickmenu_01 ul li a.quick04:hover {  background:url(../images/quick_bg_4_on.gif) no-repeat; }
.quickmenu_01 ul li a.quick05 {  background:url(../images/quick_bg_5.gif) no-repeat; }
.quickmenu_01 ul li a.quick05:hover {  background:url(../images/quick_bg_5_on.gif) no-repeat; }
.quickmenu_01 ul li a.quick06 {  background:url(../images/quick_bg_6.gif) no-repeat; }
.quickmenu_01 ul li a.quick06:hover {  background:url(../images/quick_bg_6_on.gif) no-repeat; }


/* 로그인 */
#container .loginMain { width:358px; height:88px; padding:15px; border:1px solid #d4d4d4; margin-top:25px; }
#container .loginMain .blind { text-indent:-9999px; height:0px; width:0; font-size:0px;}
#container .loginMain ul.loginInput { width:250px; float:left;}
#container .loginMain ul.loginInput label { width:50px; float:left; margin-top:7px;}
#container .loginMain ul.loginInput input[type='text'] { height:25px; background:#ddd; border:1px solid #c9c9c9; width:188px; line-height:25px; padding:0 5px;}
#container .loginMain ul.loginInput input[type='password'] { height:25px; background:#ddd; border:1px solid #c9c9c9; width:188px; line-height:25px; padding:0 5px;}
#container .loginMain ul.loginInput li { margin-top:3px;}
#container .loginMain ul.loginInput li:first-child { margin-top:0;}
#container .loginMain .login_btn { float:right;}
#container .loginMain ul.loginBtm { clear:both; padding-top:17px; margin-left:95px;}
#container .loginMain ul.loginBtm li { display:inline; background:url(../images/login_bar.gif) no-repeat left top; padding:0 15px; }
#container .loginMain ul.loginBtm li:first-child { padding-left:0; background:none;} 
#container .loginMain_1 { width:358px; height:88px; padding:15px; border:1px solid #d4d4d4; margin-top:25px; }
#container .loginMain_1 .welcome { font-size:14px; color:#333; text-align:center; border-bottom:1px dotted #ccc; padding-bottom:10px; }
#container .loginMain_1 .welcome span.user { color:#154c83; font-weight:bold;}
#container .loginMain_1 .welcome p { margin-top:10px; font-size:13px; color:#666;}
#container .loginMain_1 .welcome p span { display:inline-block; margin-left:20px;}
#container .loginMain_1 .welcome p span:first-child { margin-left:0;}
#container .loginMain_1 .welcome p span strong { color:#154c83; font-weight:bold;}
#container .loginMain_1 ul.loginBtm { clear:both; padding-top:17px; margin-left:110px;}
#container .loginMain_1 ul.loginBtm li { display:inline; background:url(../images/login_bar.gif) no-repeat left top; padding:0 15px; }
#container .loginMain_1 ul.loginBtm li:first-child { padding-left:0; background:none;} 

/* qna */
#container .fL { width:390px; float:left; margin-right:20px;}
#container .qna { width:358px; height:106px; padding:15px; border:1px solid #d4d4d4; margin-top:20px; background:url(../images/qa_bg.gif) no-repeat right top; }
#container .qna .tit  { border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:15px;}
#container ul.list li { background:url(../images/bullet.gif) no-repeat left 10px; margin-top:5px; padding-left:8px;}
#container ul.list li:first-child { margin-top:0;}
#container ul.list li a { color:#666; }
#container ul.list li a:hover { color:#333; }


/* notice */
#container .notice { width:678px; height:245px; padding:15px; border:1px solid #d4d4d4; margin-top:25px; margin-left:20px; overflow:hidden;}
#container .notice .tit {border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:15px; }
#container .notice ul.list li { width:405px;}
#container .notice ul.list .first { background:none; width:678px; padding-left:0;}
.notice ul.list .first .firstNews { width:678px; position:relative; margin-bottom:17px; }
.notice ul.list .first .firstNews dt.tit2 {margin-bottom:10px;  }
.notice ul.list .first .firstNews dt.tit2 a { font-size:16px; font-weight:bold; color:#222; width:405px; }
.notice ul.list .first .firstNews dd.txt2 { width:405px; line-height:20px;}
.notice ul.list .first .firstNews dd.txt2 a { color:#4f4e4e; width:405px; font-weight:bold;}
.notice ul.list .first .firstNews dd.txt2 a:hover { color:#000;}
.notice ul.list .first .firstNews dd.img { position:absolute; right:0; top:10px;}
.notice ul.list .first .firstNews dd.img img { width:250px; max-width:250px; max-height:185px;}


/* quickmenu */
#container .quickmenu  { float:left; margin-top:20px; margin-bottom:20px; clear:both;}
#container .quickmenu ul li { display:block; width:188px; height:154px; padding:15px 5px; border:1px solid #d4d4d4; float:left; margin-left:20px; text-align:center;}
#container .quickmenu ul li:first-child { margin-left:0;}
#container .quickmenu ul li a { display:block; width:188px; height:154px;}
#container .quickmenu h3 { margin-bottom:13px;}
#container .quickmenu a { color:#666; font-size:11px; letter-spacing:-0.04em }
#container .quickmenu a:hover { color:#007c36;}
#container .quickmenu a.qm01 { background:url(../images/quick_icon_1.gif) no-repeat center bottom;}
#container .quickmenu a.qm02 { background:url(../images/quick_icon_2.gif) no-repeat center bottom;}
#container .quickmenu a.qm03 { background:url(../images/quick_icon_3.gif) no-repeat center bottom;}
#container .quickmenu a.qm04 { background:url(../images/quick_icon_4.gif) no-repeat center bottom;}
#container .quickmenu ul li.greenB { border:none; width:240px; height:186px; padding:0;} 

/* partners */
#container .partners { clear:both; background:#efefef; border:1px solid #cccccc; padding:20px 0; margin-top:25px;}
#container .partners ul { text-align:center; display:flex; justify-content:space-evenly; align-items:center;}
#container .partners ul li { /*display:inline; padding-left:100px;*/}
#container .partners ul li:first-child { padding-left:0;}


@charset "utf-8";

#footer { width:100%; height:60px; border-top:1px solid #ccc; clear:both;  text-align:center; padding-top:25px; font-size:11px; color:#444;}
#footer span { display:inline-block; padding:0 10px;}
#footer .copyright { color:#666;}