<!--
/*링크색상*/
a:link {color:#333333; text-decoration:none}
a:visited {color:#333333; text-decoration:none}
a:active {color:#2381c5; text-decoration:none}
a:hover {color:#2381c5; text-decoration:none}
/*드래그 색상*/
*::selection {background-color: #feda72; color: #a52020;}
p,div,dl,table,td,select,input,textarea { color:#333333; font-size:12px; font-family:'Nanum Gothic', 'Dotum' 돋움, Serif; text-decoration:none;}
.code {color:#FF0000}
.dotum {font-family:돋움,font-size:11px}
.gray {color:#cccccc}
.gulim {font-family:굴림;font-size:9pt;}
.input_bak {background:url('/_yesweb/_image/input_bak.gif');background-repeat:no-repeat;border:1px solid #cccccc;padding-left:4;}
hr {height:1px;color:#cccccc;}
input.b0 {font-size:11px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_bak1.gif');background-repeat:no-repeat;border:1px solid #e2e2e2;padding-top:3px;}
input.b1 {font-size:11px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_bak2.gif');background-repeat:no-repeat;border:1px solid #e2e2e2;padding-top:3px;}
input.b2 {font-size:11px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_bak3.gif');background-repeat:no-repeat;border:1px solid #e2e2e2;padding-top:3px;}
input.b3 {font-size:11px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_bak4.gif');background-repeat:no-repeat;border:1px solid #e2e2e2;padding-top:3px;}
input.f0 {cursor:pointer;background:#eeeeee;border:1px solid #cccccc;}
input.s0 {font-family:'Nanum Gothic';font-size:12px;cursor:pointer;color:#f9f9f9;background:url('/_yesweb/_image/btn_sbak8.gif') no-repeat;background-color:#000000;border:1px solid #cccccc;padding:3px;}
input.s1 {font-family:'Nanum Gothic';font-size:12px;cursor:pointer;color:#f9f9f9;background:url('/_yesweb/_image/btn_sbak9.gif');border:1px solid #fec7c9;padding:3px;}
input.s2 {font-family:'Nanum Gothic';font-size:12px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_sbak3.gif');border:1px solid #F4EFB3;padding:7px;}
input.s3 {font-family:'Nanum Gothic';font-size:12px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_sbak4.gif');border:1px solid #AEF4E9;padding:7px;}
input.s4 {font-family:'Nanum Gothic';font-size:12px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_sbak1.gif');border:1px solid #C4E4F7;padding:7px;}
input.s5 {font-family:'Nanum Gothic';font-size:12px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_sbak7.gif') no-repeat;background-color:#000000;border:1px solid #cccccc;padding:7px;}
input.s6 {font-family:'Nanum Gothic';font-size:12px;cursor:pointer;color:#ffffff;background:url('/_yesweb/_image/btn_sbak2.gif');border:1px solid #FBD5DA;padding:7px;}
.color_gray {color:#999999}
#color1 {background-color:#66FF00;/*green*/}
#txtcolor1 {color:red;}
#txtcolor2 {color:#FF00FF;}
select.a {background:#D7EFBC;}
select.b {background:#eeeeee;color:#3C3115;}
select.c {background:#FAE0FA;}
/*IE수평스크롤생기는문제*/
body#adminBody {overflow-x:auto;overflow-y:auto;}
table {border-collapse:collapse;}
table#tb_space td {padding:1px}
table#smallmenu_top_tb td {white-space:nowrap;font-size:11px;padding:0 4;}
img {border:0; padding:0; margin:0;}
div#loimg {margin:5 0;padding:5;border:1px dotted #C5C58B;}
div#curtain {top:0px;left:0px;position:absolute;background:#cccccc;filter:alpha(opacity=50);opacity:.5;z-index:1;height:100%;width:100%;display:none;}
div#clientPOP {padding:10px 15px;}
div#clientPOP_1 {width:100%;padding:10px;background:#ffffff;border:5px solid #e7e7e7;border-top:5px solid #39b44a;}
/*팝업창*/
div#popDiv {width:99%; padding-top:10px;}
/*스크롤사용 팝업창*/
div#popDiv2 {width:99%;padding:10px;}
/*관리자페이지*/
div#adminDiv {width:820;position: absolute; margin-top: -5px;}
/*사용자페이지 타이틀*/
div.t01 {font-family:'Nanum Gothic';font-weight:bold;color:#000000;padding:8 10;background-color:#eeeeee;margin-bottom:5;}
div.t02 {color:#8B388B;border:1px solid #E8D3E8;padding:7px 20px;background:url("/_yesweb/_image/txt_b_bak1.gif");background-repeat:no-repeat;background-color:#F5E6F5;margin:2px 0;}
div.t03 {margin:10 0 5 0;}
div.t04 {color:#CCFF00;font-weight:bold;border-bottom:1px solid #cccccc;padding:9px 25px;background:url("/_yesweb/_image/admin/bak_menu0.gif");background-repeat:no-repeat;background-color:#1c1c1c;}
div#searchDiv {padding-bottom:5;}
/*합계*/
div#hapDiv {padding:10px;font-family:굴림;color:#6262FF;}
dl#help_list {padding:10px;margin-bottom:5px;background:#eeeeee;border:1px dotted #cccccc;}
dl#help_list dd#red {color:red}
dl#help_user {padding:10px;margin:5px 0;border:5px solid #dedede;}
dl#help_user dd {color:#666666;}
ul#help_user {border:5px solid #dedede;background:#f9f9f9}
ul#help_user li {color:#666666;}
ol#help_list {background:#eeeeee}
ol#help_list li {padding:1px 0;color:#666666;}
ol#help_list li#red {color:red}
tr#tr_title td {height:30px;background:url("/_yesweb/_image/tr_title_bak.gif");background-repeat:repeat-x;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;
font-weight:bold; text-align:center; white-space:nowrap;border-right:1px solid #eeeeee;}
tr#tr_list td {height:23px;border-bottom:1px solid #e7e7e7;text-align:center;}
tr#tr_title_01 td {height:20px;background:#e7e7e7;border-bottom:1px solid #999999;border-right:1px solid #f9f9f9;text-align:center; white-space:nowrap;}
tr#tr_list_01 td {height:17px;border-bottom:1px solid #cccccc;text-align:center;}
/*왼쪽정렬*/
tr#tr_title_01_left td {height:20px;background:#e7e7e7;border-bottom:1px solid #999999;border-right:1px solid #f9f9f9;padding:0 5px;white-space:nowrap;}
tr#tr_list_01_left td {height:22px;border-bottom:1px solid #e7e7e7;padding:0 5px;}
tr#tr_list_01_right td {height:22px;border-bottom:1px solid #e7e7e7;padding:0 5px;text-align:right;}
tr#tr_list_01_right2 td {height:17px;border-bottom:1px solid #cccccc;border-right:1px solid #e7e7e7;text-align:center;padding:0 2px;}
td#mleftmenuTD div {margin:5px 10px;border-bottom:1px solid #e7e7e7;}
/*버튼####################*/
input.bs_m {
/*filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#33FF33, EndColorStr=#FFFFFF)';*/
background-color:#ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px;/*height:25px;*/}
span#t00 {font-family:'Nanum Gothic';font-size:11px;color:#ffffff;background:url('/_yesweb/_image/txt_bak0.gif');border:1px solid #8B8A8A;}
span#t01 {font-family:'Nanum Gothic';font-size:11px;color:#FFFF80;background:url('/_yesweb/_image/txt_bak1.gif');border:1px solid #D84EEC;}
span#t02 {font-family:'Nanum Gothic';font-size:11px;color:#FFFF80;background:url('/_yesweb/_image/txt_bak2.gif');border:1px solid #ED7E56;}
span#t03 {font-family:'Nanum Gothic';font-size:11px;color:#ffffff;background:url('/_yesweb/_image/txt_bak3.gif');border:1px solid #4689DD;}
span#t04 {font-family:'Nanum Gothic';font-size:11px;color:#ffffff;background:url('/_yesweb/_image/txt_bak4.gif');border:1px solid #DC4359;}
span#t05 {font-family:'Nanum Gothic';font-size:11px;color:#ffffff;background:url('/_yesweb/_image/txt_bak5.gif');border:1px solid #5348DB;}
span#t06 {font-family:'Nanum Gothic';font-size:11px;color:#ffffff;background:url('/_yesweb/_image/txt_bak6.gif');border:1px solid #8344D2;}
span#t07 {font-family:'Nanum Gothic';font-size:11px;color:#ffffff;background:url('/_yesweb/_image/txt_bak7.gif');border:1px solid #D89D4B;}
span#t08 {font-family:'Nanum Gothic';font-size:11px;color:#ffffff;background:url('/_yesweb/_image/txt_bak8.gif');border:1px solid #DD44A6;}
span.help {color:#666666;}
span.c01 {color:#FF00FF;}
.line {line-height:18px}
.cmt {line-height:18px;color:#666666;font-size:12px}
.tr_title2 {color:#FFFFFF; font-family:; font-weight:bold; text-align:center; background:#999999; height:22px}
.tr {text-align:center; background:#FFFFFF; height:22px;}
.tr2 {text-align:center; background:#f9f9f9; height:22px}
.td {height:25px;padding-left:10px;background:#f9f9f9}
.td2 {height:25px;padding-left:10px;background:#FFFFFF}
.admin_sh {background:#f9f9f9;border:1px dotted #999999;}
.preview {width: 220px; height: 220px; text-align: center; border:1px solid silver;}
.pic {border-top:1px solid;border-top-color:#e7e7e7;border-left:1px solid;border-left-color:#e7e7e7;
border-right:1px solid;border-right-color:#e7e7e7;border-bottom:1px solid;border-bottom-color:#e7e7e7;}
.location {color:#666666; padding-left:10px}
.sub_m {height:25;border-bottom:1px dotted #cccccc;padding-left:10px;}
.png24 {tmp:expression(setPng24(this))}
/* 우편번호검색 */
.clear {clear:both;padding:0;margin:0;line-height:0;font-size:0;height:0;}
h1.atitle {padding:15px 0;font-weight:bold;font-size:14px;color:#666;letter-spacing:-1px}
div#popDiv {width:95%;margin:0 auto;}
div#popDiv h1 {border-bottom:1px solid #FFC6AA;}
div#popDiv .prss {padding:10px 0;}
div#popDiv .prssbtn {padding:20px 0;text-align:center}
.zip_sh .ty {border-bottom:1px solid #dedede;}
.zip_sh .ty p {padding:10px;color:#666;margin-right:1px;float:left;width:100px;text-align:center;cursor:pointer;}
.zip_sh .ty p.on {background:#ccc;font-weight:bold;}
.zip_sh .ty p.off {background:#eee;font-weight:normal;}
.zip_sh .wrap {padding:10px;border-bottom:1px solid #e7e7e7;color:#666;}
.zip_sh .wrap .doro {padding:5px 0;border-bottom:1px solid #e7e7e7;margin-bottom:5px;color:#666;}
.zip_sh .wrap #search_txt {padding-top:10px;color:#FF0000;font-size:11px;font-family:돋움;display:none;}
.zip_sh input.ipt {border:1px solid #dedede;color:#666;height:18px;line-height:18px;}
.zip_sh .no_result {padding:30px 0;color:#666;text-align:center;}
.zip_sh .result {padding:10px;margin:5px 0;line-height:23px;}
.zip_sh .result p.address {white-space:nowrap;border-bottom:1px solid #e7e7e7;}
.zip_sh .result p.address a {text-decoration:none;}
.zip_sh .sample {padding:10px;margin-top:10px;background:#eee;clear:both;}
.zip_sh .sample p {color:#666;}
.zip_sh .sample p.on {display:block;}
.zip_sh .sample p.off {display:none;}
.zip_sh #search_ipt {height:25px;}
.zip_sh #search_ipt p {float:left;}
.zip_sh #search_ipt p.on {display:block;}
.zip_sh #search_ipt p.off {display:none;}
-->
/*커스텀 추가 css*/
/*###### 기타 공통######*/
html,body {margin:0;padding:0; }
#wrap {float:left; width:100%; position:relative; min-width:1200px;}
.main_wrap { background-color:#ffffff;}
.inner {width:1200px; margin:0 auto; position:relative;}
/* 게시판 페이징*/
div.page_list {font-weight:bold; padding:20px;text-align:center; display:table; margin:25px auto;}
div.page_list > span {display:inline-block; width:32px; height:32px; border:1px solid #706565; float:left; line-height:32px; background-color:#706565; color:white; margin-left:7px; }
div.page_list > a {display:inline-block; width:32px; height:32px; border:1px solid #d0d0d0; float:left; line-height:32px; margin-left:7px; color:black;}
div.page_list > a:hover {background-color:#706565; color:white; border:1px solid #706565;}
/*admin 페이지 css*/
.admin-home {position: absolute; left:690px; top:80px; }
.admin-home ul {margin:0; float:left;}
.admin-home ul li {float: left;margin-right:20px;}
/*팝업*/
#popup {position:absolute; top:129px; left:0; width:100%; z-index:999;}
#popup > div {float:left; max-width:100%; margin:10px;}
#popup > div > img {max-width:100%;}
/*#### 최상단 메뉴 ####*/
#menu_top {position:relative; float:left; width:100%; height: 35px; line-height:35px; background:#2381c5; z-index:1; }
#menu_top .float_left {float:left; color: #ffffff; font-family: 'NanumSquare', sans-serif;}
#menu_top .float_right {float:right; margin-right:10px;}
#menu_top .float_right a {color: #ffffff; font-family: "Noto Sans KR", sans-serif;}
/*###### header #########*/
#header {width:100%; position:relative; float:left; background-color:#ffffff; height: 100px; z-index:1;}
#header > .inner {height:100%; z-index:1;}
#header > .inner .compy {
position: absolute; width: 100%;
/*
background-image: url("../images/menu_img.png");
background-repeat: no-repeat;
background-position: 0 116px;
*/
display: none;
}
/*로고*/
#top_logo {padding:26px 0 0 0; float:left; }
#top_logo p{float:right; font-size:17px; color:#1A80C5; font-family:'Daum'; line-height:22px; padding-left:8px;}
#top_logo p span{font-size:24px; font-family:'Daum';}
#top_logo p span.sk_en{font-size:14px;}
#main_gnb {position:relative; float:right; z-index:1; margin-right: 100px;}
/*서브카테고리 배경색*/
#gnb_bg {position:absolute; top:0px; left:0; width:100%; background-color:#ffffff; z-index:1; height: 100px; ;
/*-webkit-box-shadow: 10px 7px 0px 10px rgba(0,0,0,0.55);
-moz-box-shadow: 10px 7px 10px 0px rgba(0,0,0,0.55);
box-shadow: 10px 7px 10px 0px rgba(0,0,0,0.55);*/
}
#gnb_bg > div {position:absolute; width:100%; top: 100px; left:0; border-bottom:1px solid #194b82;}
/*메인카테고리*/
#main_gnb > ul {float:left; position:relative;}
#main_gnb > ul > li {float:left; position:relative;}
#main_gnb > ul > li:first-child:before {border: 0;}
/*main_gnb > ul > li:before {content: ''; width: 1px; height: 15px; border-left: 1px solid #333333; position: absolute; top: 42px;}*/
#main_gnb > ul > li > a {font-size:18px; height: 60px; float:left; padding: 40px 55px 0 55px; background-color:#ffffff; font-family: 'NanumSquare', sans-serif;}
#main_gnb > ul > li > a span.eng {display: block; font-size: 14px; text-align: center; line-height: 18px;}
#main_gnb > ul > li > a:hover {font-weight:bold;}
/*서브카테고리
ul.sub_gnb {position:relative; display:block; padding:20px 0 0 0; clear:both; display:none;}
ul.sub_gnb > li {margin-bottom: 15px; text-align: center; position: relative;}
/*ul.sub_gnb > li:before {content: ''; border-left: 4px solid #2381c5; width: 100%; height: 100%; left: 20px; position: absolute;}*/
/*ul.sub_gnb > li:hover {border-left: 4px solid #2381c5; margin-left: -4px;}
ul.sub_gnb > li > a {font-size:14px; white-space:nowrap; width:100%; z-index:1; letter-spacing: -1px; position: relative;}
ul.sub_gnb > li > a:before { content: ''; border-left: 4px solid #2381c5; width: 100%; height: 100%; left: -10px; position: absolute; display: none;}
ul.sub_gnb > li > a:hover:before {display: block;}
*/
/* 서브메뉴 변경 css 201-05-29 */
/*네이버 스퀘어 font-family: 'NanumSquare', sans-serif; */
@import url("http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css");
/*본고딕 font-family: 'Noto Sans', sans-serif; */
@import url("http://fonts.googleapis.com/css?family=Noto+Sans");
#lnbmenu {position: absolute; top: 101px; width: 100%;}
#lnbmenu > div {display: none; position: absolute; width: 100%;}
#lnbmenu > div > ul {overflow: hidden; background: #ffffff;}
#lnbmenu > div > ul li {float: left; width: 170px; height: 218px; box-sizing: border-box; border-right: 1px solid #e1e1e1;}
#lnbmenu > div > ul li a {display: block; height: 218px;}
#lnbmenu > div > ul li dl {padding: 34px 0 0 8px;}
#lnbmenu > div > ul li dl dt {font-family: 'NanumSquare', sans-serif; font-size: 17px; letter-spacing: -1px; color: #383838; font-weight: bold; margin-bottom: 14px;}
#lnbmenu > div > ul li dl dd {font-family: 'Noto Sans', sans-serif; font-size: 14px; letter-spacing: -1px; color: #7e7e7e; line-height:1.2;}
#lnbmenu > div > ul li:first-child {border-left: 1px solid #e1e1e1;}
#lnbmenu > div > ul li a:hover > dl dt {color: #ffffff;}
#lnbmenu > div > ul li a:hover > dl dd {color: #ffffff;}
/* 배경 회사소개 서브메뉴 */
#lnbmenu .lnb01 .lnbm01 {background: url('../images/lnb01_m01.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm01:hover {background: url('../images/lnb01_m01_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm02 {background: url('../images/lnb01_m02.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm02:hover {background: url('../images/lnb01_m02_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm03 {background: url('../images/lnb01_m03.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm03:hover {background: url('../images/lnb01_m03_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm04 {background: url('../images/lnb01_m04.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm04:hover {background: url('../images/lnb01_m04_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm05 {background: url('../images/lnb01_m05.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm05:hover {background: url('../images/lnb01_m05_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm06 {background: url('../images/lnb01_m06.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm06:hover {background: url('../images/lnb01_m06_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm07 {background: url('../images/lnb01_m07.jpg') no-repeat center bottom;}
#lnbmenu .lnb01 .lnbm07:hover {background: url('../images/lnb01_m07_on.jpg') no-repeat center bottom;}
/* 배경 제품소개 서브메뉴 */
#lnbmenu .lnb02 .lnbm01 {background: url('../images/lnb02_m01.jpg') no-repeat center bottom;}
#lnbmenu .lnb02 .lnbm01:hover {background: url('../images/lnb02_m01_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb02 .lnbm02 {background: url('../images/lnb02_m02.jpg') no-repeat center bottom;}
#lnbmenu .lnb02 .lnbm02:hover {background: url('../images/lnb02_m02_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb02 .lnbm03 {background: url('../images/lnb02_m03.jpg') no-repeat center bottom;}
#lnbmenu .lnb02 .lnbm03:hover {background: url('../images/lnb02_m03_on.jpg') no-repeat center bottom;}
/* 배경 사업소개 서브메뉴 */
#lnbmenu > .lnb03 > ul li {width: 201px;}
#lnbmenu .lnb03 .lnbm01 {background: url('../images/lnb03_m01.jpg') no-repeat center bottom;}
#lnbmenu .lnb03 .lnbm01:hover {background: url('../images/lnb03_m01_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb03 .lnbm02 {background: url('../images/lnb03_m02.jpg') no-repeat center bottom;}
#lnbmenu .lnb03 .lnbm02:hover {background: url('../images/lnb03_m02_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb03 .lnbm03 {background: url('../images/lnb03_m03.jpg') no-repeat center bottom;}
#lnbmenu .lnb03 .lnbm03:hover {background: url('../images/lnb03_m03_on.jpg') no-repeat center bottom;}
/* 배경 고객지원 서브메뉴 */
#lnbmenu .lnb04 .lnbm01 {background: url('../images/lnb04_m01.jpg') no-repeat center bottom;}
#lnbmenu .lnb04 .lnbm01:hover {background: url('../images/lnb04_m01_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb04 .lnbm02 {background: url('../images/lnb04_m02.jpg') no-repeat center bottom;}
#lnbmenu .lnb04 .lnbm02:hover {background: url('../images/lnb04_m02_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb04 .lnbm03 {background: url('../images/lnb04_m03.jpg') no-repeat center bottom;}
#lnbmenu .lnb04 .lnbm03:hover {background: url('../images/lnb04_m03_on.jpg') no-repeat center bottom;}
#lnbmenu .lnb04 .lnbm04 {background: url('../images/lnb04_m04.jpg') no-repeat center bottom;}
#lnbmenu .lnb04 .lnbm04:hover {background: url('../images/lnb04_m04_on.jpg') no-repeat center bottom;}
/* 언어버튼 */
.langBtn {position: absolute; right: 0; top: 35px; z-index: 1000; overflow: hidden; background: #2984c6; border: 2px solid #bdbdbd; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.langBtn li {float: left; padding: 0 10px; height: 25px; line-height: 25px; }
.langBtn li a {color: #1f5fb7;}
.langBtn li.ko {background: #12b8c; border-radius: 0 20px 20px 0; box-shadow: 1px 0 1px #3b4954;
background: -webkit-linear-gradient(left top, #12b8c7, #47c97e); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, #12b8c7, #47c97e); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #12b8c7, #47c97e); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, #12b8c7, #47c97e); /* Standard syntax */
}
.langBtn li.ko a {color: #ffffff; text-shadow:1px 1px #0d0408; font-weight: bold;}
/*.langBtn li.en:hover {background: #47c97e; border-radius: 20px 0 0 20px;}*/
.langBtn li.en:hover a {color: #ffffff; text-shadow:1px 1px #0d0408; font-weight: bold;}
/*---------------- 끝 ------------------*/
#header .compy .gnb_title {position: absolute; top: 180px; left: 65px;}
#header .compy .gnb_title h1 {font-size: 35px; text-align: center;}
#header .compy .gnb_title h1 span {display: block; font-size: 25px; line-height: 25px;}
/*###### content #########*/
#content {position:relative; float:left; width:100%; background-color:#ffffff; margin-bottom:20px; z-index:0;}
/*메인배너 section1*/
#main_sec1 {position:relative; width:100%;}
#main_sec1 .main_ban .bxslider1 > li .inner {position: relative;}
#main_sec1 .main_ban .bxslider1 > li .inner a.vBtn {position: absolute; bottom: 370px; right: 410px; font-size: 16px; border: 1px solid #5b626a; padding: 10px 25px; display: block; font-family: "Noto Sans KR", sans-serif;}
#main_sec1 .main_ban .bxslider1 > li .inner a.vBtn i {margin-left: 5px; font-size: 17px;}
#main_sec1 .main_ban .bxslider1 > li .inner a.vBtn:hover {color: #ffffff; background-color: #2381c5; border: 1px solid #5b626a;}
#main_sec1 .main_ban .bxslider1 > li .inner a.vBtn_wite {position: absolute; bottom: 370px; right: 410px; font-size: 16px; border: 1px solid #5b626a; padding: 10px 25px; display: block; font-family: "Noto Sans KR", sans-serif;}
#main_sec1 .main_ban .bxslider1 > li .inner a.vBtn_wite i {margin-left: 5px; font-size: 17px;}
#main_sec1 .main_ban .bxslider1 > li .inner a.vBtn_wite:hover {color: #ffffff; background-color: #2381c5; border: 1px solid #5b626a;}
/* 중앙부분 배너 1 */
#wrap .bannerSection {width: 100%; margin: 40px 0; clear: both;}
#wrap .bannerSection .bannerCont { overflow: hidden;}
#wrap .bannerSection .bannerCont .bbtn {width: 33.33%; float: left; padding: 15px 0 0 20px; position: relative; height: 283px; border: 1px solid #e5e6e9; box-sizing: border-box; border-left: none;}
#wrap .bannerSection .bannerCont .bbtn:first-child {border-left: 1px solid #e5e6e9;}
#wrap .bannerSection .bannerCont .bbtn h1 {margin-bottom: 10px; font-size: 22px; color: #000000t;}
#wrap .bannerSection .bannerCont .bbtn p {color: #848484; font-size: 14px; font-family: 'NanumSquare', sans-serif;}
#wrap .bannerSection .bannerCont .bbtn a {position: absolute; top: 65px; left: 20px;}
/* 배경*/
#wrap .bannerSection .bannerCont .bbtn.b_01 {background-image: url('../images/bbtn_bg_01.jpg'); background-repeat: no-repeat; background-position: center 0; background-color: #fbfbfb;}
#wrap .bannerSection .bannerCont .bbtn.b_02 {background-image: url('../images/bbtn_bg_02.jpg'); background-repeat: no-repeat; background-position: center 0;background-color: #fbfbfb;}
#wrap .bannerSection .bannerCont .bbtn.b_03 {background-image: url('../images/bbtn_bg_03.jpg'); background-repeat: no-repeat; background-position: center 0; background-color: #fbfbfb;}
/* 중앙부분 배너 2 */
#wrap .bannerSection.sec_02 {margin-top: 50px;}
#wrap .bannerSection.sec_02 .sec02_bg {overflow: hidden;}
/* 배너 배경 class */
#wrap .bannerSection.sec_02 .sec02_bg.n1 {background: url('../images/sec02bg_n1_img.jpg') no-repeat center top; background-size: cover;}
#wrap .bannerSection.sec_02 .sec02_bg.n2 {background: url('../images/sec02bg_n2_img.jpg') no-repeat center top; background-size: cover;}
#wrap .bannerSection.sec_02 .sec02_bg.n3 {background: url('../images/sec02bg_n3_img.jpg') no-repeat center top; background-size: cover;}
#wrap .bannerSection.sec_02 .sec02_bg.n4 {background: url('../images/sec02bg_n4_img.jpg') no-repeat center top; background-size: cover;}
/* 공통 */
#wrap .bannerSection.sec_02 .inner .sec02_bg > div {width: 50%; float: left; text-align: center; height: 347px; padding-bottom: 23.6%; box-sizing: border-box; position: relative;}
#wrap .bannerSection.sec_02 .inner .sec02_bg > div h1 {font-size: 30px; color: #ffffff; font-weight: bold; position: relative; padding-top: 24%; font-family: 'NanumSquare', sans-serif;}
#wrap .bannerSection.sec_02 .inner .sec02_bg > div .listC {margin-top: 40px;}
#wrap .bannerSection.sec_02 .inner .sec02_bg > div .listC ul li {font-size: 14px; color: #ffffff; margin-bottom: 5px; font-family: arial;}
#wrap .bannerSection.sec_02 .inner .sec02_bg > div .moreBtn {text-align: center; position: absolute; bottom: 30px; left: 47%;}
#wrap .bannerSection.sec_02 .inner .sec02_bg > div .moreBtn a {position: relative; color: #676769; text-decoration: none; font-family: arial; font-size: 12px; z-index: 0;}
#wrap .bannerSection.sec_02 .inner .sec02_bg > div .moreBtn a i {position: absolute; bottom: -14px; left: 14px;}
#wrap .bannerSection.sec_02 .inner .sec02_bg > div .moreBtn a:hover {color: #ffffff;}
/* 아이콘 */
#wrap .bannerSection.sec_02 .inner .sec02_bg > div.plc_01 h1:before {content: ''; width: 45px; height: 66px; background: url('../images/sec_02_icon_01.png') no-repeat center center; position: absolute; top: 55px; left: 280px; }
#wrap .bannerSection.sec_02 .inner .sec02_bg > div.plc_02 h1:before {content: ''; width: 79px; height: 49px; background: url('../images/sec_02_icon_02.png') no-repeat center center; position: absolute; top: 55px; left: 265px; }
#wrap .bannerSection.sec_02 .inner .sec02_bg > div.plc_03 h1:before {content: ''; width: 54px; height: 58px; background: url('../images/sec_02_icon_03.png') no-repeat center center; position: absolute; top: 55px; left: 280px; }
#wrap .bannerSection.sec_02 .inner .sec02_bg > div.plc_04 h1:before {content: ''; width: 49px; height: 56px; background: url('../images/sec_02_icon_04.png') no-repeat center center; position: absolute; top: 55px; left: 276px; }
#wrap .bannerSection.sec_02 .inner .sec02_bg .plc_01 {border-bottom: 1px solid #575352;}
#wrap .bannerSection.sec_02 .inner .sec02_bg .plc_02 {border-bottom: 1px solid #575352; border-left: 1px solid #575352;}
#wrap .bannerSection.sec_02 .inner .sec02_bg .plc_04 {border-left: 1px solid #575352;}
/* 마우스 오버시 */
#wrap .bannerSection.sec_02 .inner .sec02_bg .plc_01:hover {background-color: rgba(55,62,78, 0.5);}
#wrap .bannerSection.sec_02 .inner .sec02_bg .plc_02:hover {background-color: rgba(55,62,78, 0.5);}
#wrap .bannerSection.sec_02 .inner .sec02_bg .plc_03:hover {background-color: rgba(55,62,78, 0.5);}
#wrap .bannerSection.sec_02 .inner .sec02_bg .plc_04:hover {background-color: rgba(55,62,78, 0.5);}
/* 게시판 부분 */
#wrap .bbsSection {margin-top: 50px;}
#wrap .bbsSection .inner {overflow: hidden; border: 1px solid #dddddd;}
#wrap .bbsSection .inner div {float: left; width: 33.33%; border-left: 1px solid #dddddd; box-sizing: border-box; position: relative; }
#wrap .bbsSection .inner div:first-child {border-left: none;}
#wrap .bbsSection .inner .bbs_cont {height: 180px;}
#wrap .bbsSection .inner .bbs_cont h1 {font-size: 18px; font-weight: bold; color: #6b6b74; padding: 15px 0 15px 15px; border-bottom: 1px solid #dddddd; font-family: "Noto Sans KR", sans-serif;}
#wrap .bbsSection .inner .bbs_cont .more {position: absolute; top: 13px; right: 15px;}
#wrap .bbsSection .inner .bbs_cont ul { padding: 30px 15px 20px 20px;}
#wrap .bbsSection .inner .bbs_cont ul li {font-size: 14px; color: #737374; margin-bottom: 5px; position: relative; padding-left: 10px; font-family: 'NanumSquare', sans-serif;}
#wrap .bbsSection .inner .bbs_cont ul li a{font-family: "Noto Sans KR", sans-serif;}
#wrap .bbsSection .inner .bbs_cont ul li:before {content: ''; width: 3px; height: 3px; position: absolute; background-color: #7c7c7d; top: 5px; left: 0;}
#wrap .bbsSection .inner .bbs_cont ul li span {float: right;}
#wrap .bbsSection .inner .bbs_cont.cs .csInfo {padding: 25px 15px 20px 20px; width: 100%; border-left: 0;}
#wrap .bbsSection .inner .bbs_cont.cs .csInfo p {font-size: 14px; margin-bottom: 4px; color: #737374;}
#wrap .bbsSection .inner .bbs_cont.cs .csInfo p.num {color: #194b82; font-size: 32px; font-weight: bold; margin-bottom: 5px;}
#wrap .bbsSection .inner .bbs_cont.cs .loBtn {position: absolute; right: 20px; bottom: 35px;}
#footer_banner_wrap {position:relative; float:left; width:100%; margin-bottom: 20px; margin-top: 40px; border-top: 1px solid #f2f4f7; padding-top: 14px;}
#footer_banner {width: 1200px; margin: 0 auto; padding: 10px 0;}
#footer_banner img {vertical-align: middle;}
/* 전체 메뉴 */
#wrap .bottomSection {width: 100%; height: 100%; background-color: #f2f4f7; float: left;}
#wrap .bottomSection .inner {background-color: #ffffff; overflow: hidden;}
#wrap .bottomSection .inner .bL , #wrap .bottomSection .inner .bR {background-color: #f2f4f7;}
#wrap .bottomSection .inner .bL {width: 71%; float: left; padding: 60px 0 60px 40px; background-image: url('../images/all_menu_bg_n.png'); background-repeat: no-repeat; background-position: right bottom;}
#wrap .bottomSection .inner .bL .tgnb > li > a {font-size: 18px; text-decoration: none; color: #353739; margin-bottom: 15px; display: block; font-family: 'NanumSquare', sans-serif;}
#wrap .bottomSection .inner .bL .tgnb > li > a:hover {color: #2381c5;}
#wrap .bottomSection .inner .bL .tgnb > li {float: left; margin: 0 20px;}
#wrap .bottomSection .inner .bL .tgnb > li:first-child {margin-left: 0;}
#wrap .bottomSection .inner .bL .bgnb > li > a {font-size: 13px; text-decoration: none; color: #5f6166; font-family: 'NanumSquare', sans-serif;}
#wrap .bottomSection .inner .bL .bgnb > li {margin-bottom: 10px; position: relative; padding-left: 10px; font-family: 'NanumSquare', sans-serif;}
#wrap .bottomSection .inner .bL .bgnb > li:before {content: ''; width: 3px; height: 3px; position: absolute; background-color: #7c7c7d; top: 5px; left: 0;}
#wrap .bottomSection .inner .bL .blnb {margin: 10px 0;}
#wrap .bottomSection .inner .bL .blnb > li > a {font-size: 13px; text-decoration: none; color: #5f6166; font-family: 'NanumSquare', sans-serif;}
#wrap .bottomSection .inner .bL .blnb > li {padding-left: 2px; margin-bottom: 10px;}
#wrap .bottomSection .inner .bR {width: 20.41%; float: right; padding: 34px 30px 33px 30px;}
#wrap .bottomSection .inner .bR .qa {margin-bottom: 5px;}
#wrap .bottomSection .inner .bR .qa a , #wrap .bottomSection .inner .bR .cd a {display: block; width: 85%; padding: 20px; background-color: #8cbbdd; text-align: center;}
#wrap .bottomSection .inner .bR .qa a:hover {background-color: #373e4e;}
#wrap .bottomSection .inner .bR .cd a:hover {background-color: #373e4e;}
#scrollUp {
bottom: 20px;
right: 20px;
padding: 20px 20px;
background: #555;
color: #fff;
}
/* 영문 버튼 */
.goen img {vertical-align: middle; margin: 0 5px;}
/*###### footer #########*/
.m_in {display: none;}
#footer{position:relative; float:left; width:100%; background-color:#ffffff;}
#footer .copy_cont {border-top: 1px solid #e9e9e9;}
#footer .copy_cont .inner .logo {float: left; padding: 55px 50px 0 0;}
#copyright {float:left; padding:47px 0; color:#8d8d8d; line-height:16px; font-size: 12px; font-family: "Noto Sans KR", sans-serif;}
#bot_nav {display:block; height: 25px; line-height:15px; padding: 10px 0 2px 0;}
#bot_nav > li {float:left; padding-left:10px; padding-right:10px; border-left:1px solid #696c70;}
#bot_nav > li:first-child { border-left:0; padding-left:0;}
#bot_nav > li > a {color: #696c70; font-weight:bold; font-family: "Noto Sans KR", sans-serif;}
#bot_nav > li > a:hover {color:#c6c6c6;}