body {font-family: 'Noto Sans CJK KR','Noto Sans KR','나눔 바른 고딕','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo',sans-serif;}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:1116px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:0;width:1116px;zoom:1;height:93px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left; padding-top: 10px;}

.top_num { width:1116px;margin:0 auto;text-align:right;}

.gnb_wrap { float:right;}
.n_gnb { overflow:hidden;padding:0;margin-top:15px !important;}
.n_gnb li { float:left;}
.n_gnb li a { font-size:17px;display:block;padding:20px 15px;}


/** 중간 레이아웃 */
#wrapper { width:100%;z-index:5;margin:0 auto;zoom:1;overflow:hidden;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

#container {z-index:4;position:relative;float:left;padding:0;width:100%;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1;overflow:hidden;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/* 하단 레이아웃 */
#ft {min-width:1116px;border-top:1px solid #dde4e9;background:#f2f5f9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:970px;text-align:center}

#ft_company {text-align:center}

#ft_copy {background:#414141}
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;width:970px;color:#fff}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}


/*smsWrap*/
.smsWrap { width:100%;background:url(/img/index/main_sms_bg.jpg) repeat-x center center; }
.smsWrap .smsCont { width:1116px;margin:0 auto;overflow:hidden;}
.smsWrap .sms_txt { float:left;padding:20px 0;}
.smsWrap .sms_box { float:right;}


