@charset "utf-8";
@import url('./normalize.css');
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import url('./font/fonts.css');

body, html { height:100%; }

body { font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:300; color:#666; line-height:1.0; letter-spacing:-1px; }
body * { font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:300; color:#666; } 
.inner { margin:0 auto; width:1180px; }
.posi { position:relative; }
.over_hid { overflow:hidden; }
.hidden { display:none; }

a:focus { outline:none; }

/* font */
.num,
.eng { letter-spacing:0px; }
.color { color:#1d50a2; } /* 포인트 칼라 : 1d50a2 */
.bold { font-weight:400; }
.orange,
.mint { color:#25b3b0; }
.strong { font-weight:500; font-weight:bold; }

/* align */
.txt_left { text-align:left !important; }
.txt_center { text-align:center !important; }
.txt_right { text-align:right !important; }

/* *********************************
	common
********************************* */
.header,
.container,
footer { min-width:1200px; }
.bg_layer { position:fixed; top:0; left:0; z-index:500; width:100%; height:100%; background:#000; opacity:0.7; }

#skipTo {width: 100%; overflow: hidden; position: relative; z-index: 1000;}
#skipTo a {margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
#skipTo a:focus {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
#skipTo a:hover {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
#skipTo a:active {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}


/* *********************************
	layout
********************************* */
/* gnb */
.head_area { z-index:3; position:relative; margin:0 auto; min-width:1200px; width:100%; max-width:1920px; height:70px; text-align:center; background:url('/new2018/static/images/common/bg_menu.png') left bottom repeat-x; } /* 20.03.02 */
.head_area .logo { overflow:hidden; display:block; margin-left:40px; height:30px; float:left; margin-top:23px; }
.head_area .logo img { margin-top:0px; }
.head_area .gnb_area { position:relative; overflow:hidden;}
.head_area .gnb { display:inline-block; margin-left:-150px; }
.head_area .gnb > ul > li { float:left; padding:0 40px; }
.head_area .gnb > ul > li.main_menu > a { display:inline-block; height:70px; line-height:75px; font-size:20px; color:#fff; }
.head_area .sub_company { position:absolute; top:0px; right:0px; }
.head_area .sub_company .quick_menu { display:inline-block; width:140px; height:70px; font-size:16px; color:#fff; line-height:70px; background:url('/new2018/static/images/common/bg_menu.png') left top repeat-y; }
.head_area .sub_company .quick_menu span { display:inline-block; padding-right:16px; background:url('/new2018/static/images/common/quick_arrow.png') right center no-repeat; }

.head_area .sub_company .quick { display:inline-block; width:70px; height:70px; background:url('/new2018/static/images/common/bg_menu.png') left top repeat-y; }
.head_area .sub_company .quick span { overflow:hidden; margin:20px; display:inline-block; width:28px; height:28px; }
.head_area .sub_company .quick:hover { background-color:#1d50a2; }

.head_area li.main_menu { position:relative; }
.head_area .sub_menu { z-index:4; position:absolute; top:95px; left:0px;
    transition: all 0.3s ease-out;
    transform:translateY(-10px);
    opacity:0;
}
.head_area .sub_menu li:first-child { margin-top:0px; }
.head_area .sub_menu li { padding-left:40px; text-align:left; }
.head_area .sub_menu li > a { display:inline-block; padding:7px 0; color:#666; }
.head_area .sub_menu li > a.loc,
.head_area .sub_menu li > a.on,
.head_area .sub_menu li > a:hover,
.head_area .sub_menu li > a:focus { color:#1d50a2; }
.head_area .gnb_bg { z-index:3; position:absolute; /*top:72px;*/ left:0px; display:block; width:100%; height:300px; background-color:#efefef; }
/* moouse over */
.head_area.hover { background-color:#fff; border-bottom:1px solid #e4e4e4; }
.head_area.hover .logo img { margin-top:-30px; }
.head_area.hover .gnb li.main_menu > a { position:relative; display:block; font-size:20px; color:#333; box-sizing:border-box; }
	.head_area .gnb li.main_menu > a:focus, 
	.head_area .gnb li.main_menu > a.on { font-weight:500; font-weight:bold; color:#1d50a2; }
.head_area.hover .sub_menu { opacity:1; 
    transform:translateY(0px);
}

.head_area.hover .quick { border-left:1px solid #e4e4e4; }
.head_area.hover .quick img { margin-top:-28px; }
.head_area.hover .quick:hover { background-color:#1d50a2; }
.head_area.hover .quick:hover img { margin-top:0px; }
.head_area.hover .quick_menu { color:#333; border-left:1px solid #e4e4e4; }
.head_area.hover .quick_menu span { background:url('/new2018/static/images/common/quick_arrow_on.png') right center no-repeat; }
.head_area .quick_menu:hover { color:#fff; background-color:#1d50a2; }
.head_area .quick_menu:hover span { background:url('/new2018/static/images/common/quick_arrow.png') right center no-repeat; }
.head_area .quick_area { display:none; z-index:505; position:absolute; top:0px; right:0px; width:570px; background-color:#fff; overflow-y:auto; }
	.quick_area img { display:inline-block; vertical-align:middle; }
	.quick_area .tab_area { display:block !important; width:500px; height:70px; }
	.quick_area .tab_area li { float:left; width:50%; }
	.quick_area .tab_area li.on a { font-weight:500; font-weight:bold; color:#1d50a2; background-color:#fff; }
	.quick_area .tab_area li a { display:block; height:70px; line-height:70px; font-size:20px; color:#666; background-color:#c2c2c2; }
	.quick_area .btn_close { position:absolute; top:0px; right:0px; width:70px; height:70px; line-height:70px; background-color:#4b4b4b; }
	.quick_area .tab_con { display:none; margin:15px; }
	.quick_area #tab_con02 { display:block; }
	.quick_area .sub_con li { position:relative; margin-top:9px; }
	.quick_area .sub_con li a { overflow:hidden; display:block; height:128px; }
	.quick_area .sub_con li a:hover:before { content:""; position:absolute; top:0px; left:0px; width:100%; height:128px; box-sizing:border-box; border:4px solid #1d50a2; }
	.quick_area .sub_con li:first-child { margin-top:0px; }
	.quick_area .sub_con li span { position:absolute; top:0px; left:0px; width:100%; height:128px; line-height:128px; font-size:24px; color:#fff; font-weight:500; font-weight:bold; }
	.quick_area #tab_con02.tab_con { /*position:relative;*/ margin:15px 0 0 18px; margin:15px 0 0 10px\9; padding-bottom:108px; text-align:center; }
	.quick_area .site { text-align:left; }
	.quick_area .site li { position:relative; display:inline-block; margin:6px 0 0 6px; width:170px; border:1px solid #e7e6e6; }
	.quick_area .site li:nth-child(3n+1) { margin-left:0px; }
	.quick_area .site li:nth-child(1),
	.quick_area .site li:nth-child(2),
	.quick_area .site li:nth-child(3) { margin-top:6px\9; }
	.quick_area .site li:nth-child(3n+1) { margin-left:6px\9; }
	.quick_area .site li:nth-child(1),
	.quick_area .site li:nth-child(2),
	.quick_area .site li:nth-child(3) { margin-top:0px; }
	.quick_area .site li a { display:block; height:126px; line-height:126px; text-align:center; }
	.quick_area .site li a:hover:before { content:""; position:absolute; top:0px; left:0px; width:100%; height:126px; box-sizing:border-box; border:4px solid #1d50a2; }
	.quick_area .sns_link { position:absolute; left:-14px; bottom:0px; padding:20px 7px 0; width:100%; height:72px; text-align:center; border-top:1px solid #e7e6e6; }
	.quick_area .sns_link a { display:inline-block; margin-left:20px; }
	.quick_area .sns_link a:first-child { margin-left:0px; }

/* table */
.bbs_info { position:relative; padding-top:60px; border-bottom:1px solid #999; }
.bbs_info caption { position:absolute; top:0px; left:0px; display:block; width:100%; font-size:28px; color:#333; font-weight:500; font-weight:bold; caption-side:top;  }
.bbs_info strong { font-weight:500; font-weight:bold; color:#333; }
.bbs_info thead th { height:78px; line-height:78px; font-weight:400; color:#333; border-top:2px solid #333; border-left:1px solid #d2d2d2; border-bottom:1px solid #999; background-color:#e7e7e7; }
	.bbs_info tr th:first-child,
	.bbs_info tr td:first-child { border-left:0px; } 
.bbs_info thead th span { display:inline-block; line-height:1.2; vertical-align:middle; }
.bbs_info tbody td { padding:20px 0; font-size:14px; text-align:center; line-height:1.5; border:1px solid #d2d2d2; border-width:1px 0 0 1px; background-color:#fff; vertical-align:middle; }
.bbs_info .bor_l { border-left:1px solid #d2d2d2 !important; }
	.bbs_info tr:first-child td { border-top:0px; }
.bbs_info + p { margin:15px 0 0; font-size:14px; font-weight:400; color:#333; text-align:right; }

/* list none */
.list_none { padding:100px 0; text-align:center; border-top:1px solid #ddd; }


/* paging */
.paging { margin-top:30px; text-align:center; }
.paging * { vertical-align:middle; }
.paging a { display:inline-block; padding:10px 13px; font-size:14px; color:#aaa; }
.paging a:hover,
.paging a.on { position:relative; color:#1d50a2; }
.paging a:hover:before,
.paging a.on:before { content:""; position:absolute; left:50%; margin-left:-5px; bottom:4px; display:inline-block; width:10px; height:1px; background-color:#1d50a2; }
.paging .prev,
.paging .next { padding:0px; width:36px; height:36px; }
.paging .prev:hover:before,
.paging .next:hover:before { display:none; }
.paging .prev span,
.paging .next span { display:none; }
.paging .prev { margin-right:13px; background:#999 url('/new2018/static/images/common/btn/page_prev.png') center no-repeat; }
.paging .next { margin-left:13px; background:#999 url('/new2018/static/images/common/btn/page_next.png') center no-repeat; }


/* *********************************
	footer
********************************* */
footer { padding-bottom:80px; background:url('/new2018/static/images/common/bg_fot.gif') repeat-x; }
footer .inner { position:relative; margin:0 auto; width:1080px; }
.fot_area { height:66px; line-height:66px; }
.fot_area .fot_link { float:left; }
	.fot_link a { display:inline-block; margin-right:48px; color:#333; }
	.fm_btn { float:right; display:inline-block; margin-top:12px; padding-left:10px; width:190px; height:40px; font-size:16px; color:#333; font-weight:400; line-height:40px; border:1px solid #d4d4d4; background:#fff url('/new2018/static/images/common/bg_fm.png') 95% center no-repeat; }
.fot_area .fm_area { display:none; line-height:1.0; }
	.fm_area { overflow:hidden; position:absolute; top:-278px; right:0px; padding:25px 28px; height:227px; border:1px solid #d9d9da; background-color:#fff; }
	.fm_area dl { float:left; width:420px; }
	.fm_area dl:first-child { margin-right:25px; width:165px; border-right:1px solid #d4d4d4; }
	.fm_area dl dt { margin-bottom:25px; color:#333; font-weight:600; }
	.fm_area dl dd ul { float:left; width:140px; margin-top:-12px; }
	.fm_area dl dd li { margin-top:12px; padding-left:10px; width:130px; background:url('/new2018/static/images/common/bul_gray.gif') left 7px no-repeat; }
	.fm_area dl dd li a { font-size:14px; }
	.fm_area .btn_close { position:absolute; top:23px; right:20px; }

.fot_con { padding-top:30px; }
.fot_con .fot_info { position:relative; display:inline-block; width:530px; padding-left:130px; }
	.fot_info .logo { position:absolute; top:0px; left:0px; }
	.fot_con ul { }
	.fot_con ul li { position:relative; display:inline-block; margin:0 0 15px 20px; padding-left:20px; font-size:14px; font-weight:400; }
	.fot_con ul li:before { content:""; position:absolute; top:0px; left:0px; display:inline-block; width:1px; height:14px; background-color:#d9d9da; }
		.fot_con ul li.firt_info { margin-left:0px; padding-left:0px; }
		.fot_con ul li.firt_info:before { display:none; }
	.fot_con ul li strong { display:inline-block; margin-right:10px; font-size:14px; color:#333; font-weight:400; }
	.fot_con p { margin-top:3px; padding-bottom:5px; font-size:13px; font-weight:400; letter-spacing:0; }
.fot_con .fot_tel { overflow:hidden; float:right; width:340px; }
	.fot_tel > * { float:left; }
	.fot_tel dl { margin-left:20px; }
	.fot_tel dl dt { margin-bottom:5px; color:#333; font-weight:400; }
	.fot_tel dl dd { font-size:13px; font-weight:400; }
	.fot_tel dl dd strong { padding-right:5px; font-size:34px; color:#333; font-weight:600; vertical-align:sub; }
	.fot_tel dl dd p { margin-top:5px; font-size:14px; } 


/* IE8 only */
@media \0screen {
	
	/* footer */
	.fot_con .fot_info { width:550px; }
  
}
/* IE8 only */