/*main_contwrap*/
.main_contwrap { width:100%;overflow:hidden;padding:55px 0;}
.main_contwrap .main_cont_benner { width:1116px;margin:0 auto;overflow:hidden}
.main_contwrap .main_cont_benner ul { padding:0;margin:0;list-style:none;}
.main_contwrap .main_cont_benner ul li { float:left;margin-right:6px;width:24.3%;height:333px;position:relative;opacity: 1;transition: all 0.5s;}
.main_contwrap .main_cont_benner ul li:hover { opacity: 0.7;}
.main_contwrap .main_cont_benner ul li:nth-child(3) { background:url(/img/index/main_cont01.jpg) no-repeat 0 0;}
.main_contwrap .main_cont_benner ul li:nth-child(4) { background:url(/img/index/main_cont02.jpg) no-repeat 0 0;}
.main_contwrap .main_cont_benner ul li:nth-child(1) { background:url(/img/index/main_cont03.jpg) no-repeat 0 0;}
.main_contwrap .main_cont_benner ul li:nth-child(2) { background:url(/img/index/main_cont04.jpg) no-repeat 0 0;}
.main_contwrap .main_cont_benner ul li:nth-child(5) { background:url(/img/index/main_cont05.jpg) no-repeat 0 0;}
.main_contwrap .main_cont_benner ul li:last-child { margin-right:0}
.main_contwrap .main_cont_benner ul li a { display:block;}
.main_contwrap .main_cont_benner ul li a strong { display:block;font-size:20px;text-align:center;position:absolute;top:50%;width:100%;background:url(/img/index/main_cont_title_dot.jpg) no-repeat center bottom;padding-bottom:10px;}
.main_contwrap .main_cont_benner ul li a p { display:block;width:100%;color:#222;font-size:15px;position:absolute;text-align:center;font-weight:300;bottom:50px}
/*.main_contwrap .main_cont_benner ul li:nth-child(3) a p { bottom:30px}*/

/*boad_benner_wrap*/
.boad_benner_wrap { background:#f5f5f5;padding:42px 0;overflow:hidden;}
.boad_benner_wrap .boad_benner { width:1116px;margin:0 auto;overflow:hidden;}
.boad_benner_wrap .boad_benner .benner { float:left;margin-right:11px;}
.boad_benner_wrap .boad_benner .press { float:left;width:270px;box-sizing:border-box;border:1px solid #bbb}
.boad_benner_wrap .boad_benner .m_location { float:right;width:270px;box-sizing:border-box;position:relative;box-sizing:border-box;border:1px solid #bbb;height:246px;}
.boad_benner_wrap .boad_benner .m_location strong { display:block;height:60px;background:#1d60ad;color:#fff;border:1px solid #bbb;font-size:20px;font-weight:bold;box-sizing:border-box;padding:12px 13px;}
.boad_benner_wrap .boad_benner .m_location .location_more { display:block;right:15px;top:17px;position:absolute;}
.boad_benner_wrap .boad_benner .m_location .map { width:228px;height:156px;margin:7px auto;}

.wrap_controllers { display:none;}

/*sms_box*/
.sms_box {}
.sms_box #main_sms { width:550px;overflow:hidden;}
.sms_box .c_form { margin:26px 80px 0 0;}
.sms_table tr td { vertical-align:top;}
.sms_table tr td.right_P { padding-right:20px;}
.sms_table tr td.right_P02 { padding-right:10px;}
.sms_table tr td label { font-size:14px;font-weight:bold;display:block;47px;text-align:right;color:#fff;padding-right:10px;}
.sms_table tr td input { width:137px;height:32px;padding:10px;box-sizing:border-box;}
.sms_table tr td textarea { width:184px;height:71px;box-sizing:border-box;padding:10px;}


/*bottom_bennerWrap*/
.bottom_bennerWrap { width:100%;overflow:hidden;padding:30px 0;}
.bottom_bennerWrap .bottom_benner { width:1116px;margin:0 auto;}
.bottom_bennerWrap .bottom_benner .benner_list { padding:0;margin:0;list-style:none;overflow:hidden;}
.bottom_bennerWrap .bottom_benner .benner_list li { float:left;margin-right:5px;}
.bottom_bennerWrap .bottom_benner .benner_list li:last-child { margin-right:0}

/*bottom_menuWrap*/
.bottom_menuWrap { width:100%;background:#242529;height:54px;padding:9px 0;box-sizing:border-box;}
.bottom_menuWrap .bottom_menu { width:770px;margin:0 auto;} 
.bottom_menuWrap .bottom_menu ul { padding:0;margin:0;list-style:none; display:inline-block; width:100%;}
.bottom_menuWrap .bottom_menu ul li { float:left;padding:10px 20px;}
.bottom_menuWrap .bottom_menu ul li a { color:#fff;}


/*footer*/
.footer { position:relative; width:100%; }
.footer .footercont { width:1116px;margin:0 auto; padding:20px 0;position:relative;}
.footer .footercont:after { clear:both; content:""; display:block }
.footer .footercont p { display:block;float:left;font-size:16px;color:#929292;margin-top:41px}
.footer .footercont ul { display:block;float:right;padding:0;margin:0;list-style:none; }
.footer .footercont ul li { float:left;margin-left:20px;}
.footer .footercont ul li img { width:150px; }
.footer .footercont ul li:first-child img { width:160px }
.footer .footercont .admin_bt { display: block; font-size: 14px;  color: #fff;  background: #000;  width: 60px;  position: absolute;  text-align: center;  padding: 2px;  bottom: -40px;  left: 500px;}


/*page_content*/
.page_content { padding-bottom:100px;}


/* //////////// 서브 레이아웃 영역 ///////////// */
#subWrap { padding-top:30px;}
#subWrap .sub_img { width:100%;background:url(/img/sub/sub_visual_bg.jpg) repeat-x center center;height:180px;}
#subWrap .sub_img p { display:block;margin:0 auto;width:1116px;font-size:20px;color:#fff;text-align:center;padding-top:57px}
.sub_inner {width:1116px;margin:0 auto;border-width:0 1px;;overflow:hidden;}
.sub_inner .side_area {float:left;width:225px;}
.sub_inner .content_area {float:left;width:840px; margin: 30px 0 0 0; padding:0 0 0 49px;min-height:500px;}
.sub_inner .infoTable { border-collapse:collapse;word-wrap :break-word; width:100%; border-top:2px solid #f5c815; border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.sub_inner .infoTable th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px; color:#345cce; }
.sub_inner .infoTable td { font-size:13px; padding:10px;border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; line-height:16px;}
.sub_inner .infoTxt { color:#555; line-height:24px; font-size:13px;}
.sub_cont strong { color:#d96a19; background:url(/img/bull.png) no-repeat 0% 50%; font-size:16px; padding-left:12px; margin-bottom: 5px;display: inline-block; }
.subArea { margin-bottom: 20px;}
.subArea h3 { color:#2550cb;font-size:15px;}

 
/* 사이드 네비 */
#snb .tit_box, #snb .tit_box_2 , #snb .tit_box_3
{width:225px;height:125px;overflow:hidden;padding:0 20px; box-sizing:border-box;color: #fff;text-align:center; background: url(/img/sub/sidebar_title_bg.jpg) no-repeat 0 0;}
#snb .tit_box_2, #snb .tit_box_3 { padding:0 20px;}
#snb .tit_box h2, #snb .tit_box_2 h2, #snb .tit_box_3 h2{font-size: 23px; padding: 35px 0 0px; letter-spacing: -0.05em; font-weight: bold;}
#snb .tit_box h3, #snb .tit_box_2 h3, #snb .tit_box_3 h3 { font-size:17px;color:#84e6ff;letter-spacing:-0.07em;font-weight:300}

#snb .tit_box span {display:block;color:#a44182;font-size:12px;}
#snb > ul { padding: 0; margin: 0;}
#snb > ul > li {border-bottom:1px solid #e2e2e2;list-style:none;}
#snb > ul > li > a {display:block; padding:15px; font-size:16px; text-decoration:none; letter-spacing: -2px;}
#snb > ul > li.on > a {background:#dddddd url(/img/sub/side_on.png) no-repeat 196px center; color:#255bd1; font-weight: bold;}
#snb > ul > li > a:hover {background:#dddddd url(/img/sub/side_on.png) no-repeat 196px center; color:#255bd1;}
.heading { margin-bottom:30px;padding-bottom:15px;overflow:hidden}
.heading h2 {float: left; font-size:33px; color:#444444; margin-top: 0; margin-bottom: 0;}
.heading .txt_box {float:left}
.heading .txt_box p {padding-top:5px;color:#999}
.location {float:right;margin-top: 26px;color:#666;}
.location a {color:#666;}
.location a:link {color:#666;}
.location li.fb {color:#8e3871}
.location li:before {content:'> ';font-weight:normal;color:#999;padding:0 4px}
.location li:first-child:before {content:'';padding:0;}
#container_title { display:none;}

/*side_sms*/
.side_online { background:url(/img/sub/online_bg.jpg) no-repeat 0 0; width:240px;height:258px;box-sizing:border-box;    padding: 54px 15px 0;position:relative;}
.side_online input { height:26px;margin-bottom:3px;box-sizing:border-box;border:1px solid #7c7c7c;padding-left:5px;}
.side_online input.side_width { width:104px;}
.side_online input.side_width_long { width:210px;}
.side_margin { margin-right:3px;}
.side_online .tx { width:210px;box-sizing:border-box;}
.side_online .agree { color:#fff;font-size:12px;font-weight:bold;}

.side_benner { margin-top:7px;}


.img_margin { margin-bottom:50px;}
.add_marign { margin-top:20px;}


/*sub20*/
.sub10 { }
.sub10 p { font-size:17px;color:#555;letter-spacing:-0.1em;display:block;margin-bottom:50px;line-height:1.5em;}
.sub10 p strong { display:block;font-size:23px;font-weight:bold;margin:30px 0;line-height:1.5em;}
.sub10 p strong span { color:#3579c4;}
.sub10 .int_img {}
.sub10 .int_img img { display:block; width:100% }


/*location_txt*/
.sub10 .location_txt {}
.sub10 .location_txt dl { font-size:18px;overflow:hidden;letter-spacing:-0.1em;}
.sub10 .location_txt dl dt { display:block;width:180px;font-weight:bold;text-align:right;float:left;margin-bottom:10px;color:#343434}
.sub10 .location_txt dl dd { display:block;width:600px;margin:0;float:left;margin-bottom:10px;color:#1b4d85}
.sub10 .location_txt dl dd:before { content:"|";margin:0 30px;color:#c2c2c2;}

/*.sub*/
.sub20 { }
.sub_box .sub_txt01 { margin-bottom: 50px; border-bottom: 1px solid #bbb;  padding: 0 0 50px 0;}
.sub_box .sub_txt01 strong { display:block;font-size:24px;font-weight:bold;color:#005fca;background:url(/img/sub/sub_title_dot.jpg) no-repeat 0 0;padding-top:12px}
.sub_box .sub_txt01 strong:before { border-top:10px;}
.sub_box .sub_txt01 > p { font-size:17px;color:#222;display:block;margin-top:30px;letter-spacing:-0.1em;line-height:1.6em;text-align:justify;}
.sub_box .sub_txt01 > table { width:100%; border-collapse:collapse; margin-top:30px }
.sub_box .sub_txt01 > table tr th { font-size:17px; border:1px solid #eaeaea; padding:10px 0; background:#727272; color:#fff}
.sub_box .sub_txt01 > table tr td { font-size:17px; border:1px solid #eaeaea; text-align:center; padding:10px 0; }

.sub_box .sub_txt01_end { }
.sub_box .sub_txt01_end strong { display:block;font-size:24px;font-weight:bold;color:#005fca;background:url(/img/sub/sub_title_dot.jpg) no-repeat 0 0;padding-top:12px}
.sub_box .sub_txt01_end strong:before { border-top:10px;}
.sub_box .sub_txt01_end > p { font-size:17px;color:#222;display:block;margin-top:30px;letter-spacing:-0.1em;line-height:1.6em;text-align:justify;}


.sub_box .sub_txt01 .sub_txt_dep {}
.sub_box .sub_txt01 .sub_txt_dep span {     display: block;    padding: 7px 10px;    background: #3579c4;    font-weight: bold;    color: #fff;    font-size: 17px;    width: 387px;    margin-top: 35px;}
.sub_box .sub_txt01 .sub_txt_dep ul { padding:20px;margin:0;list-style:none;overflow:hidden;box-sizing:border-box;width:838px;background:#f5f5f5;border:1px solid #bbb;}
.sub_box .sub_txt01 .sub_txt_dep ul li { }
.sub_box .sub_txt01 .sub_txt_dep ul li .list_box { font-size:16px;margin-bottom:30px}
.sub_box .sub_txt01 .sub_txt_dep ul li .list_box p { padding-left:20px;margin-top:10px;}
.sub_box .margin_none { border-bottom:0;padding-bottom:0}


.sub_box .sub_txt02_end { }
.sub_box .sub_txt02_end strong { display:block;font-size:18px;font-weight:bold;color:#005fca;background:url(/img/sub/txt_2dep.png) no-repeat 0 center;padding-left:12px}
.sub_box .sub_txt02_end strong:before { border-top:10px;}
.sub_box .sub_txt02_end > p { font-size:17px;color:#222;display:block;margin-top:13px;letter-spacing:-0.1em;line-height:1.6em;text-align:justify;}


.sub_box .sub_txt03_end { margin-top:40px; }
.sub_box .txt03_end2 { margin-bottom:30px;}
.sub_box .sub_txt03_end strong { display:block;font-size:18px;font-weight:bold;color:#005fca;background:url(/img/sub/txt_2dep.png) no-repeat 0 center;padding-left:12px}
.sub_box .sub_txt03_end strong:before { border-top:10px;}
.sub_box .sub_txt03_end > p { font-size:17px;color:#222;display:block;margin-top:13px;letter-spacing:-0.1em;line-height:1.6em;text-align:justify;}


.sub_box .sub_txt01 .sub_txt02_dep {}
.sub_box .sub_txt01 .sub_txt02_dep span {     display: block;    padding: 7px 10px;    background: #3579c4;    font-weight: bold;    color: #fff;    font-size: 17px;    width: 387px;    margin-top: 35px;}
.sub_box .sub_txt01 .sub_txt02_dep ul { padding:20px;margin:0;list-style:none;overflow:hidden;box-sizing:border-box;width:838px;background:#f5f5f5;border:1px solid #bbb;}
.sub_box .sub_txt01 .sub_txt02_dep ul li { }
.sub_box .sub_txt01 .sub_txt02_dep ul li .list_box { font-size:16px;margin-bottom:10px;}
.sub_box .sub_txt01 .sub_txt02_dep ul li .list_box_end { font-size:16px;margin-bottom:0;}

.sub_box .sub_txt01 > p.step { text-align:center;}


ul.top_quick{ width:1100px; margin:0 auto; text-align:right;  padding-top:5px;}
ul.top_quick li{display:inline; padding:0 10px;  }
ul.top_quick li.home_icon a{color:#005eb9; background:#fff; padding:10px 15px;}
ul.top_quick li a{color:#fff;}
ul.top_menu{padding-top: 44px !important; float:right;}
ul.top_menu li{ display:inline;}
ul.top_menu a {font-size: 20px;}


.quick{ position:fixed; right:0; top:145px; bottom:0; width:79px; z-index:999999999;}
.quick ul li{ text-align:center;}
.quick_sms{width:174px; height:240px; padding:15px; background:#f5f5f5; border:1px solid #d7d7d7; z-index:100000; position:absolute; top:112px; right:78px;}
.quick_sms div{position:relative; width:100%; height:100%;}
.quick_sms div img.close{position:absolute; top:-62px; right:3px; z-index:55555555555}
.quick_sms input{width:100%; height:25px; border:1px solid #d7d7d7; margin:5px 0 5px ;}
.quick_sms textarea{width:100%; height:100px;  border:1px solid #d7d7d7;  margin-bottom:7px;}


.list_bg { background:#f5f5f5;border:1px solid #bbb;box-sizing:border-box;padding:20px;margin-bottom:50px;}
.list_bg .red { color:red;font-style:normal;}

.tit_p { background:#005fca;font-size:18px;padding:5px 10px;color:#fff; display: inline-block; margin-bottom: 10px;}


/* #ui_follow */
#ui_follow{position:fixed;right:0;top:150px;background:#2f4d73; z-index:1000;
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 )"; 
zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */
	-webkit-transition:top 0.2s cubic-bezier(0.75,0.1,0.25,1);
	transition:top 0.2s cubic-bezier(0.75,0.1,0.25,1);
}
#ui_follow ul li{ width:246px;height:90px; border-bottom:1px solid #7287a2;}
#ui_follow ul li a{ position:relative; display:block; height:100%; float:left;}
#ui_follow ul li a span{ position:absolute;left:0;top:50px;display:block;width:100%;color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:1.2em; letter-spacing:0;}
#ui_follow ul li:hover a { transition:0.5s;}
#ui_follow ul li:hover a span {}
#ui_follow ul li.f1 { height:70px;}
#ui_follow ul li.f1 a{ width:100%; background:url(/img/icon_q01.png) no-repeat top center #f7f7f7;} 
#ui_follow ul li.f1 a span { top:45px; color:#000;}  
#ui_follow ul li.f2 .f21 { background:url(/img/icon_q001.png) no-repeat top center; border-right:1px solid #7287a2;width:122px;}
#ui_follow ul li.f2 .f22 { background:url(/img/icon_q04.png) no-repeat top center; width:123px;}
/*#ui_follow ul li.f3 .f31 { background:url(/img/icon_q06.png) no-repeat top center; border-right:1px solid #7287a2;width:122px;}*/
#ui_follow ul li.f3 .f32 { background:url(/img/icon_q02.png) no-repeat top center; width:123px;}
#ui_follow ul li.f4 .f41 { background:url(/img/icon_q05.png) no-repeat top center; border-right:1px solid #7287a2;width:122px;}
#ui_follow ul li.f4 .f42 { background:url(/img/icon_q07.png) no-repeat top center; width:123px;}

/*#ui_follow ul li.f5 .f51 { background:url(/img/icon_q03.png) no-repeat top center; border-right:1px solid #7287a2;width:122px;}*/
#ui_follow ul li.f5 .f52 { background:url(/img/icon_q00.png) no-repeat top center; width:123px;}

#ui_follow ul li.f3 .f31 { background:url(/img/icon_q08.png) no-repeat top center; border-right:1px solid #7287a2;width:122px;}
#ui_follow ul li.f5 .f51 { background:url(/img/icon_q09.png) no-repeat top center; border-right:1px solid #7287a2;width:122px;}


#ui_follow ul li.f2 .f21:hover { background:url(../img/icon_q001.png) no-repeat top center #194173;}
#ui_follow ul li.f2 .f22:hover { background:url(../img/icon_q04.png) no-repeat top center #194173;}
#ui_follow ul li.f3 .f31:hover { background:url(../img/icon_q08.png) no-repeat top center #194173;}
#ui_follow ul li.f3 .f32:hover { background:url(../img/icon_q02.png) no-repeat top center #194173;}
#ui_follow ul li.f4 .f41:hover { background:url(../img/icon_q05.png) no-repeat top center #194173;}
#ui_follow ul li.f4 .f42:hover { background:url(../img/icon_q07.png) no-repeat top center #194173;}

#ui_follow ul li.f5 .f51:hover { background:url(../img/icon_q09.png) no-repeat top center #194173;}
#ui_follow ul li.f5 .f52:hover { background:url(../img/icon_q00.png) no-repeat top center #194173;}


#ui_follow .top {}